@builder.io/sdk-qwik 0.0.7 → 0.0.10

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 (35) hide show
  1. package/README.md +65 -2
  2. package/lib/index.97024df8.js +80165 -0
  3. package/lib/index.d8c1e37f.cjs +80165 -0
  4. package/lib/index.qwik.cjs +2465 -0
  5. package/lib/index.qwik.mjs +2465 -0
  6. package/package.json +3 -3
  7. package/src/blocks/button/button.jsx +0 -175
  8. package/src/blocks/columns/columns.jsx +27 -197
  9. package/src/blocks/custom-code/custom-code.jsx +16 -75
  10. package/src/blocks/embed/embed.jsx +20 -87
  11. package/src/blocks/form/builder-blocks.jsx +0 -75
  12. package/src/blocks/form/form.jsx +57 -536
  13. package/src/blocks/fragment/fragment.jsx +8 -56
  14. package/src/blocks/image/image.jsx +49 -493
  15. package/src/blocks/img/img.jsx +15 -72
  16. package/src/blocks/input/input.jsx +17 -83
  17. package/src/blocks/raw-text/raw-text.jsx +9 -50
  18. package/src/blocks/section/section.jsx +17 -94
  19. package/src/blocks/select/select.jsx +20 -145
  20. package/src/blocks/submit-button/submit-button.jsx +8 -84
  21. package/src/blocks/symbol/symbol.jsx +60 -194
  22. package/src/blocks/text/text.jsx +4 -43
  23. package/src/blocks/textarea/textarea.jsx +12 -62
  24. package/src/blocks/video/video.jsx +21 -71
  25. package/src/components/render-block/block-styles.jsx +0 -114
  26. package/src/components/render-block/render-block.jsx +0 -514
  27. package/src/components/render-block/render-component.jsx +0 -211
  28. package/src/components/render-block/render-repeated-block.jsx +0 -67
  29. package/src/components/render-blocks.jsx +40 -334
  30. package/src/components/render-content/components/render-styles.jsx +0 -50
  31. package/src/components/render-content/render-content.jsx +96 -374
  32. package/src/components/render-inlined-styles.jsx +0 -116
  33. package/src/scripts/init-editing.js +4 -5
  34. package/types.d.ts +7 -12
  35. package/root.json +0 -1176
package/src/components/render-block/render-component.jsx CHANGED
@@ -32,214 +32,3 @@ export const RenderComponent = (props) => {
32
32
  );
33
33
  };
34
34
  export default RenderComponent;
