Sha256: b1f731c30f617c8a2c395fd03ef20f5b6c4c5e9c97b1387357a0d703f71b9ea2
Contents?: true
Size: 1.93 KB
Versions: 2
Compression:
Stored size: 1.93 KB
Contents
/**
Transforms dot invocation of closure components to be wrapped
with the component helper. This allows for a more static invocation
of the component.
```handlebars
{{#my-component as |comps|}}
{{comp.dropdown isOpen=false}}
{{/my-component}}
```
with
```handlebars
{{#my-component as |comps|}}
{{component comp.dropdown isOpen=false}}
{{/my-component}}
```
and
```handlebars
{{#my-component as |comps|}}
{{comp.dropdown isOpen}}
{{/my-component}}
```
with
```handlebars
{{#my-component as |comps|}}
{{component comp.dropdown isOpen}}
{{/my-component}}
```
and
```handlebars
{{#my-component as |comps|}}
{{#comp.dropdown}}Open{{/comp.dropdown}}
{{/my-component}}
```
with
```handlebars
{{#my-component as |comps|}}
{{#component comp.dropdown}}Open{{/component}}
{{/my-component}}
```
@private
@class TransFormDotComponentInvocation
*/
export default function transformDotComponentInvocation(env) {
let { builders: b } = env.syntax;
return {
name: 'transform-dot-component-invocation',
visitor: {
MustacheStatement(node) {
if (isInlineInvocation(node.path, node.params, node.hash)) {
wrapInComponent(node, b);
}
},
BlockStatement(node) {
if (isMultipartPath(node.path)) {
wrapInComponent(node, b);
}
},
},
};
}
function isMultipartPath(path) {
return path.parts && path.parts.length > 1;
}
function isInlineInvocation(path, params, hash) {
if (isMultipartPath(path)) {
if (params.length > 0 || hash.pairs.length > 0) {
return true;
}
}
return false;
}
function wrapInComponent(node, builder) {
let component = node.path;
let componentHelper = builder.path('component');
node.path = componentHelper;
node.params.unshift(component);
}
Version data entries
2 entries across 2 versions & 1 rubygems