ripple 0.3.84 → 0.3.85

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 (53) hide show
  1. package/CHANGELOG.md +60 -0
  2. package/package.json +3 -3
  3. package/src/constants.js +4 -0
  4. package/src/runtime/internal/client/component.js +3 -3
  5. package/src/runtime/internal/client/constants.js +4 -0
  6. package/src/runtime/internal/client/for.js +22 -1
  7. package/src/runtime/internal/client/if.js +18 -2
  8. package/src/runtime/internal/client/index.js +1 -0
  9. package/src/runtime/internal/client/operations.js +25 -0
  10. package/src/runtime/internal/client/runtime.js +62 -10
  11. package/src/runtime/internal/client/switch.js +16 -2
  12. package/src/runtime/internal/client/template.js +10 -2
  13. package/src/runtime/internal/client/try.js +12 -2
  14. package/src/runtime/internal/client/types.d.ts +4 -0
  15. package/tests/client/__snapshots__/for.test.tsrx.snap +0 -2
  16. package/tests/client/compiler/compiler.basic.test.tsrx +5 -2
  17. package/tests/client/composite/__snapshots__/composite.render.test.tsrx.snap +0 -4
  18. package/tests/client/scoped-flush.test.tsrx +105 -0
  19. package/tests/hydration/compiled/client/basic.js +198 -214
  20. package/tests/hydration/compiled/client/composite.js +23 -72
  21. package/tests/hydration/compiled/client/for.js +66 -72
  22. package/tests/hydration/compiled/client/hmr.js +2 -13
  23. package/tests/hydration/compiled/client/html.js +619 -479
  24. package/tests/hydration/compiled/client/if-children.js +72 -84
  25. package/tests/hydration/compiled/client/if.js +87 -92
  26. package/tests/hydration/compiled/client/mixed-control-flow.js +120 -160
  27. package/tests/hydration/compiled/client/nested-control-flow.js +288 -360
  28. package/tests/hydration/compiled/client/portal.js +15 -21
  29. package/tests/hydration/compiled/client/reactivity.js +7 -12
  30. package/tests/hydration/compiled/client/switch.js +113 -115
  31. package/tests/hydration/compiled/client/track-async-serialization.js +71 -122
  32. package/tests/hydration/compiled/client/try.js +26 -41
  33. package/tests/hydration/compiled/server/basic.js +268 -556
  34. package/tests/hydration/compiled/server/composite.js +31 -50
  35. package/tests/hydration/compiled/server/events.js +37 -173
  36. package/tests/hydration/compiled/server/for.js +236 -847
  37. package/tests/hydration/compiled/server/head.js +110 -241
  38. package/tests/hydration/compiled/server/hmr.js +14 -41
  39. package/tests/hydration/compiled/server/html-in-template.js +14 -38
  40. package/tests/hydration/compiled/server/html.js +951 -1176
  41. package/tests/hydration/compiled/server/if-children.js +59 -493
  42. package/tests/hydration/compiled/server/if.js +57 -209
  43. package/tests/hydration/compiled/server/mixed-control-flow.js +144 -250
  44. package/tests/hydration/compiled/server/nested-control-flow.js +309 -559
  45. package/tests/hydration/compiled/server/portal.js +94 -156
  46. package/tests/hydration/compiled/server/reactivity.js +23 -65
  47. package/tests/hydration/compiled/server/return.js +6 -16
  48. package/tests/hydration/compiled/server/switch.js +91 -219
  49. package/tests/hydration/compiled/server/track-async-serialization.js +211 -256
  50. package/tests/hydration/compiled/server/try.js +67 -126
  51. package/tests/hydration/components/html.tsrx +75 -0
  52. package/tests/hydration/html.test.js +50 -0
  53. package/tests/server/compiler.test.tsrx +6 -2
package/tests/hydration/compiled/server/switch.js CHANGED
@@ -8,41 +8,26 @@ export function SwitchStatic() {
8
8
  const status = 'success';
9
9
 
10
10
  _$_.regular_block(() => {
11
- _$_.output_push('<!--[-->');
11
+ let __out = '';
12
+
13
+ __out += '<!--[-->';
12
14
 
13
15
  switch (status) {
14
16
  case 'success':
15
- _$_.output_push('<div');
16
- _$_.output_push(' class="status-success"');
17
- _$_.output_push('>');
18
- {
19
- _$_.output_push('Success');
20
- }
21
- _$_.output_push('</div>');
17
+ __out += '<div class="status-success">Success</div>';
22
18
  break;
23
19
 
24
20
  case 'error':
25
- _$_.output_push('<div');
26
- _$_.output_push(' class="status-error"');
27
- _$_.output_push('>');
28
- {
29
- _$_.output_push('Error');
30
- }
31
- _$_.output_push('</div>');
21
+ __out += '<div class="status-error">Error</div>';
32
22
  break;
33
23
 
34
24
  default:
35
- _$_.output_push('<div');
36
- _$_.output_push(' class="status-unknown"');
37
- _$_.output_push('>');
38
- {
39
- _$_.output_push('Unknown');
40
- }
41
- _$_.output_push('</div>');
25
+ __out += '<div class="status-unknown">Unknown</div>';
42
26
  break;
43
27
  }
44
28
 
45
- _$_.output_push('<!--]-->');
29
+ __out += '<!--]-->';
30
+ _$_.output_push(__out);
46
31
  });
47
32
  });
