@oddo/ui 0.0.23 → 0.0.24
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 +2 -2
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -44,12 +44,12 @@ var createJsxExpression = (fn, deps) => (parent) => {
|
|
|
44
44
|
};
|
|
45
45
|
var createFragment = (...children) => (parent, oldNodeCleanup) => {
|
|
46
46
|
const node = new DocumentFragment();
|
|
47
|
-
const startNode = hydrating ? walk() : document.createComment("
|
|
47
|
+
const startNode = hydrating ? walk() : document.createComment("[");
|
|
48
48
|
hydrating || node.appendChild(startNode);
|
|
49
49
|
for (const child of children) {
|
|
50
50
|
render(child)(node);
|
|
51
51
|
}
|
|
52
|
-
const endNode = hydrating ? walk() : document.createComment("
|
|
52
|
+
const endNode = hydrating ? walk() : document.createComment("]");
|
|
53
53
|
hydrating || node.appendChild(endNode);
|
|
54
54
|
oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node);
|
|
55
55
|
return (parent2, newElement) => {
|
package/dist/index.mjs
CHANGED
|
@@ -44,12 +44,12 @@ var createJsxExpression = (fn, deps) => (parent) => {
|
|
|
44
44
|
};
|
|
45
45
|
var createFragment = (...children) => (parent, oldNodeCleanup) => {
|
|
46
46
|
const node = new DocumentFragment();
|
|
47
|
-
const startNode = hydrating ? walk() : document.createComment("
|
|
47
|
+
const startNode = hydrating ? walk() : document.createComment("[");
|
|
48
48
|
hydrating || node.appendChild(startNode);
|
|
49
49
|
for (const child of children) {
|
|
50
50
|
render(child)(node);
|
|
51
51
|
}
|
|
52
|
-
const endNode = hydrating ? walk() : document.createComment("
|
|
52
|
+
const endNode = hydrating ? walk() : document.createComment("]");
|
|
53
53
|
hydrating || node.appendChild(endNode);
|
|
54
54
|
oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node);
|
|
55
55
|
return (parent2, newElement) => {
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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(\"
|
|
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"]}
|