@builder.io/sdk-qwik 0.0.4-0 → 0.0.7

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 (19) hide show
  1. package/README.md +2 -65
  2. package/package.json +3 -4
  3. package/src/blocks/button/button.jsx +94 -108
  4. package/src/blocks/form/builder-blocks.jsx +30 -44
  5. package/src/blocks/form/form.jsx +1 -8
  6. package/src/blocks/symbol/symbol.jsx +5 -24
  7. package/src/blocks/util.js +0 -5
  8. package/src/components/render-block/block-styles.jsx +35 -47
  9. package/src/components/render-block/render-block.jsx +214 -230
  10. package/src/components/render-block/render-component.jsx +103 -115
  11. package/src/components/render-block/render-repeated-block.jsx +11 -26
  12. package/src/components/render-content/components/render-styles.jsx +11 -25
  13. package/src/components/render-content/render-content.jsx +92 -99
  14. package/src/components/render-inlined-styles.jsx +66 -78
  15. package/src/functions/get-content/index.js +0 -3
  16. package/src/functions/get-fetch.js +2 -1
  17. package/src/scripts/init-editing.js +5 -4
  18. package/tsconfig.json +1 -1
  19. package/types.d.ts +12 -7
package/src/components/render-block/render-component.jsx CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  import BlockStyles from "./block-styles";
4
4
  import RenderBlock from "./render-block";