48
33
  }
@@ -52,52 +37,26 @@ export function SwitchReactive() {
52
37
  let lazy = _$_.track('a', '9b34d955');
53
38
 
54
39
  _$_.regular_block(() => {
55
- {
56
- _$_.output_push('<button');
57
- _$_.output_push(' class="toggle"');
58
- _$_.output_push('>');
59
-
60
- {
61
- _$_.output_push('Toggle');
62
- }
63
-
64
- _$_.output_push('</button>');
65
- _$_.output_push('<!--[-->');
66
-
67
- switch (lazy.value) {
68
- case 'a':
69
- _$_.output_push('<div');
70
- _$_.output_push(' class="case-a"');
71
- _$_.output_push('>');
72
- {
73
- _$_.output_push('Case A');
74
- }
75
- _$_.output_push('</div>');
76
- break;
77
-
78
- case 'b':
79
- _$_.output_push('<div');
80
- _$_.output_push(' class="case-b"');
81
- _$_.output_push('>');
82
- {
83
- _$_.output_push('Case B');
84
- }
85
- _$_.output_push('</div>');
86
- break;
87
-
88
- default:
89
- _$_.output_push('<div');
90
- _$_.output_push(' class="case-c"');
91
- _$_.output_push('>');
92
- {
93
- _$_.output_push('Case C');
94
- }
95
- _$_.output_push('</div>');
96
- break;
97
- }
98
-
99
- _$_.output_push('<!--]-->');
40
+ let __out = '';
41
+
42
+ __out += '<button class="toggle">Toggle</button><!--[-->';
43
+
44
+ switch (lazy.value) {
45
+ case 'a':
46
+ __out += '<div class="case-a">Case A</div>';
47
+ break;
48
+
49
+ case 'b':
50
+ __out += '<div class="case-b">Case B</div>';
51
+ break;
52
+
53
+ default:
54
+ __out += '<div class="case-c">Case C</div>';
55
+ break;
100
56
  }
57
+
58
+ __out += '<!--]-->';
59
+ _$_.output_push(__out);
101
60
  });
102
61
  });
103
62
  }
@@ -107,34 +66,25 @@ export function SwitchFallthrough() {
107
66
  const val = 1;
108
67
 
109
68
  _$_.regular_block(() => {
110
- _$_.output_push('<!--[-->');
69
+ let __out = '';
70
+
71
+ __out += '<!--[-->';
111
72
 
112
73
  switch (val) {
113
74
  case 1:
114
75
  break;
115
76
 
116
77
  case 2:
117
- _$_.output_push('<div');
118
- _$_.output_push(' class="case-1-2"');
119
- _$_.output_push('>');
120
- {
121
- _$_.output_push('1 or 2');
122
- }
123
- _$_.output_push('</div>');
78
+ __out += '<div class="case-1-2">1 or 2</div>';
124
79
  break;
125
80
 
126
81
  default:
127
- _$_.output_push('<div');
128
- _$_.output_push(' class="case-other"');
129
- _$_.output_push('>');
130
- {
131
- _$_.output_push('Other');
132
- }
133
- _$_.output_push('</div>');
82
+ __out += '<div class="case-other">Other</div>';
134
83
  break;
135
84
  }
136
85
 
137
- _$_.output_push('<!--]-->');
86
+ __out += '<!--]-->';
87
+ _$_.output_push(__out);
138
88
  });
139
89
  });
140
90
  }
@@ -144,52 +94,26 @@ export function SwitchNumericLevels() {
144
94
  let lazy_1 = _$_.track(1, '7581a7ab');
145
95
 
146
96
  _$_.regular_block(() => {
147
- {
148
- _$_.output_push('<button');
149
- _$_.output_push(' class="level-toggle"');
150
- _$_.output_push('>');
151
-
152
- {
153
- _$_.output_push('Toggle Level');
154
- }
155
-
156
- _$_.output_push('</button>');
157
- _$_.output_push('<!--[-->');
158
-
159
- switch (lazy_1.value) {
160
- case 1:
161
- _$_.output_push('<div');
162
- _$_.output_push(' class="level-1"');
163
- _$_.output_push('>');
164
- {
165
- _$_.output_push('Level 1');
166
- }
167
- _$_.output_push('</div>');
168
- break;
169
-
170
- case 2:
171
- _$_.output_push('<div');
172
- _$_.output_push(' class="level-2"');
173
- _$_.output_push('>');
174
- {
175
- _$_.output_push('Level 2');
176
- }
177
- _$_.output_push('</div>');
178
- break;
179
-
180
- case 3:
181
- _$_.output_push('<div');
182
- _$_.output_push(' class="level-3"');
183
- _$_.output_push('>');
184
- {
185
- _$_.output_push('Level 3');
186
- }
187
- _$_.output_push('</div>');
188
- break;
189
- }
190
-
191
- _$_.output_push('<!--]-->');
97
+ let __out = '';
98
+
99
+ __out += '<button class="level-toggle">Toggle Level</button><!--[-->';
100
+
101
+ switch (lazy_1.value) {
102
+ case 1:
103
+ __out += '<div class="level-1">Level 1</div>';
104
+ break;
105
+
106
+ case 2:
107
+ __out += '<div class="level-2">Level 2</div>';
108
+ break;
109
+
110
+ case 3:
111
+ __out += '<div class="level-3">Level 3</div>';
112
+ break;
192
113
  }
114
+
115
+ __out += '<!--]-->';
116
+ _$_.output_push(__out);
193
117
  });
194
118
  });
