phase2 / particle Goto Github PK

scssToJson section currently indicates array of objects like this:

scssToJson:
    - src: source/_patterns/00-base/01-colors/_color-vars.scss
      dest: source/_patterns/00-base/01-colors/colors.json
      lineStartsWith: $c-
      allowVarValues: false
    - src: source/_patterns/01-atoms/01-typography/fonts/_fonts.scss
      dest: source/_patterns/01-atoms/01-typography/fonts/font-sizes.json
      lineStartsWith: $fs--
      allowVarValues: false

when it should be formatted like this:

scssToJson:
    -
      src: source/_patterns/00-base/01-colors/_color-vars.scss
      dest: source/_patterns/00-base/01-colors/colors.json
      lineStartsWith: $c-
      allowVarValues: true
    -
      src: source/_patterns/01-atoms/01-typography/fonts/_fonts.scss
      dest: source/_patterns/01-atoms/01-typography/fonts/font-sizes.json
      lineStartsWith: $fs--
      allowVarValues: false

Also, add - ./bower_components to css.includePaths array.

I'd like to get automatic syntax highlighting going using Highlight.js for code blocks in patterns.

To recreate:

1. Fresh clone of repo
2. npm install && bower install && bundle install
3. grunt
4. Notice that no CSS is applied
5. Stop and then restart grunt - things are styled

Not sure where to put this because the code seems to be dotted about, but I've noticed a bug where, if you are viewing the pattern guide itself at http://localhost:3050/pattern-lab/public/ and you click onto a route, say /pattern-lab/public/?p=base-colors, then hit back, nothing happens. Is this a known fault?

Thanks
Matt

https://github.com/postcss/autoprefixer

It gets us a more automatic way of adding browser-specific prefixes for various CSS experimental features, which should help with overall code quality. Also, Bourbon is apparently going to phase out their prefix support in 5.0, and we should start thinking about how we want to handle that.

Hi there, great work on this. Just wondering if you're going to put it on drupal.org so that we can use composer to install it? There seems to be an older phase2 patternlab project here: https://www.drupal.org/project/patternlab

One thing that I don't see touched upon is your startup guide is how to extend Twig within Pattern Lab.

For example, I have created a new Twig filter under _twig-components and have been able to compile Pattern Lab with the filter being recognized. However, when I go to my site I find that I get a Twig_Error_Syntax error stating that my custom filter cannot be found.

Is there any additional configuration necessary to get Drupal to recognize custom filters when they are created within Pattern Lab's structure? Perhaps there needs to be another couple of lines added to the theme's .info.yml component-libraries block?

I attempted adding the following with no luck:

  twig_components:
    paths:
      - source/_twig-components

and

- source/_twig-components/filters

Would be great if more of our mixins had SassDoc annotations. Upon compile, SassDoc can be viewed at dest/sassdoc/.

I noticed that the class used for button theming isn't the class used by Drupal by default for its out-of-the-box buttons.

What is the plan for this? Will the css be updated to include the classes, etc.. used to target buttons in Drupal, is the intention to modify the Drupal theme to use .btn and .btn--alt, or none-of-the-above?

Use this http://alistapart.com/article/using-css-mod-queries-with-range-selectors

the injectpl function adds all css and js files in dest folder..but how can ignore some files ?
what i try...in gulpconfig.js inside patternlab i added ignorePath: ['../../dest/page.layout.simple-fluid.css'], but didn't work, what is the correct way ? thanks for help

How to reproduce:

1. Fire up the site with grunt
2. Place a link in any .mustache file
3. Click it and notice that it doesn't open

This has to do with the patterns existing in an <iframe>. Would prefer for it to open in a new tab.

It looks like this is an open issue with a posted solution on pattern-lab/patternlab-php#234

It's a really good place to start for a recommended .eslintrc file:

http://cgit.drupalcode.org/drupal/tree/core/.eslintrc?h=8.1.x

Our generator will insert a CHOKIDAR_USEPOLLING environmental variable into the build container yml file. This is because gulp uses CHOKIDAR under the covers for filesystem watches and inside our build container polling needs to be used because both filesystem events aren't supported on linux by this library and because code mounted over NFS doesn't trigger events anyway.

