The Pattern Lab for HJF gives developers a clean and stable Drupal library used by the site's theme. Development is maintianed outside the theme for a fully decoupled approach.

• composer

Clone the repo

git clone [email protected]:kanopi/patternlab-hjf.git
cd patternlab-hjf

1. Run npm install or yarn install to install dependencies.
2. Run cd patternlab.
3. Run composer install to install dependencies.
4. If prompted, answer as follows:

• the path ./source/_twig-components/filters already exists. M

• the path ./source/_twig-components/functions already exists. M

• the path ./source/_twig-components/tags already exists. M

• the path ./public/ already exists. M

• update the config option styleguideKitPath n

1. Commit new files generated.

Run gulp to watch and compile the CSS and JS needed for PatternLab. This will start BrowserSync as well. Ignore the following:

• Copy the following snippet into your website ...

These are some helpful commands you can use on the command line for working with Pattern Lab from within the patternlab directory.

This will compile PL and watch for changes while running the local server:

`composer start` or `php core/console --server --quiet & php core/console --watch`

To generate the front-end for Pattern Lab type:

`composer generate` or `php core/console --generate`

You can use PHP's built-in web server to review your Pattern Lab project in a browser. In a separate window type:

`composer server` or `php core/console --server`

Then open http://localhost:8080 in your browser.

`composer update`