@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.
Files changed (307) hide show
  1. package/BindingsApi.js +29 -36
  2. package/BindingsApi.js.map +1 -1
  3. package/BindingsProcessor.js +34 -43
  4. package/BindingsProcessor.js.map +1 -1
  5. package/BindingsProcessor.test.js +82 -77
  6. package/BindingsProcessor.test.js.map +1 -1
  7. package/BindingsResolver.d.ts +5 -2
  8. package/BindingsResolver.js +99 -122
  9. package/BindingsResolver.js.map +1 -1
  10. package/BindingsResolver.test.js +399 -362
  11. package/BindingsResolver.test.js.map +1 -1
  12. package/ComponentInputTraverser.js +32 -49
  13. package/ComponentInputTraverser.js.map +1 -1
  14. package/ComponentManifestToAstConverter.js +20 -21
  15. package/ComponentManifestToAstConverter.js.map +1 -1
  16. package/ComponentRegistry.d.ts +9 -0
  17. package/ComponentRegistry.js +38 -22
  18. package/ComponentRegistry.js.map +1 -1
  19. package/ComponentResolver.d.ts +3 -2
  20. package/ComponentResolver.js +39 -29
  21. package/ComponentResolver.js.map +1 -1
  22. package/ComponentResolver.test.d.ts +1 -0
  23. package/ComponentResolver.test.js +81 -0
  24. package/ComponentResolver.test.js.map +1 -0
  25. package/ConstraintEvaluator.d.ts +36 -0
  26. package/ConstraintEvaluator.js +288 -0
  27. package/ConstraintEvaluator.js.map +1 -0
  28. package/ConstraintEvaluator.test.d.ts +1 -0
  29. package/ConstraintEvaluator.test.js +1634 -0
  30. package/ConstraintEvaluator.test.js.map +1 -0
  31. package/ContentSdk.d.ts +17 -3
  32. package/ContentSdk.js +113 -90
  33. package/ContentSdk.js.map +1 -1
  34. package/DocumentStore.d.ts +1 -1
  35. package/DocumentStore.js +47 -59
  36. package/DocumentStore.js.map +1 -1
  37. package/DocumentStoreManager.js +17 -16
  38. package/DocumentStoreManager.js.map +1 -1
  39. package/EditingSdk.d.ts +2 -2
  40. package/EditingSdk.js +92 -124
  41. package/EditingSdk.js.map +1 -1
  42. package/ElementFactory.d.ts +2 -3
  43. package/ElementFactory.js +164 -163
  44. package/ElementFactory.js.map +1 -1
  45. package/ElementFactory.objectListDefaults.test.d.ts +1 -0
  46. package/ElementFactory.objectListDefaults.test.js +423 -0
  47. package/ElementFactory.objectListDefaults.test.js.map +1 -0
  48. package/ElementFactory.test.d.ts +1 -0
  49. package/ElementFactory.test.js +353 -0
  50. package/ElementFactory.test.js.map +1 -0
  51. package/Environment.js +18 -19
  52. package/Environment.js.map +1 -1
  53. package/FunctionConverter.js +8 -7
  54. package/FunctionConverter.js.map +1 -1
  55. package/HashObject.js +11 -12
  56. package/HashObject.js.map +1 -1
  57. package/HotkeyManager.js +41 -48
  58. package/HotkeyManager.js.map +1 -1
  59. package/IBindingsUpdater.js +0 -3
  60. package/IRedirects.js +0 -3
  61. package/InheritanceProcessor.d.ts +2 -2
  62. package/InheritanceProcessor.js +99 -139
  63. package/InheritanceProcessor.js.map +1 -1
  64. package/InheritanceProcessor.test.js +178 -178
  65. package/InheritanceProcessor.test.js.map +1 -1
  66. package/InheritedValueResolver.d.ts +18 -1
  67. package/InheritedValueResolver.js +18 -20
  68. package/InheritedValueResolver.js.map +1 -1
  69. package/InputBindingsProcessor.d.ts +23 -2
  70. package/InputBindingsProcessor.js +200 -289
  71. package/InputBindingsProcessor.js.map +1 -1
  72. package/InputBindingsProcessorTokens.test.d.ts +1 -0
  73. package/InputBindingsProcessorTokens.test.js +400 -0
  74. package/InputBindingsProcessorTokens.test.js.map +1 -0
  75. package/InputsBindingsProcessor.test.js +334 -313
  76. package/InputsBindingsProcessor.test.js.map +1 -1
  77. package/InputsUpdater.d.ts +1 -1
  78. package/InputsUpdater.js +23 -26
  79. package/InputsUpdater.js.map +1 -1
  80. package/LiveSdk.d.ts +2 -2
  81. package/LiveSdk.js +12 -13
  82. package/LiveSdk.js.map +1 -1
  83. package/Logger.d.ts +2 -1
  84. package/Logger.js +9 -8
  85. package/Logger.js.map +1 -1
  86. package/MouseTracker.js +77 -83
  87. package/MouseTracker.js.map +1 -1
  88. package/NullSdk.d.ts +4 -3
  89. package/NullSdk.js +22 -14
  90. package/NullSdk.js.map +1 -1
  91. package/PreviewDocument.d.ts +1 -0
  92. package/PreviewDocument.js +30 -30
  93. package/PreviewDocument.js.map +1 -1
  94. package/PreviewSdk.d.ts +4 -3
  95. package/PreviewSdk.js +19 -17
  96. package/PreviewSdk.js.map +1 -1
  97. package/PreviewViewport.d.ts +0 -1
  98. package/PreviewViewport.js +50 -82
  99. package/PreviewViewport.js.map +1 -1
  100. package/README.md +10 -2
  101. package/ResizeObserver.js +24 -31
  102. package/ResizeObserver.js.map +1 -1
  103. package/StylesBindingsProcessor.d.ts +12 -2
  104. package/StylesBindingsProcessor.js +62 -79
  105. package/StylesBindingsProcessor.js.map +1 -1
  106. package/StylesUpdater.d.ts +1 -1
  107. package/StylesUpdater.js +20 -25
  108. package/StylesUpdater.js.map +1 -1
  109. package/Theme.js +30 -32
  110. package/Theme.js.map +1 -1
  111. package/ViewportManager.d.ts +2 -0
  112. package/ViewportManager.js +89 -97
  113. package/ViewportManager.js.map +1 -1
  114. package/assertBindingShapes.d.ts +31 -0
  115. package/assertBindingShapes.js +64 -0
  116. package/assertBindingShapes.js.map +1 -0
  117. package/assertBindingShapes.test.d.ts +1 -0
  118. package/assertBindingShapes.test.js +131 -0
  119. package/assertBindingShapes.test.js.map +1 -0
  120. package/asset/deliveryUrl.d.ts +41 -0
  121. package/asset/deliveryUrl.js +34 -0
  122. package/asset/deliveryUrl.js.map +1 -0
  123. package/asset/deliveryUrl.test.d.ts +1 -0
  124. package/asset/deliveryUrl.test.js +127 -0
  125. package/asset/deliveryUrl.test.js.map +1 -0
  126. package/asset/geometry.d.ts +7 -0
  127. package/asset/geometry.js +10 -0
  128. package/asset/geometry.js.map +1 -0
  129. package/asset/imageSrcSet.d.ts +63 -0
  130. package/asset/imageSrcSet.js +98 -0
  131. package/asset/imageSrcSet.js.map +1 -0
  132. package/asset/imageSrcSet.test.d.ts +1 -0
  133. package/asset/imageSrcSet.test.js +103 -0
  134. package/asset/imageSrcSet.test.js.map +1 -0
  135. package/asset/index.d.ts +5 -0
  136. package/asset/index.js +5 -0
  137. package/asset/normalize.d.ts +24 -0
  138. package/asset/normalize.js +106 -0
  139. package/asset/normalize.js.map +1 -0
  140. package/asset/normalize.test.d.ts +1 -0
  141. package/asset/normalize.test.js +263 -0
  142. package/asset/normalize.test.js.map +1 -0
  143. package/asset/types.d.ts +2 -0
  144. package/asset/types.js +0 -0
  145. package/constants.d.ts +1 -0
  146. package/constants.js +7 -5
  147. package/constants.js.map +1 -1
  148. package/contentEntry/ContentEntryBindingsResolver.d.ts +30 -0
  149. package/contentEntry/ContentEntryBindingsResolver.js +45 -0
  150. package/contentEntry/ContentEntryBindingsResolver.js.map +1 -0
  151. package/contentEntry/ContentEntryCache.d.ts +46 -0
  152. package/contentEntry/ContentEntryCache.js +50 -0
  153. package/contentEntry/ContentEntryCache.js.map +1 -0
  154. package/contentEntry/resolveContentEntry.d.ts +74 -0
  155. package/contentEntry/resolveContentEntry.js +53 -0
  156. package/contentEntry/resolveContentEntry.js.map +1 -0
  157. package/contentEntry/resolveContentEntry.test.d.ts +1 -0
  158. package/contentEntry/resolveContentEntry.test.js +213 -0
  159. package/contentEntry/resolveContentEntry.test.js.map +1 -0
  160. package/createComponent.d.ts +5 -0
  161. package/createComponent.js +32 -0
  162. package/createComponent.js.map +1 -0
  163. package/createElement.js +5 -6
  164. package/createElement.js.map +1 -1
  165. package/createInput.d.ts +132 -16
  166. package/createInput.js +92 -111
  167. package/createInput.js.map +1 -1
  168. package/createTheme.js +2 -3
  169. package/createTheme.js.map +1 -1
  170. package/dataProviders/ApiClient.d.ts +10 -5
  171. package/dataProviders/ApiClient.js +40 -49
  172. package/dataProviders/ApiClient.js.map +1 -1
  173. package/dataProviders/DefaultDataProvider.d.ts +7 -3
  174. package/dataProviders/DefaultDataProvider.js +91 -45
  175. package/dataProviders/DefaultDataProvider.js.map +1 -1
  176. package/dataProviders/GET_EXPERIMENT_PAUSED.d.ts +1 -0
  177. package/dataProviders/GET_EXPERIMENT_PAUSED.js +17 -0
  178. package/dataProviders/GET_EXPERIMENT_PAUSED.js.map +1 -0
  179. package/dataProviders/GET_PAGE_BY_ID.d.ts +1 -1
  180. package/dataProviders/GET_PAGE_BY_ID.js +4 -1
  181. package/dataProviders/GET_PAGE_BY_ID.js.map +1 -1
  182. package/dataProviders/GET_PAGE_BY_PATH.d.ts +1 -1
  183. package/dataProviders/GET_PAGE_BY_PATH.js +4 -1
  184. package/dataProviders/GET_PAGE_BY_PATH.js.map +1 -1
  185. package/dataProviders/GET_PAGE_EXPERIMENT.d.ts +1 -0
  186. package/dataProviders/GET_PAGE_EXPERIMENT.js +32 -0
  187. package/dataProviders/GET_PAGE_EXPERIMENT.js.map +1 -0
  188. package/dataProviders/GET_VARIANT_CONTENT.d.ts +1 -0
  189. package/dataProviders/GET_VARIANT_CONTENT.js +24 -0
  190. package/dataProviders/GET_VARIANT_CONTENT.js.map +1 -0
  191. package/dataProviders/LIST_PUBLISHED_PAGES.d.ts +1 -1
  192. package/dataProviders/LIST_PUBLISHED_PAGES.js +17 -5
  193. package/dataProviders/LIST_PUBLISHED_PAGES.js.map +1 -1
  194. package/dataProviders/NullDataProvider.d.ts +16 -4
  195. package/dataProviders/NullDataProvider.js +30 -13
  196. package/dataProviders/NullDataProvider.js.map +1 -1
  197. package/dataProviders/RedirectsProvider.js +24 -27
  198. package/dataProviders/RedirectsProvider.js.map +1 -1
  199. package/defaultBreakpoints.js +43 -22
  200. package/defaultBreakpoints.js.map +1 -1
  201. package/documentOperations/$addElementReferenceToParent.d.ts +1 -1
  202. package/documentOperations/$addElementReferenceToParent.js +30 -26
  203. package/documentOperations/$addElementReferenceToParent.js.map +1 -1
  204. package/documentOperations/AddElement.js +8 -7
  205. package/documentOperations/AddElement.js.map +1 -1
  206. package/documentOperations/AddToParent.d.ts +2 -2
  207. package/documentOperations/AddToParent.js +14 -13
  208. package/documentOperations/AddToParent.js.map +1 -1
  209. package/documentOperations/IDocumentOperation.js +0 -3
  210. package/documentOperations/RemoveElement.js +10 -7
  211. package/documentOperations/RemoveElement.js.map +1 -1
  212. package/documentOperations/SetGlobalInputBinding.js +23 -22
  213. package/documentOperations/SetGlobalInputBinding.js.map +1 -1
  214. package/documentOperations/SetGlobalStyleBinding.js +23 -23
  215. package/documentOperations/SetGlobalStyleBinding.js.map +1 -1
  216. package/documentOperations/SetInputBindingOverride.js +30 -29
  217. package/documentOperations/SetInputBindingOverride.js.map +1 -1
  218. package/documentOperations/SetStyleBindingOverride.js +30 -31
  219. package/documentOperations/SetStyleBindingOverride.js.map +1 -1
  220. package/documentOperations/index.js +9 -8
  221. package/documentOperations/index.js.map +1 -1
  222. package/experiments/PostHogAnalyticsProvider.d.ts +31 -0
  223. package/experiments/PostHogAnalyticsProvider.js +28 -0
  224. package/experiments/PostHogAnalyticsProvider.js.map +1 -0
  225. package/experiments/analyticsProvider.d.ts +4 -0
  226. package/experiments/analyticsProvider.js +11 -0
  227. package/experiments/analyticsProvider.js.map +1 -0
  228. package/experiments/bucketing.d.ts +27 -0
  229. package/experiments/bucketing.js +91 -0
  230. package/experiments/bucketing.js.map +1 -0
  231. package/experiments/bucketing.test.d.ts +1 -0
  232. package/experiments/bucketing.test.js +183 -0
  233. package/experiments/bucketing.test.js.map +1 -0
  234. package/experiments/index.d.ts +5 -0
  235. package/experiments/index.js +5 -0
  236. package/experiments/render.d.ts +79 -0
  237. package/experiments/render.js +149 -0
  238. package/experiments/render.js.map +1 -0
  239. package/experiments/types.d.ts +108 -0
  240. package/experiments/types.js +4 -0
  241. package/experiments/types.js.map +1 -0
  242. package/findMatchingAstNode.js +11 -13
  243. package/findMatchingAstNode.js.map +1 -1
  244. package/generateElementId.d.ts +1 -1
  245. package/generateElementId.js +2 -2
  246. package/generateElementId.js.map +1 -1
  247. package/headersProvider.js +4 -3
  248. package/headersProvider.js.map +1 -1
  249. package/image/geometry.d.ts +54 -0
  250. package/image/geometry.js +112 -0
  251. package/image/geometry.js.map +1 -0
  252. package/image/geometry.test.d.ts +1 -0
  253. package/image/geometry.test.js +190 -0
  254. package/image/geometry.test.js.map +1 -0
  255. package/image/index.d.ts +3 -0
  256. package/image/index.js +3 -0
  257. package/image/presets.d.ts +6 -0
  258. package/image/presets.js +20 -0
  259. package/image/presets.js.map +1 -0
  260. package/image/types.d.ts +10 -0
  261. package/image/types.js +0 -0
  262. package/index.d.ts +12 -1
  263. package/index.js +11 -3
  264. package/jsonPatch.d.ts +1 -1
  265. package/jsonPatch.js +5 -9
  266. package/jsonPatch.js.map +1 -1
  267. package/messages.js +12 -11
  268. package/messages.js.map +1 -1
  269. package/messenger/MessageOrigin.js +12 -11
  270. package/messenger/MessageOrigin.js.map +1 -1
  271. package/messenger/Messenger.js +59 -70
  272. package/messenger/Messenger.js.map +1 -1
  273. package/messenger/index.js +0 -2
  274. package/package.json +19 -22
  275. package/registerComponentGroup.js +5 -6
  276. package/registerComponentGroup.js.map +1 -1
  277. package/tokenBinding.d.ts +26 -0
  278. package/tokenBinding.js +15 -0
  279. package/tokenBinding.js.map +1 -0
  280. package/tokenBinding.test.d.ts +1 -0
  281. package/tokenBinding.test.js +165 -0
  282. package/tokenBinding.test.js.map +1 -0
  283. package/types/ShorthandCssProperties.js +0 -3
  284. package/types/WebsiteBuilderTheme.d.ts +54 -45
  285. package/types/WebsiteBuilderTheme.js +0 -3
  286. package/types.d.ts +294 -13
  287. package/types.js +0 -3
  288. package/IBindingsUpdater.js.map +0 -1
  289. package/IRedirects.js.map +0 -1
  290. package/documentOperations/IDocumentOperation.js.map +0 -1
  291. package/index.js.map +0 -1
  292. package/lexical/createDefaultLexicalTheme.d.ts +0 -2
  293. package/lexical/createDefaultLexicalTheme.js +0 -84
  294. package/lexical/createDefaultLexicalTheme.js.map +0 -1
  295. package/lexical/createLexicalTheme.d.ts +0 -2
  296. package/lexical/createLexicalTheme.js +0 -7
  297. package/lexical/createLexicalTheme.js.map +0 -1
  298. package/lexical/deepMerge.d.ts +0 -1
  299. package/lexical/deepMerge.js +0 -23
  300. package/lexical/deepMerge.js.map +0 -1
  301. package/messenger/index.js.map +0 -1
  302. package/types/LexicalEditorTheme.d.ts +0 -2
  303. package/types/LexicalEditorTheme.js +0 -3
  304. package/types/LexicalEditorTheme.js.map +0 -1
  305. package/types/ShorthandCssProperties.js.map +0 -1
  306. package/types/WebsiteBuilderTheme.js.map +0 -1
  307. 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
