@webiny/website-builder-sdk 0.0.0-unstable.06b2ede40f
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/BindingsApi.d.ts +25 -0
- package/BindingsApi.js +42 -0
- package/BindingsApi.js.map +1 -0
- package/BindingsProcessor.d.ts +11 -0
- package/BindingsProcessor.js +49 -0
- package/BindingsProcessor.js.map +1 -0
- package/BindingsProcessor.test.d.ts +1 -0
- package/BindingsProcessor.test.js +86 -0
- package/BindingsProcessor.test.js.map +1 -0
- package/BindingsResolver.d.ts +20 -0
- package/BindingsResolver.js +134 -0
- package/BindingsResolver.js.map +1 -0
- package/BindingsResolver.test.d.ts +1 -0
- package/BindingsResolver.test.js +382 -0
- package/BindingsResolver.test.js.map +1 -0
- package/ComponentInputTraverser.d.ts +18 -0
- package/ComponentInputTraverser.js +56 -0
- package/ComponentInputTraverser.js.map +1 -0
- package/ComponentManifestToAstConverter.d.ts +13 -0
- package/ComponentManifestToAstConverter.js +24 -0
- package/ComponentManifestToAstConverter.js.map +1 -0
- package/ComponentRegistry.d.ts +15 -0
- package/ComponentRegistry.js +25 -0
- package/ComponentRegistry.js.map +1 -0
- package/ComponentResolver.d.ts +14 -0
- package/ComponentResolver.js +36 -0
- package/ComponentResolver.js.map +1 -0
- package/ContentSdk.d.ts +44 -0
- package/ContentSdk.js +106 -0
- package/ContentSdk.js.map +1 -0
- package/DocumentStore.d.ts +15 -0
- package/DocumentStore.js +67 -0
- package/DocumentStore.js.map +1 -0
- package/DocumentStoreManager.d.ts +11 -0
- package/DocumentStoreManager.js +22 -0
- package/DocumentStoreManager.js.map +1 -0
- package/EditingSdk.d.ts +21 -0
- package/EditingSdk.js +143 -0
- package/EditingSdk.js.map +1 -0
- package/ElementFactory.d.ts +54 -0
- package/ElementFactory.js +183 -0
- package/ElementFactory.js.map +1 -0
- package/Environment.d.ts +9 -0
- package/Environment.js +23 -0
- package/Environment.js.map +1 -0
- package/FunctionConverter.d.ts +6 -0
- package/FunctionConverter.js +11 -0
- package/FunctionConverter.js.map +1 -0
- package/HashObject.d.ts +6 -0
- package/HashObject.js +17 -0
- package/HashObject.js.map +1 -0
- package/HotkeyManager.d.ts +6 -0
- package/HotkeyManager.js +58 -0
- package/HotkeyManager.js.map +1 -0
- package/IBindingsUpdater.d.ts +6 -0
- package/IBindingsUpdater.js +3 -0
- package/IBindingsUpdater.js.map +1 -0
- package/IRedirects.d.ts +5 -0
- package/IRedirects.js +3 -0
- package/IRedirects.js.map +1 -0
- package/InheritanceProcessor.d.ts +29 -0
- package/InheritanceProcessor.js +147 -0
- package/InheritanceProcessor.js.map +1 -0
- package/InheritanceProcessor.test.d.ts +1 -0
- package/InheritanceProcessor.test.js +192 -0
- package/InheritanceProcessor.test.js.map +1 -0
- package/InheritedValueResolver.d.ts +10 -0
- package/InheritedValueResolver.js +24 -0
- package/InheritedValueResolver.js.map +1 -0
- package/InputBindingsProcessor.d.ts +38 -0
- package/InputBindingsProcessor.js +306 -0
- package/InputBindingsProcessor.js.map +1 -0
- package/InputsBindingsProcessor.test.d.ts +1 -0
- package/InputsBindingsProcessor.test.js +327 -0
- package/InputsBindingsProcessor.test.js.map +1 -0
- package/InputsUpdater.d.ts +12 -0
- package/InputsUpdater.js +34 -0
- package/InputsUpdater.js.map +1 -0
- package/LICENSE +21 -0
- package/LiveSdk.d.ts +7 -0
- package/LiveSdk.js +18 -0
- package/LiveSdk.js.map +1 -0
- package/Logger.d.ts +1 -0
- package/Logger.js +10 -0
- package/Logger.js.map +1 -0
- package/MouseTracker.d.ts +39 -0
- package/MouseTracker.js +93 -0
- package/MouseTracker.js.map +1 -0
- package/NullSdk.d.ts +8 -0
- package/NullSdk.js +17 -0
- package/NullSdk.js.map +1 -0
- package/PreviewDocument.d.ts +8 -0
- package/PreviewDocument.js +35 -0
- package/PreviewDocument.js.map +1 -0
- package/PreviewSdk.d.ts +8 -0
- package/PreviewSdk.js +22 -0
- package/PreviewSdk.js.map +1 -0
- package/PreviewViewport.d.ts +9 -0
- package/PreviewViewport.js +88 -0
- package/PreviewViewport.js.map +1 -0
- package/README.md +3 -0
- package/ResizeObserver.d.ts +5 -0
- package/ResizeObserver.js +41 -0
- package/ResizeObserver.js.map +1 -0
- package/StylesBindingsProcessor.d.ts +33 -0
- package/StylesBindingsProcessor.js +91 -0
- package/StylesBindingsProcessor.js.map +1 -0
- package/StylesUpdater.d.ts +10 -0
- package/StylesUpdater.js +34 -0
- package/StylesUpdater.js.map +1 -0
- package/Theme.d.ts +4 -0
- package/Theme.js +36 -0
- package/Theme.js.map +1 -0
- package/ViewportManager.d.ts +34 -0
- package/ViewportManager.js +106 -0
- package/ViewportManager.js.map +1 -0
- package/constants.d.ts +6 -0
- package/constants.js +8 -0
- package/constants.js.map +1 -0
- package/createElement.d.ts +10 -0
- package/createElement.js +8 -0
- package/createElement.js.map +1 -0
- package/createInput.d.ts +17 -0
- package/createInput.js +128 -0
- package/createInput.js.map +1 -0
- package/createTheme.d.ts +3 -0
- package/createTheme.js +5 -0
- package/createTheme.js.map +1 -0
- package/dataProviders/ApiClient.d.ts +13 -0
- package/dataProviders/ApiClient.js +43 -0
- package/dataProviders/ApiClient.js.map +1 -0
- package/dataProviders/DefaultDataProvider.d.ts +14 -0
- package/dataProviders/DefaultDataProvider.js +47 -0
- package/dataProviders/DefaultDataProvider.js.map +1 -0
- package/dataProviders/GET_ACTIVE_REDIRECTS.d.ts +1 -0
- package/dataProviders/GET_ACTIVE_REDIRECTS.js +21 -0
- package/dataProviders/GET_ACTIVE_REDIRECTS.js.map +1 -0
- package/dataProviders/GET_PAGE_BY_ID.d.ts +1 -0
- package/dataProviders/GET_PAGE_BY_ID.js +21 -0
- package/dataProviders/GET_PAGE_BY_ID.js.map +1 -0
- package/dataProviders/GET_PAGE_BY_PATH.d.ts +1 -0
- package/dataProviders/GET_PAGE_BY_PATH.js +21 -0
- package/dataProviders/GET_PAGE_BY_PATH.js.map +1 -0
- package/dataProviders/LIST_PUBLISHED_PAGES.d.ts +1 -0
- package/dataProviders/LIST_PUBLISHED_PAGES.js +21 -0
- package/dataProviders/LIST_PUBLISHED_PAGES.js.map +1 -0
- package/dataProviders/NullDataProvider.d.ts +7 -0
- package/dataProviders/NullDataProvider.js +16 -0
- package/dataProviders/NullDataProvider.js.map +1 -0
- package/dataProviders/RedirectsProvider.d.ts +11 -0
- package/dataProviders/RedirectsProvider.js +33 -0
- package/dataProviders/RedirectsProvider.js.map +1 -0
- package/defaultBreakpoints.d.ts +2 -0
- package/defaultBreakpoints.js +25 -0
- package/defaultBreakpoints.js.map +1 -0
- package/documentOperations/$addElementReferenceToParent.d.ts +9 -0
- package/documentOperations/$addElementReferenceToParent.js +31 -0
- package/documentOperations/$addElementReferenceToParent.js.map +1 -0
- package/documentOperations/AddElement.d.ts +7 -0
- package/documentOperations/AddElement.js +10 -0
- package/documentOperations/AddElement.js.map +1 -0
- package/documentOperations/AddToParent.d.ts +8 -0
- package/documentOperations/AddToParent.js +17 -0
- package/documentOperations/AddToParent.js.map +1 -0
- package/documentOperations/IDocumentOperation.d.ts +4 -0
- package/documentOperations/IDocumentOperation.js +3 -0
- package/documentOperations/IDocumentOperation.js.map +1 -0
- package/documentOperations/RemoveElement.d.ts +7 -0
- package/documentOperations/RemoveElement.js +10 -0
- package/documentOperations/RemoveElement.js.map +1 -0
- package/documentOperations/SetGlobalInputBinding.d.ts +9 -0
- package/documentOperations/SetGlobalInputBinding.js +25 -0
- package/documentOperations/SetGlobalInputBinding.js.map +1 -0
- package/documentOperations/SetGlobalStyleBinding.d.ts +9 -0
- package/documentOperations/SetGlobalStyleBinding.js +26 -0
- package/documentOperations/SetGlobalStyleBinding.js.map +1 -0
- package/documentOperations/SetInputBindingOverride.d.ts +10 -0
- package/documentOperations/SetInputBindingOverride.js +33 -0
- package/documentOperations/SetInputBindingOverride.js.map +1 -0
- package/documentOperations/SetStyleBindingOverride.d.ts +10 -0
- package/documentOperations/SetStyleBindingOverride.js +35 -0
- package/documentOperations/SetStyleBindingOverride.js.map +1 -0
- package/documentOperations/index.d.ts +17 -0
- package/documentOperations/index.js +18 -0
- package/documentOperations/index.js.map +1 -0
- package/findMatchingAstNode.d.ts +2 -0
- package/findMatchingAstNode.js +17 -0
- package/findMatchingAstNode.js.map +1 -0
- package/generateElementId.d.ts +1 -0
- package/generateElementId.js +7 -0
- package/generateElementId.js.map +1 -0
- package/headersProvider.d.ts +4 -0
- package/headersProvider.js +7 -0
- package/headersProvider.js.map +1 -0
- package/index.d.ts +31 -0
- package/index.js +33 -0
- package/index.js.map +1 -0
- package/jsonPatch.d.ts +6 -0
- package/jsonPatch.js +12 -0
- package/jsonPatch.js.map +1 -0
- package/lexical/createDefaultLexicalTheme.d.ts +2 -0
- package/lexical/createDefaultLexicalTheme.js +84 -0
- package/lexical/createDefaultLexicalTheme.js.map +1 -0
- package/lexical/createLexicalTheme.d.ts +2 -0
- package/lexical/createLexicalTheme.js +7 -0
- package/lexical/createLexicalTheme.js.map +1 -0
- package/lexical/deepMerge.d.ts +1 -0
- package/lexical/deepMerge.js +23 -0
- package/lexical/deepMerge.js.map +1 -0
- package/messages.d.ts +11 -0
- package/messages.js +13 -0
- package/messages.js.map +1 -0
- package/messenger/MessageOrigin.d.ts +7 -0
- package/messenger/MessageOrigin.js +14 -0
- package/messenger/MessageOrigin.js.map +1 -0
- package/messenger/Messenger.d.ts +22 -0
- package/messenger/Messenger.js +80 -0
- package/messenger/Messenger.js.map +1 -0
- package/messenger/index.d.ts +2 -0
- package/messenger/index.js +4 -0
- package/messenger/index.js.map +1 -0
- package/package.json +54 -0
- package/registerComponentGroup.d.ts +2 -0
- package/registerComponentGroup.js +10 -0
- package/registerComponentGroup.js.map +1 -0
- package/types/LexicalEditorTheme.d.ts +2 -0
- package/types/LexicalEditorTheme.js +3 -0
- package/types/LexicalEditorTheme.js.map +1 -0
- package/types/ShorthandCssProperties.d.ts +1 -0
- package/types/ShorthandCssProperties.js +3 -0
- package/types/ShorthandCssProperties.js.map +1 -0
- package/types/WebsiteBuilderTheme.d.ts +92 -0
- package/types/WebsiteBuilderTheme.js +3 -0
- package/types/WebsiteBuilderTheme.js.map +1 -0
- package/types.d.ts +295 -0
- package/types.js +3 -0
- package/types.js.map +1 -0
|
@@ -0,0 +1,382 @@
|
|
|
1
|
+
import { BindingsResolver } from "./BindingsResolver";
|
|
2
|
+
import { createSlotInput, createTextInput } from "./createInput";
|
|
3
|
+
import { ComponentManifestToAstConverter } from "./ComponentManifestToAstConverter";
|
|
4
|
+
describe("BindingsResolver", () => {
|
|
5
|
+
const baseElement = {
|
|
6
|
+
id: "test1",
|
|
7
|
+
type: "Webiny/Element",
|
|
8
|
+
component: {
|
|
9
|
+
name: "Webiny/Text"
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const rootElement = {
|
|
13
|
+
id: "root",
|
|
14
|
+
type: "Webiny/Element",
|
|
15
|
+
component: {
|
|
16
|
+
name: "Webiny/Root"
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
it("resolves input with expression binding", () => {
|
|
20
|
+
const state = {
|
|
21
|
+
user: {
|
|
22
|
+
name: "Alice"
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
const bindings = {
|
|
26
|
+
inputs: {
|
|
27
|
+
text: {
|
|
28
|
+
id: "text",
|
|
29
|
+
type: "text",
|
|
30
|
+
expression: "$state.user.name",
|
|
31
|
+
static: "Static fallback"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
styles: {
|
|
35
|
+
paddingTop: {
|
|
36
|
+
static: "10px"
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const inputs = [createTextInput({
|
|
41
|
+
name: "text"
|
|
42
|
+
})];
|
|
43
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
44
|
+
const resolver = new BindingsResolver(state);
|
|
45
|
+
const [resolved] = resolver.resolveElement({
|
|
46
|
+
element: baseElement,
|
|
47
|
+
inputAst,
|
|
48
|
+
elementBindings: bindings
|
|
49
|
+
});
|
|
50
|
+
expect(resolved.inputs.text).toBe("Alice");
|
|
51
|
+
expect(resolved.styles).toEqual({
|
|
52
|
+
paddingTop: "10px"
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
it("resolves nested objects", () => {
|
|
56
|
+
const state = {};
|
|
57
|
+
const bindings = {
|
|
58
|
+
root: {
|
|
59
|
+
inputs: {
|
|
60
|
+
children: {
|
|
61
|
+
id: "children",
|
|
62
|
+
type: "slot",
|
|
63
|
+
list: true,
|
|
64
|
+
static: ["qizw1hgqjvj8g5a43szzc"]
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
qizw1hgqjvj8g5a43szzc: {
|
|
69
|
+
inputs: {
|
|
70
|
+
title: {
|
|
71
|
+
id: "title",
|
|
72
|
+
static: "Default Columns Title",
|
|
73
|
+
type: "text"
|
|
74
|
+
},
|
|
75
|
+
"leftColumn/0": {
|
|
76
|
+
id: "slot",
|
|
77
|
+
static: ["7znyr9z2cpizegnrk2rhu"],
|
|
78
|
+
type: "slot",
|
|
79
|
+
list: true
|
|
80
|
+
},
|
|
81
|
+
"rightColumn/0": {
|
|
82
|
+
id: "slot",
|
|
83
|
+
static: ["cwld8kxy0qhhtaql42lr5"],
|
|
84
|
+
type: "slot",
|
|
85
|
+
list: true
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
styles: {
|
|
89
|
+
paddingTop: {
|
|
90
|
+
static: "20px"
|
|
91
|
+
},
|
|
92
|
+
backgroundColor: {
|
|
93
|
+
static: "#5c9a12"
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
"7znyr9z2cpizegnrk2rhu": {
|
|
98
|
+
inputs: {
|
|
99
|
+
title: {
|
|
100
|
+
id: "title",
|
|
101
|
+
static: "Left Column Title",
|
|
102
|
+
type: "text"
|
|
103
|
+
},
|
|
104
|
+
children: {
|
|
105
|
+
id: "slot",
|
|
106
|
+
static: [],
|
|
107
|
+
type: "slot",
|
|
108
|
+
list: true
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
styles: {
|
|
112
|
+
backgroundColor: {
|
|
113
|
+
static: "red"
|
|
114
|
+
},
|
|
115
|
+
marginTop: {
|
|
116
|
+
static: "20px"
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
cwld8kxy0qhhtaql42lr5: {
|
|
121
|
+
inputs: {
|
|
122
|
+
title: {
|
|
123
|
+
id: "title",
|
|
124
|
+
static: "Right Column Title",
|
|
125
|
+
type: "text"
|
|
126
|
+
},
|
|
127
|
+
children: {
|
|
128
|
+
id: "slot",
|
|
129
|
+
static: [],
|
|
130
|
+
type: "slot",
|
|
131
|
+
list: true
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
styles: {
|
|
135
|
+
backgroundColor: {
|
|
136
|
+
static: "blue"
|
|
137
|
+
},
|
|
138
|
+
marginTop: {
|
|
139
|
+
static: "20px"
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
const elements = {
|
|
145
|
+
root: {
|
|
146
|
+
type: "Webiny/Element",
|
|
147
|
+
id: "root",
|
|
148
|
+
component: {
|
|
149
|
+
name: "Webiny/Root"
|
|
150
|
+
}
|
|
151
|
+
},
|
|
152
|
+
qizw1hgqjvj8g5a43szzc: {
|
|
153
|
+
type: "Webiny/Element",
|
|
154
|
+
id: "qizw1hgqjvj8g5a43szzc",
|
|
155
|
+
parent: {
|
|
156
|
+
id: "root",
|
|
157
|
+
slot: "children"
|
|
158
|
+
},
|
|
159
|
+
component: {
|
|
160
|
+
name: "Webiny/TwoColumns"
|
|
161
|
+
}
|
|
162
|
+
},
|
|
163
|
+
"7znyr9z2cpizegnrk2rhu": {
|
|
164
|
+
type: "Webiny/Element",
|
|
165
|
+
id: "7znyr9z2cpizegnrk2rhu",
|
|
166
|
+
parent: {
|
|
167
|
+
id: "qizw1hgqjvj8g5a43szzc",
|
|
168
|
+
slot: "leftColumn/0"
|
|
169
|
+
},
|
|
170
|
+
component: {
|
|
171
|
+
name: "Webiny/TextWithDropzone"
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
cwld8kxy0qhhtaql42lr5: {
|
|
175
|
+
type: "Webiny/Element",
|
|
176
|
+
id: "cwld8kxy0qhhtaql42lr5",
|
|
177
|
+
parent: {
|
|
178
|
+
id: "qizw1hgqjvj8g5a43szzc",
|
|
179
|
+
slot: "rightColumn/0"
|
|
180
|
+
},
|
|
181
|
+
component: {
|
|
182
|
+
name: "Webiny/TextWithDropzone"
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
};
|
|
186
|
+
const inputs = [{
|
|
187
|
+
type: "text",
|
|
188
|
+
renderer: "Webiny/Input",
|
|
189
|
+
name: "title",
|
|
190
|
+
label: "Title",
|
|
191
|
+
fields: []
|
|
192
|
+
}, {
|
|
193
|
+
type: "slot",
|
|
194
|
+
list: true,
|
|
195
|
+
renderer: "Webiny/Slot",
|
|
196
|
+
name: "leftColumn",
|
|
197
|
+
fields: []
|
|
198
|
+
}, {
|
|
199
|
+
type: "slot",
|
|
200
|
+
list: true,
|
|
201
|
+
renderer: "Webiny/Slot",
|
|
202
|
+
name: "rightColumn",
|
|
203
|
+
fields: []
|
|
204
|
+
}];
|
|
205
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
206
|
+
const resolver = new BindingsResolver(state);
|
|
207
|
+
const [resolved] = resolver.resolveElement({
|
|
208
|
+
element: elements["qizw1hgqjvj8g5a43szzc"],
|
|
209
|
+
inputAst,
|
|
210
|
+
elementBindings: bindings["qizw1hgqjvj8g5a43szzc"]
|
|
211
|
+
});
|
|
212
|
+
expect(resolved.inputs.title).toBe("Default Columns Title");
|
|
213
|
+
expect(resolved.inputs.leftColumn).toEqual([["7znyr9z2cpizegnrk2rhu"]]);
|
|
214
|
+
expect(resolved.inputs.rightColumn).toEqual([["cwld8kxy0qhhtaql42lr5"]]);
|
|
215
|
+
});
|
|
216
|
+
it("falls back to static if no expression is provided", () => {
|
|
217
|
+
const state = {};
|
|
218
|
+
const bindings = {
|
|
219
|
+
inputs: {
|
|
220
|
+
text: {
|
|
221
|
+
id: "text",
|
|
222
|
+
type: "text",
|
|
223
|
+
static: "Static only"
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
};
|
|
227
|
+
const inputs = [createTextInput({
|
|
228
|
+
name: "text"
|
|
229
|
+
})];
|
|
230
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
231
|
+
const resolver = new BindingsResolver(state);
|
|
232
|
+
const [resolved] = resolver.resolveElement({
|
|
233
|
+
element: baseElement,
|
|
234
|
+
inputAst,
|
|
235
|
+
elementBindings: bindings
|
|
236
|
+
});
|
|
237
|
+
expect(resolved.inputs.text).toBe("Static only");
|
|
238
|
+
});
|
|
239
|
+
it("uses undefined if expression fails and no static exists", () => {
|
|
240
|
+
const state = {};
|
|
241
|
+
const bindings = {
|
|
242
|
+
inputs: {
|
|
243
|
+
text: {
|
|
244
|
+
id: "text",
|
|
245
|
+
type: "text",
|
|
246
|
+
static: "Fallback",
|
|
247
|
+
expression: "$.unknown.value"
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
};
|
|
251
|
+
const inputs = [createTextInput({
|
|
252
|
+
name: "text"
|
|
253
|
+
})];
|
|
254
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
255
|
+
const resolver = new BindingsResolver(state);
|
|
256
|
+
const [resolved] = resolver.resolveElement({
|
|
257
|
+
element: baseElement,
|
|
258
|
+
inputAst,
|
|
259
|
+
elementBindings: bindings
|
|
260
|
+
});
|
|
261
|
+
expect(resolved.inputs.text).toBeUndefined();
|
|
262
|
+
});
|
|
263
|
+
it("uses input's `defaultValue` if binding doesn't exist", () => {
|
|
264
|
+
const state = {};
|
|
265
|
+
const bindings = {
|
|
266
|
+
inputs: {}
|
|
267
|
+
};
|
|
268
|
+
const inputs = [createSlotInput({
|
|
269
|
+
name: "children",
|
|
270
|
+
defaultValue: []
|
|
271
|
+
})];
|
|
272
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
273
|
+
const resolver = new BindingsResolver(state);
|
|
274
|
+
const [resolved] = resolver.resolveElement({
|
|
275
|
+
element: rootElement,
|
|
276
|
+
inputAst,
|
|
277
|
+
elementBindings: bindings,
|
|
278
|
+
onResolved(value, input) {
|
|
279
|
+
if (input.type === "slot") {
|
|
280
|
+
return "slot";
|
|
281
|
+
}
|
|
282
|
+
return value;
|
|
283
|
+
}
|
|
284
|
+
});
|
|
285
|
+
expect(resolved.inputs.children).toEqual("slot");
|
|
286
|
+
});
|
|
287
|
+
it("handles $repeat using expression and maps items", () => {
|
|
288
|
+
const state = {
|
|
289
|
+
products: [{
|
|
290
|
+
title: "Shirt"
|
|
291
|
+
}, {
|
|
292
|
+
title: "Hat"
|
|
293
|
+
}]
|
|
294
|
+
};
|
|
295
|
+
const bindings = {
|
|
296
|
+
$repeat: {
|
|
297
|
+
expression: "$state.products"
|
|
298
|
+
},
|
|
299
|
+
inputs: {
|
|
300
|
+
text: {
|
|
301
|
+
id: "text",
|
|
302
|
+
type: "text",
|
|
303
|
+
expression: "$.title",
|
|
304
|
+
static: "Unnamed"
|
|
305
|
+
}
|
|
306
|
+
}
|
|
307
|
+
};
|
|
308
|
+
const inputs = [createTextInput({
|
|
309
|
+
name: "text"
|
|
310
|
+
})];
|
|
311
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
312
|
+
const resolver = new BindingsResolver(state);
|
|
313
|
+
const resolved = resolver.resolveElement({
|
|
314
|
+
element: baseElement,
|
|
315
|
+
inputAst,
|
|
316
|
+
elementBindings: bindings
|
|
317
|
+
});
|
|
318
|
+
expect(resolved).toHaveLength(2);
|
|
319
|
+
expect(resolved[0].inputs.text).toBe("Shirt");
|
|
320
|
+
expect(resolved[1].inputs.text).toBe("Hat");
|
|
321
|
+
});
|
|
322
|
+
it("returns empty array if $repeat doesn't resolve to an array", () => {
|
|
323
|
+
const state = {
|
|
324
|
+
invalid: 42
|
|
325
|
+
};
|
|
326
|
+
const bindings = {
|
|
327
|
+
$repeat: {
|
|
328
|
+
expression: "$state.invalid"
|
|
329
|
+
},
|
|
330
|
+
inputs: {
|
|
331
|
+
text: {
|
|
332
|
+
id: "text",
|
|
333
|
+
type: "text",
|
|
334
|
+
static: "Should not be used"
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
};
|
|
338
|
+
const inputs = [createTextInput({
|
|
339
|
+
name: "text"
|
|
340
|
+
})];
|
|
341
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
342
|
+
const resolver = new BindingsResolver(state);
|
|
343
|
+
const resolved = resolver.resolveElement({
|
|
344
|
+
element: baseElement,
|
|
345
|
+
inputAst,
|
|
346
|
+
elementBindings: bindings
|
|
347
|
+
});
|
|
348
|
+
expect(resolved).toEqual([]);
|
|
349
|
+
});
|
|
350
|
+
it("resolves binding that refers to a specific array index", () => {
|
|
351
|
+
const state = {
|
|
352
|
+
list: [{
|
|
353
|
+
text: "First item text"
|
|
354
|
+
}, {
|
|
355
|
+
text: "Second item text"
|
|
356
|
+
}]
|
|
357
|
+
};
|
|
358
|
+
const bindings = {
|
|
359
|
+
inputs: {
|
|
360
|
+
text: {
|
|
361
|
+
id: "text",
|
|
362
|
+
type: "text",
|
|
363
|
+
static: "Static fallback",
|
|
364
|
+
expression: "$state.list.0.text"
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
};
|
|
368
|
+
const inputs = [createTextInput({
|
|
369
|
+
name: "text"
|
|
370
|
+
})];
|
|
371
|
+
const inputAst = ComponentManifestToAstConverter.convert(inputs);
|
|
372
|
+
const resolver = new BindingsResolver(state);
|
|
373
|
+
const [resolved] = resolver.resolveElement({
|
|
374
|
+
element: baseElement,
|
|
375
|
+
inputAst,
|
|
376
|
+
elementBindings: bindings
|
|
377
|
+
});
|
|
378
|
+
expect(resolved.inputs.text).toBe("First item text");
|
|
379
|
+
});
|
|
380
|
+
});
|
|
381
|
+
|
|
382
|
+
//# sourceMappingURL=BindingsResolver.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["BindingsResolver","createSlotInput","createTextInput","ComponentManifestToAstConverter","describe","baseElement","id","type","component","name","rootElement","it","state","user","bindings","inputs","text","expression","static","styles","paddingTop","inputAst","convert","resolver","resolved","resolveElement","element","elementBindings","expect","toBe","toEqual","root","children","list","qizw1hgqjvj8g5a43szzc","title","backgroundColor","marginTop","cwld8kxy0qhhtaql42lr5","elements","parent","slot","renderer","label","fields","leftColumn","rightColumn","toBeUndefined","defaultValue","onResolved","value","input","products","$repeat","toHaveLength","invalid"],"sources":["BindingsResolver.test.ts"],"sourcesContent":["import { BindingsResolver } from \"./BindingsResolver\";\nimport type {\n DocumentElement,\n DocumentState,\n DocumentElementBindings,\n DocumentBindings\n} from \"~/types\";\nimport { createSlotInput, createTextInput } from \"~/createInput\";\nimport { ComponentManifestToAstConverter } from \"~/ComponentManifestToAstConverter\";\n\ndescribe(\"BindingsResolver\", () => {\n const baseElement: DocumentElement = {\n id: \"test1\",\n type: \"Webiny/Element\",\n component: {\n name: \"Webiny/Text\"\n }\n };\n\n const rootElement: DocumentElement = {\n id: \"root\",\n type: \"Webiny/Element\",\n component: {\n name: \"Webiny/Root\"\n }\n };\n\n it(\"resolves input with expression binding\", () => {\n const state: DocumentState = {\n user: { name: \"Alice\" }\n };\n\n const bindings: DocumentElementBindings = {\n inputs: {\n text: {\n id: \"text\",\n type: \"text\",\n expression: \"$state.user.name\",\n static: \"Static fallback\"\n }\n },\n styles: {\n paddingTop: {\n static: \"10px\"\n }\n }\n };\n\n const inputs = [createTextInput({ name: \"text\" })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const [resolved] = resolver.resolveElement({\n element: baseElement,\n inputAst,\n elementBindings: bindings\n });\n\n expect(resolved.inputs.text).toBe(\"Alice\");\n expect(resolved.styles).toEqual({ paddingTop: \"10px\" });\n });\n\n it(\"resolves nested objects\", () => {\n const state: DocumentState = {};\n\n const bindings: DocumentBindings = {\n root: {\n inputs: {\n children: {\n id: \"children\",\n type: \"slot\",\n list: true,\n static: [\"qizw1hgqjvj8g5a43szzc\"]\n }\n }\n },\n qizw1hgqjvj8g5a43szzc: {\n inputs: {\n title: {\n id: \"title\",\n static: \"Default Columns Title\",\n type: \"text\"\n },\n \"leftColumn/0\": {\n id: \"slot\",\n static: [\"7znyr9z2cpizegnrk2rhu\"],\n type: \"slot\",\n list: true\n },\n \"rightColumn/0\": {\n id: \"slot\",\n static: [\"cwld8kxy0qhhtaql42lr5\"],\n type: \"slot\",\n list: true\n }\n },\n styles: {\n paddingTop: {\n static: \"20px\"\n },\n backgroundColor: {\n static: \"#5c9a12\"\n }\n }\n },\n \"7znyr9z2cpizegnrk2rhu\": {\n inputs: {\n title: {\n id: \"title\",\n static: \"Left Column Title\",\n type: \"text\"\n },\n children: {\n id: \"slot\",\n static: [],\n type: \"slot\",\n list: true\n }\n },\n styles: {\n backgroundColor: {\n static: \"red\"\n },\n marginTop: {\n static: \"20px\"\n }\n }\n },\n cwld8kxy0qhhtaql42lr5: {\n inputs: {\n title: {\n id: \"title\",\n static: \"Right Column Title\",\n type: \"text\"\n },\n children: {\n id: \"slot\",\n static: [],\n type: \"slot\",\n list: true\n }\n },\n styles: {\n backgroundColor: {\n static: \"blue\"\n },\n marginTop: {\n static: \"20px\"\n }\n }\n }\n };\n\n const elements = {\n root: {\n type: \"Webiny/Element\",\n id: \"root\",\n component: {\n name: \"Webiny/Root\"\n }\n },\n qizw1hgqjvj8g5a43szzc: {\n type: \"Webiny/Element\",\n id: \"qizw1hgqjvj8g5a43szzc\",\n parent: {\n id: \"root\",\n slot: \"children\"\n },\n component: {\n name: \"Webiny/TwoColumns\"\n }\n },\n \"7znyr9z2cpizegnrk2rhu\": {\n type: \"Webiny/Element\",\n id: \"7znyr9z2cpizegnrk2rhu\",\n parent: {\n id: \"qizw1hgqjvj8g5a43szzc\",\n slot: \"leftColumn/0\"\n },\n component: {\n name: \"Webiny/TextWithDropzone\"\n }\n },\n cwld8kxy0qhhtaql42lr5: {\n type: \"Webiny/Element\",\n id: \"cwld8kxy0qhhtaql42lr5\",\n parent: {\n id: \"qizw1hgqjvj8g5a43szzc\",\n slot: \"rightColumn/0\"\n },\n component: {\n name: \"Webiny/TextWithDropzone\"\n }\n }\n };\n\n const inputs = [\n {\n type: \"text\",\n renderer: \"Webiny/Input\",\n name: \"title\",\n label: \"Title\",\n fields: []\n },\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n name: \"leftColumn\",\n fields: []\n },\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n name: \"rightColumn\",\n fields: []\n }\n ];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const [resolved] = resolver.resolveElement({\n element: elements[\"qizw1hgqjvj8g5a43szzc\"] as DocumentElement,\n inputAst,\n elementBindings: bindings[\"qizw1hgqjvj8g5a43szzc\"]\n });\n\n expect(resolved.inputs.title).toBe(\"Default Columns Title\");\n expect(resolved.inputs.leftColumn).toEqual([[\"7znyr9z2cpizegnrk2rhu\"]]);\n expect(resolved.inputs.rightColumn).toEqual([[\"cwld8kxy0qhhtaql42lr5\"]]);\n });\n\n it(\"falls back to static if no expression is provided\", () => {\n const state: DocumentState = {};\n\n const bindings: DocumentElementBindings = {\n inputs: {\n text: {\n id: \"text\",\n type: \"text\",\n static: \"Static only\"\n }\n }\n };\n\n const inputs = [createTextInput({ name: \"text\" })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const [resolved] = resolver.resolveElement({\n element: baseElement,\n inputAst,\n elementBindings: bindings\n });\n\n expect(resolved.inputs.text).toBe(\"Static only\");\n });\n\n it(\"uses undefined if expression fails and no static exists\", () => {\n const state: DocumentState = {};\n\n const bindings: DocumentElementBindings = {\n inputs: {\n text: {\n id: \"text\",\n type: \"text\",\n static: \"Fallback\",\n expression: \"$.unknown.value\"\n }\n }\n };\n\n const inputs = [createTextInput({ name: \"text\" })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const [resolved] = resolver.resolveElement({\n element: baseElement,\n inputAst,\n elementBindings: bindings\n });\n\n expect(resolved.inputs.text).toBeUndefined();\n });\n\n it(\"uses input's `defaultValue` if binding doesn't exist\", () => {\n const state: DocumentState = {};\n\n const bindings: DocumentElementBindings = {\n inputs: {}\n };\n\n const inputs = [createSlotInput({ name: \"children\", defaultValue: [] })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const [resolved] = resolver.resolveElement({\n element: rootElement,\n inputAst,\n elementBindings: bindings,\n onResolved(value, input) {\n if (input.type === \"slot\") {\n return \"slot\";\n }\n\n return value;\n }\n });\n\n expect(resolved.inputs.children).toEqual(\"slot\");\n });\n\n it(\"handles $repeat using expression and maps items\", () => {\n const state: DocumentState = {\n products: [{ title: \"Shirt\" }, { title: \"Hat\" }]\n };\n\n const bindings: DocumentElementBindings = {\n $repeat: {\n expression: \"$state.products\"\n },\n inputs: {\n text: {\n id: \"text\",\n type: \"text\",\n expression: \"$.title\",\n static: \"Unnamed\"\n }\n }\n };\n\n const inputs = [createTextInput({ name: \"text\" })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const resolved = resolver.resolveElement({\n element: baseElement,\n inputAst,\n elementBindings: bindings\n });\n\n expect(resolved).toHaveLength(2);\n expect(resolved[0].inputs.text).toBe(\"Shirt\");\n expect(resolved[1].inputs.text).toBe(\"Hat\");\n });\n\n it(\"returns empty array if $repeat doesn't resolve to an array\", () => {\n const state: DocumentState = {\n invalid: 42\n };\n\n const bindings: DocumentElementBindings = {\n $repeat: {\n expression: \"$state.invalid\"\n },\n inputs: {\n text: {\n id: \"text\",\n type: \"text\",\n static: \"Should not be used\"\n }\n }\n };\n\n const inputs = [createTextInput({ name: \"text\" })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const resolved = resolver.resolveElement({\n element: baseElement,\n inputAst,\n elementBindings: bindings\n });\n\n expect(resolved).toEqual([]);\n });\n\n it(\"resolves binding that refers to a specific array index\", () => {\n const state: DocumentState = {\n list: [{ text: \"First item text\" }, { text: \"Second item text\" }]\n };\n\n const bindings: DocumentElementBindings = {\n inputs: {\n text: {\n id: \"text\",\n type: \"text\",\n static: \"Static fallback\",\n expression: \"$state.list.0.text\"\n }\n }\n };\n\n const inputs = [createTextInput({ name: \"text\" })];\n const inputAst = ComponentManifestToAstConverter.convert(inputs);\n const resolver = new BindingsResolver(state);\n const [resolved] = resolver.resolveElement({\n element: baseElement,\n inputAst,\n elementBindings: bindings\n });\n\n expect(resolved.inputs.text).toBe(\"First item text\");\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { InputAstNode } from "./ComponentManifestToAstConverter";
|
|
2
|
+
export type InputVisitor = (node: InputAstNode, path: string, value: any) => void;
|
|
3
|
+
/**
|
|
4
|
+
* ComponentInputTraverser
|
|
5
|
+
*
|
|
6
|
+
* Walks an input AST and a matching data object,
|
|
7
|
+
* invoking `visitor` for each leaf value found.
|
|
8
|
+
*/
|
|
9
|
+
export declare class ComponentInputTraverser {
|
|
10
|
+
private readonly ast;
|
|
11
|
+
constructor(ast: InputAstNode[]);
|
|
12
|
+
/**
|
|
13
|
+
* Traverse the given `data` object according to the AST,
|
|
14
|
+
* calling `visitor(node, path, value)` for each leaf.
|
|
15
|
+
*/
|
|
16
|
+
traverse(data: Record<string, any>, visitor: InputVisitor): void;
|
|
17
|
+
private traverseNode;
|
|
18
|
+
}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
// Visitor signature: called for every resolved leaf
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* ComponentInputTraverser
|
|
5
|
+
*
|
|
6
|
+
* Walks an input AST and a matching data object,
|
|
7
|
+
* invoking `visitor` for each leaf value found.
|
|
8
|
+
*/
|
|
9
|
+
export class ComponentInputTraverser {
|
|
10
|
+
constructor(ast) {
|
|
11
|
+
this.ast = ast;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Traverse the given `data` object according to the AST,
|
|
16
|
+
* calling `visitor(node, path, value)` for each leaf.
|
|
17
|
+
*/
|
|
18
|
+
traverse(data, visitor) {
|
|
19
|
+
for (const node of this.ast) {
|
|
20
|
+
const rootValue = data[node.name];
|
|
21
|
+
this.traverseNode(node, rootValue, node.name, visitor);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
traverseNode(node, value, currentPath, visitor) {
|
|
25
|
+
if (node.list) {
|
|
26
|
+
value = value ?? [];
|
|
27
|
+
if (value.length === 0) {
|
|
28
|
+
visitor(node, currentPath, value);
|
|
29
|
+
}
|
|
30
|
+
value.forEach((item, index) => {
|
|
31
|
+
if (node.children.length > 0) {
|
|
32
|
+
const itemPath = `${currentPath}/${index}`;
|
|
33
|
+
for (const child of node.children) {
|
|
34
|
+
const childValue = item?.[child.name];
|
|
35
|
+
const childPath = `${itemPath}/${child.name}`;
|
|
36
|
+
this.traverseNode(child, childValue, childPath, visitor);
|
|
37
|
+
}
|
|
38
|
+
} else {
|
|
39
|
+
visitor(node, currentPath, item);
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
} else {
|
|
43
|
+
if (node.children.length > 0) {
|
|
44
|
+
for (const child of node.children) {
|
|
45
|
+
const childValue = value?.[child.name];
|
|
46
|
+
const childPath = `${currentPath}/${child.name}`;
|
|
47
|
+
this.traverseNode(child, childValue, childPath, visitor);
|
|
48
|
+
}
|
|
49
|
+
} else {
|
|
50
|
+
visitor(node, currentPath, value);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
//# sourceMappingURL=ComponentInputTraverser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ComponentInputTraverser","constructor","ast","traverse","data","visitor","node","rootValue","name","traverseNode","value","currentPath","list","length","forEach","item","index","children","itemPath","child","childValue","childPath"],"sources":["ComponentInputTraverser.ts"],"sourcesContent":["import type { InputAstNode } from \"./ComponentManifestToAstConverter\";\n\n// Visitor signature: called for every resolved leaf\nexport type InputVisitor = (node: InputAstNode, path: string, value: any) => void;\n\n/**\n * ComponentInputTraverser\n *\n * Walks an input AST and a matching data object,\n * invoking `visitor` for each leaf value found.\n */\nexport class ComponentInputTraverser {\n private readonly ast: InputAstNode[];\n\n constructor(ast: InputAstNode[]) {\n this.ast = ast;\n }\n\n /**\n * Traverse the given `data` object according to the AST,\n * calling `visitor(node, path, value)` for each leaf.\n */\n public traverse(data: Record<string, any>, visitor: InputVisitor): void {\n for (const node of this.ast) {\n const rootValue = data[node.name];\n this.traverseNode(node, rootValue, node.name, visitor);\n }\n }\n\n private traverseNode(\n node: InputAstNode,\n value: any,\n currentPath: string,\n visitor: InputVisitor\n ): void {\n if (node.list) {\n value = value ?? [];\n\n if (value.length === 0) {\n visitor(node, currentPath, value);\n }\n\n value.forEach((item: any, index: number) => {\n if (node.children.length > 0) {\n const itemPath = `${currentPath}/${index}`;\n for (const child of node.children) {\n const childValue = item?.[child.name];\n const childPath = `${itemPath}/${child.name}`;\n this.traverseNode(child, childValue, childPath, visitor);\n }\n } else {\n visitor(node, currentPath, item);\n }\n });\n } else {\n if (node.children.length > 0) {\n for (const child of node.children) {\n const childValue = value?.[child.name];\n const childPath = `${currentPath}/${child.name}`;\n this.traverseNode(child, childValue, childPath, visitor);\n }\n } else {\n visitor(node, currentPath, value);\n }\n }\n }\n}\n"],"mappings":"AAEA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,uBAAuB,CAAC;EAGjCC,WAAWA,CAACC,GAAmB,EAAE;IAC7B,IAAI,CAACA,GAAG,GAAGA,GAAG;EAClB;;EAEA;AACJ;AACA;AACA;EACWC,QAAQA,CAACC,IAAyB,EAAEC,OAAqB,EAAQ;IACpE,KAAK,MAAMC,IAAI,IAAI,IAAI,CAACJ,GAAG,EAAE;MACzB,MAAMK,SAAS,GAAGH,IAAI,CAACE,IAAI,CAACE,IAAI,CAAC;MACjC,IAAI,CAACC,YAAY,CAACH,IAAI,EAAEC,SAAS,EAAED,IAAI,CAACE,IAAI,EAAEH,OAAO,CAAC;IAC1D;EACJ;EAEQI,YAAYA,CAChBH,IAAkB,EAClBI,KAAU,EACVC,WAAmB,EACnBN,OAAqB,EACjB;IACJ,IAAIC,IAAI,CAACM,IAAI,EAAE;MACXF,KAAK,GAAGA,KAAK,IAAI,EAAE;MAEnB,IAAIA,KAAK,CAACG,MAAM,KAAK,CAAC,EAAE;QACpBR,OAAO,CAACC,IAAI,EAAEK,WAAW,EAAED,KAAK,CAAC;MACrC;MAEAA,KAAK,CAACI,OAAO,CAAC,CAACC,IAAS,EAAEC,KAAa,KAAK;QACxC,IAAIV,IAAI,CAACW,QAAQ,CAACJ,MAAM,GAAG,CAAC,EAAE;UAC1B,MAAMK,QAAQ,GAAG,GAAGP,WAAW,IAAIK,KAAK,EAAE;UAC1C,KAAK,MAAMG,KAAK,IAAIb,IAAI,CAACW,QAAQ,EAAE;YAC/B,MAAMG,UAAU,GAAGL,IAAI,GAAGI,KAAK,CAACX,IAAI,CAAC;YACrC,MAAMa,SAAS,GAAG,GAAGH,QAAQ,IAAIC,KAAK,CAACX,IAAI,EAAE;YAC7C,IAAI,CAACC,YAAY,CAACU,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEhB,OAAO,CAAC;UAC5D;QACJ,CAAC,MAAM;UACHA,OAAO,CAACC,IAAI,EAAEK,WAAW,EAAEI,IAAI,CAAC;QACpC;MACJ,CAAC,CAAC;IACN,CAAC,MAAM;MACH,IAAIT,IAAI,CAACW,QAAQ,CAACJ,MAAM,GAAG,CAAC,EAAE;QAC1B,KAAK,MAAMM,KAAK,IAAIb,IAAI,CAACW,QAAQ,EAAE;UAC/B,MAAMG,UAAU,GAAGV,KAAK,GAAGS,KAAK,CAACX,IAAI,CAAC;UACtC,MAAMa,SAAS,GAAG,GAAGV,WAAW,IAAIQ,KAAK,CAACX,IAAI,EAAE;UAChD,IAAI,CAACC,YAAY,CAACU,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEhB,OAAO,CAAC;QAC5D;MACJ,CAAC,MAAM;QACHA,OAAO,CAACC,IAAI,EAAEK,WAAW,EAAED,KAAK,CAAC;MACrC;IACJ;EACJ;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ComponentInput } from "./types";
|
|
2
|
+
export type InputAstNode = {
|
|
3
|
+
name: string;
|
|
4
|
+
type: string;
|
|
5
|
+
list: boolean;
|
|
6
|
+
path: string;
|
|
7
|
+
children: InputAstNode[];
|
|
8
|
+
input: ComponentInput;
|
|
9
|
+
};
|
|
10
|
+
export declare class ComponentManifestToAstConverter {
|
|
11
|
+
static convert(inputs: ComponentInput[]): InputAstNode[];
|
|
12
|
+
private static buildAst;
|
|
13
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export class ComponentManifestToAstConverter {
|
|
2
|
+
static convert(inputs) {
|
|
3
|
+
return this.buildAst(inputs);
|
|
4
|
+
}
|
|
5
|
+
static buildAst(inputs, basePath = "") {
|
|
6
|
+
return inputs.map(input => {
|
|
7
|
+
const path = basePath ? `${basePath}/${input.name}` : input.name;
|
|
8
|
+
const node = {
|
|
9
|
+
name: input.name,
|
|
10
|
+
type: input.type,
|
|
11
|
+
list: input.list || false,
|
|
12
|
+
path,
|
|
13
|
+
children: [],
|
|
14
|
+
input
|
|
15
|
+
};
|
|
16
|
+
if (input.type === "object" && input.fields) {
|
|
17
|
+
node.children = this.buildAst(input.fields, path);
|
|
18
|
+
}
|
|
19
|
+
return node;
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
//# sourceMappingURL=ComponentManifestToAstConverter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ComponentManifestToAstConverter","convert","inputs","buildAst","basePath","map","input","path","name","node","type","list","children","fields"],"sources":["ComponentManifestToAstConverter.ts"],"sourcesContent":["import type { ComponentInput } from \"./types\";\n\nexport type InputAstNode = {\n name: string;\n type: string;\n list: boolean;\n path: string;\n children: InputAstNode[];\n input: ComponentInput;\n};\n\nexport class ComponentManifestToAstConverter {\n static convert(inputs: ComponentInput[]): InputAstNode[] {\n return this.buildAst(inputs);\n }\n\n private static buildAst(inputs: ComponentInput[], basePath = \"\"): InputAstNode[] {\n return inputs.map(input => {\n const path = basePath ? `${basePath}/${input.name}` : input.name;\n const node: InputAstNode = {\n name: input.name,\n type: input.type,\n list: input.list || false,\n path,\n children: [],\n input\n };\n\n if (input.type === \"object\" && input.fields) {\n node.children = this.buildAst(input.fields, path);\n }\n\n return node;\n });\n }\n}\n"],"mappings":"AAWA,OAAO,MAAMA,+BAA+B,CAAC;EACzC,OAAOC,OAAOA,CAACC,MAAwB,EAAkB;IACrD,OAAO,IAAI,CAACC,QAAQ,CAACD,MAAM,CAAC;EAChC;EAEA,OAAeC,QAAQA,CAACD,MAAwB,EAAEE,QAAQ,GAAG,EAAE,EAAkB;IAC7E,OAAOF,MAAM,CAACG,GAAG,CAACC,KAAK,IAAI;MACvB,MAAMC,IAAI,GAAGH,QAAQ,GAAG,GAAGA,QAAQ,IAAIE,KAAK,CAACE,IAAI,EAAE,GAAGF,KAAK,CAACE,IAAI;MAChE,MAAMC,IAAkB,GAAG;QACvBD,IAAI,EAAEF,KAAK,CAACE,IAAI;QAChBE,IAAI,EAAEJ,KAAK,CAACI,IAAI;QAChBC,IAAI,EAAEL,KAAK,CAACK,IAAI,IAAI,KAAK;QACzBJ,IAAI;QACJK,QAAQ,EAAE,EAAE;QACZN;MACJ,CAAC;MAED,IAAIA,KAAK,CAACI,IAAI,KAAK,QAAQ,IAAIJ,KAAK,CAACO,MAAM,EAAE;QACzCJ,IAAI,CAACG,QAAQ,GAAG,IAAI,CAACT,QAAQ,CAACG,KAAK,CAACO,MAAM,EAAEN,IAAI,CAAC;MACrD;MAEA,OAAOE,IAAI;IACf,CAAC,CAAC;EACN;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Component } from "./types.js";
|
|
2
|
+
type Registration = {
|
|
3
|
+
name: string;
|
|
4
|
+
component: Component;
|
|
5
|
+
};
|
|
6
|
+
export declare class ComponentRegistry {
|
|
7
|
+
private registry;
|
|
8
|
+
private listeners;
|
|
9
|
+
register(component: Component): void;
|
|
10
|
+
get(name: string): Component | undefined;
|
|
11
|
+
/** subscribe to *all* registrations */
|
|
12
|
+
onRegister(fn: (reg: Registration) => void): () => boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const componentRegistry: ComponentRegistry;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export class ComponentRegistry {
|
|
2
|
+
registry = new Map();
|
|
3
|
+
listeners = new Set();
|
|
4
|
+
register(component) {
|
|
5
|
+
const name = component.manifest.name;
|
|
6
|
+
this.registry.set(name, component);
|
|
7
|
+
// notify subscribers
|
|
8
|
+
this.listeners.forEach(fn => fn({
|
|
9
|
+
name,
|
|
10
|
+
component
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
get(name) {
|
|
14
|
+
return this.registry.get(name);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/** subscribe to *all* registrations */
|
|
18
|
+
onRegister(fn) {
|
|
19
|
+
this.listeners.add(fn);
|
|
20
|
+
return () => this.listeners.delete(fn);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
export const componentRegistry = new ComponentRegistry();
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=ComponentRegistry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ComponentRegistry","registry","Map","listeners","Set","register","component","name","manifest","set","forEach","fn","get","onRegister","add","delete","componentRegistry"],"sources":["ComponentRegistry.ts"],"sourcesContent":["import type { Component } from \"~/types.js\";\n\ntype Registration = { name: string; component: Component };\n\nexport class ComponentRegistry {\n private registry = new Map<string, Component>();\n private listeners = new Set<(reg: Registration) => void>();\n\n public register(component: Component) {\n const name = component.manifest.name;\n this.registry.set(name, component);\n // notify subscribers\n this.listeners.forEach(fn => fn({ name, component }));\n }\n\n public get(name: string) {\n return this.registry.get(name);\n }\n\n /** subscribe to *all* registrations */\n public onRegister(fn: (reg: Registration) => void) {\n this.listeners.add(fn);\n return () => this.listeners.delete(fn);\n }\n}\n\nexport const componentRegistry = new ComponentRegistry();\n"],"mappings":"AAIA,OAAO,MAAMA,iBAAiB,CAAC;EACnBC,QAAQ,GAAG,IAAIC,GAAG,CAAoB,CAAC;EACvCC,SAAS,GAAG,IAAIC,GAAG,CAA8B,CAAC;EAEnDC,QAAQA,CAACC,SAAoB,EAAE;IAClC,MAAMC,IAAI,GAAGD,SAAS,CAACE,QAAQ,CAACD,IAAI;IACpC,IAAI,CAACN,QAAQ,CAACQ,GAAG,CAACF,IAAI,EAAED,SAAS,CAAC;IAClC;IACA,IAAI,CAACH,SAAS,CAACO,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC;MAAEJ,IAAI;MAAED;IAAU,CAAC,CAAC,CAAC;EACzD;EAEOM,GAAGA,CAACL,IAAY,EAAE;IACrB,OAAO,IAAI,CAACN,QAAQ,CAACW,GAAG,CAACL,IAAI,CAAC;EAClC;;EAEA;EACOM,UAAUA,CAACF,EAA+B,EAAE;IAC/C,IAAI,CAACR,SAAS,CAACW,GAAG,CAACH,EAAE,CAAC;IACtB,OAAO,MAAM,IAAI,CAACR,SAAS,CAACY,MAAM,CAACJ,EAAE,CAAC;EAC1C;AACJ;AAEA,OAAO,MAAMK,iBAAiB,GAAG,IAAIhB,iBAAiB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ComponentRegistry } from "./ComponentRegistry.js";
|
|
2
|
+
import type { DocumentElement, DocumentElementBindings, DocumentState, ResolvedComponent } from "./types";
|
|
3
|
+
import type { OnResolved } from "./BindingsResolver";
|
|
4
|
+
export type ResolveElementParams = {
|
|
5
|
+
element: DocumentElement;
|
|
6
|
+
elementBindings: DocumentElementBindings;
|
|
7
|
+
state: DocumentState;
|
|
8
|
+
onResolved?: OnResolved;
|
|
9
|
+
};
|
|
10
|
+
export declare class ComponentResolver {
|
|
11
|
+
private components;
|
|
12
|
+
constructor(registry: ComponentRegistry);
|
|
13
|
+
resolve({ element, elementBindings, onResolved, state }: ResolveElementParams): ResolvedComponent[] | null;
|
|
14
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { logger } from "./Logger";
|
|
2
|
+
import { BindingsResolver } from "./BindingsResolver";
|
|
3
|
+
import { ComponentManifestToAstConverter } from "./ComponentManifestToAstConverter";
|
|
4
|
+
export class ComponentResolver {
|
|
5
|
+
constructor(registry) {
|
|
6
|
+
this.components = registry;
|
|
7
|
+
}
|
|
8
|
+
resolve({
|
|
9
|
+
element,
|
|
10
|
+
elementBindings = {},
|
|
11
|
+
onResolved,
|
|
12
|
+
state
|
|
13
|
+
}) {
|
|
14
|
+
const componentName = element.component.name;
|
|
15
|
+
const blueprint = this.components.get(componentName);
|
|
16
|
+
if (!blueprint) {
|
|
17
|
+
logger.warn(`Unknown component: ${componentName}`);
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
const bindingsResolver = new BindingsResolver(state);
|
|
21
|
+
const instances = bindingsResolver.resolveElement({
|
|
22
|
+
element,
|
|
23
|
+
elementBindings,
|
|
24
|
+
inputAst: ComponentManifestToAstConverter.convert(blueprint.manifest.inputs ?? []),
|
|
25
|
+
onResolved
|
|
26
|
+
});
|
|
27
|
+
return instances.map(instance => ({
|
|
28
|
+
component: blueprint.component,
|
|
29
|
+
manifest: blueprint.manifest,
|
|
30
|
+
styles: instance.styles,
|
|
31
|
+
inputs: instance.inputs
|
|
32
|
+
}));
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
//# sourceMappingURL=ComponentResolver.js.map
|