@teleporthq/teleport-plugin-html-base-component 0.42.0-alpha.0 → 0.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/index.ts +5 -3
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +39 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/node-handlers.d.ts +9 -2
- package/dist/cjs/node-handlers.d.ts.map +1 -1
- package/dist/cjs/node-handlers.js +632 -177
- package/dist/cjs/node-handlers.js.map +1 -1
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +40 -17
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/node-handlers.d.ts +9 -2
- package/dist/esm/node-handlers.d.ts.map +1 -1
- package/dist/esm/node-handlers.js +632 -177
- package/dist/esm/node-handlers.js.map +1 -1
- package/dist/esm/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -7
- package/src/index.ts +54 -19
- package/src/node-handlers.ts +889 -203
package/__tests__/index.ts
CHANGED
|
@@ -8,9 +8,11 @@ import {
|
|
|
8
8
|
import { component, dynamicNode, elementNode, staticNode } from '@teleporthq/teleport-uidl-builders'
|
|
9
9
|
import { createHTMLBasePlugin } from '../src'
|
|
10
10
|
|
|
11
|
-
const getMockComponentStructure
|
|
11
|
+
const getMockComponentStructure = (): ComponentStructure => ({
|
|
12
12
|
chunks: [],
|
|
13
|
-
options: {
|
|
13
|
+
options: {
|
|
14
|
+
extractedResources: {},
|
|
15
|
+
},
|
|
14
16
|
uidl: component('Test', elementNode('container')),
|
|
15
17
|
dependencies: {},
|
|
16
18
|
})
|
|
@@ -23,7 +25,7 @@ describe('plugin-html-base-component', () => {
|
|
|
23
25
|
|
|
24
26
|
expect(chunks.length).toBe(1)
|
|
25
27
|
expect(htmlChunk).toBeDefined()
|
|
26
|
-
expect(htmlChunk
|
|
28
|
+
expect(htmlChunk?.name).toBe('html-chunk')
|
|
27
29
|
})
|
|
28
30
|
|
|
29
31
|
it('adds attributes to the HAST node', async () => {
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAIf,4BAA4B,EAC5B,aAAa,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAIf,4BAA4B,EAC5B,aAAa,EAGd,MAAM,4BAA4B,CAAA;AAMnC,UAAU,gBAAgB;IACxB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,UAAU,UAAU;IAClB,mBAAmB,EAAE,eAAe,CAAA;IACpC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,IAAI,CAAA;CACxF;AAED,KAAK,iBAAiB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,4BAA4B,CAAC,KAAK,UAAU,CAAA;AAE9F,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,gBAAgB,CAkGpE,CAAA;;AAED,wBAAqC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -63,28 +63,51 @@ var createHTMLBasePlugin = function (config) {
|
|
|
63
63
|
plugins = subComponentPlugins;
|
|
64
64
|
};
|
|
65
65
|
var htmlComponentPlugin = function (structure) { return __awaiter(void 0, void 0, void 0, function () {
|
|
66
|
-
var uidl, _a, chunks, dependencies, options, _b, propDefinitions, _c, stateDefinitions, outputOptions,
|
|
67
|
-
return __generator(this, function (
|
|
68
|
-
switch (
|
|
66
|
+
var uidl, _a, chunks, dependencies, options, _b, propDefinitions, _c, stateDefinitions, outputOptions, nodesLookup, compBase, subComponents, templateOptions, _i, _d, propKey, prop, bodyContent;
|
|
67
|
+
return __generator(this, function (_e) {
|
|
68
|
+
switch (_e.label) {
|
|
69
69
|
case 0:
|
|
70
70
|
uidl = structure.uidl, _a = structure.chunks, chunks = _a === void 0 ? [] : _a, dependencies = structure.dependencies, options = structure.options;
|
|
71
71
|
_b = uidl.propDefinitions, propDefinitions = _b === void 0 ? {} : _b, _c = uidl.stateDefinitions, stateDefinitions = _c === void 0 ? {} : _c, outputOptions = uidl.outputOptions;
|
|
72
|
-
|
|
72
|
+
nodesLookup = {};
|
|
73
73
|
compBase = wrapComponent
|
|
74
74
|
? teleport_plugin_common_1.HASTBuilders.createHTMLNode('body')
|
|
75
75
|
: teleport_plugin_common_1.HASTBuilders.createHTMLNode('div');
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
subComponents = {
|
|
77
|
+
externals: Object.values(externals).reduce(function (acc, comp) {
|
|
78
|
+
teleport_shared_1.UIDLUtils.setFriendlyOutputOptions(comp);
|
|
79
|
+
comp.name = teleport_shared_1.StringUtils.removeIllegalCharacters(comp.name) || 'AppComponent';
|
|
80
|
+
comp.name = teleport_shared_1.UIDLUtils.getComponentClassName(comp);
|
|
81
|
+
acc[comp.name] = comp;
|
|
82
|
+
return acc;
|
|
83
|
+
}, {}),
|
|
84
|
+
plugins: plugins,
|
|
85
|
+
};
|
|
86
|
+
templateOptions = {
|
|
87
|
+
chunks: chunks,
|
|
88
|
+
dependencies: dependencies,
|
|
89
|
+
options: options,
|
|
90
|
+
outputOptions: outputOptions,
|
|
91
|
+
};
|
|
92
|
+
_i = 0, _d = Object.keys(propDefinitions);
|
|
93
|
+
_e.label = 1;
|
|
86
94
|
case 1:
|
|
87
|
-
|
|
95
|
+
if (!(_i < _d.length)) return [3 /*break*/, 4];
|
|
96
|
+
propKey = _d[_i];
|
|
97
|
+
prop = propDefinitions[propKey];
|
|
98
|
+
if (!(prop.type === 'element' &&
|
|
99
|
+
prop.defaultValue !== undefined &&
|
|
100
|
+
typeof prop.defaultValue === 'object')) return [3 /*break*/, 3];
|
|
101
|
+
return [4 /*yield*/, (0, node_handlers_1.generateHtmlSyntax)(prop.defaultValue, uidl.name, nodesLookup, propDefinitions, stateDefinitions, subComponents, templateOptions)];
|
|
102
|
+
case 2:
|
|
103
|
+
_e.sent();
|
|
104
|
+
_e.label = 3;
|
|
105
|
+
case 3:
|
|
106
|
+
_i++;
|
|
107
|
+
return [3 /*break*/, 1];
|
|
108
|
+
case 4: return [4 /*yield*/, (0, node_handlers_1.generateHtmlSyntax)(uidl.node, uidl.name, nodesLookup, propDefinitions, stateDefinitions, subComponents, templateOptions)];
|
|
109
|
+
case 5:
|
|
110
|
+
bodyContent = _e.sent();
|
|
88
111
|
teleport_plugin_common_1.HASTUtils.addChildNode(compBase, bodyContent);
|
|
89
112
|
chunks.push({
|
|
90
113
|
type: teleport_types_1.ChunkType.HAST,
|
|
@@ -93,7 +116,7 @@ var createHTMLBasePlugin = function (config) {
|
|
|
93
116
|
content: compBase,
|
|
94
117
|
linkAfter: [],
|
|
95
118
|
meta: {
|
|
96
|
-
nodesLookup:
|
|
119
|
+
nodesLookup: nodesLookup,
|
|
97
120
|
},
|
|
98
121
|
});
|
|
99
122
|
return [2 /*return*/, structure];
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UIDLNode, HastNode, UIDLPropDefinition, UIDLStateDefinition, HastText, ComponentUIDL, ChunkDefinition, UIDLDependency, GeneratorOptions, ComponentPlugin, UIDLComponentOutputOptions } from '@teleporthq/teleport-types';
|
|
2
|
-
type NodeToHTML<NodeType, ReturnType> = (node: NodeType,
|
|
2
|
+
type NodeToHTML<NodeType, ReturnType> = (node: NodeType, componentName: string, nodesLookup: Record<string, HastNode | HastText | Array<HastNode | HastText>>, propDefinitions: Record<string, UIDLPropDefinition>, stateDefinitions: Record<string, UIDLStateDefinition>, subComponentOptions: {
|
|
3
3
|
externals: Record<string, ComponentUIDL>;
|
|
4
4
|
plugins: ComponentPlugin[];
|
|
5
5
|
}, structure: {
|
|
@@ -7,7 +7,14 @@ type NodeToHTML<NodeType, ReturnType> = (node: NodeType, templatesLookUp: Record
|
|
|
7
7
|
dependencies: Record<string, UIDLDependency>;
|
|
8
8
|
options: GeneratorOptions;
|
|
9
9
|
outputOptions: UIDLComponentOutputOptions;
|
|
10
|
+
},
|
|
11
|
+
/**
|
|
12
|
+
* This param is just to be able to handle CMS array mappers/Repeater nodes. A bit hacky, better support should be implemented
|
|
13
|
+
*/
|
|
14
|
+
resolvedExpressions?: {
|
|
15
|
+
expressions: Record<string, UIDLPropDefinition>;
|
|
16
|
+
currentIndex: number;
|
|
10
17
|
}) => ReturnType;
|
|
11
|
-
export declare const
|
|
18
|
+
export declare const generateHtmlSyntax: NodeToHTML<UIDLNode, Promise<HastNode | HastText | Array<HastNode | HastText>>>;
|
|
12
19
|
export {};
|
|
13
20
|
//# sourceMappingURL=node-handlers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node-handlers.d.ts","sourceRoot":"","sources":["../../src/node-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,QAAQ,EAGR,kBAAkB,EAClB,mBAAmB,EAGnB,QAAQ,EACR,aAAa,EAGb,eAAe,EACf,cAAc,EAEd,gBAAgB,EAEhB,eAAe,EAEf,0BAA0B,
|
|
1
|
+
{"version":3,"file":"node-handlers.d.ts","sourceRoot":"","sources":["../../src/node-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,QAAQ,EAGR,kBAAkB,EAClB,mBAAmB,EAGnB,QAAQ,EACR,aAAa,EAGb,eAAe,EACf,cAAc,EAEd,gBAAgB,EAEhB,eAAe,EAEf,0BAA0B,EAM3B,MAAM,4BAA4B,CAAA;AAyCnC,KAAK,UAAU,CAAC,QAAQ,EAAE,UAAU,IAAI,CACtC,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,EAC7E,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,EACnD,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACrD,mBAAmB,EAAE;IACnB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IACxC,OAAO,EAAE,eAAe,EAAE,CAAA;CAC3B,EACD,SAAS,EAAE;IACT,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAC5C,OAAO,EAAE,gBAAgB,CAAA;IACzB,aAAa,EAAE,0BAA0B,CAAA;CAC1C;AACD;;GAEG;AACH,mBAAmB,CAAC,EAAE;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAA;IAC/C,YAAY,EAAE,MAAM,CAAA;CACrB,KACE,UAAU,CAAA;AAEf,eAAO,MAAM,kBAAkB,EAAE,UAAU,CACzC,QAAQ,EACR,OAAO,CAAC,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC,CA8M1D,CAAA"}
|