@oddo/ui 0.0.22 → 0.0.23
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-ssr.js +1 -1
- package/dist/index-ssr.mjs +1 -1
- package/dist/index-ssr.mjs.map +1 -1
- package/dist/index.js +6 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index-ssr.js
CHANGED
|
@@ -19,7 +19,7 @@ var noop = () => {
|
|
|
19
19
|
var escapeHtml = (unsafe) => String(unsafe).replace(/[&<>"']/g, (m) => escapeMap[m]);
|
|
20
20
|
var createJsxExpression = (fn, deps) => () => _chunkD2QKPV4Rjs.lift.call(void 0, (vdom) => render(vdom()), [_chunkD2QKPV4Rjs.computed.call(void 0, fn, deps)]);
|
|
21
21
|
var createFragment = (...children) => () => `<!--[-->${children.map(render).join("")}<!--]-->`;
|
|
22
|
-
var createElement = (tag, attrs, ...children) => () => `<${tag}${(attrs == null ? void 0 : attrs[_chunkD2QKPV4Rjs.reactiveSymbol]) ? _chunkD2QKPV4Rjs.lift.call(void 0, (attrs2) => _chunkD2QKPV4Rjs.createAttributes.call(void 0, attrs2()), [attrs]) : _chunkD2QKPV4Rjs.createAttributes.call(void 0, attrs)}
|
|
22
|
+
var createElement = (tag, attrs, ...children) => () => `<${tag}${(attrs == null ? void 0 : attrs[_chunkD2QKPV4Rjs.reactiveSymbol]) ? _chunkD2QKPV4Rjs.lift.call(void 0, (attrs2) => _chunkD2QKPV4Rjs.createAttributes.call(void 0, attrs2()), [attrs]) : _chunkD2QKPV4Rjs.createAttributes.call(void 0, attrs)}${children.length ? `>${children.map(render).join("")}</${tag}>` : " />"}`;
|
|
23
23
|
var createComponent = (component, attrs, ...children) => () => {
|
|
24
24
|
const props = _chunkD2QKPV4Rjs.createAccessor.call(void 0, (attrs == null ? void 0 : attrs[_chunkD2QKPV4Rjs.reactiveSymbol]) ? attrs.get() : attrs);
|
|
25
25
|
const expressionOrVdom = component.call({
|
package/dist/index-ssr.mjs
CHANGED
|
@@ -19,7 +19,7 @@ var noop = () => {
|
|
|
19
19
|
var escapeHtml = (unsafe) => String(unsafe).replace(/[&<>"']/g, (m) => escapeMap[m]);
|
|
20
20
|
var createJsxExpression = (fn, deps) => () => lift((vdom) => render(vdom()), [computed(fn, deps)]);
|
|
21
21
|
var createFragment = (...children) => () => `<!--[-->${children.map(render).join("")}<!--]-->`;
|
|
22
|
-
var createElement = (tag, attrs, ...children) => () => `<${tag}${(attrs == null ? void 0 : attrs[reactiveSymbol]) ? lift((attrs2) => createAttributes(attrs2()), [attrs]) : createAttributes(attrs)}
|
|
22
|
+
var createElement = (tag, attrs, ...children) => () => `<${tag}${(attrs == null ? void 0 : attrs[reactiveSymbol]) ? lift((attrs2) => createAttributes(attrs2()), [attrs]) : createAttributes(attrs)}${children.length ? `>${children.map(render).join("")}</${tag}>` : " />"}`;
|
|
23
23
|
var createComponent = (component, attrs, ...children) => () => {
|
|
24
24
|
const props = createAccessor((attrs == null ? void 0 : attrs[reactiveSymbol]) ? attrs.get() : attrs);
|
|
25
25
|
const expressionOrVdom = component.call({
|
package/dist/index-ssr.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ssr.mjs","../src/index-ssr.mjs"],"sourcesContent":["import { lift, reactiveSymbol, computed, createAccessor } from \"./reactive.mjs\";\nimport { createAttributes } from \"./attrs.mjs\";\n\nconst escapeMap = { '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' }\n\nconst noop = () => {}\nconst escapeHtml = unsafe => String(unsafe).replace(/[&<>\"']/g, (m) => escapeMap[m])\n\nexport const createJsxExpression = (fn, deps) => () =>\n lift((vdom) => render(vdom()), [computed(fn, deps)])\n\nexport const createFragment = (...children) => () =>\n `<!--[-->${children.map(render).join(\"\")}<!--]-->`\n\nexport const createElement = (tag, attrs, ...children) => () =>\n `<${tag}${attrs?.[reactiveSymbol]\n ? lift((attrs) => createAttributes(attrs()), [attrs])\n : createAttributes(attrs)\n }
|
|
1
|
+
{"version":3,"sources":["../src/ssr.mjs","../src/index-ssr.mjs"],"sourcesContent":["import { lift, reactiveSymbol, computed, createAccessor } from \"./reactive.mjs\";\nimport { createAttributes } from \"./attrs.mjs\";\n\nconst escapeMap = { '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' }\n\nconst noop = () => {}\nconst escapeHtml = unsafe => String(unsafe).replace(/[&<>\"']/g, (m) => escapeMap[m])\n\nexport const createJsxExpression = (fn, deps) => () =>\n lift((vdom) => render(vdom()), [computed(fn, deps)])\n\nexport const createFragment = (...children) => () =>\n `<!--[-->${children.map(render).join(\"\")}<!--]-->`\n\nexport const createElement = (tag, attrs, ...children) => () =>\n `<${tag}${attrs?.[reactiveSymbol]\n ? lift((attrs) => createAttributes(attrs()), [attrs])\n : createAttributes(attrs)\n }${children.length ? `>${children.map(render).join(\"\")}</${tag}>` : \" />\"}`\n\nexport const createComponent = (component, attrs, ...children) => () => {\n // const initializers = []\n const props = createAccessor(attrs?.[reactiveSymbol] ? attrs.get() : attrs)\n const expressionOrVdom = component.call({ onCleanup: noop, onMount: noop /* fn => initializers.push(fn) */ }, { props, children })\n return render(expressionOrVdom)\n}\n\nexport const render = vdom => {\n if (Array.isArray(vdom)) return render(createFragment(...vdom))\n switch (vdom) {\n case true:\n case false:\n case null:\n case undefined:\n return createNullElement()\n }\n\n switch (typeof vdom) {\n case \"string\":\n case \"number\":\n return createTextElement(vdom)\n case \"function\":\n return vdom()\n }\n}\n\nexport const createNullElement = () => \"<!--|-->\"\nexport const createTextElement = (text) => `<!--T-->${escapeHtml(text)}`\n","export {\n ref,\n state,\n computed,\n transact as mutate,\n transact,\n stateProxy,\n lift,\n liftFn,\n arraySplice\n} from \"./reactive.mjs\"\n\nexport const effect = () => {}\nexport const mount = () => {}\nexport const hydrate = () => {}\n\nexport {\n createElement,\n createElement as e,\n createComponent,\n createComponent as c,\n createFragment,\n createFragment as f,\n createJsxExpression,\n createJsxExpression as x,\n render\n} from \"./ssr.mjs\";\n"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAM,YAAY,EAAE,KAAK,SAAS,KAAK,QAAQ,KAAK,QAAQ,KAAK,UAAU,KAAK,QAAQ;AAExF,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,aAAa,YAAU,OAAO,MAAM,EAAE,QAAQ,YAAY,CAAC,MAAM,UAAU,CAAC,CAAC;AAE5E,IAAM,sBAAsB,CAAC,IAAI,SAAS,MAC/C,KAAK,CAAC,SAAS,OAAO,KAAK,CAAC,GAAG,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC;AAE9C,IAAM,iBAAiB,IAAI,aAAa,MAC7C,WAAW,SAAS,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC;AAEnC,IAAM,gBAAgB,CAAC,KAAK,UAAU,aAAa,MACxD,IAAI,GAAG,IAAG,+BAAQ,mBACd,KAAK,CAACA,WAAU,iBAAiBA,OAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAClD,iBAAiB,KAAK,CAC1B,GAAG,SAAS,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,GAAG,MAAM,KAAK;AAEpE,IAAM,kBAAkB,CAAC,WAAW,UAAU,aAAa,MAAM;AAEtE,QAAM,QAAQ,gBAAe,+BAAQ,mBAAkB,MAAM,IAAI,IAAI,KAAK;AAC1E,QAAM,mBAAmB,UAAU,KAAK;AAAA,IAAE,WAAW;AAAA,IAAM,SAAS;AAAA;AAAA,EAAuC,GAAG,EAAE,OAAO,SAAS,CAAC;AACjI,SAAO,OAAO,gBAAgB;AAChC;AAEO,IAAM,SAAS,UAAQ;AAC5B,MAAI,MAAM,QAAQ,IAAI,EAAG,QAAO,OAAO,eAAe,GAAG,IAAI,CAAC;AAC9D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,kBAAkB;AAAA,EAC7B;AAEA,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,kBAAkB,IAAI;AAAA,IAC/B,KAAK;AACH,aAAO,KAAK;AAAA,EAChB;AACF;AAEO,IAAM,oBAAoB,MAAM;AAChC,IAAM,oBAAoB,CAAC,SAAS,WAAW,WAAW,IAAI,CAAC;;;ACnC/D,IAAM,SAAS,MAAM;AAAC;AACtB,IAAM,QAAQ,MAAM;AAAC;AACrB,IAAM,UAAU,MAAM;AAAC;","names":["attrs"]}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
@@ -64,15 +64,12 @@ var createElement = (tag, attrs, ...children) => (parent, oldNodeCleanup) => {
|
|
|
64
64
|
const node = hydrating ? walk() : document.createElement(tag);
|
|
65
65
|
const patch = _chunkD2QKPV4Rjs.patchAttributes.call(void 0, node);
|
|
66
66
|
(attrs == null ? void 0 : attrs[_chunkD2QKPV4Rjs.reactiveSymbol]) ? _chunkD2QKPV4Rjs.effect2.call(void 0, (attrs2) => patch(attrs2(), hydrating), [attrs]) : patch(attrs, hydrating);
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
for (const child of children) {
|
|
72
|
-
render(child)(node);
|
|
73
|
-
}
|
|
74
|
-
hydrating && (walk = temp);
|
|
67
|
+
const temp = walk;
|
|
68
|
+
hydrating && (walk = domWalker(node.childNodes));
|
|
69
|
+
for (const child of children) {
|
|
70
|
+
render(child)(node);
|
|
75
71
|
}
|
|
72
|
+
hydrating && (walk = temp);
|
|
76
73
|
oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node);
|
|
77
74
|
return (parent2, newElement) => {
|
|
78
75
|
parent2.replaceChild(newElement, node);
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/Users/dane/Documents/My%20Projects/oddo/packages/ui/dist/index.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;AACA,IAAI,YAAY,EAAE,CAAC,CAAC;AACpB,IAAI,eAAe,EAAE,IAAI;AACzB,IAAI,eAAe,EAAE,CAAC,MAAM,EAAE,GAAG;AACjC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,yCAAU,CAAE;AAC7D,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,yCAAU,CAAE;AACnE,EAAE,MAAM,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;AACzD,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC;AAC3C,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC;AAC1C,CAAC;AACD,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG;AACpD,EAAE,IAAI,KAAK;AACX,EAAE,IAAI,OAAO;AACb,EAAE,IAAI,SAAS;AACf,EAAE,sCAAO;AACT,IAAI,CAAC,IAAI,EAAE,GAAG;AACd,MAAM,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,OAAO,CAAC,CAAC;AAC1C,MAAM,MAAM,QAAQ,EAAE,IAAI,CAAC,CAAC;AAC5B,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,OAAO,KAAK,IAAI,WAAW,EAAE,cAAc,CAAC,cAAc,EAAE,EAAE,WAAW,CAAC;AAC1G,MAAM,MAAM,YAAY,EAAE,cAAc;AACxC,MAAM,eAAe,EAAE,SAAS;AAChC,MAAM,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC;AAC5C,MAAM,eAAe,EAAE,WAAW;AAClC,IAAI,CAAC;AACL,IAAI,CAAC,uCAAQ,EAAG,EAAE,IAAI,CAAC;AACvB,EAAE,CAAC;AACH,CAAC;AACD,IAAI,eAAe,EAAE,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG;AAClE,EAAE,MAAM,KAAK,EAAE,IAAI,gBAAgB,CAAC,CAAC;AACrC,EAAE,MAAM,UAAU,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AACpE,EAAE,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;AAC1C,EAAE,IAAI,CAAC,MAAM,MAAM,GAAG,QAAQ,EAAE;AAChC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;AACvB,EAAE;AACF,EAAE,MAAM,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AAClE,EAAE,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;AACxC,EAAE,eAAe,EAAE,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;AACvF,EAAE,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG;AAClC,IAAI,MAAM,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;AAChC,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAC5B,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;AAC1B,IAAI,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC;AAC/C,EAAE,CAAC;AACH,CAAC;AACD,IAAI,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG;AAC7E,EAAE,MAAM,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;AAC/D,EAAE,MAAM,MAAM,EAAE,8CAAe,IAAK,CAAC;AACrC,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,+BAAc,CAAC,EAAE,EAAE,sCAAO,CAAE,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,CAAC;AACvI,EAAE,
|
|
1
|
+
{"version":3,"sources":["/Users/dane/Documents/My%20Projects/oddo/packages/ui/dist/index.js"],"names":[],"mappings":"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","file":"/Users/dane/Documents/My Projects/oddo/packages/ui/dist/index.js","sourcesContent":[null]}
|
package/dist/index.mjs
CHANGED
|
@@ -64,15 +64,12 @@ var createElement = (tag, attrs, ...children) => (parent, oldNodeCleanup) => {
|
|
|
64
64
|
const node = hydrating ? walk() : document.createElement(tag);
|
|
65
65
|
const patch = patchAttributes(node);
|
|
66
66
|
(attrs == null ? void 0 : attrs[reactiveSymbol]) ? effect2((attrs2) => patch(attrs2(), hydrating), [attrs]) : patch(attrs, hydrating);
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
(
|
|
71
|
-
for (const child of children) {
|
|
72
|
-
render(child)(node);
|
|
73
|
-
}
|
|
74
|
-
hydrating && (walk = temp);
|
|
67
|
+
const temp = walk;
|
|
68
|
+
hydrating && (walk = domWalker(node.childNodes));
|
|
69
|
+
for (const child of children) {
|
|
70
|
+
render(child)(node);
|
|
75
71
|
}
|
|
72
|
+
hydrating && (walk = temp);
|
|
76
73
|
oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node);
|
|
77
74
|
return (parent2, newElement) => {
|
|
78
75
|
parent2.replaceChild(newElement, node);
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/dom.mjs"],"sourcesContent":["import { patchAttributes } from \"./attrs.mjs\"\nimport { observable, reactiveSymbol, effect2, computed, createAccessor } from \"./reactive.mjs\"\n\nconst emptyObject = {}\n\nlet currentContext = null\nconst cleanupContext = (parent) => {\n const { subscribe, notify: disposeChildren} = observable()\n const { subscribe: onCleanup, notify: runCleanup} = observable()\n const dispose = () => (runCleanup(), disposeChildren())\n parent?.(dispose)\n\n return { onCleanup, dispose, subscribe }\n}\n\nexport const createJsxExpression = (fn, deps) => (parent) => {\n let patch\n let dispose\n let subscribe\n\n effect2(\n (vdom) => {\n dispose?.()\n const content = vdom();\n ({ dispose, subscribe } = typeof vdom === \"function\" ? cleanupContext(currentContext) : emptyObject)\n const prevContext = currentContext\n currentContext = subscribe\n patch = render(content)(parent, patch)\n currentContext = prevContext\n },\n [computed(fn, deps)]\n )\n}\n\nexport const createFragment = (...children) => (parent, oldNodeCleanup) => {\n const node = new DocumentFragment\n const startNode = hydrating ? walk() : document.createComment(\"<\")\n hydrating || node.appendChild(startNode)\n for (const child of children) {\n render(child)(node)\n }\n const endNode = hydrating ? walk() : document.createComment(\">\")\n hydrating || node.appendChild(endNode)\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\n\n return (parent, newElement) => {\n const range = document.createRange()\n range.setStart(startNode, 1)\n range.setEnd(endNode, 0)\n range.deleteContents()\n parent.replaceChild(newElement, startNode)\n }\n}\n\nexport const createElement = (tag, attrs, ...children) => (parent, oldNodeCleanup) => {\n const node = hydrating ? walk() : document.createElement(tag)\n const patch = patchAttributes(node)\n attrs?.[reactiveSymbol]\n ? effect2((attrs) => patch(attrs(), hydrating), [attrs])\n : patch(attrs, hydrating)\n\n
|
|
1
|
+
{"version":3,"sources":["../src/dom.mjs"],"sourcesContent":["import { patchAttributes } from \"./attrs.mjs\"\r\nimport { observable, reactiveSymbol, effect2, computed, createAccessor } from \"./reactive.mjs\"\r\n\r\nconst emptyObject = {}\r\n\r\nlet currentContext = null\r\nconst cleanupContext = (parent) => {\r\n const { subscribe, notify: disposeChildren} = observable()\r\n const { subscribe: onCleanup, notify: runCleanup} = observable()\r\n const dispose = () => (runCleanup(), disposeChildren())\r\n parent?.(dispose)\r\n\r\n return { onCleanup, dispose, subscribe }\r\n}\r\n\r\nexport const createJsxExpression = (fn, deps) => (parent) => {\r\n let patch\r\n let dispose\r\n let subscribe\r\n\r\n effect2(\r\n (vdom) => {\r\n dispose?.()\r\n const content = vdom();\r\n ({ dispose, subscribe } = typeof vdom === \"function\" ? cleanupContext(currentContext) : emptyObject)\r\n const prevContext = currentContext\r\n currentContext = subscribe\r\n patch = render(content)(parent, patch)\r\n currentContext = prevContext\r\n },\r\n [computed(fn, deps)]\r\n )\r\n}\r\n\r\nexport const createFragment = (...children) => (parent, oldNodeCleanup) => {\r\n const node = new DocumentFragment\r\n const startNode = hydrating ? walk() : document.createComment(\"<\")\r\n hydrating || node.appendChild(startNode)\r\n for (const child of children) {\r\n render(child)(node)\r\n }\r\n const endNode = hydrating ? walk() : document.createComment(\">\")\r\n hydrating || node.appendChild(endNode)\r\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\r\n\r\n return (parent, newElement) => {\r\n const range = document.createRange()\r\n range.setStart(startNode, 1)\r\n range.setEnd(endNode, 0)\r\n range.deleteContents()\r\n parent.replaceChild(newElement, startNode)\r\n }\r\n}\r\n\r\nexport const createElement = (tag, attrs, ...children) => (parent, oldNodeCleanup) => {\r\n const node = hydrating ? walk() : document.createElement(tag)\r\n const patch = patchAttributes(node)\r\n attrs?.[reactiveSymbol]\r\n ? effect2((attrs) => patch(attrs(), hydrating), [attrs])\r\n : patch(attrs, hydrating)\r\n\r\n const temp = walk\r\n hydrating && (walk = domWalker(node.childNodes))\r\n for (const child of children) { render(child)(node) }\r\n hydrating && (walk = temp)\r\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\r\n\r\n return (parent, newElement) => {\r\n parent.replaceChild(newElement, node)\r\n }\r\n}\r\n\r\nexport const createComponent = (component, attrs, ...children) => (parent, oldNodeCleanup) => {\r\n const initializers = []\r\n const { dispose, subscribe, onCleanup } = cleanupContext(currentContext)\r\n const prevContext = currentContext\r\n currentContext = subscribe\r\n const props = createAccessor(attrs?.[reactiveSymbol] ? attrs.get() : attrs)\r\n const expressionOrVdom = component.call({ onCleanup, onMount: fn => initializers.push(fn) }, { props, children })\r\n const nodeCleanup = render(expressionOrVdom)(parent, oldNodeCleanup)\r\n currentContext = prevContext\r\n\r\n for (const initializer of initializers) { initializer() }\r\n\r\n return (parent, newElement) => {\r\n dispose()\r\n nodeCleanup(parent, newElement)\r\n }\r\n}\r\n\r\nexport const render = vdom => {\r\n if (Array.isArray(vdom)) return createFragment(...vdom)\r\n switch (vdom) {\r\n case true:\r\n case false:\r\n case null:\r\n case undefined:\r\n return createNullElement()\r\n }\r\n\r\n switch (typeof vdom) {\r\n case \"string\":\r\n case \"number\":\r\n return createTextElement(vdom)\r\n case \"function\":\r\n return vdom\r\n }\r\n}\r\n\r\nexport const createNullElement = () => (parent, oldNodeCleanup) => {\r\n const node = hydrating ? walk() : document.createComment(\"|\")\r\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\r\n\r\n return (parent, newElement) => {\r\n parent.replaceChild(newElement, node)\r\n }\r\n}\r\n\r\nexport const createTextElement = (text) => (parent, oldNodeCleanup) => {\r\n const node = hydrating ? (walk(), walk()) : document.createTextNode(text)\r\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\r\n\r\n return (parent, newElement) => {\r\n parent.replaceChild(newElement, node)\r\n }\r\n}\r\n\r\nexport const mount = (root, jsx) => {\r\n render(jsx)(root)\r\n}\r\n\r\nlet hydrating = false\r\nexport const hydrate = (root, jsx) => {\r\n hydrating = true\r\n walk = domWalker(root.childNodes)\r\n render(jsx)(root)\r\n hydrating = false\r\n}\r\n\r\nlet walk\r\nconst domWalker = children => {\r\n let cursor = 0\r\n return () => children[cursor++]\r\n}\r\n\r\n// const log = (item, ...args) => (console.log({ item }, ...args), item)\r\n"],"mappings":"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","names":["parent","attrs"]}
|