This PHP Drupal edition of Pattern Lab is for UCLA's brand guidelines website.

The Standard Edition for Drupal gives developers and designers a clean and stable base from which to develop a Drupal compatible pattern library.

You will need the following installed:

• Composer

Run the following to install dependencies.

$ composer install

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

One line start

This will generate Pattern Lab and start both webpack and Pattern Lab in watch mode while running the local server:

$ npm run dev

Generate Pattern Lab

To generate the front-end for Pattern Lab type:

$ php core/console --generate

Start a server to view Pattern Lab

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

$ php core/console --server

Render the Twig files to HTML

$ php core/console --export

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

Updating Pattern Lab

$	composer update

This section describes the webpack bundling tool.

$ npm install

The above commands will install all dependencies. Then to produce output files, you would execute one of the following commands:

For Development (builds files, does not use watch):

$ npm run build

For Production:

$ npm run live

Output files can be found in /public/assets.

• PatternLab Documentation
• CSS Documentation
• Javascript Documentation

These are crucial pieces that contains documentation that is good to understand:

• pattern-lab/patternengine-twig
• aleksip/plugin-data-transform
• Twig templating language