Stack Overflow
Stack Overflow

Questions tagged [patternlab.io]

Pattern Lab is, at its core, a static site generator. It combines platform-agnostic assets, like the Mustache-based patterns and the JavaScript-based viewer, with a PHP-based or Node-based "builder" that transforms and dynamically builds the Pattern Lab site. By making it a static site generator, Pattern Lab strongly separates patterns, data, and presentation from build logic.

Read more about Pattern Lab at http://patternlab.io/

52 questions
1
vote
1 answer

Using style modifiers & pattern parameters inside of a rendered pseudo pattern

I am using the Node version of pattern lab and have a pattern mustache file that contains the following code: {{ linkCopy }} I call this pattern partial in a mustache file like the code below: {{>…
Alex Wood
  • 13
  • 3
1
vote
0 answers

grunt tasks hanging and not responding

this is the first time I have this problem. I always use pretty much the same gruntfile configurations but at some point, my tasks are just hanging. more precisely they hang when triggered by grunt-contrib-watch. here's my config watch: { …
valerio0999
  • 11,458
  • 7
  • 28
  • 56
1
vote
1 answer

Task "sass" not found using grunt with PatternLab

Sass is not found when I'm using grunt with PatternLab. I have Mac El Capitan, and I think Node and Sass are properly setup even though I am still not sure why it cannot find Sass. I tried to install another version of Node and Sass, but still the…
Vince
  • 544
  • 5
  • 15
1
vote
2 answers

Pattern Lab Templates

I'm pretty new to Pattern Lab, but I feel like if this isn't a feature, it should be. Essentially, I want to model Pattern Labs after a real site. In most (or many) real sites it's common to use a templating engine. This is true of any mainstream…
Adam
  • 157
  • 1
  • 2
  • 9
1
vote
0 answers

Cant escape PHP code in mustache variables

I'm using the PHP version of mustache, and also patternLab - which I think also uses the PHP version of mustache. example 1 : PHP version of mustache I've also tried using the escape option, to no avail Using triple {{{}}} doesn't work…
Ashleigh
  • 35
  • 7
0
votes
0 answers

How can I brand my patternlabs installation with new colors, fonts etc?

Im trying to figure out how I can change the look of the UI in patternlab. I would like to change the entire UI to something that fits my company brand more. I know there are some settings that I can change (logo for example) but I can't seem to…
Tobias Pettersson
  • 1
0
votes
0 answers

How do I install pattern lab node from scratch?

I have node.js installed as well as nvm to switch versions easily. I would like to install pattern lab 3.0.0 node edition using mustache with some basic vanilla starter kit patterns to get me going. I’ve used pattern lab 2.02 webpack version…
Alan
  • 1
  • 1
0
votes
0 answers

How do I avoid having to commit Patternlab-generated files that have not really changed other than the refreshed keys?

I'm on a project involving Patternlab and Drupal. When I update one design component in Patternlab and run a gulp task to generate the Patternlab site, git thinks that all the files that Patternlab generates are new due to Patternlab regenerating…
David Walters
  • 1
0
votes
1 answer

Patternlab Node Mustache - Looking for the Syntax For Rendering to Pages on Pattern Lab

I am currently using Node Patternlab together with Mustache - to answer this question you would need experience with Patternlab (Pattern Lab utilizes templating languages yes, to build up the hierarchical patterns which harness the atomic design…
Warwick
  • 181
  • 9
0
votes
0 answers

Patternlab: Refused to execute inline script because it violates the following Content Security Policy directive: "default-src 'none'"

I am the only frontend guy who gets the error when running Patternlab, while other devs seem to start it normally, I get the next error message (cross-browser) I cannot seem to fix it no matter what I try, set up the project new, set up a new…
Nine
  • 33
  • 4
0
votes
1 answer

How to hide order index of variations in Patternlab using Handlebars?

I am using indexes to order Patterns. As recommended I am putting some spaces between the pattern indexes in case i would like to reorder some later. I am naming the files like shown in https://patternlab.io/docs/reorganizing-patterns/. It does…
Kerem
  • 489
  • 5
  • 21
0
votes
1 answer

Can't access global data or macro within macro

I'm pretty new to patternlab and am just migrating my php based project onto the node version. I am having issues to access global data and block in a block file, which I didn't have previously. I am using Pattern Lab Node v3.0 on Mac, with Node…
Harry
  • 321
  • 2
  • 12
0
votes
1 answer

How to fix - 502 Bad Gateway

Hello I'm totally clueless here, I've been working with Patternlab on a local PHP env on mac. I had wifi troubleshooting, I restarted my computer and since then my localhost:8080 is showing the error below. 502 Bad…
davidlagace
  • 57
  • 10
0
votes
1 answer

patternlab twig drupal8 bootstrap

I have to use a bootstrap tab and then I want to generate the tab links and tab contents dynamically. But each content is inside an organism. Because in my case each tab gone to be paragraph bundle that comes from Drupal back-end. I don't know if…
Rached Nemr
  • 45
  • 5
0
votes
1 answer

How to write my own handlebars helper and use it in patternlab-node?

I am using Pattern Lab Node v2.12.0 on Windows, with Node v8.11.1, using a Gulp Edition. I am very confused how to actually write my own handlebars helper and use it in patternlab-node. I read there are patternlab plugins but is this the correct way…
michaelworm
  • 69
  • 7
1
2
3 4