195
119
  }
@@ -199,52 +123,26 @@ export function SwitchBlockScoped() {
199
123
  let lazy_2 = _$_.track(1, 'ca9f9852');
200
124
 
201
125
  _$_.regular_block(() => {
202
- {
203
- _$_.output_push('<button');
204
- _$_.output_push(' class="block-toggle"');
205
- _$_.output_push('>');
206
-
207
- {
208
- _$_.output_push('Toggle');
209
- }
210
-
211
- _$_.output_push('</button>');
212
- _$_.output_push('<!--[-->');
213
-
214
- switch (lazy_2.value) {
215
- case 1:
216
- _$_.output_push('<div');
217
- _$_.output_push(' class="block-1"');
218
- _$_.output_push('>');
219
- {
220
- _$_.output_push('Block 1');
221
- }
222
- _$_.output_push('</div>');
223
- break;
224
-
225
- case 2:
226
- _$_.output_push('<div');
227
- _$_.output_push(' class="block-2"');
228
- _$_.output_push('>');
229
- {
230
- _$_.output_push('Block 2');
231
- }
232
- _$_.output_push('</div>');
233
- break;
234
-
235
- case 3:
236
- _$_.output_push('<div');
237
- _$_.output_push(' class="block-3"');
238
- _$_.output_push('>');
239
- {
240
- _$_.output_push('Block 3');
241
- }
242
- _$_.output_push('</div>');
243
- break;
244
- }
245
-
246
- _$_.output_push('<!--]-->');
126
+ let __out = '';
127
+
128
+ __out += '<button class="block-toggle">Toggle</button><!--[-->';
129
+
130
+ switch (lazy_2.value) {
131
+ case 1:
132
+ __out += '<div class="block-1">Block 1</div>';
133
+ break;
134
+
135
+ case 2:
136
+ __out += '<div class="block-2">Block 2</div>';
137
+ break;
138
+
139
+ case 3:
140
+ __out += '<div class="block-3">Block 3</div>';
141
+ break;
247
142
  }
143
+
144
+ __out += '<!--]-->';
145
+ _$_.output_push(__out);
248
146
  });
249
147
  });
250
148
  }
@@ -254,52 +152,26 @@ export function SwitchNoBreak() {
254
152
  let lazy_3 = _$_.track(1, '6b7cb0ea');
255
153
 
256
154
  _$_.regular_block(() => {
257
- {
258
- _$_.output_push('<button');
259
- _$_.output_push(' class="nobreak-toggle"');
260
- _$_.output_push('>');
261
-
262
- {
263
- _$_.output_push('Toggle');
264
- }
265
-
266
- _$_.output_push('</button>');
267
- _$_.output_push('<!--[-->');
268
-
269
- switch (lazy_3.value) {
270
- case 1:
271
- _$_.output_push('<div');
272
- _$_.output_push(' class="nobreak-1"');
273
- _$_.output_push('>');
274
- {
275
- _$_.output_push('NoBreak 1');
276
- }
277
- _$_.output_push('</div>');
278
- break;
279
-
280
- case 2:
281
- _$_.output_push('<div');
282
- _$_.output_push(' class="nobreak-2"');
283
- _$_.output_push('>');
284
- {
285
- _$_.output_push('NoBreak 2');
286
- }
287
- _$_.output_push('</div>');
288
- break;
289
-
290
- case 3:
291
- _$_.output_push('<div');
292
- _$_.output_push(' class="nobreak-3"');
293
- _$_.output_push('>');
294
- {
295
- _$_.output_push('NoBreak 3');
296
- }
297
- _$_.output_push('</div>');
298
- break;
299
- }
300
-
301
- _$_.output_push('<!--]-->');
155
+ let __out = '';
156
+
157
+ __out += '<button class="nobreak-toggle">Toggle</button><!--[-->';
158
+
159
+ switch (lazy_3.value) {
160
+ case 1:
161
+ __out += '<div class="nobreak-1">NoBreak 1</div>';
162
+ break;
163
+
164
+ case 2:
165
+ __out += '<div class="nobreak-2">NoBreak 2</div>';
166
+ break;
167
+
168
+ case 3:
169
+ __out += '<div class="nobreak-3">NoBreak 3</div>';
170
+ break;
302
171
  }
172
+
173
+ __out += '<!--]-->';
174
+ _$_.output_push(__out);
303
175
  });
304
176
  });
305
177
  }