@virtualstate/examples
Version:
485 lines • 218 kB
JavaScript
import { h } from "@virtualstate/fringe";
export const _101_ExampleInformation = {
name: "Scalar",
id: "101",
exportedAs: "_101_Scalar",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _101_Scalar = <example meta=\"🏉\" />\nexport const _101_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/scalar/scalar.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _101_Scalar = h(\"example\", { meta: \"\\uD83C\\uDFC9\" });\nexport const _101_URL = import.meta.url;\n//# sourceMappingURL=scalar.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = <example meta=\"🏉\" />",
structure: "<example meta=\"🏉\" />",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _102_ExampleInformation = {
name: "NumberScalar",
id: "102",
exportedAs: "_102_NumberScalar",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _102_NumberScalar = h(1);\nexport const _102_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/scalar/number-scalar.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _102_NumberScalar = h(1);\nexport const _102_URL = import.meta.url;\n//# sourceMappingURL=number-scalar.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = h(1);",
structure: "1",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _103_ExampleInformation = {
name: "BooleanScalar",
id: "103",
exportedAs: "_103_BooleanScalar",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _103_BooleanScalar = h(true);\nexport const _103_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/scalar/boolean-scalar.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _103_BooleanScalar = h(true);\nexport const _103_URL = import.meta.url;\n//# sourceMappingURL=boolean-scalar.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = h(true);",
structure: "true",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _104_ExampleInformation = {
name: "SymbolScalar",
id: "104",
exportedAs: "_104_SymbolScalar",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _104_SymbolScalar = h(Symbol(\"⚽\"));\nexport const _104_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/scalar/symbol-scalar.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _104_SymbolScalar = h(Symbol(\"⚽\"));\nexport const _104_URL = import.meta.url;\n//# sourceMappingURL=symbol-scalar.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = h(Symbol(\"⚽\"));",
structure: "Symbol(\"⚽\")",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _105_ExampleInformation = {
name: "ChildrenScalar",
id: "105",
exportedAs: "_105_ChildrenScalar",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _105_ChildrenScalar = (\n <example meta=\"value\">\n {h(\"🎲\")}\n </example>\n)\nexport const _105_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/scalar/children-scalar.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _105_ChildrenScalar = (h(\"example\", { meta: \"value\" }, h(\"🎲\")));\nexport const _105_URL = import.meta.url;\n//# sourceMappingURL=children-scalar.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = (\n <example meta=\"value\">\n {h(\"🎲\")}\n </example>\n)",
structure: "<example meta=\"value\">\n {\"🎲\"}\n</example>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _201_ExampleInformation = {
name: "Function",
id: "201",
exportedAs: "_201_Function",
source: "import { h } from \"@virtualstate/fringe\";\n\nconst moduleScoped = \"🐦\";\n\nfunction Component() {\n const functionScoped = \"💡\";\n return `${moduleScoped} ${functionScoped} 🔑`;\n}\n\nexport const _201_Function = <Component />\nexport const _201_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/function.js",
output: "import { h } from \"@virtualstate/fringe\";\nconst moduleScoped = \"🐦\";\nfunction Component() {\n const functionScoped = \"💡\";\n return `${moduleScoped} ${functionScoped} 🔑`;\n}\nexport const _201_Function = h(Component, null);\nexport const _201_URL = import.meta.url;\n//# sourceMappingURL=function.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nconst moduleScoped = \"🐦\";\n\nfunction Component() {\n const functionScoped = \"💡\";\n return `${moduleScoped} ${functionScoped} 🔑`;\n}\n\nexport const Example = <Component />",
structure: "\"🐦 💡 🔑\"",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _202_ExampleInformation = {
name: "AsyncFunction",
id: "202",
exportedAs: "_202_AsyncFunction",
source: "import { h } from \"@virtualstate/fringe\";\n\nasync function Component() {\n return \"🎃\";\n}\n\nexport const _202_AsyncFunction = <Component />;\nexport const _202_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/async-function.js",
output: "import { h } from \"@virtualstate/fringe\";\nasync function Component() {\n return \"🎃\";\n}\nexport const _202_AsyncFunction = h(Component, null);\nexport const _202_URL = import.meta.url;\n//# sourceMappingURL=async-function.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nasync function Component() {\n return \"🎃\";\n}\n\nexport const Example = <Component />;",
structure: "\"🎃\"",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _203_ExampleInformation = {
name: "GeneratorFunction",
id: "203",
exportedAs: "_203_GeneratorFunction",
source: "import { h } from \"@virtualstate/fringe\";\n\nfunction *Component() {\n yield \"🔑\";\n yield \"🐸\";\n}\n\nexport const _203_GeneratorFunction = <Component />\nexport const _203_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/generator-function.js",
output: "import { h } from \"@virtualstate/fringe\";\nfunction* Component() {\n yield \"🔑\";\n yield \"🐸\";\n}\nexport const _203_GeneratorFunction = h(Component, null);\nexport const _203_URL = import.meta.url;\n//# sourceMappingURL=generator-function.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nfunction *Component() {\n yield \"🔑\";\n yield \"🐸\";\n}\n\nexport const Example = <Component />",
structure: "\"🐸\"",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _204_ExampleInformation = {
name: "AsyncGeneratorFunction",
id: "204",
exportedAs: "_204_AsyncGeneratorFunction",
source: "import { h } from \"@virtualstate/fringe\";\n\nasync function *Component() {\n yield \"🐕\";\n yield \"🐦\";\n}\n\nexport const _204_AsyncGeneratorFunction = <Component />;\nexport const _204_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/async-generator-function.js",
output: "import { h } from \"@virtualstate/fringe\";\nasync function* Component() {\n yield \"🐕\";\n yield \"🐦\";\n}\nexport const _204_AsyncGeneratorFunction = h(Component, null);\nexport const _204_URL = import.meta.url;\n//# sourceMappingURL=async-generator-function.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nasync function *Component() {\n yield \"🐕\";\n yield \"🐦\";\n}\n\nexport const Example = <Component />;",
structure: "\"🐦\"",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _205_ExampleInformation = {
name: "LoopGeneratorFunction",
id: "205",
exportedAs: "_205_LoopGeneratorFunction",
source: "import { h } from \"@virtualstate/fringe\";\n\nfunction *Component() {\n yield \"💥\"\n yield <Component />\n}\n\nexport const _205_LoopGeneratorFunction = <Component />\nexport const _205_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/loop-generator-function.js",
output: "import { h } from \"@virtualstate/fringe\";\nfunction* Component() {\n yield \"💥\";\n yield h(Component, null);\n}\nexport const _205_LoopGeneratorFunction = h(Component, null);\nexport const _205_URL = import.meta.url;\n//# sourceMappingURL=loop-generator-function.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nfunction *Component() {\n yield \"💥\"\n yield <Component />\n}\n\nexport const Example = <Component />",
structure: "",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _206_ExampleInformation = {
name: "FunctionWithOptions",
id: "206",
exportedAs: "_206_FunctionWithOptions",
source: "import { h } from \"@virtualstate/fringe\";\n\ninterface ComponentOptions {\n meta: string\n}\n\nfunction Component({ meta }: ComponentOptions) {\n return <example meta={`${meta} 🎾`} />\n}\n\nexport const _206_FunctionWithOptions = <Component meta=\"🏓\" />\nexport const _206_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/options-function.js",
output: "import { h } from \"@virtualstate/fringe\";\nfunction Component({ meta }) {\n return h(\"example\", { meta: `${meta} 🎾` });\n}\nexport const _206_FunctionWithOptions = h(Component, { meta: \"\\uD83C\\uDFD3\" });\nexport const _206_URL = import.meta.url;\n//# sourceMappingURL=options-function.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\ninterface ComponentOptions {\n meta: string\n}\n\nfunction Component({ meta }: ComponentOptions) {\n return <example meta={`${meta} 🎾`} />\n}\n\nexport const Example = <Component meta=\"🏓\" />",
structure: "<example meta=\"🏓 🎾\" />",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _207_ExampleInformation = {
name: "FunctionWithChildren",
id: "207",
exportedAs: "_207_FunctionWithChildren",
source: "import { h, VNode } from \"@virtualstate/fringe\";\n\n\nfunction Component(o: unknown, child: VNode) {\n return (\n <container>\n {child}\n </container>\n )\n}\n\nexport const _207_FunctionWithChildren = (\n <Component>\n {\"🐸\"}\n </Component>\n)\nexport const _207_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/children-function.js",
output: "import { h } from \"@virtualstate/fringe\";\nfunction Component(o, child) {\n return (h(\"container\", null, child));\n}\nexport const _207_FunctionWithChildren = (h(Component, null, \"🐸\"));\nexport const _207_URL = import.meta.url;\n//# sourceMappingURL=children-function.js.map",
cleanerSource: "import { h, VNode } from \"@virtualstate/fringe\";\n\n\nfunction Component(o, child: VNode) {\n return (\n <container>\n {child}\n </container>\n )\n}\n\nexport const Example = (\n <Component>\n {\"🐸\"}\n </Component>\n)",
structure: "<container>\n {\"🐸\"}\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _208_ExampleInformation = {
name: "LogOrder",
id: "208",
exportedAs: "_208_LogOrder",
source: "import { h } from \"@virtualstate/fringe\";\nimport { read } from \"./read\";\n\nfunction *Component() {\n console.log(\"🐸\");\n yield \"💿\";\n console.log(\"💎\");\n yield \"🔑\";\n console.log(\"💡\");\n}\n\nasync function Log() {\n console.log(\"🎾️\\n\");\n for await (const node of read(<Component />)) {\n console.log(node.source);\n console.log(\"\\n⏭️\\n\");\n }\n console.log(\"\\n🛑\");\n}\n\nexport const _208_LogOrder = (\n <Log />\n)\nexport const _208_URL = import.meta.url;\nexport const _208_Info = {\n producesOutput: true\n}\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/function/generator-order.js",
output: "import { h } from \"@virtualstate/fringe\";\nimport { read } from \"./read.js\";\nfunction* Component() {\n console.log(\"🐸\");\n yield \"💿\";\n console.log(\"💎\");\n yield \"🔑\";\n console.log(\"💡\");\n}\nasync function Log() {\n console.log(\"🎾️\\n\");\n for await (const node of read(h(Component, null))) {\n console.log(node.source);\n console.log(\"\\n⏭️\\n\");\n }\n console.log(\"\\n🛑\");\n}\nexport const _208_LogOrder = (h(Log, null));\nexport const _208_URL = import.meta.url;\nexport const _208_Info = {\n producesOutput: true\n};\n//# sourceMappingURL=generator-order.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\nimport { read } from \"./read\";\n\nfunction *Component() {\n console.log(\"🐸\");\n yield \"💿\";\n console.log(\"💎\");\n yield \"🔑\";\n console.log(\"💡\");\n}\n\nasync function Log() {\n console.log(\"🎾️\\n\");\n for await (const node of read(<Component />)) {\n console.log(node.source);\n console.log(\"\\n⏭️\\n\");\n }\n console.log(\"\\n🛑\");\n}\n\nexport const Example = (\n <Log />\n)",
structure: "\"No output\"",
info: { "producesOutput": true },
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _301_ExampleInformation = {
name: "Promise",
id: "301",
exportedAs: "_301_Promise",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _301_Promise = (\n <container>\n {Promise.resolve(\"🐻\")}\n </container>\n)\nexport const _301_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/promise/promise.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _301_Promise = (h(\"container\", null, Promise.resolve(\"🐻\")));\nexport const _301_URL = import.meta.url;\n//# sourceMappingURL=promise.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = (\n <container>\n {Promise.resolve(\"🐻\")}\n </container>\n)",
structure: "<container>\n {\"🐻\"}\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _302_ExampleInformation = {
name: "PromiseArray",
id: "302",
exportedAs: "_302_PromiseArray",
source: "import { h } from \"@virtualstate/fringe\";\n\nexport const _302_PromiseArray = (\n <container>\n {[\n Promise.resolve(\"🎾\"),\n Promise.resolve(\"🧩\")\n ]}\n </container>\n)\nexport const _302_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/promise/promise-array.js",
output: "import { h } from \"@virtualstate/fringe\";\nexport const _302_PromiseArray = (h(\"container\", null, [\n Promise.resolve(\"🎾\"),\n Promise.resolve(\"🧩\")\n]));\nexport const _302_URL = import.meta.url;\n//# sourceMappingURL=promise-array.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nexport const Example = (\n <container>\n {[\n Promise.resolve(\"🎾\"),\n Promise.resolve(\"🧩\")\n ]}\n </container>\n)",
structure: "<container>\n {\"🎾\"}\n {\"🧩\"}\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _303_ExampleInformation = {
name: "AsPromise",
id: "303",
exportedAs: "_303_AsPromise",
source: "import {assertPromiseVNode, ChildrenSource, h, thenish} from \"@virtualstate/fringe\";\n\nasync function *Whatever() {\n yield (\n <p>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n </p>\n )\n yield (\n <p>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </p>\n )\n}\n\nasync function Example() {\n const node = (\n <Whatever />\n )\n node.then = thenish;\n assertPromiseVNode(node);\n\n const [p] = await node;\n\n p.then = thenish;\n assertPromiseVNode(p);\n const result = await p;\n\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const _303_AsPromise = <Example />\nexport const _303_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/promise/as-promise.js",
output: "import { assertPromiseVNode, ChildrenSource, h, thenish } from \"@virtualstate/fringe\";\nasync function* Whatever() {\n yield (h(\"p\", null,\n h(\"z\", null,\n h(\"a\", null)),\n h(\"z\", null,\n h(\"b\", null))));\n yield (h(\"p\", null,\n h(\"z\", null,\n h(\"a\", null)),\n h(\"z\", null,\n h(\"b\", null)),\n h(\"z\", null,\n h(\"c\", null))));\n}\nasync function Example() {\n const node = (h(Whatever, null));\n node.then = thenish;\n assertPromiseVNode(node);\n const [p] = await node;\n p.then = thenish;\n assertPromiseVNode(p);\n const result = await p;\n return result.map(node => node.children[ChildrenSource]);\n}\nexport const _303_AsPromise = h(Example, null);\nexport const _303_URL = import.meta.url;\n//# sourceMappingURL=as-promise.js.map",
cleanerSource: "import {assertPromiseVNode, ChildrenSource, h, thenish} from \"@virtualstate/fringe\";\n\nasync function *Whatever() {\n yield (\n <p>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n </p>\n )\n yield (\n <p>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </p>\n )\n}\n\nasync function Example() {\n const node = (\n <Whatever />\n )\n node.then = thenish;\n assertPromiseVNode(node);\n\n const [p] = await node;\n\n p.then = thenish;\n assertPromiseVNode(p);\n const result = await p;\n\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const Example = <Example />",
structure: "<>\n {\"a\"}\n {\"b\"}\n {\"c\"}\n</>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _304_ExampleInformation = {
name: "AsPromiseOptions",
id: "304",
exportedAs: "_304_AsPromiseOptions",
source: "import {ChildrenSource, EnableThen, h} from \"@virtualstate/fringe\";\n\nconst node = (\n <p {...{ [EnableThen]: true }}>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </p>\n)\n\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const _304_AsPromiseOptions = <Example />\nexport const _304_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/promise/as-promise-options.js",
output: "import { ChildrenSource, EnableThen, h } from \"@virtualstate/fringe\";\nconst node = (h(\"p\", { ...{ [EnableThen]: true } },\n h(\"z\", null,\n h(\"a\", null)),\n h(\"z\", null,\n h(\"b\", null)),\n h(\"z\", null,\n h(\"c\", null))));\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\nexport const _304_AsPromiseOptions = h(Example, null);\nexport const _304_URL = import.meta.url;\n//# sourceMappingURL=as-promise-options.js.map",
cleanerSource: "import {ChildrenSource, EnableThen, h} from \"@virtualstate/fringe\";\n\nconst node = (\n <p {...{ [EnableThen]: true }}>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </p>\n)\n\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const Example = <Example />",
structure: "<>\n {\"a\"}\n {\"b\"}\n {\"c\"}\n</>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _305_ExampleInformation = {
name: "AsPromiseWithGenerator",
id: "305",
exportedAs: "_305_AsPromiseWithGenerator",
source: "import {ChildrenSource, EnableThen, h, createFragment} from \"@virtualstate/fringe\";\n\nasync function *Inner() {\n yield (\n <>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </>\n )\n}\n\nconst node = (\n <p {...{ [EnableThen]: true }}>\n <Inner />\n </p>\n)\n\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const _305_AsPromiseWithGenerator = <Example />\nexport const _305_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/promise/as-promise-options-inner.js",
output: "import { ChildrenSource, EnableThen, h, createFragment } from \"@virtualstate/fringe\";\nasync function* Inner() {\n yield (h(createFragment, null,\n h(\"z\", null,\n h(\"a\", null)),\n h(\"z\", null,\n h(\"b\", null)),\n h(\"z\", null,\n h(\"c\", null))));\n}\nconst node = (h(\"p\", { ...{ [EnableThen]: true } },\n h(Inner, null)));\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\nexport const _305_AsPromiseWithGenerator = h(Example, null);\nexport const _305_URL = import.meta.url;\n//# sourceMappingURL=as-promise-options-inner.js.map",
cleanerSource: "import {ChildrenSource, EnableThen, h, createFragment} from \"@virtualstate/fringe\";\n\nasync function *Inner() {\n yield (\n <>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </>\n )\n}\n\nconst node = (\n <p {...{ [EnableThen]: true }}>\n <Inner />\n </p>\n)\n\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const Example = <Example />",
structure: "<>\n {\"a\"}\n {\"b\"}\n {\"c\"}\n</>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _306_ExampleInformation = {
name: "AsPromiseResolve",
id: "306",
exportedAs: "_306_AsPromiseResolve",
source: "import { Resolve } from \"@virtualstate/fringe\";\nimport {ChildrenSource, h, createFragment} from \"@virtualstate/fringe\";\n\nasync function *Inner() {\n yield (\n <>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </>\n )\n}\n\nconst node = (\n <Resolve>\n <Inner />\n </Resolve>\n)\n\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const _306_AsPromiseResolve = <Example />\nexport const _306_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/promise/as-promise-options-inner-resolve.js",
output: "import { Resolve } from \"@virtualstate/fringe\";\nimport { ChildrenSource, h, createFragment } from \"@virtualstate/fringe\";\nasync function* Inner() {\n yield (h(createFragment, null,\n h(\"z\", null,\n h(\"a\", null)),\n h(\"z\", null,\n h(\"b\", null)),\n h(\"z\", null,\n h(\"c\", null))));\n}\nconst node = (h(Resolve, null,\n h(Inner, null)));\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\nexport const _306_AsPromiseResolve = h(Example, null);\nexport const _306_URL = import.meta.url;\n//# sourceMappingURL=as-promise-options-inner-resolve.js.map",
cleanerSource: "import { Resolve } from \"@virtualstate/fringe\";\nimport {ChildrenSource, h, createFragment} from \"@virtualstate/fringe\";\n\nasync function *Inner() {\n yield (\n <>\n <z>\n <a />\n </z>\n <z>\n <b />\n </z>\n <z>\n <c />\n </z>\n </>\n )\n}\n\nconst node = (\n <Resolve>\n <Inner />\n </Resolve>\n)\n\nasync function Example() {\n const result = await node;\n return result.map(node => node.children[ChildrenSource]);\n}\n\nexport const Example = <Example />",
structure: "<>\n {\"a\"}\n {\"b\"}\n {\"c\"}\n</>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _401_ExampleInformation = {
name: "Class",
id: "401",
exportedAs: "_401_Class",
source: "import { h } from \"@virtualstate/fringe\";\n\nclass Component {\n\n async *[Symbol.asyncIterator]() {\n yield \"🐸\";\n yield \"💡\";\n }\n\n}\n\nexport const _401_Class = (\n <Component />\n);\nexport const _401_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/class.js",
output: "import { h } from \"@virtualstate/fringe\";\nclass Component {\n async *[Symbol.asyncIterator]() {\n yield \"🐸\";\n yield \"💡\";\n }\n}\nexport const _401_Class = (h(Component, null));\nexport const _401_URL = import.meta.url;\n//# sourceMappingURL=class.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nclass Component {\n\n async *[Symbol.asyncIterator]() {\n yield \"🐸\";\n yield \"💡\";\n }\n\n}\n\nexport const Example = (\n <Component />\n);",
structure: "\"💡\"",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _402_ExampleInformation = {
name: "ClassWithOptions",
id: "402",
exportedAs: "_402_ClassWithOptions",
source: "import { h } from \"@virtualstate/fringe\";\n\ninterface ComponentOptions {\n meta: string\n}\n\nclass Component {\n\n constructor(private options: ComponentOptions) {\n }\n\n async *[Symbol.asyncIterator]() {\n yield `${this.options.meta} 🛑`;\n }\n\n}\n\nexport const _402_ClassWithOptions = (\n <Component meta=\"🦆\" />\n);\nexport const _402_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/options.js",
output: "import { h } from \"@virtualstate/fringe\";\nclass Component {\n options;\n constructor(options) {\n this.options = options;\n }\n async *[Symbol.asyncIterator]() {\n yield `${this.options.meta} 🛑`;\n }\n}\nexport const _402_ClassWithOptions = (h(Component, { meta: \"\\uD83E\\uDD86\" }));\nexport const _402_URL = import.meta.url;\n//# sourceMappingURL=options.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\ninterface ComponentOptions {\n meta: string\n}\n\nclass Component {\n\n constructor(private options: ComponentOptions) {\n }\n\n async *[Symbol.asyncIterator]() {\n yield `${this.options.meta} 🛑`;\n }\n\n}\n\nexport const Example = (\n <Component meta=\"🦆\" />\n);",
structure: "\"🦆 🛑\"",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _403_ExampleInformation = {
name: "ClassWithChildren",
id: "403",
exportedAs: "_403_ClassWithChildren",
source: "import { h } from \"../../jsx\";\nimport { VNode } from \"@virtualstate/fringe\";\n\nclass Component {\n\n constructor(o, private child: VNode) {\n }\n\n async *[Symbol.asyncIterator]() {\n yield <container>{this.child}</container>;\n }\n\n}\n\nexport const _403_ClassWithChildren = (\n <Component>\n {\"🐸\"}\n </Component>\n);\nexport const _403_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/children.js",
output: "import { h } from \"../../jsx.js\";\nclass Component {\n child;\n constructor(o, child) {\n this.child = child;\n }\n async *[Symbol.asyncIterator]() {\n yield h(\"container\", null, this.child);\n }\n}\nexport const _403_ClassWithChildren = (h(Component, null, \"🐸\"));\nexport const _403_URL = import.meta.url;\n//# sourceMappingURL=children.js.map",
cleanerSource: "import { h } from \"../../jsx\";\nimport { VNode } from \"@virtualstate/fringe\";\n\nclass Component {\n\n constructor(o, private child: VNode) {\n }\n\n async *[Symbol.asyncIterator]() {\n yield <container>{this.child}</container>;\n }\n\n}\n\nexport const Example = (\n <Component>\n {\"🐸\"}\n </Component>\n);",
structure: "<container>\n {\"🐸\"}\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _404_ExampleInformation = {
name: "ReferenceClass",
id: "404",
exportedAs: "_404_ReferenceClass",
source: "import { h } from \"../../jsx\";\n\nclass Component {\n\n reference: symbol;\n\n constructor() {\n this.reference = Symbol(\"🛎️\");\n }\n\n}\n\nexport const _404_ReferenceClass = (\n <Component />\n);\nexport const _404_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/reference.js",
output: "import { h } from \"../../jsx.js\";\nclass Component {\n reference;\n constructor() {\n this.reference = Symbol(\"🛎️\");\n }\n}\nexport const _404_ReferenceClass = (h(Component, null));\nexport const _404_URL = import.meta.url;\n//# sourceMappingURL=reference.js.map",
cleanerSource: "import { h } from \"../../jsx\";\n\nclass Component {\n\n reference: symbol;\n\n constructor() {\n this.reference = Symbol(\"🛎️\");\n }\n\n}\n\nexport const Example = (\n <Component />\n);",
structure: "Symbol(\"🛎️\")",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _405_ExampleInformation = {
name: "SharedInstance",
id: "405",
exportedAs: "_405_SharedInstance",
source: "import { h } from \"../../jsx\";\nimport { And } from \"../experiments/combinational/and\";\n\nclass Component {\n\n iterations = 0;\n\n *[Symbol.iterator]() {\n const id = this.iterations += 1;\n yield { reference: `Iteration ${id} 🐸` };\n }\n\n}\n\nconst node = <Component />;\n\nexport const _405_SharedInstance = (\n <container>\n <And size={3} self>\n {node}\n {node}\n {node}\n </And>\n </container>\n);\nexport const _405_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/shared.js",
output: "import { h } from \"../../jsx.js\";\nimport { And } from \"../experiments/combinational/and.js\";\nclass Component {\n iterations = 0;\n *[Symbol.iterator]() {\n const id = this.iterations += 1;\n yield { reference: `Iteration ${id} 🐸` };\n }\n}\nconst node = h(Component, null);\nexport const _405_SharedInstance = (h(\"container\", null,\n h(And, { size: 3, self: true },\n node,\n node,\n node)));\nexport const _405_URL = import.meta.url;\n//# sourceMappingURL=shared.js.map",
cleanerSource: "import { h } from \"../../jsx\";\nimport { And } from \"../experiments/combinational/and\";\n\nclass Component {\n\n iterations = 0;\n\n *[Symbol.iterator]() {\n const id = this.iterations += 1;\n yield { reference: `Iteration ${id} 🐸` };\n }\n\n}\n\nconst node = <Component />;\n\nexport const Example = (\n <container>\n <And size={3} self>\n {node}\n {node}\n {node}\n </And>\n </container>\n);",
structure: "<container>\n <TruthfulAND>\n {\"Iteration 1 🐸\"}\n {\"Iteration 2 🐸\"}\n {\"Iteration 3 🐸\"}\n </TruthfulAND>\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _406_ExampleInformation = {
name: "SharedAsync",
id: "406",
exportedAs: "_406_SharedAsync",
source: "import { h } from \"../../jsx\";\nimport { And } from \"../experiments/combinational/and\";\n\nclass Component {\n\n iterations = 0;\n\n async *[Symbol.asyncIterator]() {\n const id = this.iterations += 1;\n yield { reference: `Iteration ${id} 🕊️` };\n }\n\n}\n\nconst node = <Component />;\n\nexport const _406_SharedAsync = (\n <container>\n <And size={3} self>\n {node}\n {node}\n {node}\n </And>\n </container>\n);\nexport const _406_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/shared-async.js",
output: "import { h } from \"../../jsx.js\";\nimport { And } from \"../experiments/combinational/and.js\";\nclass Component {\n iterations = 0;\n async *[Symbol.asyncIterator]() {\n const id = this.iterations += 1;\n yield { reference: `Iteration ${id} 🕊️` };\n }\n}\nconst node = h(Component, null);\nexport const _406_SharedAsync = (h(\"container\", null,\n h(And, { size: 3, self: true },\n node,\n node,\n node)));\nexport const _406_URL = import.meta.url;\n//# sourceMappingURL=shared-async.js.map",
cleanerSource: "import { h } from \"../../jsx\";\nimport { And } from \"../experiments/combinational/and\";\n\nclass Component {\n\n iterations = 0;\n\n async *[Symbol.asyncIterator]() {\n const id = this.iterations += 1;\n yield { reference: `Iteration ${id} 🕊️` };\n }\n\n}\n\nconst node = <Component />;\n\nexport const Example = (\n <container>\n <And size={3} self>\n {node}\n {node}\n {node}\n </And>\n </container>\n);",
structure: "<container>\n <TruthfulAND>\n {\"Iteration 1 🕊️\"}\n {\"Iteration 2 🕊️\"}\n {\"Iteration 3 🕊️\"}\n </TruthfulAND>\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _407_ExampleInformation = {
name: "SharedCollector",
id: "407",
exportedAs: "_407_SharedCollector",
source: "import { h } from \"../../jsx\";\nimport { And } from \"../experiments/combinational/and\";\nimport { Collector } from \"microtask-collector\";\n\nclass Component {\n\n iterations = 0;\n\n collector = new Collector<number>({\n eagerCollection: true\n });\n\n seen = [];\n\n constructor(public options: { expect: number }) {\n void this.watch();\n }\n\n async watch() {\n for await (const batch of this.collector) {\n this.seen.push(...batch);\n }\n }\n\n async *[Symbol.asyncIterator]() {\n const id = this.iterations += 1;\n this.collector.add(id);\n yield { reference: `Iteration ${id} 🦆` };\n yield `Seen: ${this.seen.join(\", \")} 🐸`;\n }\n\n}\n\nconst node = <Component expect={3} />;\n\nexport const _407_SharedCollector = (\n <container>\n <And size={3} self>\n {node}\n {node}\n {node}\n </And>\n </container>\n);\nexport const _407_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/class/shared-collector.js",
output: "import { h } from \"../../jsx.js\";\nimport { And } from \"../experiments/combinational/and.js\";\nimport { Collector } from \"microtask-collector\";\nclass Component {\n options;\n iterations = 0;\n collector = new Collector({\n eagerCollection: true\n });\n seen = [];\n constructor(options) {\n this.options = options;\n void this.watch();\n }\n async watch() {\n for await (const batch of this.collector) {\n this.seen.push(...batch);\n }\n }\n async *[Symbol.asyncIterator]() {\n const id = this.iterations += 1;\n this.collector.add(id);\n yield { reference: `Iteration ${id} 🦆` };\n yield `Seen: ${this.seen.join(\", \")} 🐸`;\n }\n}\nconst node = h(Component, { expect: 3 });\nexport const _407_SharedCollector = (h(\"container\", null,\n h(And, { size: 3, self: true },\n node,\n node,\n node)));\nexport const _407_URL = import.meta.url;\n//# sourceMappingURL=shared-collector.js.map",
cleanerSource: "import { h } from \"../../jsx\";\nimport { And } from \"../experiments/combinational/and\";\nimport { Collector } from \"microtask-collector\";\n\nclass Component {\n\n iterations = 0;\n\n collector = new Collector<number>({\n eagerCollection: true\n });\n\n seen = [];\n\n constructor(public options: { expect: number }) {\n void this.watch();\n }\n\n async watch() {\n for await (const batch of this.collector) {\n this.seen.push(...batch);\n }\n }\n\n async *[Symbol.asyncIterator]() {\n const id = this.iterations += 1;\n this.collector.add(id);\n yield { reference: `Iteration ${id} 🦆` };\n yield `Seen: ${this.seen.join(\", \")} 🐸`;\n }\n\n}\n\nconst node = <Component expect={3} />;\n\nexport const Example = (\n <container>\n <And size={3} self>\n {node}\n {node}\n {node}\n </And>\n </container>\n);",
structure: "<container>\n <TruthfulAND>\n {\"Seen: 1, 2, 3 🐸\"}\n {\"Seen: 1, 2, 3 🐸\"}\n {\"Seen: 1, 2, 3 🐸\"}\n </TruthfulAND>\n</container>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _501_ExampleInformation = {
name: "Static",
id: "501",
exportedAs: "_501_Static",
source: "import {h, createFragment, EnableThen} from \"@virtualstate/fringe\";\nimport { Cactus, Scroll, TestTube, Thread } from \"./domain\";\nimport {isIterable} from \"iterable\";\n\nexport const _501_Static = (\n <TestTube>\n <Thread size={2} />\n <Cactus spikes=\"spikey\" />\n <Cactus spikes=\"not very spikey\" />\n <Scroll />\n </TestTube>\n);\nexport const _501_URL = import.meta.url;\n\nasync function StaticLog() {\n const [thread, spikeyCactus, cactus, scroll] = _501_Static.children;\n console.log(\"sync\", { thread, spikeyCactus, cactus, scroll });\n for await (const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] of _501_Static.children) {\n console.log(\"async\", { thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n }\n //\n const promise = Promise.resolve(_501_Static.children);\n const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] = await promise;\n console.log(\"promise\", { promise, thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n const child = h(Symbol(\"Child\"), { [EnableThen]: true });\n const it = Symbol(\"It\");\n let Component = h(it, { [EnableThen]: true }, child);\n\n await Component;\n if (isIterable(Component.children)) {\n console.log([...Component.children]);\n }\n return (\n <>\n {Object.entries({ thread, spikeyCactus, cactus, scroll }).map(([Key, result]) => <Key>{result}</Key>)}\n </>\n );\n}\n\nexport const _502_Static = <StaticLog />;\nexport const _502_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/static/static.js",
output: "import { h, createFragment, EnableThen } from \"@virtualstate/fringe\";\nimport { Cactus, Scroll, TestTube, Thread } from \"./domain.js\";\nimport { isIterable } from \"iterable\";\nexport const _501_Static = (h(TestTube, null,\n h(Thread, { size: 2 }),\n h(Cactus, { spikes: \"spikey\" }),\n h(Cactus, { spikes: \"not very spikey\" }),\n h(Scroll, null)));\nexport const _501_URL = import.meta.url;\nasync function StaticLog() {\n const [thread, spikeyCactus, cactus, scroll] = _501_Static.children;\n console.log(\"sync\", { thread, spikeyCactus, cactus, scroll });\n for await (const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] of _501_Static.children) {\n console.log(\"async\", { thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n }\n //\n const promise = Promise.resolve(_501_Static.children);\n const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] = await promise;\n console.log(\"promise\", { promise, thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n const child = h(Symbol(\"Child\"), { [EnableThen]: true });\n const it = Symbol(\"It\");\n let Component = h(it, { [EnableThen]: true }, child);\n await Component;\n if (isIterable(Component.children)) {\n console.log([...Component.children]);\n }\n return (h(createFragment, null, Object.entries({ thread, spikeyCactus, cactus, scroll }).map(([Key, result]) => h(Key, null, result))));\n}\nexport const _502_Static = h(StaticLog, null);\nexport const _502_URL = import.meta.url;\n//# sourceMappingURL=static.js.map",
cleanerSource: "import {h, createFragment, EnableThen} from \"@virtualstate/fringe\";\nimport { Cactus, Scroll, TestTube, Thread } from \"./domain\";\nimport {isIterable} from \"iterable\";\n\nexport const Example = (\n <TestTube>\n <Thread size={2} />\n <Cactus spikes=\"spikey\" />\n <Cactus spikes=\"not very spikey\" />\n <Scroll />\n </TestTube>\n);",
structure: "<🧪>\n <🧵 size={2} />\n <🌵 spikes=\"spikey\" />\n <🌵 spikes=\"not very spikey\" />\n {Symbol(\"📜\")}\n</🧪>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _502_ExampleInformation = {
name: "Static",
id: "502",
exportedAs: "_502_Static",
source: "import {h, createFragment, EnableThen} from \"@virtualstate/fringe\";\nimport { Cactus, Scroll, TestTube, Thread } from \"./domain\";\nimport {isIterable} from \"iterable\";\n\nexport const _501_Static = (\n <TestTube>\n <Thread size={2} />\n <Cactus spikes=\"spikey\" />\n <Cactus spikes=\"not very spikey\" />\n <Scroll />\n </TestTube>\n);\nexport const _501_URL = import.meta.url;\n\nasync function StaticLog() {\n const [thread, spikeyCactus, cactus, scroll] = _501_Static.children;\n console.log(\"sync\", { thread, spikeyCactus, cactus, scroll });\n for await (const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] of _501_Static.children) {\n console.log(\"async\", { thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n }\n //\n const promise = Promise.resolve(_501_Static.children);\n const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] = await promise;\n console.log(\"promise\", { promise, thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n const child = h(Symbol(\"Child\"), { [EnableThen]: true });\n const it = Symbol(\"It\");\n let Component = h(it, { [EnableThen]: true }, child);\n\n await Component;\n if (isIterable(Component.children)) {\n console.log([...Component.children]);\n }\n return (\n <>\n {Object.entries({ thread, spikeyCactus, cactus, scroll }).map(([Key, result]) => <Key>{result}</Key>)}\n </>\n );\n}\n\nexport const _502_Static = <StaticLog />;\nexport const _502_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/static/static.js",
output: "import { h, createFragment, EnableThen } from \"@virtualstate/fringe\";\nimport { Cactus, Scroll, TestTube, Thread } from \"./domain.js\";\nimport { isIterable } from \"iterable\";\nexport const _501_Static = (h(TestTube, null,\n h(Thread, { size: 2 }),\n h(Cactus, { spikes: \"spikey\" }),\n h(Cactus, { spikes: \"not very spikey\" }),\n h(Scroll, null)));\nexport const _501_URL = import.meta.url;\nasync function StaticLog() {\n const [thread, spikeyCactus, cactus, scroll] = _501_Static.children;\n console.log(\"sync\", { thread, spikeyCactus, cactus, scroll });\n for await (const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] of _501_Static.children) {\n console.log(\"async\", { thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n }\n //\n const promise = Promise.resolve(_501_Static.children);\n const [threadAsync, spikeyCactusAsync, cactusAsync, scrollAsync] = await promise;\n console.log(\"promise\", { promise, thread: threadAsync, spikeyCactus: spikeyCactusAsync, cactus: cactusAsync, scroll: scrollAsync });\n const child = h(Symbol(\"Child\"), { [EnableThen]: true });\n const it = Symbol(\"It\");\n let Component = h(it, { [EnableThen]: true }, child);\n await Component;\n if (isIterable(Component.children)) {\n console.log([...Component.children]);\n }\n return (h(createFragment, null, Object.entries({ thread, spikeyCactus, cactus, scroll }).map(([Key, result]) => h(Key, null, result))));\n}\nexport const _502_Static = h(StaticLog, null);\nexport const _502_URL = import.meta.url;\n//# sourceMappingURL=static.js.map",
cleanerSource: "import {h, createFragment, EnableThen} from \"@virtualstate/fringe\";\nimport { Cactus, Scroll, TestTube, Thread } from \"./domain\";\nimport {isIterable} from \"iterable\";\n\nexport const Example = (\n <TestTube>\n <Thread size={2} />\n <Cactus spikes=\"spikey\" />\n <Cactus spikes=\"not very spikey\" />\n <Scroll />\n </TestTube>\n);",
structure: "<>\n <thread>\n <🧵 size={2} />\n </thread>\n <spikeyCactus>\n <🌵 spikes=\"spikey\" />\n </spikeyCactus>\n <cactus>\n <🌵 spikes=\"not very spikey\" />\n </cactus>\n <scroll>\n {Symbol(\"📜\")}\n </scroll>\n</>",
info: undefined,
engineURL: undefined,
sourceInterfaceURL: undefined,
sourceInterface: undefined,
import: async (context, state) => {
throw new Error("Not available");
}
};
export const _601_ExampleInformation = {
name: "TypeScalar",
id: "601",
exportedAs: "_601_TypeScalar",
source: "import { h } from \"@virtualstate/fringe\";\n\nconst node = h(\"🐸\");\nconst source: \"🐸\" = node.source;\nconst scalar: true = node.scalar;\nconst children: never = node.children;\n\nexport const _601_TypeScalar = node;\nexport const _601_URL = import.meta.url;\n",
sourceURL: "file:///workspaces/x/packages/examples/lib/examples/types/scalar.js",
output: "import { h } from \"@virtualstate/fringe\";\nconst node = h(\"🐸\");\nconst source = node.source;\nconst scalar = node.scalar;\nconst children = node.children;\nexport const _601_TypeScalar = node;\nexport const _601_URL = import.meta.url;\n//# sourceMappingURL=scalar.js.map",
cleanerSource: "import { h } from \"@virtualstate/fringe\";\n\nconst node = h(\"🐸\");\nconst source: \"🐸\" = n