@webiny/website-builder-sdk 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e
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.js +29 -36
- package/BindingsApi.js.map +1 -1
- package/BindingsProcessor.js +34 -43
- package/BindingsProcessor.js.map +1 -1
- package/BindingsProcessor.test.js +82 -77
- package/BindingsProcessor.test.js.map +1 -1
- package/BindingsResolver.d.ts +5 -2
- package/BindingsResolver.js +99 -122
- package/BindingsResolver.js.map +1 -1
- package/BindingsResolver.test.js +399 -362
- package/BindingsResolver.test.js.map +1 -1
- package/ComponentInputTraverser.js +32 -49
- package/ComponentInputTraverser.js.map +1 -1
- package/ComponentManifestToAstConverter.js +20 -21
- package/ComponentManifestToAstConverter.js.map +1 -1
- package/ComponentRegistry.d.ts +9 -0
- package/ComponentRegistry.js +38 -22
- package/ComponentRegistry.js.map +1 -1
- package/ComponentResolver.d.ts +3 -2
- package/ComponentResolver.js +39 -29
- package/ComponentResolver.js.map +1 -1
- package/ComponentResolver.test.d.ts +1 -0
- package/ComponentResolver.test.js +81 -0
- package/ComponentResolver.test.js.map +1 -0
- package/ConstraintEvaluator.d.ts +36 -0
- package/ConstraintEvaluator.js +288 -0
- package/ConstraintEvaluator.js.map +1 -0
- package/ConstraintEvaluator.test.d.ts +1 -0
- package/ConstraintEvaluator.test.js +1634 -0
- package/ConstraintEvaluator.test.js.map +1 -0
- package/ContentSdk.d.ts +17 -3
- package/ContentSdk.js +113 -90
- package/ContentSdk.js.map +1 -1
- package/DocumentStore.d.ts +1 -1
- package/DocumentStore.js +47 -59
- package/DocumentStore.js.map +1 -1
- package/DocumentStoreManager.js +17 -16
- package/DocumentStoreManager.js.map +1 -1
- package/EditingSdk.d.ts +2 -2
- package/EditingSdk.js +92 -124
- package/EditingSdk.js.map +1 -1
- package/ElementFactory.d.ts +2 -3
- package/ElementFactory.js +164 -163
- package/ElementFactory.js.map +1 -1
- package/ElementFactory.objectListDefaults.test.d.ts +1 -0
- package/ElementFactory.objectListDefaults.test.js +423 -0
- package/ElementFactory.objectListDefaults.test.js.map +1 -0
- package/ElementFactory.test.d.ts +1 -0
- package/ElementFactory.test.js +353 -0
- package/ElementFactory.test.js.map +1 -0
- package/Environment.js +18 -19
- package/Environment.js.map +1 -1
- package/FunctionConverter.js +8 -7
- package/FunctionConverter.js.map +1 -1
- package/HashObject.js +11 -12
- package/HashObject.js.map +1 -1
- package/HotkeyManager.js +41 -48
- package/HotkeyManager.js.map +1 -1
- package/IBindingsUpdater.js +0 -3
- package/IRedirects.js +0 -3
- package/InheritanceProcessor.d.ts +2 -2
- package/InheritanceProcessor.js +99 -139
- package/InheritanceProcessor.js.map +1 -1
- package/InheritanceProcessor.test.js +178 -178
- package/InheritanceProcessor.test.js.map +1 -1
- package/InheritedValueResolver.d.ts +18 -1
- package/InheritedValueResolver.js +18 -20
- package/InheritedValueResolver.js.map +1 -1
- package/InputBindingsProcessor.d.ts +23 -2
- package/InputBindingsProcessor.js +200 -289
- package/InputBindingsProcessor.js.map +1 -1
- package/InputBindingsProcessorTokens.test.d.ts +1 -0
- package/InputBindingsProcessorTokens.test.js +400 -0
- package/InputBindingsProcessorTokens.test.js.map +1 -0
- package/InputsBindingsProcessor.test.js +334 -313
- package/InputsBindingsProcessor.test.js.map +1 -1
- package/InputsUpdater.d.ts +1 -1
- package/InputsUpdater.js +23 -26
- package/InputsUpdater.js.map +1 -1
- package/LiveSdk.d.ts +2 -2
- package/LiveSdk.js +12 -13
- package/LiveSdk.js.map +1 -1
- package/Logger.d.ts +2 -1
- package/Logger.js +9 -8
- package/Logger.js.map +1 -1
- package/MouseTracker.js +77 -83
- package/MouseTracker.js.map +1 -1
- package/NullSdk.d.ts +4 -3
- package/NullSdk.js +22 -14
- package/NullSdk.js.map +1 -1
- package/PreviewDocument.d.ts +1 -0
- package/PreviewDocument.js +30 -30
- package/PreviewDocument.js.map +1 -1
- package/PreviewSdk.d.ts +4 -3
- package/PreviewSdk.js +19 -17
- package/PreviewSdk.js.map +1 -1
- package/PreviewViewport.d.ts +0 -1
- package/PreviewViewport.js +50 -82
- package/PreviewViewport.js.map +1 -1
- package/README.md +10 -2
- package/ResizeObserver.js +24 -31
- package/ResizeObserver.js.map +1 -1
- package/StylesBindingsProcessor.d.ts +12 -2
- package/StylesBindingsProcessor.js +62 -79
- package/StylesBindingsProcessor.js.map +1 -1
- package/StylesUpdater.d.ts +1 -1
- package/StylesUpdater.js +20 -25
- package/StylesUpdater.js.map +1 -1
- package/Theme.js +30 -32
- package/Theme.js.map +1 -1
- package/ViewportManager.d.ts +2 -0
- package/ViewportManager.js +89 -97
- package/ViewportManager.js.map +1 -1
- package/assertBindingShapes.d.ts +31 -0
- package/assertBindingShapes.js +64 -0
- package/assertBindingShapes.js.map +1 -0
- package/assertBindingShapes.test.d.ts +1 -0
- package/assertBindingShapes.test.js +131 -0
- package/assertBindingShapes.test.js.map +1 -0
- package/asset/deliveryUrl.d.ts +41 -0
- package/asset/deliveryUrl.js +34 -0
- package/asset/deliveryUrl.js.map +1 -0
- package/asset/deliveryUrl.test.d.ts +1 -0
- package/asset/deliveryUrl.test.js +127 -0
- package/asset/deliveryUrl.test.js.map +1 -0
- package/asset/geometry.d.ts +7 -0
- package/asset/geometry.js +10 -0
- package/asset/geometry.js.map +1 -0
- package/asset/imageSrcSet.d.ts +63 -0
- package/asset/imageSrcSet.js +98 -0
- package/asset/imageSrcSet.js.map +1 -0
- package/asset/imageSrcSet.test.d.ts +1 -0
- package/asset/imageSrcSet.test.js +103 -0
- package/asset/imageSrcSet.test.js.map +1 -0
- package/asset/index.d.ts +5 -0
- package/asset/index.js +5 -0
- package/asset/normalize.d.ts +24 -0
- package/asset/normalize.js +106 -0
- package/asset/normalize.js.map +1 -0
- package/asset/normalize.test.d.ts +1 -0
- package/asset/normalize.test.js +263 -0
- package/asset/normalize.test.js.map +1 -0
- package/asset/types.d.ts +2 -0
- package/asset/types.js +0 -0
- package/constants.d.ts +1 -0
- package/constants.js +7 -5
- package/constants.js.map +1 -1
- package/contentEntry/ContentEntryBindingsResolver.d.ts +30 -0
- package/contentEntry/ContentEntryBindingsResolver.js +45 -0
- package/contentEntry/ContentEntryBindingsResolver.js.map +1 -0
- package/contentEntry/ContentEntryCache.d.ts +46 -0
- package/contentEntry/ContentEntryCache.js +50 -0
- package/contentEntry/ContentEntryCache.js.map +1 -0
- package/contentEntry/resolveContentEntry.d.ts +74 -0
- package/contentEntry/resolveContentEntry.js +53 -0
- package/contentEntry/resolveContentEntry.js.map +1 -0
- package/contentEntry/resolveContentEntry.test.d.ts +1 -0
- package/contentEntry/resolveContentEntry.test.js +213 -0
- package/contentEntry/resolveContentEntry.test.js.map +1 -0
- package/createComponent.d.ts +5 -0
- package/createComponent.js +32 -0
- package/createComponent.js.map +1 -0
- package/createElement.js +5 -6
- package/createElement.js.map +1 -1
- package/createInput.d.ts +132 -16
- package/createInput.js +92 -111
- package/createInput.js.map +1 -1
- package/createTheme.js +2 -3
- package/createTheme.js.map +1 -1
- package/dataProviders/ApiClient.d.ts +10 -5
- package/dataProviders/ApiClient.js +40 -49
- package/dataProviders/ApiClient.js.map +1 -1
- package/dataProviders/DefaultDataProvider.d.ts +7 -3
- package/dataProviders/DefaultDataProvider.js +91 -45
- package/dataProviders/DefaultDataProvider.js.map +1 -1
- package/dataProviders/GET_EXPERIMENT_PAUSED.d.ts +1 -0
- package/dataProviders/GET_EXPERIMENT_PAUSED.js +17 -0
- package/dataProviders/GET_EXPERIMENT_PAUSED.js.map +1 -0
- package/dataProviders/GET_PAGE_BY_ID.d.ts +1 -1
- package/dataProviders/GET_PAGE_BY_ID.js +4 -1
- package/dataProviders/GET_PAGE_BY_ID.js.map +1 -1
- package/dataProviders/GET_PAGE_BY_PATH.d.ts +1 -1
- package/dataProviders/GET_PAGE_BY_PATH.js +4 -1
- package/dataProviders/GET_PAGE_BY_PATH.js.map +1 -1
- package/dataProviders/GET_PAGE_EXPERIMENT.d.ts +1 -0
- package/dataProviders/GET_PAGE_EXPERIMENT.js +32 -0
- package/dataProviders/GET_PAGE_EXPERIMENT.js.map +1 -0
- package/dataProviders/GET_VARIANT_CONTENT.d.ts +1 -0
- package/dataProviders/GET_VARIANT_CONTENT.js +24 -0
- package/dataProviders/GET_VARIANT_CONTENT.js.map +1 -0
- package/dataProviders/LIST_PUBLISHED_PAGES.d.ts +1 -1
- package/dataProviders/LIST_PUBLISHED_PAGES.js +17 -5
- package/dataProviders/LIST_PUBLISHED_PAGES.js.map +1 -1
- package/dataProviders/NullDataProvider.d.ts +16 -4
- package/dataProviders/NullDataProvider.js +30 -13
- package/dataProviders/NullDataProvider.js.map +1 -1
- package/dataProviders/RedirectsProvider.js +24 -27
- package/dataProviders/RedirectsProvider.js.map +1 -1
- package/defaultBreakpoints.js +43 -22
- package/defaultBreakpoints.js.map +1 -1
- package/documentOperations/$addElementReferenceToParent.d.ts +1 -1
- package/documentOperations/$addElementReferenceToParent.js +30 -26
- package/documentOperations/$addElementReferenceToParent.js.map +1 -1
- package/documentOperations/AddElement.js +8 -7
- package/documentOperations/AddElement.js.map +1 -1
- package/documentOperations/AddToParent.d.ts +2 -2
- package/documentOperations/AddToParent.js +14 -13
- package/documentOperations/AddToParent.js.map +1 -1
- package/documentOperations/IDocumentOperation.js +0 -3
- package/documentOperations/RemoveElement.js +10 -7
- package/documentOperations/RemoveElement.js.map +1 -1
- package/documentOperations/SetGlobalInputBinding.js +23 -22
- package/documentOperations/SetGlobalInputBinding.js.map +1 -1
- package/documentOperations/SetGlobalStyleBinding.js +23 -23
- package/documentOperations/SetGlobalStyleBinding.js.map +1 -1
- package/documentOperations/SetInputBindingOverride.js +30 -29
- package/documentOperations/SetInputBindingOverride.js.map +1 -1
- package/documentOperations/SetStyleBindingOverride.js +30 -31
- package/documentOperations/SetStyleBindingOverride.js.map +1 -1
- package/documentOperations/index.js +9 -8
- package/documentOperations/index.js.map +1 -1
- package/experiments/PostHogAnalyticsProvider.d.ts +31 -0
- package/experiments/PostHogAnalyticsProvider.js +28 -0
- package/experiments/PostHogAnalyticsProvider.js.map +1 -0
- package/experiments/analyticsProvider.d.ts +4 -0
- package/experiments/analyticsProvider.js +11 -0
- package/experiments/analyticsProvider.js.map +1 -0
- package/experiments/bucketing.d.ts +27 -0
- package/experiments/bucketing.js +91 -0
- package/experiments/bucketing.js.map +1 -0
- package/experiments/bucketing.test.d.ts +1 -0
- package/experiments/bucketing.test.js +183 -0
- package/experiments/bucketing.test.js.map +1 -0
- package/experiments/index.d.ts +5 -0
- package/experiments/index.js +5 -0
- package/experiments/render.d.ts +79 -0
- package/experiments/render.js +149 -0
- package/experiments/render.js.map +1 -0
- package/experiments/types.d.ts +108 -0
- package/experiments/types.js +4 -0
- package/experiments/types.js.map +1 -0
- package/findMatchingAstNode.js +11 -13
- package/findMatchingAstNode.js.map +1 -1
- package/generateElementId.d.ts +1 -1
- package/generateElementId.js +2 -2
- package/generateElementId.js.map +1 -1
- package/headersProvider.js +4 -3
- package/headersProvider.js.map +1 -1
- package/image/geometry.d.ts +54 -0
- package/image/geometry.js +112 -0
- package/image/geometry.js.map +1 -0
- package/image/geometry.test.d.ts +1 -0
- package/image/geometry.test.js +190 -0
- package/image/geometry.test.js.map +1 -0
- package/image/index.d.ts +3 -0
- package/image/index.js +3 -0
- package/image/presets.d.ts +6 -0
- package/image/presets.js +20 -0
- package/image/presets.js.map +1 -0
- package/image/types.d.ts +10 -0
- package/image/types.js +0 -0
- package/index.d.ts +12 -1
- package/index.js +11 -3
- package/jsonPatch.d.ts +1 -1
- package/jsonPatch.js +5 -9
- package/jsonPatch.js.map +1 -1
- package/messages.js +12 -11
- package/messages.js.map +1 -1
- package/messenger/MessageOrigin.js +12 -11
- package/messenger/MessageOrigin.js.map +1 -1
- package/messenger/Messenger.js +59 -70
- package/messenger/Messenger.js.map +1 -1
- package/messenger/index.js +0 -2
- package/package.json +19 -22
- package/registerComponentGroup.js +5 -6
- package/registerComponentGroup.js.map +1 -1
- package/tokenBinding.d.ts +26 -0
- package/tokenBinding.js +15 -0
- package/tokenBinding.js.map +1 -0
- package/tokenBinding.test.d.ts +1 -0
- package/tokenBinding.test.js +165 -0
- package/tokenBinding.test.js.map +1 -0
- package/types/ShorthandCssProperties.js +0 -3
- package/types/WebsiteBuilderTheme.d.ts +54 -45
- package/types/WebsiteBuilderTheme.js +0 -3
- package/types.d.ts +294 -13
- package/types.js +0 -3
- package/IBindingsUpdater.js.map +0 -1
- package/IRedirects.js.map +0 -1
- package/documentOperations/IDocumentOperation.js.map +0 -1
- package/index.js.map +0 -1
- package/lexical/createDefaultLexicalTheme.d.ts +0 -2
- package/lexical/createDefaultLexicalTheme.js +0 -84
- package/lexical/createDefaultLexicalTheme.js.map +0 -1
- package/lexical/createLexicalTheme.d.ts +0 -2
- package/lexical/createLexicalTheme.js +0 -7
- package/lexical/createLexicalTheme.js.map +0 -1
- package/lexical/deepMerge.d.ts +0 -1
- package/lexical/deepMerge.js +0 -23
- package/lexical/deepMerge.js.map +0 -1
- package/messenger/index.js.map +0 -1
- package/types/LexicalEditorTheme.d.ts +0 -2
- package/types/LexicalEditorTheme.js +0 -3
- package/types/LexicalEditorTheme.js.map +0 -1
- package/types/ShorthandCssProperties.js.map +0 -1
- package/types/WebsiteBuilderTheme.js.map +0 -1
- package/types.js.map +0 -1
|
@@ -0,0 +1,353 @@
|
|
|
1
|
+
import { describe, expect, it } from "vitest";
|
|
2
|
+
import { ElementFactory } from "./ElementFactory.js";
|
|
3
|
+
import { DocumentOperations } from "./documentOperations/index.js";
|
|
4
|
+
const components = {
|
|
5
|
+
"Webiny/Root": {
|
|
6
|
+
name: "Webiny/Root",
|
|
7
|
+
label: "Main Content",
|
|
8
|
+
tags: [],
|
|
9
|
+
inputs: [
|
|
10
|
+
{
|
|
11
|
+
type: "slot",
|
|
12
|
+
list: true,
|
|
13
|
+
renderer: "Webiny/Slot",
|
|
14
|
+
defaultValue: [],
|
|
15
|
+
name: "children"
|
|
16
|
+
}
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
"FunnelBuilder/Funnel": {
|
|
20
|
+
name: "FunnelBuilder/Funnel",
|
|
21
|
+
label: "Funnel",
|
|
22
|
+
tags: [],
|
|
23
|
+
inputs: [
|
|
24
|
+
{
|
|
25
|
+
type: "object",
|
|
26
|
+
renderer: "Webiny/Object",
|
|
27
|
+
name: "fields",
|
|
28
|
+
list: true,
|
|
29
|
+
fields: [],
|
|
30
|
+
defaultValue: []
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
type: "number",
|
|
34
|
+
renderer: "Webiny/Number",
|
|
35
|
+
name: "activeStep",
|
|
36
|
+
label: "Active Step",
|
|
37
|
+
defaultValue: 0
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
type: "slot",
|
|
41
|
+
list: true,
|
|
42
|
+
renderer: "Webiny/Slot",
|
|
43
|
+
defaultValue: [],
|
|
44
|
+
name: "steps"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
type: "object",
|
|
48
|
+
renderer: "FunnelBuilder/ConditionRulesRenderer",
|
|
49
|
+
name: "conditionRules",
|
|
50
|
+
list: true,
|
|
51
|
+
fields: []
|
|
52
|
+
}
|
|
53
|
+
]
|
|
54
|
+
},
|
|
55
|
+
"FunnelBuilder/Step": {
|
|
56
|
+
name: "FunnelBuilder/Step",
|
|
57
|
+
label: "Funnel Step",
|
|
58
|
+
tags: [],
|
|
59
|
+
inputs: [
|
|
60
|
+
{
|
|
61
|
+
type: "text",
|
|
62
|
+
renderer: "Webiny/Input",
|
|
63
|
+
name: "label",
|
|
64
|
+
label: "Label"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
type: "slot",
|
|
68
|
+
list: true,
|
|
69
|
+
renderer: "Webiny/Slot",
|
|
70
|
+
defaultValue: [],
|
|
71
|
+
name: "children"
|
|
72
|
+
}
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
function serializeOp(op) {
|
|
77
|
+
if (op instanceof DocumentOperations.AddElement) return {
|
|
78
|
+
type: "AddElement",
|
|
79
|
+
element: op["element"]
|
|
80
|
+
};
|
|
81
|
+
if (op instanceof DocumentOperations.AddToParent) return {
|
|
82
|
+
type: "AddToParent",
|
|
83
|
+
element: op["element"],
|
|
84
|
+
index: op["index"]
|
|
85
|
+
};
|
|
86
|
+
if (op instanceof DocumentOperations.SetGlobalInputBinding) return {
|
|
87
|
+
type: "SetGlobalInputBinding",
|
|
88
|
+
elementId: op["elementId"],
|
|
89
|
+
bindingPath: op["bindingPath"],
|
|
90
|
+
binding: op["binding"]
|
|
91
|
+
};
|
|
92
|
+
if (op instanceof DocumentOperations.SetGlobalStyleBinding) return {
|
|
93
|
+
type: "SetGlobalStyleBinding",
|
|
94
|
+
elementId: op["elementId"],
|
|
95
|
+
bindingPath: op["bindingPath"],
|
|
96
|
+
binding: op["binding"]
|
|
97
|
+
};
|
|
98
|
+
return op;
|
|
99
|
+
}
|
|
100
|
+
describe("ElementFactory", ()=>{
|
|
101
|
+
it("should produce correct operation sequence for a Funnel with two Steps", ()=>{
|
|
102
|
+
const factory = new ElementFactory(components);
|
|
103
|
+
const result = factory.createElementFromComponent({
|
|
104
|
+
componentName: "FunnelBuilder/Funnel",
|
|
105
|
+
parentId: "root",
|
|
106
|
+
slot: "children",
|
|
107
|
+
index: 0,
|
|
108
|
+
bindings: {
|
|
109
|
+
inputs: {
|
|
110
|
+
fields: [],
|
|
111
|
+
activeStep: 0,
|
|
112
|
+
steps: [
|
|
113
|
+
{
|
|
114
|
+
action: "CreateElement",
|
|
115
|
+
params: {
|
|
116
|
+
component: "FunnelBuilder/Step",
|
|
117
|
+
inputs: {
|
|
118
|
+
label: "Step 1",
|
|
119
|
+
children: []
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
action: "CreateElement",
|
|
125
|
+
params: {
|
|
126
|
+
component: "FunnelBuilder/Step",
|
|
127
|
+
inputs: {
|
|
128
|
+
label: "Final Step",
|
|
129
|
+
children: []
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
const ops = result.operations.map(serializeOp);
|
|
138
|
+
const funnelId = result.element.id;
|
|
139
|
+
expect(ops[0].type).toBe("AddElement");
|
|
140
|
+
expect(ops[0].element.component.name).toBe("FunnelBuilder/Funnel");
|
|
141
|
+
expect(ops[1].type).toBe("AddToParent");
|
|
142
|
+
expect(ops[1].element.id).toBe(funnelId);
|
|
143
|
+
expect(ops[1].index).toBe(0);
|
|
144
|
+
expect(ops[2].type).toBe("SetGlobalInputBinding");
|
|
145
|
+
expect(ops[2].elementId).toBe(funnelId);
|
|
146
|
+
expect(ops[2].bindingPath).toBe("activeStep");
|
|
147
|
+
expect(ops[2].binding.static).toBe(0);
|
|
148
|
+
const step1Id = ops[3].element.id;
|
|
149
|
+
expect(ops[3].type).toBe("AddElement");
|
|
150
|
+
expect(ops[3].element.component.name).toBe("FunnelBuilder/Step");
|
|
151
|
+
expect(ops[3].element.parent).toEqual({
|
|
152
|
+
id: funnelId,
|
|
153
|
+
slot: "steps"
|
|
154
|
+
});
|
|
155
|
+
expect(ops[4].type).toBe("AddToParent");
|
|
156
|
+
expect(ops[4].element.id).toBe(step1Id);
|
|
157
|
+
expect(ops[4].index).toBeUndefined();
|
|
158
|
+
expect(ops[5].bindingPath).toBe("label");
|
|
159
|
+
expect(ops[5].binding.static).toBe("Step 1");
|
|
160
|
+
expect(ops[6].bindingPath).toBe("children");
|
|
161
|
+
expect(ops[6].binding.static).toEqual([]);
|
|
162
|
+
expect(ops[7].bindingPath).toBe("display");
|
|
163
|
+
expect(ops[8].bindingPath).toBe("flexDirection");
|
|
164
|
+
expect(ops[9].type).toBe("SetGlobalInputBinding");
|
|
165
|
+
expect(ops[9].elementId).toBe(funnelId);
|
|
166
|
+
expect(ops[9].bindingPath).toBe("steps");
|
|
167
|
+
expect(ops[9].binding.static).toBeUndefined();
|
|
168
|
+
expect(ops[9].binding.type).toBe("slot");
|
|
169
|
+
expect(ops[9].binding.list).toBe(true);
|
|
170
|
+
expect(ops[10].element.component.name).toBe("FunnelBuilder/Step");
|
|
171
|
+
expect(ops[11].index).toBeUndefined();
|
|
172
|
+
expect(ops[12].binding.static).toBe("Final Step");
|
|
173
|
+
expect(ops[13].binding.static).toEqual([]);
|
|
174
|
+
expect(ops[16].type).toBe("SetGlobalInputBinding");
|
|
175
|
+
expect(ops[16].elementId).toBe(funnelId);
|
|
176
|
+
expect(ops[16].bindingPath).toBe("steps");
|
|
177
|
+
expect(ops[16].binding.static).toBeUndefined();
|
|
178
|
+
expect(ops[17].bindingPath).toBe("display");
|
|
179
|
+
expect(ops[18].bindingPath).toBe("flexDirection");
|
|
180
|
+
expect(ops).toHaveLength(19);
|
|
181
|
+
});
|
|
182
|
+
it("should produce correct document after applying all operations", ()=>{
|
|
183
|
+
const factory = new ElementFactory(components);
|
|
184
|
+
const result = factory.createElementFromComponent({
|
|
185
|
+
componentName: "FunnelBuilder/Funnel",
|
|
186
|
+
parentId: "root",
|
|
187
|
+
slot: "children",
|
|
188
|
+
index: 0,
|
|
189
|
+
bindings: {
|
|
190
|
+
inputs: {
|
|
191
|
+
fields: [],
|
|
192
|
+
activeStep: 0,
|
|
193
|
+
steps: [
|
|
194
|
+
{
|
|
195
|
+
action: "CreateElement",
|
|
196
|
+
params: {
|
|
197
|
+
component: "FunnelBuilder/Step",
|
|
198
|
+
inputs: {
|
|
199
|
+
label: "Step 1",
|
|
200
|
+
children: []
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
action: "CreateElement",
|
|
206
|
+
params: {
|
|
207
|
+
component: "FunnelBuilder/Step",
|
|
208
|
+
inputs: {
|
|
209
|
+
label: "Final Step",
|
|
210
|
+
children: []
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
]
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
const document = {
|
|
219
|
+
state: {},
|
|
220
|
+
elements: {
|
|
221
|
+
root: {
|
|
222
|
+
type: "Webiny/Element",
|
|
223
|
+
id: "root",
|
|
224
|
+
component: {
|
|
225
|
+
name: "Webiny/Root"
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
},
|
|
229
|
+
bindings: {}
|
|
230
|
+
};
|
|
231
|
+
for (const op of result.operations)op.apply(document);
|
|
232
|
+
const funnelId = result.element.id;
|
|
233
|
+
const stepElements = Object.values(document.elements).filter((el)=>"FunnelBuilder/Step" === el.component.name);
|
|
234
|
+
expect(stepElements).toHaveLength(2);
|
|
235
|
+
const labels = stepElements.map((el)=>document.bindings[el.id]?.inputs?.label?.static);
|
|
236
|
+
expect(labels).toContain("Step 1");
|
|
237
|
+
expect(labels).toContain("Final Step");
|
|
238
|
+
const stepsBinding = document.bindings[funnelId]?.inputs?.steps;
|
|
239
|
+
expect(stepsBinding?.list).toBe(true);
|
|
240
|
+
expect(stepsBinding?.type).toBe("slot");
|
|
241
|
+
expect(stepsBinding?.static).toHaveLength(2);
|
|
242
|
+
const step1 = stepElements.find((el)=>document.bindings[el.id]?.inputs?.label?.static === "Step 1");
|
|
243
|
+
const step2 = stepElements.find((el)=>document.bindings[el.id]?.inputs?.label?.static === "Final Step");
|
|
244
|
+
expect(stepsBinding?.static).toEqual([
|
|
245
|
+
step1.id,
|
|
246
|
+
step2.id
|
|
247
|
+
]);
|
|
248
|
+
});
|
|
249
|
+
it("should keep every item of a primitive list (tags) from the component defaults", ()=>{
|
|
250
|
+
const pricing = {
|
|
251
|
+
name: "Custom/PricingPlans",
|
|
252
|
+
label: "Pricing Plans",
|
|
253
|
+
tags: [],
|
|
254
|
+
inputs: [
|
|
255
|
+
{
|
|
256
|
+
type: "text",
|
|
257
|
+
list: true,
|
|
258
|
+
renderer: "Webiny/Tags",
|
|
259
|
+
name: "highlights",
|
|
260
|
+
defaultValue: [
|
|
261
|
+
"Default"
|
|
262
|
+
]
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
type: "object",
|
|
266
|
+
list: true,
|
|
267
|
+
renderer: "Webiny/Object",
|
|
268
|
+
name: "plans",
|
|
269
|
+
fields: [
|
|
270
|
+
{
|
|
271
|
+
type: "text",
|
|
272
|
+
renderer: "Webiny/Input",
|
|
273
|
+
name: "name"
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
type: "text",
|
|
277
|
+
list: true,
|
|
278
|
+
renderer: "Webiny/Tags",
|
|
279
|
+
name: "features",
|
|
280
|
+
defaultValue: [
|
|
281
|
+
"Feature one",
|
|
282
|
+
"Feature two"
|
|
283
|
+
]
|
|
284
|
+
}
|
|
285
|
+
]
|
|
286
|
+
}
|
|
287
|
+
],
|
|
288
|
+
defaults: {
|
|
289
|
+
inputs: {
|
|
290
|
+
highlights: [
|
|
291
|
+
"Fast",
|
|
292
|
+
"Cheap"
|
|
293
|
+
],
|
|
294
|
+
plans: [
|
|
295
|
+
{
|
|
296
|
+
name: "Hobby",
|
|
297
|
+
features: [
|
|
298
|
+
"Autocomplete",
|
|
299
|
+
"Limited AI integration"
|
|
300
|
+
]
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
name: "Enterprise",
|
|
304
|
+
features: [
|
|
305
|
+
"Everything in Hobby",
|
|
306
|
+
"24/7 Support"
|
|
307
|
+
]
|
|
308
|
+
}
|
|
309
|
+
]
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
};
|
|
313
|
+
const factory = new ElementFactory({
|
|
314
|
+
...components,
|
|
315
|
+
[pricing.name]: pricing
|
|
316
|
+
});
|
|
317
|
+
const result = factory.createElementFromComponent({
|
|
318
|
+
componentName: pricing.name,
|
|
319
|
+
parentId: "root",
|
|
320
|
+
slot: "children"
|
|
321
|
+
});
|
|
322
|
+
const document = {
|
|
323
|
+
state: {},
|
|
324
|
+
elements: {
|
|
325
|
+
root: {
|
|
326
|
+
type: "Webiny/Element",
|
|
327
|
+
id: "root",
|
|
328
|
+
component: {
|
|
329
|
+
name: "Webiny/Root"
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
bindings: {}
|
|
334
|
+
};
|
|
335
|
+
for (const op of result.operations)op.apply(document);
|
|
336
|
+
const inputs = document.bindings[result.element.id].inputs;
|
|
337
|
+
expect(inputs["highlights"]?.static).toEqual([
|
|
338
|
+
"Fast",
|
|
339
|
+
"Cheap"
|
|
340
|
+
]);
|
|
341
|
+
expect(inputs["plans/0/name"]?.static).toBe("Hobby");
|
|
342
|
+
expect(inputs["plans/0/features"]?.static).toEqual([
|
|
343
|
+
"Autocomplete",
|
|
344
|
+
"Limited AI integration"
|
|
345
|
+
]);
|
|
346
|
+
expect(inputs["plans/1/features"]?.static).toEqual([
|
|
347
|
+
"Everything in Hobby",
|
|
348
|
+
"24/7 Support"
|
|
349
|
+
]);
|
|
350
|
+
});
|
|
351
|
+
});
|
|
352
|
+
|
|
353
|
+
//# sourceMappingURL=ElementFactory.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ElementFactory.test.js","sources":["../src/ElementFactory.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { ElementFactory } from \"./ElementFactory.js\";\nimport { DocumentOperations } from \"./documentOperations/index.js\";\nimport type { ComponentManifest, Document } from \"~/types.js\";\n\nconst components: Record<string, ComponentManifest> = {\n \"Webiny/Root\": {\n name: \"Webiny/Root\",\n label: \"Main Content\",\n tags: [],\n inputs: [\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n defaultValue: [],\n name: \"children\"\n }\n ]\n },\n \"FunnelBuilder/Funnel\": {\n name: \"FunnelBuilder/Funnel\",\n label: \"Funnel\",\n tags: [],\n inputs: [\n {\n type: \"object\",\n renderer: \"Webiny/Object\",\n name: \"fields\",\n list: true,\n fields: [],\n defaultValue: []\n },\n {\n type: \"number\",\n renderer: \"Webiny/Number\",\n name: \"activeStep\",\n label: \"Active Step\",\n defaultValue: 0\n },\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n defaultValue: [],\n name: \"steps\"\n },\n {\n type: \"object\",\n renderer: \"FunnelBuilder/ConditionRulesRenderer\",\n name: \"conditionRules\",\n list: true,\n fields: []\n }\n ]\n },\n \"FunnelBuilder/Step\": {\n name: \"FunnelBuilder/Step\",\n label: \"Funnel Step\",\n tags: [],\n inputs: [\n {\n type: \"text\",\n renderer: \"Webiny/Input\",\n name: \"label\",\n label: \"Label\"\n },\n {\n type: \"slot\",\n list: true,\n renderer: \"Webiny/Slot\",\n defaultValue: [],\n name: \"children\"\n }\n ]\n }\n};\n\n/**\n * Extract private fields from operation instances for assertion.\n */\nfunction serializeOp(op: any) {\n if (op instanceof DocumentOperations.AddElement) {\n return { type: \"AddElement\", element: op[\"element\"] };\n }\n if (op instanceof DocumentOperations.AddToParent) {\n return { type: \"AddToParent\", element: op[\"element\"], index: op[\"index\"] };\n }\n if (op instanceof DocumentOperations.SetGlobalInputBinding) {\n return {\n type: \"SetGlobalInputBinding\",\n elementId: op[\"elementId\"],\n bindingPath: op[\"bindingPath\"],\n binding: op[\"binding\"]\n };\n }\n if (op instanceof DocumentOperations.SetGlobalStyleBinding) {\n return {\n type: \"SetGlobalStyleBinding\",\n elementId: op[\"elementId\"],\n bindingPath: op[\"bindingPath\"],\n binding: op[\"binding\"]\n };\n }\n return op;\n}\n\ndescribe(\"ElementFactory\", () => {\n it(\"should produce correct operation sequence for a Funnel with two Steps\", () => {\n const factory = new ElementFactory(components);\n const result = factory.createElementFromComponent({\n componentName: \"FunnelBuilder/Funnel\",\n parentId: \"root\",\n slot: \"children\",\n index: 0,\n bindings: {\n inputs: {\n fields: [],\n activeStep: 0,\n steps: [\n {\n action: \"CreateElement\",\n params: {\n component: \"FunnelBuilder/Step\",\n inputs: { label: \"Step 1\", children: [] }\n }\n },\n {\n action: \"CreateElement\",\n params: {\n component: \"FunnelBuilder/Step\",\n inputs: { label: \"Final Step\", children: [] }\n }\n }\n ]\n }\n }\n });\n\n const ops = result.operations.map(serializeOp);\n const funnelId = result.element.id;\n\n // 0: AddElement — Funnel\n expect(ops[0].type).toBe(\"AddElement\");\n expect(ops[0].element.component.name).toBe(\"FunnelBuilder/Funnel\");\n\n // 1: AddToParent — Funnel → root/children at index 0\n expect(ops[1].type).toBe(\"AddToParent\");\n expect(ops[1].element.id).toBe(funnelId);\n expect(ops[1].index).toBe(0);\n\n // 2: SetGlobalInputBinding — activeStep = 0\n expect(ops[2].type).toBe(\"SetGlobalInputBinding\");\n expect(ops[2].elementId).toBe(funnelId);\n expect(ops[2].bindingPath).toBe(\"activeStep\");\n expect(ops[2].binding.static).toBe(0);\n\n // 3: AddElement — Step 1\n const step1Id = ops[3].element.id;\n expect(ops[3].type).toBe(\"AddElement\");\n expect(ops[3].element.component.name).toBe(\"FunnelBuilder/Step\");\n expect(ops[3].element.parent).toEqual({ id: funnelId, slot: \"steps\" });\n\n // 4: AddToParent — Step 1 (undefined = append)\n expect(ops[4].type).toBe(\"AddToParent\");\n expect(ops[4].element.id).toBe(step1Id);\n expect(ops[4].index).toBeUndefined();\n\n // 5: Step 1 label binding\n expect(ops[5].bindingPath).toBe(\"label\");\n expect(ops[5].binding.static).toBe(\"Step 1\");\n\n // 6: Step 1 children binding\n expect(ops[6].bindingPath).toBe(\"children\");\n expect(ops[6].binding.static).toEqual([]);\n\n // 7-8: Step 1 style bindings\n expect(ops[7].bindingPath).toBe(\"display\");\n expect(ops[8].bindingPath).toBe(\"flexDirection\");\n\n // 9: SetGlobalInputBinding — steps slot metadata (no static, AddToParent handles it)\n expect(ops[9].type).toBe(\"SetGlobalInputBinding\");\n expect(ops[9].elementId).toBe(funnelId);\n expect(ops[9].bindingPath).toBe(\"steps\");\n expect(ops[9].binding.static).toBeUndefined();\n expect(ops[9].binding.type).toBe(\"slot\");\n expect(ops[9].binding.list).toBe(true);\n\n // 10: AddElement — Step 2\n expect(ops[10].element.component.name).toBe(\"FunnelBuilder/Step\");\n\n // 11: AddToParent — Step 2 (undefined = append)\n expect(ops[11].index).toBeUndefined();\n\n // 12-15: Step 2 bindings + styles\n expect(ops[12].binding.static).toBe(\"Final Step\");\n expect(ops[13].binding.static).toEqual([]);\n\n // 16: SetGlobalInputBinding — steps slot metadata (no static)\n expect(ops[16].type).toBe(\"SetGlobalInputBinding\");\n expect(ops[16].elementId).toBe(funnelId);\n expect(ops[16].bindingPath).toBe(\"steps\");\n expect(ops[16].binding.static).toBeUndefined();\n\n // 17-18: Funnel style bindings\n expect(ops[17].bindingPath).toBe(\"display\");\n expect(ops[18].bindingPath).toBe(\"flexDirection\");\n\n expect(ops).toHaveLength(19);\n });\n\n it(\"should produce correct document after applying all operations\", () => {\n const factory = new ElementFactory(components);\n const result = factory.createElementFromComponent({\n componentName: \"FunnelBuilder/Funnel\",\n parentId: \"root\",\n slot: \"children\",\n index: 0,\n bindings: {\n inputs: {\n fields: [],\n activeStep: 0,\n steps: [\n {\n action: \"CreateElement\",\n params: {\n component: \"FunnelBuilder/Step\",\n inputs: { label: \"Step 1\", children: [] }\n }\n },\n {\n action: \"CreateElement\",\n params: {\n component: \"FunnelBuilder/Step\",\n inputs: { label: \"Final Step\", children: [] }\n }\n }\n ]\n }\n }\n });\n\n const document = {\n state: {},\n elements: {\n root: {\n type: \"Webiny/Element\",\n id: \"root\",\n component: { name: \"Webiny/Root\" }\n }\n },\n bindings: {}\n } as unknown as Document;\n\n for (const op of result.operations) {\n op.apply(document);\n }\n\n const funnelId = result.element.id;\n\n // Both step elements exist in the document.\n const stepElements = Object.values(document.elements).filter(\n el => el.component.name === \"FunnelBuilder/Step\"\n );\n expect(stepElements).toHaveLength(2);\n\n // Both steps have their correct labels.\n const labels = stepElements.map(el => document.bindings[el.id]?.inputs?.label?.static);\n expect(labels).toContain(\"Step 1\");\n expect(labels).toContain(\"Final Step\");\n\n // The steps binding contains both step IDs in order.\n const stepsBinding = document.bindings[funnelId]?.inputs?.steps;\n expect(stepsBinding?.list).toBe(true);\n expect(stepsBinding?.type).toBe(\"slot\");\n expect(stepsBinding?.static).toHaveLength(2);\n\n const step1 = stepElements.find(\n el => document.bindings[el.id]?.inputs?.label?.static === \"Step 1\"\n )!;\n const step2 = stepElements.find(\n el => document.bindings[el.id]?.inputs?.label?.static === \"Final Step\"\n )!;\n expect(stepsBinding?.static).toEqual([step1.id, step2.id]);\n });\n it(\"should keep every item of a primitive list (tags) from the component defaults\", () => {\n const pricing: ComponentManifest = {\n name: \"Custom/PricingPlans\",\n label: \"Pricing Plans\",\n tags: [],\n inputs: [\n {\n type: \"text\",\n list: true,\n renderer: \"Webiny/Tags\",\n name: \"highlights\",\n defaultValue: [\"Default\"]\n },\n {\n type: \"object\",\n list: true,\n renderer: \"Webiny/Object\",\n name: \"plans\",\n fields: [\n { type: \"text\", renderer: \"Webiny/Input\", name: \"name\" },\n {\n type: \"text\",\n list: true,\n renderer: \"Webiny/Tags\",\n name: \"features\",\n defaultValue: [\"Feature one\", \"Feature two\"]\n }\n ]\n }\n ],\n defaults: {\n inputs: {\n highlights: [\"Fast\", \"Cheap\"],\n plans: [\n { name: \"Hobby\", features: [\"Autocomplete\", \"Limited AI integration\"] },\n { name: \"Enterprise\", features: [\"Everything in Hobby\", \"24/7 Support\"] }\n ]\n }\n }\n };\n\n const factory = new ElementFactory({ ...components, [pricing.name]: pricing });\n const result = factory.createElementFromComponent({\n componentName: pricing.name,\n parentId: \"root\",\n slot: \"children\"\n });\n\n const document = {\n state: {},\n elements: {\n root: {\n type: \"Webiny/Element\",\n id: \"root\",\n component: { name: \"Webiny/Root\" }\n }\n },\n bindings: {}\n } as unknown as Document;\n\n for (const op of result.operations) {\n op.apply(document);\n }\n\n const inputs = document.bindings[result.element.id]!.inputs!;\n expect(inputs[\"highlights\"]?.static).toEqual([\"Fast\", \"Cheap\"]);\n expect(inputs[\"plans/0/name\"]?.static).toBe(\"Hobby\");\n expect(inputs[\"plans/0/features\"]?.static).toEqual([\n \"Autocomplete\",\n \"Limited AI integration\"\n ]);\n expect(inputs[\"plans/1/features\"]?.static).toEqual([\"Everything in Hobby\", \"24/7 Support\"]);\n });\n});\n"],"names":["components","serializeOp","op","DocumentOperations","describe","it","factory","ElementFactory","result","ops","funnelId","expect","step1Id","document","stepElements","Object","el","labels","stepsBinding","step1","step2","pricing","inputs"],"mappings":"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"}
|
package/Environment.js
CHANGED
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
class Environment {
|
|
2
|
+
isPreview() {
|
|
3
|
+
return null !== this.getQueryParam("preview.document");
|
|
4
|
+
}
|
|
5
|
+
isClient() {
|
|
6
|
+
return "u" > typeof window;
|
|
7
|
+
}
|
|
8
|
+
isServer() {
|
|
9
|
+
return !this.isClient();
|
|
10
|
+
}
|
|
11
|
+
isEditing() {
|
|
12
|
+
return this.isClient() && window.parent !== window;
|
|
13
|
+
}
|
|
14
|
+
getQueryParam(key) {
|
|
15
|
+
if (!this.isClient()) return null;
|
|
16
|
+
return new URLSearchParams(window.location.search).get(key);
|
|
17
17
|
}
|
|
18
|
-
return new URLSearchParams(window.location.search).get(key);
|
|
19
|
-
}
|
|
20
18
|
}
|
|
21
|
-
|
|
19
|
+
const environment = new Environment();
|
|
20
|
+
export { Environment, environment };
|
|
22
21
|
|
|
23
22
|
//# sourceMappingURL=Environment.js.map
|
package/Environment.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Environment.js","sources":["../src/Environment.ts"],"sourcesContent":["import type { IEnvironment } from \"./types.js\";\n\nexport class Environment implements IEnvironment {\n public isPreview(): boolean {\n return this.getQueryParam(\"preview.document\") !== null;\n }\n\n public isClient(): boolean {\n return typeof window !== \"undefined\";\n }\n\n public isServer(): boolean {\n return !this.isClient();\n }\n\n public isEditing(): boolean {\n return this.isClient() && window.parent !== window;\n }\n\n private getQueryParam(key: string): string | null {\n if (!this.isClient()) {\n return null;\n }\n\n return new URLSearchParams(window.location.search).get(key);\n }\n}\n\nexport const environment = new Environment();\n"],"names":["Environment","window","key","URLSearchParams","environment"],"mappings":"AAEO,MAAMA;IACF,YAAqB;QACxB,OAAO,AAA2C,SAA3C,IAAI,CAAC,aAAa,CAAC;IAC9B;IAEO,WAAoB;QACvB,OAAO,AAAkB,MAAlB,OAAOC;IAClB;IAEO,WAAoB;QACvB,OAAO,CAAC,IAAI,CAAC,QAAQ;IACzB;IAEO,YAAqB;QACxB,OAAO,IAAI,CAAC,QAAQ,MAAMA,OAAO,MAAM,KAAKA;IAChD;IAEQ,cAAcC,GAAW,EAAiB;QAC9C,IAAI,CAAC,IAAI,CAAC,QAAQ,IACd,OAAO;QAGX,OAAO,IAAIC,gBAAgBF,OAAO,QAAQ,CAAC,MAAM,EAAE,GAAG,CAACC;IAC3D;AACJ;AAEO,MAAME,cAAc,IAAIJ"}
|
package/FunctionConverter.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
class FunctionConverter {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
serialize(fn) {
|
|
3
|
+
return fn.toString();
|
|
4
|
+
}
|
|
5
|
+
deserialize(fn) {
|
|
6
|
+
return new Function(`return ${fn}`)();
|
|
7
|
+
}
|
|
8
8
|
}
|
|
9
|
-
|
|
9
|
+
const functionConverter = new FunctionConverter();
|
|
10
|
+
export { functionConverter };
|
|
10
11
|
|
|
11
12
|
//# sourceMappingURL=FunctionConverter.js.map
|
package/FunctionConverter.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"FunctionConverter.js","sources":["../src/FunctionConverter.ts"],"sourcesContent":["class FunctionConverter {\n serialize(fn: (...args: any[]) => unknown) {\n return fn.toString();\n }\n\n deserialize(fn: string) {\n return new Function(`return ${fn}`)();\n }\n}\n\nexport const functionConverter = new FunctionConverter();\n"],"names":["FunctionConverter","fn","Function","functionConverter"],"mappings":"AAAA,MAAMA;IACF,UAAUC,EAA+B,EAAE;QACvC,OAAOA,GAAG,QAAQ;IACtB;IAEA,YAAYA,EAAU,EAAE;QACpB,OAAO,IAAIC,SAAS,CAAC,OAAO,EAAED,IAAI;IACtC;AACJ;AAEO,MAAME,oBAAoB,IAAIH"}
|
package/HashObject.js
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
|
-
import
|
|
1
|
+
import fast_json_stable_stringify from "fast-json-stable-stringify";
|
|
2
2
|
class HashObject {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
hash(object) {
|
|
4
|
+
return this.fastHash(object);
|
|
5
|
+
}
|
|
6
|
+
fastHash(obj) {
|
|
7
|
+
const str = fast_json_stable_stringify(obj);
|
|
8
|
+
let hash = 0;
|
|
9
|
+
for(let i = 0; i < str.length; i++)hash = (hash << 5) - hash + str.charCodeAt(i) | 0;
|
|
10
|
+
return hash >>> 0;
|
|
11
11
|
}
|
|
12
|
-
return hash >>> 0; // unsigned
|
|
13
|
-
}
|
|
14
12
|
}
|
|
15
|
-
|
|
13
|
+
const hashObject = new HashObject();
|
|
14
|
+
export { hashObject };
|
|
16
15
|
|
|
17
16
|
//# sourceMappingURL=HashObject.js.map
|
package/HashObject.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"HashObject.js","sources":["../src/HashObject.ts"],"sourcesContent":["import stringify from \"fast-json-stable-stringify\";\n/*\n// TODO @pavel consider using this library instead of fast-json-stable-stringify as it is a bit newer\nimport { configure } from 'safe-stable-stringify'\n\nconst stringify = configure({\n bigint: true,\n circularValue: '[Circular]',\n deterministic: true,\n maximumDepth: Infinity,\n maximumBreadth: Infinity,\n strict: false,\n});\n*/\n\nclass HashObject {\n hash(object: object) {\n return this.fastHash(object);\n }\n\n private fastHash(obj: object): number {\n const str = stringify(obj); // stable key order\n let hash = 0;\n for (let i = 0; i < str.length; i++) {\n hash = ((hash << 5) - hash + str.charCodeAt(i)) | 0;\n }\n return hash >>> 0; // unsigned\n }\n}\n\nexport const hashObject = new HashObject();\n"],"names":["HashObject","object","obj","str","stringify","hash","i","hashObject"],"mappings":";AAeA,MAAMA;IACF,KAAKC,MAAc,EAAE;QACjB,OAAO,IAAI,CAAC,QAAQ,CAACA;IACzB;IAEQ,SAASC,GAAW,EAAU;QAClC,MAAMC,MAAMC,2BAAUF;QACtB,IAAIG,OAAO;QACX,IAAK,IAAIC,IAAI,GAAGA,IAAIH,IAAI,MAAM,EAAEG,IAC5BD,OAASA,AAAAA,CAAAA,QAAQ,KAAKA,OAAOF,IAAI,UAAU,CAACG,KAAM;QAEtD,OAAOD,SAAS;IACpB;AACJ;AAEO,MAAME,aAAa,IAAIP"}
|
package/HotkeyManager.js
CHANGED
|
@@ -1,58 +1,51 @@
|
|
|
1
|
-
import isHotkey from "is-hotkey";
|
|
1
|
+
import { isHotkey } from "is-hotkey";
|
|
2
2
|
const keyStack = {};
|
|
3
3
|
let listenerInitialized = false;
|
|
4
|
-
const filterTags = [
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
const filterTags = [
|
|
5
|
+
"TEXTAREA",
|
|
6
|
+
"INPUT"
|
|
7
|
+
];
|
|
8
|
+
const isContentEditable = (value)=>[
|
|
9
|
+
"true",
|
|
10
|
+
true
|
|
11
|
+
].includes(value);
|
|
8
12
|
let idCounter = 0;
|
|
9
|
-
const generateSimpleId = ()
|
|
10
|
-
const setupListener = ()
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
item.handler(ev);
|
|
26
|
-
ev.stopPropagation();
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
document.body.addEventListener("keydown", eventListener);
|
|
30
|
-
listenerInitialized = true;
|
|
13
|
+
const generateSimpleId = ()=>`hotkey-${++idCounter}`;
|
|
14
|
+
const setupListener = ()=>{
|
|
15
|
+
if (listenerInitialized || !document.body) return;
|
|
16
|
+
const eventListener = (ev)=>{
|
|
17
|
+
const target = ev.target;
|
|
18
|
+
if (!target) return;
|
|
19
|
+
if (filterTags.includes(target.nodeName) || isContentEditable(target.contentEditable)) return;
|
|
20
|
+
const matchedKey = Object.keys(keyStack).find((key)=>isHotkey(key, ev));
|
|
21
|
+
if (matchedKey && keyStack[matchedKey]?.length > 0) {
|
|
22
|
+
const item = keyStack[matchedKey][0];
|
|
23
|
+
item.handler(ev);
|
|
24
|
+
ev.stopPropagation();
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
document.body.addEventListener("keydown", eventListener);
|
|
28
|
+
listenerInitialized = true;
|
|
31
29
|
};
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
add(key, handler) {
|
|
38
|
-
keyStack[key] = keyStack[key] || [];
|
|
39
|
-
const exists = keyStack[key].some(item => item.id === this.id);
|
|
40
|
-
if (!exists) {
|
|
41
|
-
keyStack[key].unshift({
|
|
42
|
-
id: this.id,
|
|
43
|
-
handler
|
|
44
|
-
});
|
|
30
|
+
class HotkeyManager {
|
|
31
|
+
constructor(){
|
|
32
|
+
this.id = generateSimpleId();
|
|
33
|
+
setupListener();
|
|
45
34
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
35
|
+
add(key, handler) {
|
|
36
|
+
keyStack[key] = keyStack[key] || [];
|
|
37
|
+
const exists = keyStack[key].some((item)=>item.id === this.id);
|
|
38
|
+
if (!exists) keyStack[key].unshift({
|
|
39
|
+
id: this.id,
|
|
40
|
+
handler
|
|
41
|
+
});
|
|
50
42
|
}
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
43
|
+
remove(key) {
|
|
44
|
+
if (!keyStack[key]) return;
|
|
45
|
+
const index = keyStack[key].findIndex((item)=>item.id === this.id);
|
|
46
|
+
if (index >= 0) keyStack[key].splice(index, 1);
|
|
54
47
|
}
|
|
55
|
-
}
|
|
56
48
|
}
|
|
49
|
+
export { HotkeyManager };
|
|
57
50
|
|
|
58
51
|
//# sourceMappingURL=HotkeyManager.js.map
|