Gulp appears as though it's going to be moving to graze on the next version (see https://github.com/gulpjs/gulp/blob/master/docs/API.md#gulpwatchglob--opts-tasks-or-gulpwatchglob--opts-cb docs about options being passed to graze) and when we update to using it we'll need to reassess our filesystem watch configuration.

It appears new versions of Normalize provide configuration, so inclusion of the base _normalize.scss no longer compiles on its own.

We should investigate config options, if that is desired, or simply update the @import in style.scss to @import "normalize-scss/sass/normalize/import-now";. See the Normalize readme for further information under "Approach 2".

The majority of the work & discussion is happening here: phase2/p2-theme-core#1

There will have to be minor tweaks to this repo once the above work is done though.

From Chris Bloom:

I've had a chance to play around with Pattern Lab node:
https://github.com/pattern-lab/patternlab-node

It's in feature parity with the PHP version and more integrated to Grunt. The best part about it is that I was able to clone the repo, npm install, and run it in Windows with ZERO problems. Then I did the same thing on a new Ubuntu install.

See the progress here: https://github.com/phase2/pattern-lab-starter/projects/1

I'm really keen to understand what this does, but the docs don't make it immediately clear.

What is the relation of this starter to the Drupal install (if any)? Do I create a theme and unpack and run the npm/bower commands there?

I may be well of the mark as to what this software does, if so, I apologies.

TANX
weary

See the icons page.

If not maybe you can suggest any existing library to use pattern lab with drupal 7..?

Thank you!
Thangaraj

Based on this PR to p2-theme-core, bower.json should be updated with proper libraries and link to drupal.js

We need update the inclusion of drupal.js in bower.json and footer.twig so that it takes into account the new drupal core js structure in 8.3

Hi there , i get this warning whenever changing a file

Warning: rmdir(E:/pground/phase2/pattern-lab\public/patterns\02-molecules-caption-block-caption-block): No such file or directory in E:\pground\phase2\pattern-lab\vendor\pattern-lab\core\src\PatternLab\FileUtil.php on line 200

How can i fix this !? something is wrong with those trailing slashes i think ( phase2/pattern-lab\public/ )

Let's get the markup for checkboxes, form fields, and buttons in Pattern Lab exactly like Drupal outputs them.

Error on fresh install and npm start:

[00:17:39] Starting 'watch:pl:scss-to-json'...
[00:17:39] Starting 'watch:pl'...
[00:17:39] 'serve' errored after 54 ms
[00:17:39] TypeError: bs.options.get(...).forEach is not a function
    at Object.getSnippetMiddleware (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/server/utils.js:201:40)
    at Object.getMiddlewares (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/server/utils.js:86:37)
    at Object.getBaseApp (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/server/utils.js:175:39)
    at createServer (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/server/static-server.js:73:27)
    at createServer (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/server/index.js:91:42)
    at module.exports.plugin (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/server/index.js:16:20)
    at Object.startServer [as fn] (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/async.js:195:52)
    at /home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/browser-sync.js:149:14
    at iterate (/home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/utils.js:271:13)
    at /home/illepic/dev/downfall-guild/project/build/dev/d8/themes/custom/patternlab/node_modules/browser-sync/lib/utils.js:280:25
[00:17:39] 'default' errored after 1.17 s
[00:17:39] The following tasks did not complete: watch, watch:icons, watch:js, watch:css, watch:pl:scss-to-json, watch:pl
[00:17:39] Did you forget to signal async completion?

Looking into it.

At first I had placed the patternlab directory at the root of the site. That's where these errors come from, I moved the directory to inside the theme. The same errors persists.

npm ERR! [email protected] start: `gulp clean && gulp compile && gulp`
npm ERR! Exit status 8
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the PatternLabStarter package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     gulp clean && gulp compile && gulp
npm ERR! You can get their info via:
npm ERR!     npm owner ls PatternLabStarter
npm ERR! There is likely additional logging output above.
npm ERR! System Darwin 15.5.0
npm ERR! command "/Users/me/.nvm/v0.10.25/bin/node" "/Users/me/.nvm/v0.10.25/bin/npm" "start"
npm ERR! cwd /Users/me/Sites/d8/patternlab
npm ERR! node -v v0.10.25
npm ERR! npm -v 1.3.24
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR!     /Users/me/Sites/d8/patternlab/npm-debug.log
npm ERR! not ok code 0