35
- export const COMPONENT = {
36
- "@type": "@builder.io/mitosis/component",
37
- imports: [
38
- {
39
- imports: {
40
- BlockStyles: "default",
41
- },
42
- path: "./block-styles.lite",
43
- },
44
- {
45
- imports: {
46
- RenderBlock: "default",
47
- },
48
- path: "./render-block.lite",
49
- },
50
- ],
51
- exports: {},
52
- inputs: [],
53
- meta: {
54
- useMetadata: {
55
- qwik: {
56
- component: {
57
- isLight: true,
58
- },
59
- },
60
- },
61
- },
62
- refs: {},
63
- state: {},
64
- children: [
65
- {
66
- "@type": "@builder.io/mitosis/node",
67
- name: "Show",
68
- meta: {},
69
- scope: {},
70
- properties: {},
71
- bindings: {
72
- when: {
73
- code: "props.componentRef",
74
- },
75
- },
76
- children: [
77
- {
78
- "@type": "@builder.io/mitosis/node",
79
- name: "div",
80
- meta: {},
81
- scope: {},
82
- properties: {
83
- _text: "\n ",
84
- },
85
- bindings: {},
86
- children: [],
87
- },
88
- {
89
- "@type": "@builder.io/mitosis/node",
90
- name: "props.componentRef",
91
- meta: {},
92
- scope: {},
93
- properties: {},
94
- bindings: {
95
- _spread: {
96
- code: "props.componentOptions",
97
- },
98
- },
99
- children: [
100
- {
101
- "@type": "@builder.io/mitosis/node",
102
- name: "div",
103
- meta: {},
104
- scope: {},
105
- properties: {
106
- _text: "\n ",
107
- },
108
- bindings: {},
109
- children: [],
110
- },
111
- {
112
- "@type": "@builder.io/mitosis/node",
113
- name: "div",
114
- meta: {},
115
- scope: {},
116
- properties: {
117
- _text: "\n ",
118
- },
119
- bindings: {},
120
- children: [],
121
- },
122
- {
123
- "@type": "@builder.io/mitosis/node",
124
- name: "For",
125
- meta: {},
126
- scope: {
127
- For: ["child"],
128
- },
129
- properties: {
130
- _forName: "child",
131
- },
132
- bindings: {
133
- each: {
134
- code: "props.blockChildren",
135
- },
136
- },
137
- children: [
138
- {
139
- "@type": "@builder.io/mitosis/node",
140
- name: "RenderBlock",
141
- meta: {},
142
- scope: {},
143
- properties: {},
144
- bindings: {
145
- key: {
146
- code: "'render-block-' + child.id",
147
- },
148
- block: {
149
- code: "child",
150
- },
151
- context: {
152
- code: "props.context",
153
- },
154
- },
155
- children: [],
156
- },
157
- ],
158
- },
159
- {
160
- "@type": "@builder.io/mitosis/node",
161
- name: "div",
162
- meta: {},
163
- scope: {},
164
- properties: {
165
- _text: "\n ",
166
- },
167
- bindings: {},
168
- children: [],
169
- },
170
- {
171
- "@type": "@builder.io/mitosis/node",
172
- name: "For",
173
- meta: {},
174
- scope: {
175
- For: ["child"],
176
- },
177
- properties: {
178
- _forName: "child",
179
- },
180
- bindings: {
181
- each: {
182
- code: "props.blockChildren",
183
- },
184
- },
185
- children: [
186
- {
187
- "@type": "@builder.io/mitosis/node",
188
- name: "BlockStyles",
189
- meta: {},
190
- scope: {},
191
- properties: {},
192
- bindings: {
193
- key: {
194
- code: "'block-style-' + child.id",
195
- },
196
- block: {
197
- code: "child",
198
- },
199
- context: {
200
- code: "props.context",
201
- },
202
- },
203
- children: [],
204
- },
205
- ],
206
- },
207
- {
208
- "@type": "@builder.io/mitosis/node",
209
- name: "div",
210
- meta: {},
211
- scope: {},
212
- properties: {
213
- _text: "\n ",
214
- },
215
- bindings: {},
216
- children: [],
217
- },
218
- ],
219
- },
220
- {
221
- "@type": "@builder.io/mitosis/node",
222
- name: "div",
223
- meta: {},
224
- scope: {},
225
- properties: {
226
- _text: "\n ",
227
- },
228
- bindings: {},
229
- children: [],
230
- },
231
- ],
232
- },
233
- ],
234
- hooks: {},
235
- context: {
236
- get: {},
237
- set: {},
238
- },
239
- name: "RenderComponent",
240
- subComponents: [],
241
- interfaces: [
242
- "export interface RenderComponentProps {\n componentRef: any;\n componentOptions: any;\n blockChildren: BuilderBlock[];\n context: BuilderContextInterface;\n} // eslint-disable-next-line @builder.io/mitosis/only-default-function-and-imports",
243
- ],
244
- propsTypeRef: "RenderComponentProps",
245
- };
package/src/components/render-block/render-repeated-block.jsx CHANGED
@@ -35,70 +35,3 @@ export const RenderRepeatedBlock = component$((props) => {
35
35
  );
36
36
  });
37
37
  export default RenderRepeatedBlock;
