pattern-lab / patternengine-node-mustache Goto Github PK
View Code? Open in Web Editor NEWARCHIVED - The Mustache engine for Patternlab/Node
License: MIT License
ARCHIVED - The Mustache engine for Patternlab/Node
License: MIT License
I am using Pattern Lab Node v2.9.3
on Linux
, using the gulp
configuration.
Foo:
{{#listItems.one}}foo{{/listItems.one}}
Bar:
{{#listItems.one}}bar{{/listItems.one}}
should render to
Foo:
foo
Bar:
bar
Foo:
{{#listItems.one}}foo{{/listItems.one}}
Bar:
{{#listItems.one}}bar{{/listItems.one}}
actually renders to
Foo:
foo
Bar:
foo
edition-node-gulp
.gulp patternlab:build
and inspect the rendered HTML in /public/patterns/xxx/xxx.markup-only.html
.{{#listItems.one}}foo{{/listItems.one}}
{{#listItems.two}}bar{{/listItems.two}}
renders as expected.
I don't have the time to test more cases right now.
Also hope this is an issue with the mustache patternengine, not that I post it to the wrong place.
I am using Pattern Lab Node v2.11.0
on Mac
, using the webpack
configuration.
When I include a pattern twice with different style modifiers, the patterns should be rendered with those style modifier differences.
When I include a pattern twice with different style modifiers, the pattern that is rendered first will overwrite all styleModifiers of the second pattern that is rendered.
Difficult to reproduce. What I have is a component called skew
I call like this:
In a very different place, I call it like this.
As soon I add the second include, the first include will render with the exact same styleModifiers
This repo has moved to the pattern-lab/patternlab-node
monorepo!
Future development should be built off of https://github.com/pattern-lab/patternlab-node
This repo will be archived in the near future.
As per the documentations, multiple list items doesn't support. Could anyone help me how I can do this.
And another question I have is why should we strict to a format like this when defining a list item where it has to defined as an array rather just a simple array.
{
"1": {
"author": "author 1"
},
"2": {
"author": "author 2"
},
"3": {
"author": "author 3"
},
"4": {
"author": "author 4"
}
}
I am using Pattern Lab Node v1.0.0
on Mac
, using the gulp
configuration.
{{> some-partial-with-more-than-one-space-in-the-reference }
Partial is not found, and therefore in the node version of patternlab, the template errors.
See
L103 in engine_mustache.js
var foundPatternPartial = partialString.replace("{{> ", "").replace(" }}", "").replace("{{>", "").replace("}}", "");
It assumes there is only one space before the ending curly brackets.
Suggestion: Should use regex to remove to curly and angle brackets.
I am using Pattern Lab Node ccd426e1dcdd7952a8aae2f092fe931e53ba1792 on Windows
For the developers, who might have changed the global registry configs, still the patternengine-node-mustache
source should be redirected to npm registry when installing node_modules.
The npm installation is failed for those who have changed the global npm config.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.