Hey Evan, great work here! Been experimenting with similar ways of pairing Pattern Lab w/ Drupal and I am still very much wondering what the best way to do it is so it actually makes sense in how we manipulate data. Was at DrupalCon and obviously lots of talks about it, sessions and ideas being exchanged.

I like the idea about not duplicating templates (which in my opinion should be avoided for sure), but isn't including a twig file in an empty .html.twig essentially duplicating it? Sure, you can add certain attributes, but nothing that couldn't be done if all code lived in one and only .html.twig, right? Unless I am missing something, why not having pattern-lab ready our html.twig templates and rendering that and using json files to populate static content (or the Data Transform Plugin). We can then get rid of the component module, Drupal will actually read the templates located within the /pattern-lab/source/_patterns/ or anywhere else for that matter and Pattern Lab will be just fine with using html.twig files.

I have the feeling that perhaps we want to actually use .twig files to actually write vanilla twig and include that in our .html.twig? If so, what are the advantages of using native twig files exactly? What else am I missing here?

All burning questions that do not criticize your method at all! Just trying to find a workflow I can work towards sustainably and can expect to not remodel too often. So much of this is in its infancy.

Thanks!

I get the following error when running

Running "concurrent:dev" (concurrent) task
>> Local Npm module "grunt-phantomcss" not found. Is it installed?

Looks like it's going into a subfolder in the node_modules file:

PR in progress: https://github.com/phase2/pattern-lab-starter/tree/feature/v10/webpack

I can get the theme up and running

BS] Access URLs:
 ------------------------------------------------------
       Local: http://localhost:3050/pattern-lab/public/
    External: http://10.0.2.15:3050/pattern-lab/public/
 ------------------------------------------------------
          UI: http://localhost:3001
 UI External: http://10.0.2.15:3001
 ------------------------------------------------------
[BS] Serving files from: ./
[BS] Watching files...

However when I can change any of the scss files nothing is automatically recompiled. Any ideas?

These are declared as dependencies in package.json but unless someone has ./node_modules/.bin in their path they won't be found and used allowing/requiring these to be installed globally.

This will really help with specific wording per block on pages. Per @EvanLovely's suggestion, something like: 00-button.global.json. Grunt should have no problem extending various modified json files into _data.json.

First off, 😍 . Seeing this evolve from DrupalCon is awesome, and I love the combination of the pattern lab organization with the extend/include twig approach.

Since this appears to be something available to the community, what are you thinking in terms of license?

I'd like to get all placeholder images local for performance reasons and be boring, gray boxes with a minimal background like a big X, the word "image", or something similar. Perhaps the size or aspect ratio? Basically we want it blatantly obvious that these are not the images to expect in the final page.

Will require phase2/p2-theme-core#25

Also add in a supplementary yaml file to demo that use case (users.yaml, nodes.yaml, etc)

Hello guys!
At first I want to thank you so much for your effort and the work you have done through this theme. It's exactly what I always wanted for Drupal and I planned to build on my own, so thank you so much!