38
- export const COMPONENT = {
39
- "@type": "@builder.io/mitosis/component",
40
- imports: [
41
- {
42
- imports: {
43
- BuilderContext: "default",
44
- },
45
- path: "../../context/builder.context.lite",
46
- },
47
- {
48
- imports: {
49
- RenderBlock: "default",
50
- },
51
- path: "./render-block.lite",
52
- },
53
- ],
54
- exports: {},
55
- inputs: [],
56
- meta: {},
57
- refs: {},
58
- state: {},
59
- children: [
60
- {
61
- "@type": "@builder.io/mitosis/node",
62
- name: "RenderBlock",
63
- meta: {},
64
- scope: {},
65
- properties: {},
66
- bindings: {
67
- block: {
68
- code: "props.block",
69
- },
70
- context: {
71
- code: "props.context",
72
- },
73
- },
74
- children: [],
75
- },
76
- ],
77
- hooks: {},
78
- context: {
79
- get: {},
80
- set: {
81
- "../../context/builder.context.lite:default": {
82
- name: "BuilderContext",
83
- value: {
84
- content:
85
- "@builder.io/mitosis/method:get content() {\n return props.repeatContext.content;\n}",
86
- state:
87
- "@builder.io/mitosis/method:get state() {\n return props.repeatContext.state;\n}",
88
- context:
89
- "@builder.io/mitosis/method:get context() {\n return props.repeatContext.context;\n}",
90
- apiKey:
91
- "@builder.io/mitosis/method:get apiKey() {\n return props.repeatContext.apiKey;\n}",
92
- registeredComponents:
93
- "@builder.io/mitosis/method:get registeredComponents() {\n return props.repeatContext.registeredComponents;\n}",
94
- },
95
- },
96
- },
97
- },
98
- name: "RenderRepeatedBlock",
99
- subComponents: [],
100
- types: [
101
- "type Props = {\n block: BuilderBlock;\n repeatContext: BuilderContextInterface;\n context: BuilderContextInterface;\n};\n/**\n * We can't make this a generic `ProvideContext` function because Vue 2 won't support root slots, e.g.\n *\n * ```vue\n * <template>\n * <slot></slot>\n * </template>\n * ```\n */",
102
- ],
103
- propsTypeRef: "Props",
104
- };
package/src/components/render-blocks.jsx CHANGED
@@ -6,7 +6,6 @@ import BlockStyles from "./render-block/block-styles";
6
6
  import RenderBlock from "./render-block/render-block";
7
7
  import {
8
8
  Fragment,
9
- Host,
10
9
  component$,
11
10
  h,
12
11
  useContext,
@@ -47,341 +46,48 @@ export const onMouseEnter = function onMouseEnter(
47
46
  );
48
47
  }
49
48
  };
50
- export const RenderBlocks = component$(
51
- (props) => {
52
- useStylesScoped$(STYLES);
53
- const builderContext = useContext(BuilderContext);
54
- const state = {};
55
- return (
56
- <Host
57
- class={className(props, state, builderContext) + " div-RenderBlocks"}
58
- builder-path={props.path}
59
- builder-parent-id={props.parent}
60
- dataSet={{
61
- class: className(props, state, builderContext),
62
- }}
63
- onClick$={(event) => onClick(props, state, builderContext)}
64
- onMouseEnter$={(event) => onMouseEnter(props, state, builderContext)}
65
- >
66
- <>
67
- {props.blocks
68
- ? (props.blocks || []).map((block) => {
69
- return (
70
- <RenderBlock
71
- key={"render-block-" + block.id}
72
- block={block}
73
- context={builderContext}
74
- ></RenderBlock>
75
- );
76
- })
77
- : null}
78
- {props.blocks
79
- ? (props.blocks || []).map((block) => {
80
- return (
81
- <BlockStyles
82
- key={"block-style-" + block.id}
83
- block={block}
84
- context={builderContext}
85
- ></BlockStyles>
86
- );
87
- })
88
- : null}
89
- </>
90
- </Host>
91
- );
92
- },
93
- { tagName: "div" }
94
- );
49
+ export const RenderBlocks = component$((props) => {
50
+ useStylesScoped$(STYLES);
51
+ const builderContext = useContext(BuilderContext);
52
+ const state = {};
53
+ return (
54
+ <div
55
+ class={className(props, state, builderContext) + " div-RenderBlocks"}
56
+ builder-path={props.path}
57
+ builder-parent-id={props.parent}
58
+ dataSet={{
59
+ class: className(props, state, builderContext),
60
+ }}
61
+ onClick$={(event) => onClick(props, state, builderContext)}
62
+ onMouseEnter$={(event) => onMouseEnter(props, state, builderContext)}
63
+ >
64
+ {props.blocks
65
+ ? (props.blocks || []).map((block) => {
66
+ return (
67
+ <RenderBlock
68
+ key={"render-block-" + block.id}
69
+ block={block}
70
+ context={builderContext}
71
+ ></RenderBlock>
72
+ );
73
+ })
74
+ : null}
75
+ {props.blocks
76
+ ? (props.blocks || []).map((block) => {
77
+ return (
78
+ <BlockStyles
79
+ key={"block-style-" + block.id}
80
+ block={block}
81
+ context={builderContext}
82
+ ></BlockStyles>
83
+ );
84
+ })
85
+ : null}
86
+ </div>
87
+ );
88
+ });
95
89
  export default RenderBlocks;
