pattern-lab/php

For all things related to PHP. This includes Drupal.

Erik Mogensen

@mogsie

If there's a syntax error in the twig or JSON files it sometimes fails to build, sometimes with no real explanation of why. But then again it usually detects the error and returns a nonzero exit code. hmm.

Maybe there's a .gitignore that's ignoring stuff that (usually) should not be checked in (from the downloaded version)?

Konrad Abe

@KADlancer

I checked the gitignore and compared what files were transferred to the server. apparently all checks out, works local but doesn't work on the server.

I'm currently changing my tech stack to include composer in my vagrant box and I'll run the same test with the same _patterns but an up to date version installed via composer to compare the results.

yevgeny alianov

@alianov

hi everyone, is it possible to use include() within a yml file, to include another pattern? ( a slide pattern in a slideshow pattern), I am able to use it in a json file, but not in yml. any ideas?

Drupal btw.. this is important as I would like that Drupal will do the html rendering of the slide pattern.

coreylafferty

@coreylafferty

@alianov I think something like this will work:

content:
  join():
    - include():
        pattern: layouts-grid
        with:
          content:
            join():
              - include():
                  pattern: components-card

neetumorwani

@neetumorwani

Hi Everyone - I am using patternlab with Drupal and I ve defined patternlab files namespaces for drupal to pick up file. Problem- There is nesting of files in patternlab and drupal is unable to identify the "included" twig files(shorthand patternlab syntax) in another twig files. Has anyone faced this situation and solved it before?

yevgeny alianov

@alianov

@neetumorwani, can you please paste a code example?

neetumorwani

@neetumorwani

@alianov yeah -

{% for item in items %}
  {% include "atoms-heading" with item only %}
{% endfor %}

where "atoms-heading" is partial name for another patternlab file(kind of nesting) and this results in error at Drupal end

yevgeny alianov

@alianov

try: {% include '@atoms/heading/_heading.twig' with item %}

@neetumorwani _heading.twig stands for your atom pattern template file.

Konrad Abe

@KADlancer

Is there a way to build a patternlab overview page that lists the same content as the patternlab top bar but in expanded tabs/boxes so a concepter/designer can get a better feeling for the whole picture instead of having to navigate through the multiple multi level dropdowns or using the search?

If it doesn't exist, could someone point me in the right direction how to maybe build that myself as a plugin?

I'm using the PHP/Twig version.

Andrew Bailey

@fallenturtle

Anyone know any good guides for setting up Patternlab 2 (PHP version) with gulp? I can't find anything on Google that isn't for PL1

Andrew Bailey

@fallenturtle

Maybe I should write one if I can figure this out. Here's a question: Do I understand correctly now that PatternLab cleans out the old files when it generates and thus I don't need to use any del or clean tasks with Gulp?

jpwitkowski

@oec_jpwitkowski_twitter

Hello! I'm setting up Phase2 PatternLab/Particle 9.7.1 and am unable to get 'pattern states' to work in the styleguide... Is it even functional in this release?

Andrew Bailey

@fallenturtle

Anyone know if listItems.php works with Twig based pattern lab?

Andrew Bailey

@fallenturtle

Nevermind, figured it out

coreylafferty

@coreylafferty

@fallenturtle how'd you do it? I think we typically avoid listitems in Twig PL.

Andrew Bailey

@fallenturtle

I used the pattern Molson shows here: https://github.com/pattern-lab/patternengine-php-twig/issues/4#issuecomment-97175190

{% for listItem in listItems.four %}
{{ listItem.title }}
{% endfor %}

the part I was missing was prefacing all the variables with listItem.

coreylafferty

@coreylafferty

Ok, thanks! I think we usually avoid it because we'd need to use an include inside the for loop, and the listitem data isn't accessible from another twig file.

Andrew Bailey

@fallenturtle

yea, I think i'm about to run into that issue

oh well :/

coreylafferty

@coreylafferty

It's not perfect, but we usually just call the same component multiples times from a YAML file for the component or the template and throw in some data similar to what you'd get from the listitem file(s). example:

/code content:
join():

- include():
    pattern: components-image-teaser
    with:
      image: https://picsum.photos/800/450?image=304
      title: "Title #1"
- include():
    pattern: components-image-teaser
    with:
      image: https://picsum.photos/800/450?image=305
      title: "Title #2

Andrew Bailey

@fallenturtle

thanks, I'll look into that... I've just been using json so far. I might also consider just jumping over the the mustache version since I'm pretty early in my project still... I went with twig initially because I've had experience with it and I wanted to use Timber and develop a WordPress theme and PL style guide in conjunction, but my lead didn't want to use Timber, so its no longer a requirement

coreylafferty

@coreylafferty

Same thing we do in YAML would work in JSON -- but yeah, listItem should work fully in the mustache version.

Tsegaselassie Tadesse

@tsega

Hey y'all! I wanted to get started with Pattern Labs, I'm a Drupal front-end developer. I wanted some pointers on how to get started, which documentation/tutorial to read and learn some best practices.

umakanth29