5
- import { Fragment, Host, h } from "@builder.io/qwik";
5
+ import { Fragment, h } from "@builder.io/qwik";
6
6
  export const RenderComponent = (props) => {
7
7
  return (
8
- <Host q:host-pseudo="">
8
+ <>
9
9
  {props.componentRef ? (
10
10
  <props.componentRef {...props.componentOptions}>
11
11
  {(props.blockChildren || []).map((child) => {
@@ -28,7 +28,7 @@ export const RenderComponent = (props) => {
28
28
  })}
29
29
  </props.componentRef>
30
30
  ) : null}
31
- </Host>
31
+ </>
32
32
  );
33
33
  };
34
34
  export default RenderComponent;
@@ -64,23 +64,36 @@ export const COMPONENT = {
64
64
  children: [
65
65
  {
66
66
  "@type": "@builder.io/mitosis/node",
67
- name: "Host",
67
+ name: "Show",
68
68
  meta: {},
69
69
  scope: {},
70
- properties: {
71
- "q:host-pseudo": "",
70
+ properties: {},
71
+ bindings: {
72
+ when: {
73
+ code: "props.componentRef",
74
+ },
72
75
  },
73
- bindings: {},
74
76
  children: [
75
77
  {
76
78
  "@type": "@builder.io/mitosis/node",
77
- name: "Show",
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",
78
91
  meta: {},
79
92
  scope: {},
80
93
  properties: {},
81
94
  bindings: {
82
- when: {
83
- code: "props.componentRef",
95
+ _spread: {
96
+ code: "props.componentOptions",
84
97
  },
85
98
  },
86
99
  children: [
@@ -90,139 +103,103 @@ export const COMPONENT = {
90
103
  meta: {},
91
104
  scope: {},
92
105
  properties: {
93
- _text: "\n ",
106
+ _text: "\n ",
94
107
  },
95
108
  bindings: {},
96
109
  children: [],
97
110
  },
98
111
  {
99
112
  "@type": "@builder.io/mitosis/node",
100
- name: "props.componentRef",
113
+ name: "div",
101
114
  meta: {},
102
115
  scope: {},
103
- properties: {},
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
+ },
104
132
  bindings: {
105
- _spread: {
106
- code: "props.componentOptions",
133
+ each: {
134
+ code: "props.blockChildren",
107
135
  },
108
136
  },
109
137
  children: [
110
138
  {
111
139
  "@type": "@builder.io/mitosis/node",
112
- name: "div",
140
+ name: "RenderBlock",
113
141
  meta: {},
114
142
  scope: {},
115
- properties: {
116
- _text: "\n ",
117
- },
118
- bindings: {},
119
- children: [],
120
- },
121
- {
122
- "@type": "@builder.io/mitosis/node",
123
- name: "div",
124
- meta: {},
125
- scope: {},
126
- properties: {
127
- _text: "\n ",
128
- },
129
- bindings: {},
130
- children: [],
131
- },
132
- {
133
- "@type": "@builder.io/mitosis/node",
134
- name: "For",
135
- meta: {},
136
- scope: {
137
- For: ["child"],
138
- },
139
- properties: {
140
- _forName: "child",
141
- },
143
+ properties: {},
142
144
  bindings: {
143
- each: {
144
- code: "props.blockChildren",
145
+ key: {
146
+ code: "'render-block-' + child.id",
145
147
  },
146
- },
147
- children: [
148
- {
149
- "@type": "@builder.io/mitosis/node",
150
- name: "RenderBlock",
151
- meta: {},
152
- scope: {},
153
- properties: {},
154
- bindings: {
155
- key: {
156
- code: "'render-block-' + child.id",
157
- },
158
- block: {
159
- code: "child",
160
- },
161
- context: {
162
- code: "props.context",
163
- },
164
- },
165
- children: [],
148
+ block: {
149
+ code: "child",
150
+ },
151
+ context: {
152
+ code: "props.context",
166
153
  },
167
- ],
168
- },
169
- {
170
- "@type": "@builder.io/mitosis/node",
171
- name: "div",
172
- meta: {},
173
- scope: {},
174
- properties: {
175
- _text: "\n ",
176
154
  },
177
- bindings: {},
178
155
  children: [],
179
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: [
180
186
  {
181
187
  "@type": "@builder.io/mitosis/node",
182
- name: "For",
188
+ name: "BlockStyles",
183
189
  meta: {},
184
- scope: {
185
- For: ["child"],
186
- },
187
- properties: {
188
- _forName: "child",
189
- },
190
+ scope: {},
191
+ properties: {},
190
192
  bindings: {
191
- each: {
192
- code: "props.blockChildren",
193
+ key: {
194
+ code: "'block-style-' + child.id",
193
195
  },
194
- },
195
- children: [
196
- {
197
- "@type": "@builder.io/mitosis/node",
198
- name: "BlockStyles",
199
- meta: {},
200
- scope: {},
201
- properties: {},
202
- bindings: {
203
- key: {
204
- code: "'block-style-' + child.id",
205
- },
206
- block: {
207
- code: "child",
208
- },
209
- context: {
210
- code: "props.context",
211
- },
212
- },
213
- children: [],
196
+ block: {
197
+ code: "child",
198
+ },
199
+ context: {
200
+ code: "props.context",
214
201
  },
215
- ],
216
- },
217
- {
218
- "@type": "@builder.io/mitosis/node",
219
- name: "div",
220
- meta: {},
221
- scope: {},
222
- properties: {
223
- _text: "\n ",
224
202
  },
225
- bindings: {},
226
203
  children: [],
227
204
  },
228
205
  ],
@@ -233,13 +210,24 @@ export const COMPONENT = {
233
210
  meta: {},
234
211
  scope: {},
235
212
  properties: {
236
- _text: "\n ",
213
+ _text: "\n ",
237
214
  },
238
215
  bindings: {},
239
216
  children: [],
240
217
  },
241
218
  ],
242
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
+ },
243
231
  ],
244
232
  },
245
233
  ],
package/src/components/render-block/render-repeated-block.jsx CHANGED
@@ -4,7 +4,6 @@ import BuilderContext from "../../context/builder.context";
4
4
  import RenderBlock from "./render-block";
5
5
  import {
6
6
  Fragment,
7
- Host,
8
7
  component$,
9
8
  h,
10
9
  useContextProvider,
@@ -32,9 +31,7 @@ export const RenderRepeatedBlock = component$((props) => {
32
31
  })
33
32
  );
34
33
  return (
35
- <Host q:host-pseudo="">
36
- <RenderBlock block={props.block} context={props.context}></RenderBlock>
37
- </Host>
34
+ <RenderBlock block={props.block} context={props.context}></RenderBlock>
38
35
  );
39
36
  });
40
37
  export default RenderRepeatedBlock;
@@ -62,31 +59,19 @@ export const COMPONENT = {
62
59
  children: [
63
60
  {
64
61
  "@type": "@builder.io/mitosis/node",
65
- name: "Host",
62
+ name: "RenderBlock",
66
63
  meta: {},
67
64
  scope: {},
68
- properties: {
69
- "q:host-pseudo": "",
70
- },
71
- bindings: {},
72
- children: [
73
- {
74
- "@type": "@builder.io/mitosis/node",
75
- name: "RenderBlock",
76
- meta: {},
77
- scope: {},
78
- properties: {},
79
- bindings: {
80
- block: {
81
- code: "props.block",
82
- },
83
- context: {
84
- code: "props.context",
85
- },
86
- },
87
- children: [],
65
+ properties: {},
66
+ bindings: {
67
+ block: {
68
+ code: "props.block",
69
+ },
70
+ context: {
71
+ code: "props.context",
88
72
  },
89
- ],
73
+ },
74
+ children: [],
90
75
  },
91
76
  ],
92
77
  hooks: {},
package/src/components/render-content/components/render-styles.jsx CHANGED
@@ -1,7 +1,7 @@
1
1
  // GENERATED BY MITOSIS
2
2
 
3
3
  import RenderInlinedStyles from "../../render-inlined-styles";
4
- import { Fragment, Host, component$, h } from "@builder.io/qwik";
4
+ import { Fragment, component$, h } from "@builder.io/qwik";
5
5
  export const getCssFromFont = function getCssFromFont(props, state, font) {
6
6
  // TODO: compute what font sizes are used and only load those.......
7
7
  const family =
@@ -68,11 +68,9 @@ ${getFontCss(props, state, {
68
68
  export const RenderContentStyles = component$((props) => {
69
69
  const state = {};
70
70
  return (
71
- <Host q:host-pseudo="">
72
- <RenderInlinedStyles
73
- styles={injectedStyles(props, state)}
74
- ></RenderInlinedStyles>
75
- </Host>
71
+ <RenderInlinedStyles
72
+ styles={injectedStyles(props, state)}
73
+ ></RenderInlinedStyles>
76
74
  );
77
75
  });
78
76
  export default RenderContentStyles;
@@ -101,28 +99,16 @@ export const COMPONENT = {
101
99
  children: [
102
100
  {
103
101
  "@type": "@builder.io/mitosis/node",
104
- name: "Host",
102
+ name: "RenderInlinedStyles",
105
103
  meta: {},
106
104
  scope: {},
107
- properties: {
108
- "q:host-pseudo": "",
109
- },
110
- bindings: {},
111
- children: [
112
- {
113
- "@type": "@builder.io/mitosis/node",
114
- name: "RenderInlinedStyles",
115
- meta: {},
116
- scope: {},
117
- properties: {},
118
- bindings: {
119
- styles: {
120
- code: "injectedStyles(props,state)",
121
- },
122
- },
123
- children: [],
105
+ properties: {},
106
+ bindings: {
107
+ styles: {
108
+ code: "injectedStyles(props,state)",
124
109
  },
125
- ],
110
+ },
111
+ children: [],
126
112
  },
127
113
  ],
128
114
  hooks: {},