96
90
  export const STYLES = `.div-RenderBlocks {
97
91
  display: flex;
98
92
  flex-direction: column;
99
93
  align-items: stretch; }`;
100
- export const COMPONENT = {
101
- "@type": "@builder.io/mitosis/component",
102
- imports: [
103
- {
104
- imports: {
105
- BuilderContext: "default",
106
- },
107
- path: "../context/builder.context.lite",
108
- },
109
- {
110
- imports: {
111
- isEditing: "isEditing",
112
- },
113
- path: "../functions/is-editing.js",
114
- },
115
- {
116
- imports: {
117
- BlockStyles: "default",
118
- },
119
- path: "./render-block/block-styles.lite",
120
- },
121
- {
122
- imports: {
123
- RenderBlock: "default",
124
- },
125
- path: "./render-block/render-block.lite",
126
- },
127
- ],
128
- exports: {},
129
- inputs: [],
130
- meta: {
131
- useMetadata: {
132
- qwik: {
133
- component: {
134
- isLight: false,
135
- },
136
- },
137
- },
138
- },
139
- refs: {},
140
- state: {
141
- className:
142
- "@builder.io/mitosis/method:get className() {\n return 'builder-blocks' + (!props.blocks?.length ? ' no-blocks' : '');\n}",
143
- onClick:
144
- "@builder.io/mitosis/method:onClick() {\n if (isEditing() && !props.blocks?.length) {\n window.parent?.postMessage({\n type: 'builder.clickEmptyBlocks',\n data: {\n parentElementId: props.parent,\n dataPath: props.path\n }\n }, '*');\n }\n}",
145
- onMouseEnter:
146
- "@builder.io/mitosis/method:onMouseEnter() {\n if (isEditing() && !props.blocks?.length) {\n window.parent?.postMessage({\n type: 'builder.hoverEmptyBlocks',\n data: {\n parentElementId: props.parent,\n dataPath: props.path\n }\n }, '*');\n }\n}",
147
- },
148
- children: [
149
- {
150
- "@type": "@builder.io/mitosis/node",
151
- name: "Host",
152
- meta: {},
153
- scope: {},
154
- properties: {},
155
- bindings: {
156
- class: {
157
- code: "className(props,state,builderContext) + ' div-RenderBlocks'",
158
- },
159
- "builder-path": {
160
- code: "props.path",
161
- },
162
- "builder-parent-id": {
163
- code: "props.parent",
164
- },
165
- dataSet: {
166
- code: "{\n class: className(props,state,builderContext)\n}",
167
- },
168
- onClick: {
169
- code: "onClick(props,state,builderContext,)",
170
- arguments: ["event"],
171
- },
172
- onMouseEnter: {
173
- code: "onMouseEnter(props,state,builderContext,)",
174
- arguments: ["event"],
175
- },
176
- },
177
- children: [
178
- {
179
- "@type": "@builder.io/mitosis/node",
180
- name: "div",
181
- meta: {},
182
- scope: {},
183
- properties: {
184
- _text: "\n ",
185
- },
186
- bindings: {},
187
- children: [],
188
- },
189
- {
190
- "@type": "@builder.io/mitosis/node",
191
- name: "div",
192
- meta: {},
193
- scope: {},
194
- properties: {
195
- _text: "\n ",
196
- },
197
- bindings: {},
198
- children: [],
199
- },
200
- {
201
- "@type": "@builder.io/mitosis/node",
202
- name: "Show",
203
- meta: {},
204
- scope: {},
205
- properties: {},
206
- bindings: {
207
- when: {
208
- code: "props.blocks",
209
- },
210
- },
211
- children: [
212
- {
213
- "@type": "@builder.io/mitosis/node",
214
- name: "div",
215
- meta: {},
216
- scope: {},
217
- properties: {
218
- _text: "\n ",
219
- },
220
- bindings: {},
221
- children: [],
222
- },
223
- {
224
- "@type": "@builder.io/mitosis/node",
225
- name: "For",
226
- meta: {},
227
- scope: {
228
- For: ["block"],
229
- },
230
- properties: {
231
- _forName: "block",
232
- },
233
- bindings: {
234
- each: {
235
- code: "props.blocks",
236
- },
237
- },
238
- children: [
239
- {
240
- "@type": "@builder.io/mitosis/node",
241
- name: "RenderBlock",
242
- meta: {},
243
- scope: {},
244
- properties: {},
245
- bindings: {
246
- key: {
247
- code: "'render-block-' + block.id",
248
- },
249
- block: {
250
- code: "block",
251
- },
252
- context: {
253
- code: "builderContext",
254
- },
255
- },
256
- children: [],
257
- },
258
- ],
259
- },
260
- {
261
- "@type": "@builder.io/mitosis/node",
262
- name: "div",
263
- meta: {},
264
- scope: {},
265
- properties: {
266
- _text: "\n ",
267
- },
268
- bindings: {},
269
- children: [],
270
- },
271
- ],
272
- },
273
- {
274
- "@type": "@builder.io/mitosis/node",
275
- name: "div",
276
- meta: {},
277
- scope: {},
278
- properties: {
279
- _text: "\n ",
280
- },
281
- bindings: {},
282
- children: [],
283
- },
284
- {
285
- "@type": "@builder.io/mitosis/node",
286
- name: "Show",
287
- meta: {},
288
- scope: {},
289
- properties: {},
290
- bindings: {
291
- when: {
292
- code: "props.blocks",
293
- },
294
- },
295
- children: [
296
- {
297
- "@type": "@builder.io/mitosis/node",
298
- name: "div",
299
- meta: {},
300
- scope: {},
301
- properties: {
302
- _text: "\n ",
303
- },
304
- bindings: {},
305
- children: [],
306
- },
307
- {
308
- "@type": "@builder.io/mitosis/node",
309
- name: "For",
310
- meta: {},
311
- scope: {
312
- For: ["block"],
313
- },
314
- properties: {
315
- _forName: "block",
316
- },
317
- bindings: {
318
- each: {
319
- code: "props.blocks",
320
- },
321
- },
322
- children: [
323
- {
324
- "@type": "@builder.io/mitosis/node",
325
- name: "BlockStyles",
326
- meta: {},
327
- scope: {},
328
- properties: {},
329
- bindings: {
330
- key: {
331
- code: "'block-style-' + block.id",
332
- },
333
- block: {
334
- code: "block",
335
- },
336
- context: {
337
- code: "builderContext",
338
- },
339
- },
340
- children: [],
341
- },
342
- ],
343
- },
344
- {
345
- "@type": "@builder.io/mitosis/node",
346
- name: "div",
347
- meta: {},
348
- scope: {},
349
- properties: {
350
- _text: "\n ",
351
- },
352
- bindings: {},
353
- children: [],
354
- },
355
- ],
356
- },
357
- {
358
- "@type": "@builder.io/mitosis/node",
359
- name: "div",
360
- meta: {},
361
- scope: {},
362
- properties: {
363
- _text: "\n ",
364
- },
365
- bindings: {},
366
- children: [],
367
- },
368
- ],
369
- },
370
- ],
371
- hooks: {},
372
- context: {
373
- get: {
374
- builderContext: {
375
- name: "BuilderContext",
376
- path: "../context/builder.context.lite:default",
377
- },
378
- },
379
- set: {},
380
- },
381
- name: "RenderBlocks",
382
- subComponents: [],
383
- types: [
384
- "export type RenderBlockProps = {\n blocks?: BuilderBlock[];\n parent?: string;\n path?: string;\n};",
385
- ],
386
- propsTypeRef: "RenderBlockProps",
387
- };