- export class Environment {
2
- isPreview() {
3
- return this.getQueryParam("preview.document") !== null;
4
- }
5
- isClient() {
6
- return typeof window !== "undefined";
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()) {
16
- return null;
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
- export const environment = new Environment();
19
+ const environment = new Environment();
20
+ export { Environment, environment };
22
21
 
23
22
  //# sourceMappingURL=Environment.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Environment","isPreview","getQueryParam","isClient","window","isServer","isEditing","parent","key","URLSearchParams","location","search","get","environment"],"sources":["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"],"mappings":"AAEA,OAAO,MAAMA,WAAW,CAAyB;EACtCC,SAASA,CAAA,EAAY;IACxB,OAAO,IAAI,CAACC,aAAa,CAAC,kBAAkB,CAAC,KAAK,IAAI;EAC1D;EAEOC,QAAQA,CAAA,EAAY;IACvB,OAAO,OAAOC,MAAM,KAAK,WAAW;EACxC;EAEOC,QAAQA,CAAA,EAAY;IACvB,OAAO,CAAC,IAAI,CAACF,QAAQ,CAAC,CAAC;EAC3B;EAEOG,SAASA,CAAA,EAAY;IACxB,OAAO,IAAI,CAACH,QAAQ,CAAC,CAAC,IAAIC,MAAM,CAACG,MAAM,KAAKH,MAAM;EACtD;EAEQF,aAAaA,CAACM,GAAW,EAAiB;IAC9C,IAAI,CAAC,IAAI,CAACL,QAAQ,CAAC,CAAC,EAAE;MAClB,OAAO,IAAI;IACf;IAEA,OAAO,IAAIM,eAAe,CAACL,MAAM,CAACM,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAACJ,GAAG,CAAC;EAC/D;AACJ;AAEA,OAAO,MAAMK,WAAW,GAAG,IAAIb,WAAW,CAAC,CAAC","ignoreList":[]}
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"}
@@ -1,11 +1,12 @@
1
1
  class FunctionConverter {
2
- serialize(fn) {
3
- return fn.toString();
4
- }
5
- deserialize(fn) {
6
- return new Function(`return ${fn}`)();
7
- }
2
+ serialize(fn) {
3
+ return fn.toString();
4
+ }
5
+ deserialize(fn) {
6
+ return new Function(`return ${fn}`)();
7
+ }
8
8
  }
9
- export const functionConverter = new FunctionConverter();
9
+ const functionConverter = new FunctionConverter();
10
+ export { functionConverter };
10
11
 
11
12
  //# sourceMappingURL=FunctionConverter.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["FunctionConverter","serialize","fn","toString","deserialize","Function","functionConverter"],"sources":["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"],"mappings":"AAAA,MAAMA,iBAAiB,CAAC;EACpBC,SAASA,CAACC,EAA+B,EAAE;IACvC,OAAOA,EAAE,CAACC,QAAQ,CAAC,CAAC;EACxB;EAEAC,WAAWA,CAACF,EAAU,EAAE;IACpB,OAAO,IAAIG,QAAQ,CAAC,UAAUH,EAAE,EAAE,CAAC,CAAC,CAAC;EACzC;AACJ;AAEA,OAAO,MAAMI,iBAAiB,GAAG,IAAIN,iBAAiB,CAAC,CAAC","ignoreList":[]}
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 stringify from "fast-json-stable-stringify";
1
+ import fast_json_stable_stringify from "fast-json-stable-stringify";
2
2
  class HashObject {
3
- hash(object) {
4
- return this.fastHash(object);
5
- }
6
- fastHash(obj) {
7
- const str = stringify(obj); // stable key order
8
- let hash = 0;
9
- for (let i = 0; i < str.length; i++) {
10
- hash = (hash << 5) - hash + str.charCodeAt(i) | 0;
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
- export const hashObject = new HashObject();
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,"names":["stringify","HashObject","hash","object","fastHash","obj","str","i","length","charCodeAt","hashObject"],"sources":["HashObject.ts"],"sourcesContent":["import stringify from \"fast-json-stable-stringify\";\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"],"mappings":"AAAA,OAAOA,SAAS,MAAM,4BAA4B;AAElD,MAAMC,UAAU,CAAC;EACbC,IAAIA,CAACC,MAAc,EAAE;IACjB,OAAO,IAAI,CAACC,QAAQ,CAACD,MAAM,CAAC;EAChC;EAEQC,QAAQA,CAACC,GAAW,EAAU;IAClC,MAAMC,GAAG,GAAGN,SAAS,CAACK,GAAG,CAAC,CAAC,CAAC;IAC5B,IAAIH,IAAI,GAAG,CAAC;IACZ,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,GAAG,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;MACjCL,IAAI,GAAI,CAACA,IAAI,IAAI,CAAC,IAAIA,IAAI,GAAGI,GAAG,CAACG,UAAU,CAACF,CAAC,CAAC,GAAI,CAAC;IACvD;IACA,OAAOL,IAAI,KAAK,CAAC,CAAC,CAAC;EACvB;AACJ;AAEA,OAAO,MAAMQ,UAAU,GAAG,IAAIT,UAAU,CAAC,CAAC","ignoreList":[]}
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 = ["TEXTAREA", "INPUT"];
5
- const isContentEditable = value => {
6
- return ["true", true].includes(value);
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 = () => `hotkey-${++idCounter}`;
10
- const setupListener = () => {
11
- if (listenerInitialized || !document.body) {
12
- return;
13
- }
14
- const eventListener = ev => {
15
- const target = ev.target;
16
- if (!target) {
17
- return;
18
- }
19
- if (filterTags.includes(target.nodeName) || isContentEditable(target.contentEditable)) {
20
- return;
21
- }
22
- const matchedKey = Object.keys(keyStack).find(key => isHotkey(key, ev));
23
- if (matchedKey && keyStack[matchedKey]?.length > 0) {
24
- const item = keyStack[matchedKey][0];
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
- export class HotkeyManager {
33
- constructor() {
34
- this.id = generateSimpleId();
35
- setupListener();
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
- remove(key) {
48
- if (!keyStack[key]) {
49
- return;
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
- const index = keyStack[key].findIndex(item => item.id === this.id);
52
- if (index >= 0) {
53
- keyStack[key].splice(index, 1);
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