So here my problem with Browser-Sync:
When I start gulp with the patternlab, everything works very well. The styles and the code gets update etc. (except for the small fact, that after starting the script, no style is visible, but after the first change, everything looks right), but when I change the gulpconfig to use my local project URL so it would reload my drupal 8 projekt, it does not reload the CSS.
It starts normally (http://pasteboard.co/6VmeLPhlu.png), but when changing something in the CSS, it stops after generating the css (http://pasteboard.co/6VmQxXj3t.png). Nothing happens after that. It still generates every change in CSS, but I have to reload on my own.

Interesting thing about this: When I change something in the twig files, it seems to break somewhere because of the missing Drupal Twig function "url" PHP Fatal error: Uncaught Twig_Error_Syntax: Unknown "url" function in. (http://pasteboard.co/6VpEj64Vj.png).

The best thing about this, after the template task breaks, it reloads the css correctly in the browser (http://pasteboard.co/6VvQPn9fH.png).

Do I miss something?

Thanks in advance :)

My current understanding of using the pattern lab patterns in the Drupal templates in pattern-lab-starter is the following:
Create the component -> style it -> create the correct Drupal template file with the necessary name and extend the component. Is that correct?

The guys from forum one described in their session at the DrupalCon that they copy every template file automatically into the template folder and just keep the names for the patterns like the Drupal templates (https://events.drupal.org/neworleans2016/sessions/big-easy-front-end-development-pattern-lab-and-twig).
Do you guys use such a workflow or would it be a good extension? Is there maybe already such a workflow integrated and I just don't get it? ^^

Thanks in advance for the answer!

This would allows us to easily add things like font-weight: bold or letter-spacing: -0.3px in addition to the font-family.

I'm not sure what to do, I've upgraded npm and node

node -v
v6.5.0

npm --version
3.10.7

▶ npm install
[npm-debug.log.zip](https://github.com/phase2/pattern-lab-starter/files/480228/npm-debug.log.zip)


(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
(node:15560) Warning: Possible EventEmitter memory leak detected. 11 error listeners added. Use emitter.setMaxListeners() to increase limit
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: lodash@<3.0.0 is no longer maintained. Upgrade to lodash@^4.0.0.
npm WARN deprecated [email protected]: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible. Use 'npm ls graceful-fs' to find it in the tree.
npm WARN deprecated [email protected]: ReDoS vulnerability parsing Set-Cookie https://nodesecurity.io/advisories/130
npm WARN deprecated [email protected]: This package is no longer maintained
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated [email protected]: this package has been reintegrated into npm and is now out of date with respect to npm
npm WARN prefer global [email protected] should be installed with -g
npm WARN prefer global [email protected] should be installed with -g
npm WARN prefer global [email protected] should be installed with -g
npm WARN prefer global [email protected] should be installed with -g
npm WARN prefer global [email protected] should be installed with -g

> [email protected] install /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/fsevents
> node-pre-gyp install --fallback-to-build

[fsevents] Success: "/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/fsevents/lib/binding/Release/node-v48-darwin-x64/fse.node" is installed via remote

> [email protected] install /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/ttf2woff2
> (node-gyp rebuild > builderror.log) || (exit 0)

xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance

xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance


> [email protected] install /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/node-sass
> node scripts/install.js

Start downloading binary at https://github.com/sass/node-sass/releases/download/v3.10.0/darwin-x64-48_binding.node
Binary downloaded and installed at /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/node-sass/vendor/darwin-x64-48/binding.node

> [email protected] postinstall /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/spawn-sync
> node postinstall


> [email protected] postinstall /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/node-sass
> node scripts/build.js

"/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/node-sass/vendor/darwin-x64-48/binding.node" exists.
 testing binary.
Binary is fine; exiting.

> [email protected] postinstall /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/yo
> yodoctor


Yeoman Doctor
Running sanity checks on your system

✔ Global configuration file is valid
✔ NODE_PATH matches the npm root
✔ Node.js version
✔ No .bowerrc file in home directory
✔ No .yo-rc.json file in home directory
✔ npm version

Everything looks all right!

> [email protected] postinstall /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter
> find node_modules/ -name "*.info" -type f -delete && bower install --allow-root && cd pattern-lab && composer install --no-interaction

bower                           EACCES EACCES: permission denied, mkdir '/Users/cristinallamas/.cache/bower'

Stack trace:
Error: EACCES: permission denied, mkdir '/Users/cristinallamas/.cache/bower'
    at Error (native)
    at Object.fs.mkdirSync (fs.js:922:18)
    at sync (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/node_modules/mkdirp/index.js:55:12)
    at sync (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/node_modules/mkdirp/index.js:61:24)
    at sync (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/node_modules/mkdirp/index.js:61:24)
    at Function.sync (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/node_modules/mkdirp/index.js:61:24)
    at new Cache (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/lib/util/Cache.js:21:16)
    at RegistryClient.<anonymous> (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/lib/lookup.js:162:35)
    at Array.forEach (native)
    at RegistryClient.initCache (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-registry-client/lib/lookup.js:149:34)

Console trace:
Error
    at StandardRenderer.error (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/renderers/StandardRenderer.js:81:37)
    at Logger.<anonymous> (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/bin/bower.js:110:26)
    at emitOne (events.js:96:13)
    at Logger.emit (events.js:188:7)
    at Logger.emit (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/bower-logger/lib/Logger.js:29:39)
    at /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/commands/index.js:48:20
    at _rejected (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/q/q.js:844:24)
    at /Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/q/q.js:870:30
    at Promise.when (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/q/q.js:1122:31)
    at Promise.promise.promiseDispatch (/Users/cristinallamas/Sites/agata8/themes/pattern-lab-starter/node_modules/bower/lib/node_modules/q/q.js:788:41)
System info:
Bower version: 1.7.9
Node version: 6.5.0
OS: Darwin 15.6.0 x64

npm WARN [email protected] No license field.
npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/Cellar/node/6.5.0/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v6.5.0
npm ERR! npm  v3.10.7
npm ERR! code ELIFECYCLE
npm ERR! [email protected] postinstall: `find node_modules/ -name "*.info" -type f -delete && bower install --allow-root && cd pattern-lab && composer install --no-interaction`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'find node_modules/ -name "*.info" -type f -delete && bower install --allow-root && cd pattern-lab && composer install --no-interaction'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the PatternLabStarter package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     find node_modules/ -name "*.info" -type f -delete && bower install --allow-root && cd pattern-lab && composer install --no-interaction
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs PatternLabStarter
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls PatternLabStarter
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:

Hy friends and thanks for this nice pl stack. We have problem getting data inheritance to work.
We have atoms defined with same named .yaml files. Than we include those at?ms inside our molecules, but all the data are gone. Are there some known issues while working with twig(namespaces) and yaml.

Dropping svgs into folder should:

• auto generate an icon font
• generate a PL atom that describes how to use
• include a template .ai file at the proper resolution

Hello,
Thanks for going to all the work to put this together, really is an awesome templating tool.
I have been using PL 1.0 with mustache and recently made the conversion to learning twig and working with PL 2.0. I cloned this theme into an existing project and have installed it, I'm running into this error from the landing page when logged into my admin account:

Template "@molecules/branding/branding.twig" is not defined (Drupal\Core\Template\Loader\ThemeRegistryLoader: Unable to find template "@molecules/branding/branding.twig" in the Drupal theme registry.) in "themes/contrib/pattern-lab-starter/templates/block--system-branding-block.html.twig" at line 18.

Can you recommend a fix? Thanks again.

It could be a lot better; the current stuff was put in just to get something going.

The animations atom needs to be automatically created from animation scss variables and styled.

This is causing our development VMs and IDEs to spin crazily trying to index all those files.

As a base of comparison, Drupal 8 core has 12967 files and its vendor dir installs 12467 files, and it's starting to strain our tools.

As is this project is not useable for us, unfortunately.

As I'm looking at the various pieces of functionality in the Gruntfile (and subfiles), the various packages that we download via npm and bower, and the many, many lines of code that are available inside the incorporated PatternLab folder, it occurs to me that the only thing I really know about the actual functionality of this project is the presentation that @EvanLovely and @illepic gave at P2Con.

In the README, I think we should add a section near the top of the page that explains exactly all the things that you get for for free in addition to the usual PatternLab stuff. From what I remember and have sussed out, we should mention...

• Bourbon!
• Autoprefixer! (thanks #12)
• SCSS/JS linting!
• SVG to font icons!
• Extendable Grunt tasks!
• The undying love of the P2 Design Implementation concentration group for being beta testers!

Currently the name of the Drupal 7 .info file is hard coded. I'd like to trigger Drupal 7 or Drupal 8 "mode" based on the presence, or lack of, that file (or its Drupal 8 equivalent). The name should be auto-detected as well.