@umakanth29

Actually i have already installed pattern lab drupal standard edition in drupal custom theme directory and was working on untill now gave those css paths of pattern lab in drupal libraries.yml file but the problem here is when check the aggregate css and JS and save the configuration on drupal UI the styles aren't showing up

David

@davidmoret

Hello everybody. I use pattern-lab in a drupal theme. I started from this repository: https://github.com/EvanLovely/pattern-lab-starter
In the colors.md file I can read "Colors below are automatically pulled from _color-vars.scss" .. this does not work on my side. I was wondering if it was handled by pattern-lab ?

Andrew Bailey

@fallenturtle

David: By default its not but his theme is supposed to as I recall.

are you using the c- prefix with them?

yevgeny alianov

@alianov

Hi everyone, can you please advise - is there a Drupal Sub theme implementation of Pattern Lab, possibly using evanlovely/plugin-twig-namespaces. I would like to list parents theme patterns in a subtheme style guide.

including the parent patterns is not an issue, showing them in a style guide is.

Benet 'Dr' Hitchcock

@starlifterdigi_gitlab

Has anyone set up the twig version locally lately?

Moritz Jaeger

@m4con

@starlifterdigi_gitlab using it with my current project (locally and remote).

Spencer Westwood

@spencerwestwood_twitter

Does anyone have pointers for implementing language changes in components based on the drupal language selected. For example if I have a button that originally has its text body defined in a button-cta.json file and I want to have it translate to the drupal 8 language that the user has selected (say French or Italian) what's a way of implementing this within a D8 theme?

Luke Pinion

@lwpinion

I've switched to PL PHP for the time being, but I'm having trouble getting my localhost running. The documentation indicates that "Pattern Lab comes with its own built-in web server," so I should be able to just serve it with php core/console --server and then pull up http://localhost:8080/ in my browser, right? However, localhost is coming up as connection refused. Is there any configuration that needs to be done with Pattern Lab or PHP to get this functioning?

Shibin Das

@d34dman

Hi guys, do you have any good guide / workflow to integrate forms in Drupal?

Shibin Das

@d34dman

@lwpinion try php core/console --server --host=0.0.0.0

Rajawebz

@Rajawebz

Hi guys, I installed PHP edition with mustache starter-kit by using the command "composer create-project pattern-lab/edition-mustache-standard patternlab2-example && cd $_" and i choose Standard Edition for Mustache with demo starter-kit.While running the command "php core/console --server --with-watch" . But It Showing some errors like "localhost/:257 GET http://localhost:8080/styleguide/data/patternlab-data.js net::ERR_ABORTED 404 (Not Found)
2localhost/:258 GET http://localhost:8080/annotations/annotations.js net::ERR_ABORTED 404 (Not Found)
patternlab-viewer.min.js:1 Uncaught ReferenceError: config is not defined
at patternlab-viewer.min.js:1
(anonymous) @ patternlab-viewer.min.js:1"

Tyler Funk

@tcfunk_twitter

having trouble getting background-image: url() to find the right image path

justclint

@justclint

Hi, were on pattern lab version 2.7.0 with twig/drupal starterkit and was installed with composer. Trying to update to latest so doing a fresh install with npm. For the most part I got everything working but having trouble migrating our /source/_twig-components which includes twig filters, functions and tags. I did find the new file alter-twig.php and seems like moving my functions there works like:

 $env->addFunction(new Twig_SimpleFunction('drupal_menu', function ($string) {
    return $string;
  }));

but cant seem to figure out how to migrate our twig filters and tags.
For example, I tried moving a filter over to alter-twig.php like this:

  $env->addFunction(new \Twig_SimpleFilter('t', function ($string) {
    return $string;
  }));

but results in PHP Fatal error: Uncaught LogicException: A function must be an instance of \Twig_FunctionInterface or \Twig_SimpleFunction

Any idea how to add twig filters and tags to the latest version of pattern lab. Heres my package versions:

  "dependencies": {
    "@pattern-lab/cli": "^5.9.3",
    "@pattern-lab/core": "^5.9.3",
    "@pattern-lab/engine-twig-php": "^5.9.3",
    "@pattern-lab/starterkit-twig-demo": "^5.8.0",
    "@pattern-lab/uikit-workshop": "^5.9.3"
  }

justclint

@justclint

doh, I figured this out, was doing $env->addFunction insteat of $env->addFilter

Mario Hernandez

@mariohernandez

Does anyone know whether there are plans to upgrade Pattern Lab to use Twig 2.0?

1 reply

Vinoth Krishnan

@vinothcascade_gitlab

Hi i am getting Error message when i build patternlab project in command prompt. request to http://127.0.0.1:57953/?type=renderFile failed, reason: connect ECONNREFUSED 127.0.0.1:57953

Please help me how to resolve above issue

Ashish singh

@ashishsingh1331

Drupal 9 with patternlab anyone have any idea?

Flywall

@Flywall

Hi everyone, some know how to add Sass preprocessing in Pattern Lab (php) ?

Where communities thrive

People

Repo info

Activity