@barefootjs/jsx 0.31.7 → 0.31.9
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/dist/index.js +136 -59
- package/dist/ir-to-client-js/collect-elements.d.ts.map +1 -1
- package/dist/ir-to-client-js/control-flow/stringify/loop-child-arm.d.ts.map +1 -1
- package/dist/ir-to-client-js/control-flow/stringify/loop.d.ts.map +1 -1
- package/dist/ir-to-client-js/control-flow/stringify/template-parse.d.ts +66 -38
- package/dist/ir-to-client-js/control-flow/stringify/template-parse.d.ts.map +1 -1
- package/dist/ir-to-client-js/csr-substitute.d.ts.map +1 -1
- package/dist/ir-to-client-js/emit-registration.d.ts.map +1 -1
- package/dist/ir-to-client-js/html-template.d.ts +15 -1
- package/dist/ir-to-client-js/html-template.d.ts.map +1 -1
- package/dist/ir-to-client-js/imports.d.ts +2 -2
- package/dist/ir-to-client-js/imports.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/__tests__/__snapshots__/doc-examples.test.ts.snap +210 -210
- package/src/__tests__/aliased-destructured-prop-csr.test.ts +8 -2
- package/src/__tests__/csr-template-loop-shadowing.test.ts +5 -2
- package/src/__tests__/env-signal-template-prelude.test.ts +89 -0
- package/src/__tests__/inner-loop-mathml-namespace.test.ts +135 -0
- package/src/__tests__/markup-prop-brand.test.ts +161 -0
- package/src/__tests__/mathml-mapArray-namespace.test.ts +230 -0
- package/src/__tests__/text-slot-escaping.test.ts +21 -12
- package/src/ir-to-client-js/collect-elements.ts +38 -5
- package/src/ir-to-client-js/control-flow/stringify/inner-loop.ts +10 -10
- package/src/ir-to-client-js/control-flow/stringify/loop-child-arm.ts +3 -4
- package/src/ir-to-client-js/control-flow/stringify/loop.ts +18 -14
- package/src/ir-to-client-js/control-flow/stringify/template-parse.ts +142 -78
- package/src/ir-to-client-js/csr-substitute.ts +3 -2
- package/src/ir-to-client-js/emit-registration.ts +56 -4
- package/src/ir-to-client-js/html-template.ts +103 -12
- package/src/ir-to-client-js/imports.ts +4 -0
- package/src/ir-to-client-js/index.ts +6 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
|
|
2
2
|
|
|
3
3
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L15 — Ternary 1`] = `
|
|
4
|
-
"import { $, __bfSlot, createComponent, createDisposableEffect, createEffect, createSignal, escapeText, escapeTextOrNode, hydrate, insert, lazySlots } from '@barefootjs/client/runtime'
|
|
4
|
+
"import { $, __bfSlot, createComponent, createDisposableEffect, createEffect, createSignal, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, insert, lazySlots } from '@barefootjs/client/runtime'
|
|
5
5
|
|
|
6
6
|
export function initTodoItem(__scope, _p = {}) {
|
|
7
7
|
if (!__scope) return
|
|
@@ -15,7 +15,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
15
15
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
18
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
19
19
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
20
20
|
export function initItem(__scope, _p = {}) {
|
|
21
21
|
if (!__scope) return
|
|
@@ -29,7 +29,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
29
29
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
32
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
33
33
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
34
34
|
function initDashboard() {}
|
|
35
35
|
|
|
@@ -69,7 +69,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
69
69
|
`;
|
|
70
70
|
|
|
71
71
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L18 — Logical AND 1`] = `
|
|
72
|
-
"import { $, $c, createComponent, createEffect, createSignal,
|
|
72
|
+
"import { $, $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, insert, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
73
73
|
|
|
74
74
|
export function initTodoItem(__scope, _p = {}) {
|
|
75
75
|
if (!__scope) return
|
|
@@ -83,7 +83,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
83
83
|
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
86
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
87
87
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
88
88
|
export function initItem(__scope, _p = {}) {
|
|
89
89
|
if (!__scope) return
|
|
@@ -97,7 +97,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
97
97
|
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
100
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
101
101
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
102
102
|
function initDashboard() {}
|
|
103
103
|
|
|
@@ -139,7 +139,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
139
139
|
`;
|
|
140
140
|
|
|
141
141
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L31 — (no label) 1`] = `
|
|
142
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
142
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
143
143
|
|
|
144
144
|
export function initTodoItem(__scope, _p = {}) {
|
|
145
145
|
if (!__scope) return
|
|
@@ -153,7 +153,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
153
153
|
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
156
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
157
157
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
158
158
|
export function initItem(__scope, _p = {}) {
|
|
159
159
|
if (!__scope) return
|
|
@@ -167,7 +167,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
167
167
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
170
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
171
171
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
172
172
|
function initDashboard() {}
|
|
173
173
|
|
|
@@ -198,7 +198,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
198
198
|
`;
|
|
199
199
|
|
|
200
200
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L40 — ✅ Simple predicate 1`] = `
|
|
201
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
201
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
202
202
|
|
|
203
203
|
export function initTodoItem(__scope, _p = {}) {
|
|
204
204
|
if (!__scope) return
|
|
@@ -212,7 +212,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
212
212
|
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
215
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
216
216
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
217
217
|
export function initItem(__scope, _p = {}) {
|
|
218
218
|
if (!__scope) return
|
|
@@ -226,7 +226,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
226
226
|
|
|
227
227
|
}
|
|
228
228
|
|
|
229
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
229
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
230
230
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
231
231
|
function initDashboard() {}
|
|
232
232
|
|
|
@@ -257,7 +257,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
257
257
|
`;
|
|
258
258
|
|
|
259
259
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L45 — ✅ Block body with simple statements — also works 1`] = `
|
|
260
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
260
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
261
261
|
|
|
262
262
|
export function initTodoItem(__scope, _p = {}) {
|
|
263
263
|
if (!__scope) return
|
|
@@ -271,7 +271,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
271
271
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
274
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
275
275
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
276
276
|
export function initItem(__scope, _p = {}) {
|
|
277
277
|
if (!__scope) return
|
|
@@ -285,7 +285,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
285
285
|
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
288
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
289
289
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
290
290
|
function initDashboard() {}
|
|
291
291
|
|
|
@@ -326,7 +326,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
326
326
|
`;
|
|
327
327
|
|
|
328
328
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L59 — ✅ Projection — works on every adapter 1`] = `
|
|
329
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArray, patchLeaf } from '@barefootjs/client/runtime'
|
|
329
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArray, patchLeaf } from '@barefootjs/client/runtime'
|
|
330
330
|
|
|
331
331
|
export function initTodoItem(__scope, _p = {}) {
|
|
332
332
|
if (!__scope) return
|
|
@@ -340,7 +340,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
340
340
|
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
343
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
344
344
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
345
345
|
export function initItem(__scope, _p = {}) {
|
|
346
346
|
if (!__scope) return
|
|
@@ -354,7 +354,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
354
354
|
|
|
355
355
|
}
|
|
356
356
|
|
|
357
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
357
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
358
358
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
359
359
|
function initDashboard() {}
|
|
360
360
|
|
|
@@ -392,7 +392,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
392
392
|
`;
|
|
393
393
|
|
|
394
394
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L64 — ✅ Statement body — JS-runtime adapters; /* @client */ on Go/Mojo etc. 1`] = `
|
|
395
|
-
"import { $, createComponent, createEffect, createSignal, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArray, patchLeaf } from '@barefootjs/client/runtime'
|
|
395
|
+
"import { $, createComponent, createEffect, createSignal, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArray, patchLeaf } from '@barefootjs/client/runtime'
|
|
396
396
|
|
|
397
397
|
export function initTodoItem(__scope, _p = {}) {
|
|
398
398
|
if (!__scope) return
|
|
@@ -406,7 +406,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
406
406
|
|
|
407
407
|
}
|
|
408
408
|
|
|
409
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
409
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
410
410
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
411
411
|
export function initItem(__scope, _p = {}) {
|
|
412
412
|
if (!__scope) return
|
|
@@ -420,7 +420,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
420
420
|
|
|
421
421
|
}
|
|
422
422
|
|
|
423
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
423
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
424
424
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
425
425
|
function initDashboard() {}
|
|
426
426
|
|
|
@@ -464,7 +464,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
464
464
|
`;
|
|
465
465
|
|
|
466
466
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L74 — ✅ Sort then render 1`] = `
|
|
467
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
467
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
468
468
|
|
|
469
469
|
export function initTodoItem(__scope, _p = {}) {
|
|
470
470
|
if (!__scope) return
|
|
@@ -478,7 +478,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
478
478
|
|
|
479
479
|
}
|
|
480
480
|
|
|
481
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
481
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
482
482
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
483
483
|
export function initItem(__scope, _p = {}) {
|
|
484
484
|
if (!__scope) return
|
|
@@ -492,7 +492,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
492
492
|
|
|
493
493
|
}
|
|
494
494
|
|
|
495
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
495
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
496
496
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
497
497
|
function initDashboard() {}
|
|
498
498
|
|
|
@@ -523,7 +523,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
523
523
|
`;
|
|
524
524
|
|
|
525
525
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L79 — ✅ Filter, sort, then render 1`] = `
|
|
526
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
526
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
527
527
|
|
|
528
528
|
export function initTodoItem(__scope, _p = {}) {
|
|
529
529
|
if (!__scope) return
|
|
@@ -537,7 +537,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
537
537
|
|
|
538
538
|
}
|
|
539
539
|
|
|
540
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
540
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
541
541
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
542
542
|
export function initItem(__scope, _p = {}) {
|
|
543
543
|
if (!__scope) return
|
|
@@ -551,7 +551,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
551
551
|
|
|
552
552
|
}
|
|
553
553
|
|
|
554
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
554
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
555
555
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
556
556
|
function initDashboard() {}
|
|
557
557
|
|
|
@@ -582,7 +582,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
582
582
|
`;
|
|
583
583
|
|
|
584
584
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L84 — ✅ Multi-key: sort by price, break ties by name 1`] = `
|
|
585
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
585
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
586
586
|
|
|
587
587
|
export function initTodoItem(__scope, _p = {}) {
|
|
588
588
|
if (!__scope) return
|
|
@@ -596,7 +596,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
596
596
|
|
|
597
597
|
}
|
|
598
598
|
|
|
599
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
599
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
600
600
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
601
601
|
export function initItem(__scope, _p = {}) {
|
|
602
602
|
if (!__scope) return
|
|
@@ -610,7 +610,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
610
610
|
|
|
611
611
|
}
|
|
612
612
|
|
|
613
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
613
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
614
614
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
615
615
|
function initDashboard() {}
|
|
616
616
|
|
|
@@ -641,7 +641,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
641
641
|
`;
|
|
642
642
|
|
|
643
643
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L89 — ✅ Relational ternary 1`] = `
|
|
644
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
644
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
645
645
|
|
|
646
646
|
export function initTodoItem(__scope, _p = {}) {
|
|
647
647
|
if (!__scope) return
|
|
@@ -655,7 +655,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
655
655
|
|
|
656
656
|
}
|
|
657
657
|
|
|
658
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
658
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
659
659
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
660
660
|
export function initItem(__scope, _p = {}) {
|
|
661
661
|
if (!__scope) return
|
|
@@ -669,7 +669,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
669
669
|
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
672
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
673
673
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
674
674
|
function initDashboard() {}
|
|
675
675
|
|
|
@@ -700,7 +700,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
700
700
|
`;
|
|
701
701
|
|
|
702
702
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L100 — (no label) 1`] = `
|
|
703
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
703
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
704
704
|
|
|
705
705
|
export function initTodoItem(__scope, _p = {}) {
|
|
706
706
|
if (!__scope) return
|
|
@@ -714,7 +714,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
714
714
|
|
|
715
715
|
}
|
|
716
716
|
|
|
717
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
717
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
718
718
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
719
719
|
export function initItem(__scope, _p = {}) {
|
|
720
720
|
if (!__scope) return
|
|
@@ -728,7 +728,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
728
728
|
|
|
729
729
|
}
|
|
730
730
|
|
|
731
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
731
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
732
732
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
733
733
|
function initDashboard() {}
|
|
734
734
|
|
|
@@ -758,7 +758,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
758
758
|
`;
|
|
759
759
|
|
|
760
760
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L143 — ✅ Nested \`.filter()\` / \`.map()\` now compiles everywhere 1`] = `
|
|
761
|
-
"import { createComponent, createEffect, createSignal,
|
|
761
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
762
762
|
|
|
763
763
|
export function initTodoItem(__scope, _p = {}) {
|
|
764
764
|
if (!__scope) return
|
|
@@ -772,7 +772,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
772
772
|
|
|
773
773
|
}
|
|
774
774
|
|
|
775
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
775
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
776
776
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
777
777
|
export function initItem(__scope, _p = {}) {
|
|
778
778
|
if (!__scope) return
|
|
@@ -786,7 +786,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
786
786
|
|
|
787
787
|
}
|
|
788
788
|
|
|
789
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
789
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
790
790
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
791
791
|
function initDashboard() {}
|
|
792
792
|
|
|
@@ -811,12 +811,12 @@ export function initExample(__scope, _p = {}) {
|
|
|
811
811
|
|
|
812
812
|
}
|
|
813
813
|
|
|
814
|
-
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${
|
|
814
|
+
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(([]).filter(x => x.tags.filter(t => t.active).length > 0).map(t => t.name))}<!--/--></div>\` })
|
|
815
815
|
export function Example(_p, __bfKey) { return createComponent('Example', _p, __bfKey) }"
|
|
816
816
|
`;
|
|
817
817
|
|
|
818
818
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L150 — ❌ BF101 on Go/Mojo; works on Hono 1`] = `
|
|
819
|
-
"import { createComponent, createEffect, createSignal,
|
|
819
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
820
820
|
|
|
821
821
|
export function initTodoItem(__scope, _p = {}) {
|
|
822
822
|
if (!__scope) return
|
|
@@ -830,7 +830,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
830
830
|
|
|
831
831
|
}
|
|
832
832
|
|
|
833
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
833
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
834
834
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
835
835
|
export function initItem(__scope, _p = {}) {
|
|
836
836
|
if (!__scope) return
|
|
@@ -844,7 +844,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
844
844
|
|
|
845
845
|
}
|
|
846
846
|
|
|
847
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
847
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
848
848
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
849
849
|
function initDashboard() {}
|
|
850
850
|
|
|
@@ -869,12 +869,12 @@ export function initExample(__scope, _p = {}) {
|
|
|
869
869
|
|
|
870
870
|
}
|
|
871
871
|
|
|
872
|
-
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${
|
|
872
|
+
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(([]).filter(x => x.tags.some(t => t.active)).map(t => t.name))}<!--/--></div>\` })
|
|
873
873
|
export function Example(_p, __bfKey) { return createComponent('Example', _p, __bfKey) }"
|
|
874
874
|
`;
|
|
875
875
|
|
|
876
876
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L153 — ✅ Add /* @client */ to evaluate on the client 1`] = `
|
|
877
|
-
"import { createComponent, createEffect, createSignal,
|
|
877
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
878
878
|
|
|
879
879
|
export function initTodoItem(__scope, _p = {}) {
|
|
880
880
|
if (!__scope) return
|
|
@@ -888,7 +888,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
888
888
|
|
|
889
889
|
}
|
|
890
890
|
|
|
891
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
891
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
892
892
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
893
893
|
export function initItem(__scope, _p = {}) {
|
|
894
894
|
if (!__scope) return
|
|
@@ -902,7 +902,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
902
902
|
|
|
903
903
|
}
|
|
904
904
|
|
|
905
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
905
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
906
906
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
907
907
|
function initDashboard() {}
|
|
908
908
|
|
|
@@ -932,7 +932,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
932
932
|
`;
|
|
933
933
|
|
|
934
934
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L160 — ❌ BF101 on Go/Mojo; works on Hono 1`] = `
|
|
935
|
-
"import { createComponent, createEffect, createSignal,
|
|
935
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
936
936
|
|
|
937
937
|
export function initTodoItem(__scope, _p = {}) {
|
|
938
938
|
if (!__scope) return
|
|
@@ -946,7 +946,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
946
946
|
|
|
947
947
|
}
|
|
948
948
|
|
|
949
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
949
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
950
950
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
951
951
|
export function initItem(__scope, _p = {}) {
|
|
952
952
|
if (!__scope) return
|
|
@@ -960,7 +960,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
960
960
|
|
|
961
961
|
}
|
|
962
962
|
|
|
963
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
963
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
964
964
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
965
965
|
function initDashboard() {}
|
|
966
966
|
|
|
@@ -985,12 +985,12 @@ export function initExample(__scope, _p = {}) {
|
|
|
985
985
|
|
|
986
986
|
}
|
|
987
987
|
|
|
988
|
-
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${
|
|
988
|
+
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(([]).reduce((sum, x) => sum + x.price, 0))}<!--/--></div>\` })
|
|
989
989
|
export function Example(_p, __bfKey) { return createComponent('Example', _p, __bfKey) }"
|
|
990
990
|
`;
|
|
991
991
|
|
|
992
992
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L163 — ✅ Use /* @client */ 1`] = `
|
|
993
|
-
"import { createComponent, createEffect, createSignal,
|
|
993
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
994
994
|
|
|
995
995
|
export function initTodoItem(__scope, _p = {}) {
|
|
996
996
|
if (!__scope) return
|
|
@@ -1004,7 +1004,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1004
1004
|
|
|
1005
1005
|
}
|
|
1006
1006
|
|
|
1007
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1007
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1008
1008
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1009
1009
|
export function initItem(__scope, _p = {}) {
|
|
1010
1010
|
if (!__scope) return
|
|
@@ -1018,7 +1018,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1018
1018
|
|
|
1019
1019
|
}
|
|
1020
1020
|
|
|
1021
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1021
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1022
1022
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1023
1023
|
function initDashboard() {}
|
|
1024
1024
|
|
|
@@ -1048,7 +1048,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1048
1048
|
`;
|
|
1049
1049
|
|
|
1050
1050
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L180 — ❌ BF101 on Go/Mojo; works on Hono 1`] = `
|
|
1051
|
-
"import { createComponent, createEffect, createSignal,
|
|
1051
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1052
1052
|
|
|
1053
1053
|
export function initTodoItem(__scope, _p = {}) {
|
|
1054
1054
|
if (!__scope) return
|
|
@@ -1062,7 +1062,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1062
1062
|
|
|
1063
1063
|
}
|
|
1064
1064
|
|
|
1065
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1065
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1066
1066
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1067
1067
|
export function initItem(__scope, _p = {}) {
|
|
1068
1068
|
if (!__scope) return
|
|
@@ -1076,7 +1076,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1076
1076
|
|
|
1077
1077
|
}
|
|
1078
1078
|
|
|
1079
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1079
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1080
1080
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1081
1081
|
function initDashboard() {}
|
|
1082
1082
|
|
|
@@ -1101,12 +1101,12 @@ export function initExample(__scope, _p = {}) {
|
|
|
1101
1101
|
|
|
1102
1102
|
}
|
|
1103
1103
|
|
|
1104
|
-
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${
|
|
1104
|
+
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(([]).filter(function(x) { return x.done }))}<!--/--></div>\` })
|
|
1105
1105
|
export function Example(_p, __bfKey) { return createComponent('Example', _p, __bfKey) }"
|
|
1106
1106
|
`;
|
|
1107
1107
|
|
|
1108
1108
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L183 — ✅ Use arrow functions for adapter portability 1`] = `
|
|
1109
|
-
"import { createComponent, createEffect, createSignal,
|
|
1109
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1110
1110
|
|
|
1111
1111
|
export function initTodoItem(__scope, _p = {}) {
|
|
1112
1112
|
if (!__scope) return
|
|
@@ -1120,7 +1120,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1120
1120
|
|
|
1121
1121
|
}
|
|
1122
1122
|
|
|
1123
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1123
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1124
1124
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1125
1125
|
export function initItem(__scope, _p = {}) {
|
|
1126
1126
|
if (!__scope) return
|
|
@@ -1134,7 +1134,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1134
1134
|
|
|
1135
1135
|
}
|
|
1136
1136
|
|
|
1137
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1137
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1138
1138
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1139
1139
|
function initDashboard() {}
|
|
1140
1140
|
|
|
@@ -1159,7 +1159,7 @@ export function initExample(__scope, _p = {}) {
|
|
|
1159
1159
|
|
|
1160
1160
|
}
|
|
1161
1161
|
|
|
1162
|
-
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${
|
|
1162
|
+
hydrate('Example', { init: initExample, template: (_p) => \`<div bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(([]).filter(x => x.done))}<!--/--></div>\` })
|
|
1163
1163
|
export function Example(_p, __bfKey) { return createComponent('Example', _p, __bfKey) }"
|
|
1164
1164
|
`;
|
|
1165
1165
|
|
|
@@ -1264,7 +1264,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
1264
1264
|
`;
|
|
1265
1265
|
|
|
1266
1266
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L229 — ✅ Value-producing block bodies normalize (let-inline) and lower everywhere 1`] = `
|
|
1267
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
1267
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
1268
1268
|
|
|
1269
1269
|
export function initTodoItem(__scope, _p = {}) {
|
|
1270
1270
|
if (!__scope) return
|
|
@@ -1278,7 +1278,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1278
1278
|
|
|
1279
1279
|
}
|
|
1280
1280
|
|
|
1281
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1281
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1282
1282
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1283
1283
|
export function initItem(__scope, _p = {}) {
|
|
1284
1284
|
if (!__scope) return
|
|
@@ -1292,7 +1292,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1292
1292
|
|
|
1293
1293
|
}
|
|
1294
1294
|
|
|
1295
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1295
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1296
1296
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1297
1297
|
function initDashboard() {}
|
|
1298
1298
|
|
|
@@ -1323,7 +1323,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1323
1323
|
`;
|
|
1324
1324
|
|
|
1325
1325
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L239 — ❌ BF021 on Go/Mojo — a JS-runtime target (Hono, CSR) runs the comparator 1`] = `
|
|
1326
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
1326
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
1327
1327
|
|
|
1328
1328
|
export function initTodoItem(__scope, _p = {}) {
|
|
1329
1329
|
if (!__scope) return
|
|
@@ -1337,7 +1337,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1337
1337
|
|
|
1338
1338
|
}
|
|
1339
1339
|
|
|
1340
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1340
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1341
1341
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1342
1342
|
export function initItem(__scope, _p = {}) {
|
|
1343
1343
|
if (!__scope) return
|
|
@@ -1351,7 +1351,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1351
1351
|
|
|
1352
1352
|
}
|
|
1353
1353
|
|
|
1354
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1354
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1355
1355
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1356
1356
|
function initDashboard() {}
|
|
1357
1357
|
|
|
@@ -1382,7 +1382,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1382
1382
|
`;
|
|
1383
1383
|
|
|
1384
1384
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L244 — ✅ Use /* @client */ 1`] = `
|
|
1385
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
1385
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
1386
1386
|
|
|
1387
1387
|
export function initTodoItem(__scope, _p = {}) {
|
|
1388
1388
|
if (!__scope) return
|
|
@@ -1396,7 +1396,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1396
1396
|
|
|
1397
1397
|
}
|
|
1398
1398
|
|
|
1399
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1399
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1400
1400
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1401
1401
|
export function initItem(__scope, _p = {}) {
|
|
1402
1402
|
if (!__scope) return
|
|
@@ -1410,7 +1410,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1410
1410
|
|
|
1411
1411
|
}
|
|
1412
1412
|
|
|
1413
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1413
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1414
1414
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1415
1415
|
function initDashboard() {}
|
|
1416
1416
|
|
|
@@ -1469,7 +1469,7 @@ export function SortedList(_p, __bfKey) { return createComponent('SortedList__b3
|
|
|
1469
1469
|
`;
|
|
1470
1470
|
|
|
1471
1471
|
exports[`docs/core/rendering/jsx-compatibility.md doc-examples L262 — ✅ Use /* @client */, or inline / re-declare the comparator locally 1`] = `
|
|
1472
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
1472
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
1473
1473
|
|
|
1474
1474
|
export function initTodoItem(__scope, _p = {}) {
|
|
1475
1475
|
if (!__scope) return
|
|
@@ -1483,7 +1483,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1483
1483
|
|
|
1484
1484
|
}
|
|
1485
1485
|
|
|
1486
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1486
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1487
1487
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1488
1488
|
export function initItem(__scope, _p = {}) {
|
|
1489
1489
|
if (!__scope) return
|
|
@@ -1497,7 +1497,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1497
1497
|
|
|
1498
1498
|
}
|
|
1499
1499
|
|
|
1500
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1500
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1501
1501
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1502
1502
|
function initDashboard() {}
|
|
1503
1503
|
|
|
@@ -1528,7 +1528,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1528
1528
|
`;
|
|
1529
1529
|
|
|
1530
1530
|
exports[`docs/core/rendering/client-directive.md doc-examples L76 — Nested higher-order methods 1`] = `
|
|
1531
|
-
"import { createComponent, createEffect, createSignal,
|
|
1531
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1532
1532
|
|
|
1533
1533
|
export function initTodoItem(__scope, _p = {}) {
|
|
1534
1534
|
if (!__scope) return
|
|
@@ -1542,7 +1542,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1542
1542
|
|
|
1543
1543
|
}
|
|
1544
1544
|
|
|
1545
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1545
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1546
1546
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1547
1547
|
export function initItem(__scope, _p = {}) {
|
|
1548
1548
|
if (!__scope) return
|
|
@@ -1556,7 +1556,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1556
1556
|
|
|
1557
1557
|
}
|
|
1558
1558
|
|
|
1559
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1559
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1560
1560
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1561
1561
|
function initDashboard() {}
|
|
1562
1562
|
|
|
@@ -1586,7 +1586,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1586
1586
|
`;
|
|
1587
1587
|
|
|
1588
1588
|
exports[`docs/core/rendering/client-directive.md doc-examples L79 — Unsupported array methods 1`] = `
|
|
1589
|
-
"import { createComponent, createEffect, createSignal,
|
|
1589
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1590
1590
|
|
|
1591
1591
|
export function initTodoItem(__scope, _p = {}) {
|
|
1592
1592
|
if (!__scope) return
|
|
@@ -1600,7 +1600,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1600
1600
|
|
|
1601
1601
|
}
|
|
1602
1602
|
|
|
1603
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1603
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1604
1604
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1605
1605
|
export function initItem(__scope, _p = {}) {
|
|
1606
1606
|
if (!__scope) return
|
|
@@ -1614,7 +1614,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1614
1614
|
|
|
1615
1615
|
}
|
|
1616
1616
|
|
|
1617
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1617
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1618
1618
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1619
1619
|
function initDashboard() {}
|
|
1620
1620
|
|
|
@@ -1644,7 +1644,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1644
1644
|
`;
|
|
1645
1645
|
|
|
1646
1646
|
exports[`docs/core/rendering/client-directive.md doc-examples L91 — (no label) 1`] = `
|
|
1647
|
-
"import { createComponent, createEffect, createSignal,
|
|
1647
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1648
1648
|
|
|
1649
1649
|
export function initTodoItem(__scope, _p = {}) {
|
|
1650
1650
|
if (!__scope) return
|
|
@@ -1658,7 +1658,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1658
1658
|
|
|
1659
1659
|
}
|
|
1660
1660
|
|
|
1661
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1661
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1662
1662
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1663
1663
|
export function initItem(__scope, _p = {}) {
|
|
1664
1664
|
if (!__scope) return
|
|
@@ -1672,7 +1672,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1672
1672
|
|
|
1673
1673
|
}
|
|
1674
1674
|
|
|
1675
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1675
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1676
1676
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1677
1677
|
function initDashboard() {}
|
|
1678
1678
|
|
|
@@ -1702,7 +1702,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1702
1702
|
`;
|
|
1703
1703
|
|
|
1704
1704
|
exports[`docs/core/rendering/fragment.md doc-examples L11 — (no label) 1`] = `
|
|
1705
|
-
"import { createComponent, createEffect, createSignal,
|
|
1705
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1706
1706
|
|
|
1707
1707
|
export function initTodoItem(__scope, _p = {}) {
|
|
1708
1708
|
if (!__scope) return
|
|
@@ -1716,7 +1716,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1716
1716
|
|
|
1717
1717
|
}
|
|
1718
1718
|
|
|
1719
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1719
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1720
1720
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1721
1721
|
export function initItem(__scope, _p = {}) {
|
|
1722
1722
|
if (!__scope) return
|
|
@@ -1730,7 +1730,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1730
1730
|
|
|
1731
1731
|
}
|
|
1732
1732
|
|
|
1733
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1733
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1734
1734
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1735
1735
|
function initDashboard() {}
|
|
1736
1736
|
|
|
@@ -1754,7 +1754,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
1754
1754
|
`;
|
|
1755
1755
|
|
|
1756
1756
|
exports[`docs/core/rendering/fragment.md doc-examples L23 — (no label) 1`] = `
|
|
1757
|
-
"import { createComponent, createEffect, createSignal,
|
|
1757
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1758
1758
|
|
|
1759
1759
|
export function initTodoItem(__scope, _p = {}) {
|
|
1760
1760
|
if (!__scope) return
|
|
@@ -1768,7 +1768,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
1768
1768
|
|
|
1769
1769
|
}
|
|
1770
1770
|
|
|
1771
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1771
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
1772
1772
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
1773
1773
|
export function initItem(__scope, _p = {}) {
|
|
1774
1774
|
if (!__scope) return
|
|
@@ -1782,7 +1782,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
1782
1782
|
|
|
1783
1783
|
}
|
|
1784
1784
|
|
|
1785
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
1785
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
1786
1786
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
1787
1787
|
function initDashboard() {}
|
|
1788
1788
|
|
|
@@ -1963,7 +1963,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
1963
1963
|
`;
|
|
1964
1964
|
|
|
1965
1965
|
exports[`docs/core/reactivity/create-signal.md doc-examples L95 — (no label) 1`] = `
|
|
1966
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
1966
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
1967
1967
|
|
|
1968
1968
|
|
|
1969
1969
|
export function initCounter(__scope, _p = {}) {
|
|
@@ -1983,7 +1983,7 @@ export function initCounter(__scope, _p = {}) {
|
|
|
1983
1983
|
if (_s2) _s2.addEventListener('click', () => { setCount(n => n + 1) })
|
|
1984
1984
|
}
|
|
1985
1985
|
|
|
1986
|
-
hydrate('Counter', { init: initCounter, template: (_p) => \`<div><p bf="s1"><!--bf:s0-->\${
|
|
1986
|
+
hydrate('Counter', { init: initCounter, template: (_p) => \`<div><p bf="s1"><!--bf:s0-->\${escapeTextOrMarkup((0))}<!--/--></p><button bf="s2">+1</button></div>\` })
|
|
1987
1987
|
export function Counter(_p, __bfKey) { return createComponent('Counter', _p, __bfKey) }"
|
|
1988
1988
|
`;
|
|
1989
1989
|
|
|
@@ -2151,7 +2151,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
2151
2151
|
`;
|
|
2152
2152
|
|
|
2153
2153
|
exports[`docs/core/reactivity/create-effect.md doc-examples L115 — (no label) 1`] = `
|
|
2154
|
-
"import { createComponent, createEffect, createSignal,
|
|
2154
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
2155
2155
|
|
|
2156
2156
|
export function initTodoItem(__scope, _p = {}) {
|
|
2157
2157
|
if (!__scope) return
|
|
@@ -2165,7 +2165,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2165
2165
|
|
|
2166
2166
|
}
|
|
2167
2167
|
|
|
2168
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2168
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2169
2169
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2170
2170
|
export function initItem(__scope, _p = {}) {
|
|
2171
2171
|
if (!__scope) return
|
|
@@ -2179,7 +2179,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2179
2179
|
|
|
2180
2180
|
}
|
|
2181
2181
|
|
|
2182
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2182
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
2183
2183
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
2184
2184
|
function initDashboard() {}
|
|
2185
2185
|
|
|
@@ -2279,7 +2279,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
2279
2279
|
`;
|
|
2280
2280
|
|
|
2281
2281
|
exports[`docs/core/reactivity/create-memo.md doc-examples L60 — No memo needed 1`] = `
|
|
2282
|
-
"import { createComponent, createEffect, createSignal,
|
|
2282
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
2283
2283
|
|
|
2284
2284
|
export function initTodoItem(__scope, _p = {}) {
|
|
2285
2285
|
if (!__scope) return
|
|
@@ -2293,7 +2293,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2293
2293
|
|
|
2294
2294
|
}
|
|
2295
2295
|
|
|
2296
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2296
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2297
2297
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2298
2298
|
export function initItem(__scope, _p = {}) {
|
|
2299
2299
|
if (!__scope) return
|
|
@@ -2307,7 +2307,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2307
2307
|
|
|
2308
2308
|
}
|
|
2309
2309
|
|
|
2310
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2310
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
2311
2311
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
2312
2312
|
function initDashboard() {}
|
|
2313
2313
|
|
|
@@ -2332,7 +2332,7 @@ export function initExample(__scope, _p = {}) {
|
|
|
2332
2332
|
|
|
2333
2333
|
}
|
|
2334
2334
|
|
|
2335
|
-
hydrate('Example', { init: initExample, template: (_p) => \`<div><p bf="s1"><!--bf:s0-->\${
|
|
2335
|
+
hydrate('Example', { init: initExample, template: (_p) => \`<div><p bf="s1"><!--bf:s0-->\${escapeTextOrMarkup((0) * 2)}<!--/--></p></div>\` })
|
|
2336
2336
|
export function Example(_p, __bfKey) { return createComponent('Example', _p, __bfKey) }"
|
|
2337
2337
|
`;
|
|
2338
2338
|
|
|
@@ -2578,7 +2578,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
2578
2578
|
`;
|
|
2579
2579
|
|
|
2580
2580
|
exports[`docs/core/reactivity/props-reactivity.md doc-examples L82 — Parent 1`] = `
|
|
2581
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
2581
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
2582
2582
|
import '/* @bf-child:Child */'
|
|
2583
2583
|
|
|
2584
2584
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -2593,7 +2593,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2593
2593
|
|
|
2594
2594
|
}
|
|
2595
2595
|
|
|
2596
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2596
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2597
2597
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2598
2598
|
export function initItem(__scope, _p = {}) {
|
|
2599
2599
|
if (!__scope) return
|
|
@@ -2607,7 +2607,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2607
2607
|
|
|
2608
2608
|
}
|
|
2609
2609
|
|
|
2610
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2610
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
2611
2611
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
2612
2612
|
function initDashboard() {}
|
|
2613
2613
|
|
|
@@ -2653,7 +2653,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
2653
2653
|
`;
|
|
2654
2654
|
|
|
2655
2655
|
exports[`docs/core/reactivity/props-reactivity.md doc-examples L85 — Compiled props object 1`] = `
|
|
2656
|
-
"import { createComponent, createEffect, createSignal,
|
|
2656
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
2657
2657
|
|
|
2658
2658
|
export function initTodoItem(__scope, _p = {}) {
|
|
2659
2659
|
if (!__scope) return
|
|
@@ -2667,7 +2667,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2667
2667
|
|
|
2668
2668
|
}
|
|
2669
2669
|
|
|
2670
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2670
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2671
2671
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2672
2672
|
export function initItem(__scope, _p = {}) {
|
|
2673
2673
|
if (!__scope) return
|
|
@@ -2681,7 +2681,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2681
2681
|
|
|
2682
2682
|
}
|
|
2683
2683
|
|
|
2684
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2684
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
2685
2685
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
2686
2686
|
function initDashboard() {}
|
|
2687
2687
|
|
|
@@ -2707,7 +2707,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
2707
2707
|
`;
|
|
2708
2708
|
|
|
2709
2709
|
exports[`docs/core/components/component-authoring.mdx doc-examples L16 — (no label) 1`] = `
|
|
2710
|
-
"import { createComponent, createEffect,
|
|
2710
|
+
"import { createComponent, createEffect, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
2711
2711
|
|
|
2712
2712
|
|
|
2713
2713
|
export function initGreeting(__scope, _p = {}) {
|
|
@@ -2724,12 +2724,12 @@ export function initGreeting(__scope, _p = {}) {
|
|
|
2724
2724
|
|
|
2725
2725
|
}
|
|
2726
2726
|
|
|
2727
|
-
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<h1 bf="s1">Hello, <!--bf:s0-->\${
|
|
2727
|
+
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<h1 bf="s1">Hello, <!--bf:s0-->\${escapeTextOrMarkup(_p.name)}<!--/--></h1>\` })
|
|
2728
2728
|
export function Greeting(_p, __bfKey) { return createComponent('Greeting', _p, __bfKey) }"
|
|
2729
2729
|
`;
|
|
2730
2730
|
|
|
2731
2731
|
exports[`docs/core/components/component-authoring.mdx doc-examples L29 — (no label) 1`] = `
|
|
2732
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
2732
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
2733
2733
|
|
|
2734
2734
|
|
|
2735
2735
|
export function initCounter(__scope, _p = {}) {
|
|
@@ -2749,7 +2749,7 @@ export function initCounter(__scope, _p = {}) {
|
|
|
2749
2749
|
if (_s1) _s1.addEventListener('click', () => { setCount(n => n + 1) })
|
|
2750
2750
|
}
|
|
2751
2751
|
|
|
2752
|
-
hydrate('Counter', { init: initCounter, template: (_p) => \`<button bf="s1"> Count: <!--bf:s0-->\${
|
|
2752
|
+
hydrate('Counter', { init: initCounter, template: (_p) => \`<button bf="s1"> Count: <!--bf:s0-->\${escapeTextOrMarkup((0))}<!--/--></button>\` })
|
|
2753
2753
|
export function Counter(_p, __bfKey) { return createComponent('Counter', _p, __bfKey) }"
|
|
2754
2754
|
`;
|
|
2755
2755
|
|
|
@@ -2835,7 +2835,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
2835
2835
|
`;
|
|
2836
2836
|
|
|
2837
2837
|
exports[`docs/core/components/children-slots.md doc-examples L14 — (no label) 1`] = `
|
|
2838
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
2838
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
2839
2839
|
import '/* @bf-child:Card */'
|
|
2840
2840
|
|
|
2841
2841
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -2850,7 +2850,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2850
2850
|
|
|
2851
2851
|
}
|
|
2852
2852
|
|
|
2853
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2853
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2854
2854
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2855
2855
|
export function initItem(__scope, _p = {}) {
|
|
2856
2856
|
if (!__scope) return
|
|
@@ -2864,7 +2864,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2864
2864
|
|
|
2865
2865
|
}
|
|
2866
2866
|
|
|
2867
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2867
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
2868
2868
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
2869
2869
|
function initDashboard() {}
|
|
2870
2870
|
|
|
@@ -2911,7 +2911,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
2911
2911
|
`;
|
|
2912
2912
|
|
|
2913
2913
|
exports[`docs/core/components/children-slots.md doc-examples L68 — Input 1`] = `
|
|
2914
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
2914
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
2915
2915
|
import '/* @bf-child:Slot */'
|
|
2916
2916
|
|
|
2917
2917
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -2926,7 +2926,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2926
2926
|
|
|
2927
2927
|
}
|
|
2928
2928
|
|
|
2929
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2929
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2930
2930
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2931
2931
|
export function initItem(__scope, _p = {}) {
|
|
2932
2932
|
if (!__scope) return
|
|
@@ -2940,7 +2940,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2940
2940
|
|
|
2941
2941
|
}
|
|
2942
2942
|
|
|
2943
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2943
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
2944
2944
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
2945
2945
|
function initDashboard() {}
|
|
2946
2946
|
|
|
@@ -2969,7 +2969,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
2969
2969
|
`;
|
|
2970
2970
|
|
|
2971
2971
|
exports[`docs/core/components/children-slots.md doc-examples L73 — Output 1`] = `
|
|
2972
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
2972
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
2973
2973
|
|
|
2974
2974
|
export function initTodoItem(__scope, _p = {}) {
|
|
2975
2975
|
if (!__scope) return
|
|
@@ -2983,7 +2983,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
2983
2983
|
|
|
2984
2984
|
}
|
|
2985
2985
|
|
|
2986
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
2986
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
2987
2987
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
2988
2988
|
export function initItem(__scope, _p = {}) {
|
|
2989
2989
|
if (!__scope) return
|
|
@@ -2997,7 +2997,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
2997
2997
|
|
|
2998
2998
|
}
|
|
2999
2999
|
|
|
3000
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3000
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3001
3001
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3002
3002
|
function initDashboard() {}
|
|
3003
3003
|
|
|
@@ -3024,7 +3024,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
3024
3024
|
`;
|
|
3025
3025
|
|
|
3026
3026
|
exports[`docs/core/components/children-slots.md doc-examples L86 — (no label) 1`] = `
|
|
3027
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
3027
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3028
3028
|
import '/* @bf-child:Button */'
|
|
3029
3029
|
|
|
3030
3030
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -3039,7 +3039,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3039
3039
|
|
|
3040
3040
|
}
|
|
3041
3041
|
|
|
3042
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3042
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3043
3043
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3044
3044
|
export function initItem(__scope, _p = {}) {
|
|
3045
3045
|
if (!__scope) return
|
|
@@ -3053,7 +3053,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3053
3053
|
|
|
3054
3054
|
}
|
|
3055
3055
|
|
|
3056
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3056
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3057
3057
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3058
3058
|
function initDashboard() {}
|
|
3059
3059
|
|
|
@@ -3082,7 +3082,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
3082
3082
|
`;
|
|
3083
3083
|
|
|
3084
3084
|
exports[`docs/core/components/children-slots.md doc-examples L93 — (no label) 1`] = `
|
|
3085
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
3085
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3086
3086
|
import '/* @bf-child:Button */'
|
|
3087
3087
|
|
|
3088
3088
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -3097,7 +3097,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3097
3097
|
|
|
3098
3098
|
}
|
|
3099
3099
|
|
|
3100
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3100
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3101
3101
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3102
3102
|
export function initItem(__scope, _p = {}) {
|
|
3103
3103
|
if (!__scope) return
|
|
@@ -3111,7 +3111,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3111
3111
|
|
|
3112
3112
|
}
|
|
3113
3113
|
|
|
3114
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3114
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3115
3115
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3116
3116
|
function initDashboard() {}
|
|
3117
3117
|
|
|
@@ -3140,7 +3140,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
3140
3140
|
`;
|
|
3141
3141
|
|
|
3142
3142
|
exports[`docs/core/components/children-slots.md doc-examples L109 — Dialog trigger as a custom element 1`] = `
|
|
3143
|
-
"import { $c, createComponent, createEffect, createSignal, escapeAttr,
|
|
3143
|
+
"import { $c, createComponent, createEffect, createSignal, escapeAttr, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3144
3144
|
import '/* @bf-child:DialogTrigger */'
|
|
3145
3145
|
|
|
3146
3146
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -3155,7 +3155,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3155
3155
|
|
|
3156
3156
|
}
|
|
3157
3157
|
|
|
3158
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3158
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3159
3159
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3160
3160
|
export function initItem(__scope, _p = {}) {
|
|
3161
3161
|
if (!__scope) return
|
|
@@ -3169,7 +3169,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3169
3169
|
|
|
3170
3170
|
}
|
|
3171
3171
|
|
|
3172
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3172
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3173
3173
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3174
3174
|
function initDashboard() {}
|
|
3175
3175
|
|
|
@@ -3198,7 +3198,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
3198
3198
|
`;
|
|
3199
3199
|
|
|
3200
3200
|
exports[`docs/core/components/children-slots.md doc-examples L118 — (no label) 1`] = `
|
|
3201
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
3201
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3202
3202
|
import '/* @bf-child:Dialog */'
|
|
3203
3203
|
import '/* @bf-child:DialogTrigger */'
|
|
3204
3204
|
import '/* @bf-child:DialogOverlay */'
|
|
@@ -3222,7 +3222,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3222
3222
|
|
|
3223
3223
|
}
|
|
3224
3224
|
|
|
3225
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3225
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3226
3226
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3227
3227
|
export function initItem(__scope, _p = {}) {
|
|
3228
3228
|
if (!__scope) return
|
|
@@ -3236,7 +3236,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3236
3236
|
|
|
3237
3237
|
}
|
|
3238
3238
|
|
|
3239
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3239
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3240
3240
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3241
3241
|
function initDashboard() {}
|
|
3242
3242
|
|
|
@@ -3282,7 +3282,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
3282
3282
|
`;
|
|
3283
3283
|
|
|
3284
3284
|
exports[`docs/core/components/children-slots.md doc-examples L140 — (no label) 1`] = `
|
|
3285
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
3285
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, mapArray, renderChild } from '@barefootjs/client/runtime'
|
|
3286
3286
|
|
|
3287
3287
|
export function initTodoItem(__scope, _p = {}) {
|
|
3288
3288
|
if (!__scope) return
|
|
@@ -3296,7 +3296,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3296
3296
|
|
|
3297
3297
|
}
|
|
3298
3298
|
|
|
3299
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3299
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3300
3300
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3301
3301
|
export function initItem(__scope, _p = {}) {
|
|
3302
3302
|
if (!__scope) return
|
|
@@ -3310,7 +3310,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3310
3310
|
|
|
3311
3311
|
}
|
|
3312
3312
|
|
|
3313
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3313
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3314
3314
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3315
3315
|
function initDashboard() {}
|
|
3316
3316
|
|
|
@@ -3350,7 +3350,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
3350
3350
|
`;
|
|
3351
3351
|
|
|
3352
3352
|
exports[`docs/core/components/context-api.md doc-examples L40 — (no label) 1`] = `
|
|
3353
|
-
"import { createComponent, createEffect, createSignal,
|
|
3353
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, provideContext } from '@barefootjs/client/runtime'
|
|
3354
3354
|
|
|
3355
3355
|
export function initTodoItem(__scope, _p = {}) {
|
|
3356
3356
|
if (!__scope) return
|
|
@@ -3364,7 +3364,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3364
3364
|
|
|
3365
3365
|
}
|
|
3366
3366
|
|
|
3367
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3367
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3368
3368
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3369
3369
|
export function initItem(__scope, _p = {}) {
|
|
3370
3370
|
if (!__scope) return
|
|
@@ -3378,7 +3378,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3378
3378
|
|
|
3379
3379
|
}
|
|
3380
3380
|
|
|
3381
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3381
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3382
3382
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3383
3383
|
function initDashboard() {}
|
|
3384
3384
|
|
|
@@ -3457,7 +3457,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
3457
3457
|
`;
|
|
3458
3458
|
|
|
3459
3459
|
exports[`docs/core/components/context-api.md doc-examples L94 — Usage 1`] = `
|
|
3460
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
3460
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3461
3461
|
import '/* @bf-child:ThemeProvider */'
|
|
3462
3462
|
import '/* @bf-child:ThemedButton */'
|
|
3463
3463
|
|
|
@@ -3473,7 +3473,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3473
3473
|
|
|
3474
3474
|
}
|
|
3475
3475
|
|
|
3476
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3476
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3477
3477
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3478
3478
|
export function initItem(__scope, _p = {}) {
|
|
3479
3479
|
if (!__scope) return
|
|
@@ -3487,7 +3487,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3487
3487
|
|
|
3488
3488
|
}
|
|
3489
3489
|
|
|
3490
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3490
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3491
3491
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3492
3492
|
function initDashboard() {}
|
|
3493
3493
|
|
|
@@ -3604,7 +3604,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
3604
3604
|
`;
|
|
3605
3605
|
|
|
3606
3606
|
exports[`docs/core/components/context-api.md doc-examples L170 — (no label) 1`] = `
|
|
3607
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
3607
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3608
3608
|
import '/* @bf-child:Accordion */'
|
|
3609
3609
|
import '/* @bf-child:AccordionTrigger */'
|
|
3610
3610
|
import '/* @bf-child:AccordionContent */'
|
|
@@ -3621,7 +3621,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3621
3621
|
|
|
3622
3622
|
}
|
|
3623
3623
|
|
|
3624
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3624
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3625
3625
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3626
3626
|
export function initItem(__scope, _p = {}) {
|
|
3627
3627
|
if (!__scope) return
|
|
@@ -3635,7 +3635,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3635
3635
|
|
|
3636
3636
|
}
|
|
3637
3637
|
|
|
3638
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3638
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3639
3639
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3640
3640
|
function initDashboard() {}
|
|
3641
3641
|
|
|
@@ -3668,7 +3668,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
3668
3668
|
`;
|
|
3669
3669
|
|
|
3670
3670
|
exports[`docs/core/components/context-api.md doc-examples L190 — Provider passes signal getter 1`] = `
|
|
3671
|
-
"import { createComponent, createEffect, createSignal,
|
|
3671
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, provideContext } from '@barefootjs/client/runtime'
|
|
3672
3672
|
|
|
3673
3673
|
export function initTodoItem(__scope, _p = {}) {
|
|
3674
3674
|
if (!__scope) return
|
|
@@ -3682,7 +3682,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3682
3682
|
|
|
3683
3683
|
}
|
|
3684
3684
|
|
|
3685
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3685
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3686
3686
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3687
3687
|
export function initItem(__scope, _p = {}) {
|
|
3688
3688
|
if (!__scope) return
|
|
@@ -3696,7 +3696,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3696
3696
|
|
|
3697
3697
|
}
|
|
3698
3698
|
|
|
3699
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3699
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3700
3700
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3701
3701
|
function initDashboard() {}
|
|
3702
3702
|
|
|
@@ -3779,7 +3779,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
3779
3779
|
`;
|
|
3780
3780
|
|
|
3781
3781
|
exports[`docs/core/components/portals.md doc-examples L53 — (no label) 1`] = `
|
|
3782
|
-
"import { $, createComponent, createEffect, createPortal, createSignal,
|
|
3782
|
+
"import { $, createComponent, createEffect, createPortal, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, isSSRPortal, lazySlots } from '@barefootjs/client/runtime'
|
|
3783
3783
|
|
|
3784
3784
|
|
|
3785
3785
|
export function initTooltip(__scope, _p = {}) {
|
|
@@ -3812,7 +3812,7 @@ export function initTooltip(__scope, _p = {}) {
|
|
|
3812
3812
|
if (_s2) (handleMount)(_s2)
|
|
3813
3813
|
}
|
|
3814
3814
|
|
|
3815
|
-
hydrate('Tooltip', { init: initTooltip, template: (_p) => \`<div><span bf="s0">\${_p.children}</span><div class="tooltip" bf="s2"><!--bf:s1-->\${
|
|
3815
|
+
hydrate('Tooltip', { init: initTooltip, template: (_p) => \`<div><span bf="s0">\${_p.children}</span><div class="tooltip" bf="s2"><!--bf:s1-->\${escapeTextOrMarkup(_p.text)}<!--/--></div></div>\` })
|
|
3816
3816
|
export function Tooltip(_p, __bfKey) { return createComponent('Tooltip', _p, __bfKey) }"
|
|
3817
3817
|
`;
|
|
3818
3818
|
|
|
@@ -3883,7 +3883,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
3883
3883
|
`;
|
|
3884
3884
|
|
|
3885
3885
|
exports[`docs/core/components/props-type-safety.md doc-examples L16 — (no label) 1`] = `
|
|
3886
|
-
"import { createComponent, createEffect,
|
|
3886
|
+
"import { createComponent, createEffect, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
3887
3887
|
|
|
3888
3888
|
|
|
3889
3889
|
export function initGreeting(__scope, _p = {}) {
|
|
@@ -3904,7 +3904,7 @@ export function initGreeting(__scope, _p = {}) {
|
|
|
3904
3904
|
|
|
3905
3905
|
}
|
|
3906
3906
|
|
|
3907
|
-
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<h1 bf="s2"><!--bf:s0-->\${
|
|
3907
|
+
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<h1 bf="s2"><!--bf:s0-->\${escapeTextOrMarkup(_p.greeting ?? 'Hello')}<!--/-->, <!--bf:s1-->\${escapeTextOrMarkup(_p.name)}<!--/--></h1>\` })
|
|
3908
3908
|
export function Greeting(_p, __bfKey) { return createComponent('Greeting', _p, __bfKey) }"
|
|
3909
3909
|
`;
|
|
3910
3910
|
|
|
@@ -3945,7 +3945,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
3945
3945
|
`;
|
|
3946
3946
|
|
|
3947
3947
|
exports[`docs/core/components/props-type-safety.md doc-examples L89 — (no label) 1`] = `
|
|
3948
|
-
"import { $c, createComponent, createEffect, createSignal,
|
|
3948
|
+
"import { $c, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
3949
3949
|
import '/* @bf-child:Card */'
|
|
3950
3950
|
|
|
3951
3951
|
export function initTodoItem(__scope, _p = {}) {
|
|
@@ -3960,7 +3960,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
3960
3960
|
|
|
3961
3961
|
}
|
|
3962
3962
|
|
|
3963
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3963
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
3964
3964
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
3965
3965
|
export function initItem(__scope, _p = {}) {
|
|
3966
3966
|
if (!__scope) return
|
|
@@ -3974,7 +3974,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
3974
3974
|
|
|
3975
3975
|
}
|
|
3976
3976
|
|
|
3977
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
3977
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
3978
3978
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
3979
3979
|
function initDashboard() {}
|
|
3980
3980
|
|
|
@@ -4021,7 +4021,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
4021
4021
|
`;
|
|
4022
4022
|
|
|
4023
4023
|
exports[`docs/core/core-concepts/how-it-works.mdx doc-examples L33 — (no label) 1`] = `
|
|
4024
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
4024
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4025
4025
|
|
|
4026
4026
|
|
|
4027
4027
|
export function initCounter(__scope, _p = {}) {
|
|
@@ -4041,7 +4041,7 @@ export function initCounter(__scope, _p = {}) {
|
|
|
4041
4041
|
if (_s1) _s1.addEventListener('click', () => { setCount(n => n + 1) })
|
|
4042
4042
|
}
|
|
4043
4043
|
|
|
4044
|
-
hydrate('Counter', { init: initCounter, template: (_p) => \`<button bf="s1"> Count: <!--bf:s0-->\${
|
|
4044
|
+
hydrate('Counter', { init: initCounter, template: (_p) => \`<button bf="s1"> Count: <!--bf:s0-->\${escapeTextOrMarkup((0))}<!--/--></button>\` })
|
|
4045
4045
|
export function Counter(_p, __bfKey) { return createComponent('Counter', _p, __bfKey) }"
|
|
4046
4046
|
`;
|
|
4047
4047
|
|
|
@@ -4068,7 +4068,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
4068
4068
|
`;
|
|
4069
4069
|
|
|
4070
4070
|
exports[`docs/core/core-concepts/mpa-style.md doc-examples L23 — (no label) 1`] = `
|
|
4071
|
-
"import { $, $c, createComponent, createEffect, escapeAttr,
|
|
4071
|
+
"import { $, $c, createComponent, createEffect, escapeAttr, escapeTextOrMarkup, escapeTextOrNode, hydrate, initChild, lazySlots, renderChild } from '@barefootjs/client/runtime'
|
|
4072
4072
|
import '/* @bf-child:ReviewStars */'
|
|
4073
4073
|
import '/* @bf-child:AddToCart */'
|
|
4074
4074
|
|
|
@@ -4118,12 +4118,12 @@ export function initProductPage(__scope, _p = {}) {
|
|
|
4118
4118
|
initChild('AddToCart', _s6, { get productId() { return product.id } })
|
|
4119
4119
|
}
|
|
4120
4120
|
|
|
4121
|
-
hydrate('ProductPage', { init: initProductPage, template: (_p) => \`<div><h1 bf="s1"><!--bf:s0-->\${
|
|
4121
|
+
hydrate('ProductPage', { init: initProductPage, template: (_p) => \`<div><h1 bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(_p.product.name)}<!--/--></h1><p bf="s3"><!--bf:s2-->\${escapeTextOrMarkup(_p.product.description)}<!--/--></p><img \${(_p.product.image) != null ? 'src="' + escapeAttr(_p.product.image) + '"' : ''} bf="s4" />\${renderChild('ReviewStars', {rating: _p.product.rating}, undefined, 's5')}\${renderChild('AddToCart', {productId: _p.product.id}, undefined, 's6')}</div>\` })
|
|
4122
4122
|
export function ProductPage(_p, __bfKey) { return createComponent('ProductPage', _p, __bfKey) }"
|
|
4123
4123
|
`;
|
|
4124
4124
|
|
|
4125
4125
|
exports[`docs/core/adapters/hono-adapter.md doc-examples L55 — (no label) 1`] = `
|
|
4126
|
-
"import { createComponent, createEffect,
|
|
4126
|
+
"import { createComponent, createEffect, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4127
4127
|
|
|
4128
4128
|
|
|
4129
4129
|
export function initGreeting(__scope, _p = {}) {
|
|
@@ -4138,12 +4138,12 @@ export function initGreeting(__scope, _p = {}) {
|
|
|
4138
4138
|
|
|
4139
4139
|
}
|
|
4140
4140
|
|
|
4141
|
-
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<h1 bf="s1">Hello, <!--bf:s0-->\${
|
|
4141
|
+
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<h1 bf="s1">Hello, <!--bf:s0-->\${escapeTextOrMarkup(_p.name)}<!--/-->!</h1>\` })
|
|
4142
4142
|
export function Greeting(_p, __bfKey) { return createComponent('Greeting', _p, __bfKey) }"
|
|
4143
4143
|
`;
|
|
4144
4144
|
|
|
4145
4145
|
exports[`docs/core/adapters/hono-adapter.md doc-examples L82 — (no label) 1`] = `
|
|
4146
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
4146
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4147
4147
|
|
|
4148
4148
|
|
|
4149
4149
|
export function initCounter(__scope, _p = {}) {
|
|
@@ -4167,7 +4167,7 @@ export function initCounter(__scope, _p = {}) {
|
|
|
4167
4167
|
if (_s2) _s2.addEventListener('click', () => { setCount(n => n + 1) })
|
|
4168
4168
|
}
|
|
4169
4169
|
|
|
4170
|
-
hydrate('Counter', { init: initCounter, template: (_p) => \`<div><span bf="s1">Count: <!--bf:s0-->\${
|
|
4170
|
+
hydrate('Counter', { init: initCounter, template: (_p) => \`<div><span bf="s1">Count: <!--bf:s0-->\${escapeTextOrMarkup((_p.initial ?? 0))}<!--/--></span><button bf="s2">+1</button></div>\` })
|
|
4171
4171
|
export function Counter(_p, __bfKey) { return createComponent('Counter', _p, __bfKey) }"
|
|
4172
4172
|
`;
|
|
4173
4173
|
|
|
@@ -4192,7 +4192,7 @@ export function Layout(_p, __bfKey) { return createComponent('Layout', _p, __bfK
|
|
|
4192
4192
|
`;
|
|
4193
4193
|
|
|
4194
4194
|
exports[`docs/core/adapters/hono-adapter.md doc-examples L167 — (no label) 1`] = `
|
|
4195
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
4195
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, insert, lazySlots } from '@barefootjs/client/runtime'
|
|
4196
4196
|
|
|
4197
4197
|
export function initTodoItem(__scope, _p = {}) {
|
|
4198
4198
|
if (!__scope) return
|
|
@@ -4206,7 +4206,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4206
4206
|
|
|
4207
4207
|
}
|
|
4208
4208
|
|
|
4209
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4209
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4210
4210
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4211
4211
|
export function initItem(__scope, _p = {}) {
|
|
4212
4212
|
if (!__scope) return
|
|
@@ -4220,7 +4220,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4220
4220
|
|
|
4221
4221
|
}
|
|
4222
4222
|
|
|
4223
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4223
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4224
4224
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4225
4225
|
function initDashboard() {}
|
|
4226
4226
|
|
|
@@ -4256,7 +4256,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4256
4256
|
`;
|
|
4257
4257
|
|
|
4258
4258
|
exports[`docs/core/adapters/hono-adapter.md doc-examples L171 — (no label) 1`] = `
|
|
4259
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
4259
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, insert, lazySlots } from '@barefootjs/client/runtime'
|
|
4260
4260
|
|
|
4261
4261
|
export function initTodoItem(__scope, _p = {}) {
|
|
4262
4262
|
if (!__scope) return
|
|
@@ -4270,7 +4270,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4270
4270
|
|
|
4271
4271
|
}
|
|
4272
4272
|
|
|
4273
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4273
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4274
4274
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4275
4275
|
export function initItem(__scope, _p = {}) {
|
|
4276
4276
|
if (!__scope) return
|
|
@@ -4284,7 +4284,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4284
4284
|
|
|
4285
4285
|
}
|
|
4286
4286
|
|
|
4287
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4287
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4288
4288
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4289
4289
|
function initDashboard() {}
|
|
4290
4290
|
|
|
@@ -4320,7 +4320,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4320
4320
|
`;
|
|
4321
4321
|
|
|
4322
4322
|
exports[`docs/core/adapters/hono-adapter.md doc-examples L177 — (no label) 1`] = `
|
|
4323
|
-
"import { $, __bfSlot, createComponent, createEffect, createSignal,
|
|
4323
|
+
"import { $, __bfSlot, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, insert, lazySlots } from '@barefootjs/client/runtime'
|
|
4324
4324
|
|
|
4325
4325
|
export function initTodoItem(__scope, _p = {}) {
|
|
4326
4326
|
if (!__scope) return
|
|
@@ -4334,7 +4334,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4334
4334
|
|
|
4335
4335
|
}
|
|
4336
4336
|
|
|
4337
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4337
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4338
4338
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4339
4339
|
export function initItem(__scope, _p = {}) {
|
|
4340
4340
|
if (!__scope) return
|
|
@@ -4348,7 +4348,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4348
4348
|
|
|
4349
4349
|
}
|
|
4350
4350
|
|
|
4351
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4351
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4352
4352
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4353
4353
|
function initDashboard() {}
|
|
4354
4354
|
|
|
@@ -4384,7 +4384,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4384
4384
|
`;
|
|
4385
4385
|
|
|
4386
4386
|
exports[`docs/core/adapters/hono-adapter.md doc-examples L190 — (no label) 1`] = `
|
|
4387
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
4387
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
4388
4388
|
|
|
4389
4389
|
export function initTodoItem(__scope, _p = {}) {
|
|
4390
4390
|
if (!__scope) return
|
|
@@ -4398,7 +4398,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4398
4398
|
|
|
4399
4399
|
}
|
|
4400
4400
|
|
|
4401
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4401
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4402
4402
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4403
4403
|
export function initItem(__scope, _p = {}) {
|
|
4404
4404
|
if (!__scope) return
|
|
@@ -4412,7 +4412,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4412
4412
|
|
|
4413
4413
|
}
|
|
4414
4414
|
|
|
4415
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4415
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4416
4416
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4417
4417
|
function initDashboard() {}
|
|
4418
4418
|
|
|
@@ -4465,7 +4465,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4465
4465
|
`;
|
|
4466
4466
|
|
|
4467
4467
|
exports[`docs/core/adapters/go-template-adapter.md doc-examples L71 — (no label) 1`] = `
|
|
4468
|
-
"import { createComponent, createEffect,
|
|
4468
|
+
"import { createComponent, createEffect, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4469
4469
|
|
|
4470
4470
|
|
|
4471
4471
|
export function initGreeting(__scope, _p = {}) {
|
|
@@ -4480,12 +4480,12 @@ export function initGreeting(__scope, _p = {}) {
|
|
|
4480
4480
|
|
|
4481
4481
|
}
|
|
4482
4482
|
|
|
4483
|
-
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<p bf="s1">Hello, <!--bf:s0-->\${
|
|
4483
|
+
hydrate('Greeting', { init: initGreeting, template: (_p) => \`<p bf="s1">Hello, <!--bf:s0-->\${escapeTextOrMarkup(_p.name)}<!--/-->!</p>\` })
|
|
4484
4484
|
export function Greeting(_p, __bfKey) { return createComponent('Greeting', _p, __bfKey) }"
|
|
4485
4485
|
`;
|
|
4486
4486
|
|
|
4487
4487
|
exports[`docs/core/adapters/go-template-adapter.md doc-examples L95 — (no label) 1`] = `
|
|
4488
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
4488
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4489
4489
|
|
|
4490
4490
|
|
|
4491
4491
|
export function initCounter(__scope, _p = {}) {
|
|
@@ -4509,12 +4509,12 @@ export function initCounter(__scope, _p = {}) {
|
|
|
4509
4509
|
if (_s2) _s2.addEventListener('click', () => { setCount(n => n + 1) })
|
|
4510
4510
|
}
|
|
4511
4511
|
|
|
4512
|
-
hydrate('Counter', { init: initCounter, template: (_p) => \`<div><span bf="s1">Count: <!--bf:s0-->\${
|
|
4512
|
+
hydrate('Counter', { init: initCounter, template: (_p) => \`<div><span bf="s1">Count: <!--bf:s0-->\${escapeTextOrMarkup((_p.initial ?? 0))}<!--/--></span><button bf="s2">+1</button></div>\` })
|
|
4513
4513
|
export function Counter(_p, __bfKey) { return createComponent('Counter', _p, __bfKey) }"
|
|
4514
4514
|
`;
|
|
4515
4515
|
|
|
4516
4516
|
exports[`docs/core/adapters/go-template-adapter.md doc-examples L168 — (no label) 1`] = `
|
|
4517
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
4517
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
4518
4518
|
|
|
4519
4519
|
export function initTodoItem(__scope, _p = {}) {
|
|
4520
4520
|
if (!__scope) return
|
|
@@ -4528,7 +4528,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4528
4528
|
|
|
4529
4529
|
}
|
|
4530
4530
|
|
|
4531
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4531
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4532
4532
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4533
4533
|
export function initItem(__scope, _p = {}) {
|
|
4534
4534
|
if (!__scope) return
|
|
@@ -4542,7 +4542,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4542
4542
|
|
|
4543
4543
|
}
|
|
4544
4544
|
|
|
4545
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4545
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4546
4546
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4547
4547
|
function initDashboard() {}
|
|
4548
4548
|
|
|
@@ -4595,7 +4595,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4595
4595
|
`;
|
|
4596
4596
|
|
|
4597
4597
|
exports[`docs/core/adapters/go-template-adapter.md doc-examples L180 — (no label) 1`] = `
|
|
4598
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
4598
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
4599
4599
|
|
|
4600
4600
|
export function initTodoItem(__scope, _p = {}) {
|
|
4601
4601
|
if (!__scope) return
|
|
@@ -4609,7 +4609,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4609
4609
|
|
|
4610
4610
|
}
|
|
4611
4611
|
|
|
4612
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4612
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4613
4613
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4614
4614
|
export function initItem(__scope, _p = {}) {
|
|
4615
4615
|
if (!__scope) return
|
|
@@ -4623,7 +4623,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4623
4623
|
|
|
4624
4624
|
}
|
|
4625
4625
|
|
|
4626
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4626
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4627
4627
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4628
4628
|
function initDashboard() {}
|
|
4629
4629
|
|
|
@@ -4676,7 +4676,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4676
4676
|
`;
|
|
4677
4677
|
|
|
4678
4678
|
exports[`docs/core/adapters/go-template-adapter.md doc-examples L194 — (no label) 1`] = `
|
|
4679
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4679
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4680
4680
|
|
|
4681
4681
|
export function initTodoItem(__scope, _p = {}) {
|
|
4682
4682
|
if (!__scope) return
|
|
@@ -4690,7 +4690,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4690
4690
|
|
|
4691
4691
|
}
|
|
4692
4692
|
|
|
4693
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4693
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4694
4694
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4695
4695
|
export function initItem(__scope, _p = {}) {
|
|
4696
4696
|
if (!__scope) return
|
|
@@ -4704,7 +4704,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4704
4704
|
|
|
4705
4705
|
}
|
|
4706
4706
|
|
|
4707
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4707
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4708
4708
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4709
4709
|
function initDashboard() {}
|
|
4710
4710
|
|
|
@@ -4765,7 +4765,7 @@ export function TodoList(_p, __bfKey) { return createComponent('TodoList', _p, _
|
|
|
4765
4765
|
`;
|
|
4766
4766
|
|
|
4767
4767
|
exports[`docs/core/adapters/go-template-adapter.md doc-examples L260 — (no label) 1`] = `
|
|
4768
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
4768
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, insert, lazySlots } from '@barefootjs/client/runtime'
|
|
4769
4769
|
|
|
4770
4770
|
export function initTodoItem(__scope, _p = {}) {
|
|
4771
4771
|
if (!__scope) return
|
|
@@ -4779,7 +4779,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4779
4779
|
|
|
4780
4780
|
}
|
|
4781
4781
|
|
|
4782
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4782
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4783
4783
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4784
4784
|
export function initItem(__scope, _p = {}) {
|
|
4785
4785
|
if (!__scope) return
|
|
@@ -4793,7 +4793,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4793
4793
|
|
|
4794
4794
|
}
|
|
4795
4795
|
|
|
4796
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4796
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4797
4797
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4798
4798
|
function initDashboard() {}
|
|
4799
4799
|
|
|
@@ -4829,7 +4829,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4829
4829
|
`;
|
|
4830
4830
|
|
|
4831
4831
|
exports[`docs/core/adapters/custom-adapter.md doc-examples L169 — (no label) 1`] = `
|
|
4832
|
-
"import { createComponent, createEffect, createSignal,
|
|
4832
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4833
4833
|
|
|
4834
4834
|
export function initTodoItem(__scope, _p = {}) {
|
|
4835
4835
|
if (!__scope) return
|
|
@@ -4843,7 +4843,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4843
4843
|
|
|
4844
4844
|
}
|
|
4845
4845
|
|
|
4846
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4846
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4847
4847
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4848
4848
|
export function initItem(__scope, _p = {}) {
|
|
4849
4849
|
if (!__scope) return
|
|
@@ -4857,7 +4857,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4857
4857
|
|
|
4858
4858
|
}
|
|
4859
4859
|
|
|
4860
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4860
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4861
4861
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4862
4862
|
function initDashboard() {}
|
|
4863
4863
|
|
|
@@ -4881,7 +4881,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4881
4881
|
`;
|
|
4882
4882
|
|
|
4883
4883
|
exports[`docs/core/adapters/custom-adapter.md doc-examples L174 — (no label) 1`] = `
|
|
4884
|
-
"import { createComponent, createEffect, createSignal,
|
|
4884
|
+
"import { createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4885
4885
|
|
|
4886
4886
|
export function initTodoItem(__scope, _p = {}) {
|
|
4887
4887
|
if (!__scope) return
|
|
@@ -4895,7 +4895,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4895
4895
|
|
|
4896
4896
|
}
|
|
4897
4897
|
|
|
4898
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4898
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4899
4899
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4900
4900
|
export function initItem(__scope, _p = {}) {
|
|
4901
4901
|
if (!__scope) return
|
|
@@ -4909,7 +4909,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4909
4909
|
|
|
4910
4910
|
}
|
|
4911
4911
|
|
|
4912
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4912
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4913
4913
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4914
4914
|
function initDashboard() {}
|
|
4915
4915
|
|
|
@@ -4933,7 +4933,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4933
4933
|
`;
|
|
4934
4934
|
|
|
4935
4935
|
exports[`docs/core/adapters/custom-adapter.md doc-examples L195 — (no label) 1`] = `
|
|
4936
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4936
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
4937
4937
|
|
|
4938
4938
|
export function initTodoItem(__scope, _p = {}) {
|
|
4939
4939
|
if (!__scope) return
|
|
@@ -4947,7 +4947,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
4947
4947
|
|
|
4948
4948
|
}
|
|
4949
4949
|
|
|
4950
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4950
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
4951
4951
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
4952
4952
|
export function initItem(__scope, _p = {}) {
|
|
4953
4953
|
if (!__scope) return
|
|
@@ -4961,7 +4961,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
4961
4961
|
|
|
4962
4962
|
}
|
|
4963
4963
|
|
|
4964
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
4964
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
4965
4965
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
4966
4966
|
function initDashboard() {}
|
|
4967
4967
|
|
|
@@ -4998,7 +4998,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
4998
4998
|
`;
|
|
4999
4999
|
|
|
5000
5000
|
exports[`docs/core/adapters/custom-adapter.md doc-examples L200 — (no label) 1`] = `
|
|
5001
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
5001
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
5002
5002
|
|
|
5003
5003
|
export function initTodoItem(__scope, _p = {}) {
|
|
5004
5004
|
if (!__scope) return
|
|
@@ -5012,7 +5012,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
5012
5012
|
|
|
5013
5013
|
}
|
|
5014
5014
|
|
|
5015
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5015
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
5016
5016
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
5017
5017
|
export function initItem(__scope, _p = {}) {
|
|
5018
5018
|
if (!__scope) return
|
|
@@ -5026,7 +5026,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
5026
5026
|
|
|
5027
5027
|
}
|
|
5028
5028
|
|
|
5029
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5029
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
5030
5030
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
5031
5031
|
function initDashboard() {}
|
|
5032
5032
|
|
|
@@ -5063,7 +5063,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
5063
5063
|
`;
|
|
5064
5064
|
|
|
5065
5065
|
exports[`docs/core/advanced/compiler-internals.md doc-examples L126 — (no label) 1`] = `
|
|
5066
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
5066
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
5067
5067
|
|
|
5068
5068
|
export function initTodoItem(__scope, _p = {}) {
|
|
5069
5069
|
if (!__scope) return
|
|
@@ -5077,7 +5077,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
5077
5077
|
|
|
5078
5078
|
}
|
|
5079
5079
|
|
|
5080
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5080
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
5081
5081
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
5082
5082
|
export function initItem(__scope, _p = {}) {
|
|
5083
5083
|
if (!__scope) return
|
|
@@ -5091,7 +5091,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
5091
5091
|
|
|
5092
5092
|
}
|
|
5093
5093
|
|
|
5094
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5094
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
5095
5095
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
5096
5096
|
function initDashboard() {}
|
|
5097
5097
|
|
|
@@ -5206,7 +5206,7 @@ export function StatementExample(_p, __bfKey) { return createComponent('Statemen
|
|
|
5206
5206
|
`;
|
|
5207
5207
|
|
|
5208
5208
|
exports[`docs/core/advanced/performance.md doc-examples L67 — ✅ Stable key — DOM nodes reused when list changes 1`] = `
|
|
5209
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
5209
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
5210
5210
|
|
|
5211
5211
|
export function initTodoItem(__scope, _p = {}) {
|
|
5212
5212
|
if (!__scope) return
|
|
@@ -5220,7 +5220,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
5220
5220
|
|
|
5221
5221
|
}
|
|
5222
5222
|
|
|
5223
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5223
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
5224
5224
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
5225
5225
|
export function initItem(__scope, _p = {}) {
|
|
5226
5226
|
if (!__scope) return
|
|
@@ -5234,7 +5234,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
5234
5234
|
|
|
5235
5235
|
}
|
|
5236
5236
|
|
|
5237
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5237
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
5238
5238
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
5239
5239
|
function initDashboard() {}
|
|
5240
5240
|
|
|
@@ -5287,7 +5287,7 @@ export function Example(_p, __bfKey) { return createComponent('Example', _p, __b
|
|
|
5287
5287
|
`;
|
|
5288
5288
|
|
|
5289
5289
|
exports[`docs/core/advanced/performance.md doc-examples L70 — ❌ Index key — DOM nodes recreated on reorder 1`] = `
|
|
5290
|
-
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
5290
|
+
"import { $, createComponent, createEffect, createSignal, escapeAttr, escapeText, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots, mapArrayLazy, textOrNode } from '@barefootjs/client/runtime'
|
|
5291
5291
|
|
|
5292
5292
|
export function initTodoItem(__scope, _p = {}) {
|
|
5293
5293
|
if (!__scope) return
|
|
@@ -5301,7 +5301,7 @@ export function initTodoItem(__scope, _p = {}) {
|
|
|
5301
5301
|
|
|
5302
5302
|
}
|
|
5303
5303
|
|
|
5304
|
-
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5304
|
+
hydrate('TodoItem__b3c36eee', { init: initTodoItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.todo))}<!--/--></li>\`, name: 'TodoItem' })
|
|
5305
5305
|
export function TodoItem(_p, __bfKey) { return createComponent('TodoItem__b3c36eee', _p, __bfKey) }
|
|
5306
5306
|
export function initItem(__scope, _p = {}) {
|
|
5307
5307
|
if (!__scope) return
|
|
@@ -5315,7 +5315,7 @@ export function initItem(__scope, _p = {}) {
|
|
|
5315
5315
|
|
|
5316
5316
|
}
|
|
5317
5317
|
|
|
5318
|
-
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${
|
|
5318
|
+
hydrate('Item__b3c36eee', { init: initItem, template: (_p) => \`<li bf="s1"><!--bf:s0-->\${escapeTextOrMarkup(String(_p.item))}<!--/--></li>\`, name: 'Item' })
|
|
5319
5319
|
export function Item(_p, __bfKey) { return createComponent('Item__b3c36eee', _p, __bfKey) }
|
|
5320
5320
|
function initDashboard() {}
|
|
5321
5321
|
|
|
@@ -5575,7 +5575,7 @@ export function TimelineBar(_p, __bfKey) { return createComponent('TimelineBar',
|
|
|
5575
5575
|
`;
|
|
5576
5576
|
|
|
5577
5577
|
exports[`docs/core/introduction.mdx doc-examples L15 — (no label) 1`] = `
|
|
5578
|
-
"import { $, createComponent, createEffect, createSignal,
|
|
5578
|
+
"import { $, createComponent, createEffect, createSignal, escapeTextOrMarkup, escapeTextOrNode, hydrate, lazySlots } from '@barefootjs/client/runtime'
|
|
5579
5579
|
|
|
5580
5580
|
|
|
5581
5581
|
export function initCounter(__scope, _p = {}) {
|
|
@@ -5595,6 +5595,6 @@ export function initCounter(__scope, _p = {}) {
|
|
|
5595
5595
|
if (_s1) _s1.addEventListener('click', () => { setCount(n => n + 1) })
|
|
5596
5596
|
}
|
|
5597
5597
|
|
|
5598
|
-
hydrate('Counter', { init: initCounter, template: (_p) => \`<button bf="s1"> Count: <!--bf:s0-->\${
|
|
5598
|
+
hydrate('Counter', { init: initCounter, template: (_p) => \`<button bf="s1"> Count: <!--bf:s0-->\${escapeTextOrMarkup((0))}<!--/--></button>\` })
|
|
5599
5599
|
export function Counter(_p, __bfKey) { return createComponent('Counter', _p, __bfKey) }"
|
|
5600
5600
|
`;
|