@oddo/ui 0.0.22 → 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-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)}>${children.map(render).join("")}</${tag}>`;
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({
@@ -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)}>${children.map(render).join("")}</${tag}>`;
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({
@@ -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 = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' }\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.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,IAAI,SAAS,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,GAAG;AAEpC,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"]}
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 = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '\"': '&quot;', \"'\": '&#39;' }\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}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
3
 
4
4
 
@@ -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) => {
@@ -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
- if (children == null ? void 0 : children.length) {
68
- const temp = walk;
69
- hydrating && (node == null ? void 0 : node.childNodes) && (walk = domWalker(node == null ? void 0 : node.childNodes));
70
- _nullishCoalesce((node == null ? void 0 : node.childNodes), () => ( console.log({ node })));
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":"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","file":"/Users/dane/Documents/My Projects/oddo/packages/ui/dist/index.js","sourcesContent":[null]}
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
@@ -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) => {
@@ -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
- if (children == null ? void 0 : children.length) {
68
- const temp = walk;
69
- hydrating && (node == null ? void 0 : node.childNodes) && (walk = domWalker(node == null ? void 0 : node.childNodes));
70
- (node == null ? void 0 : node.childNodes) ?? console.log({ node });
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);
@@ -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 if (children?.length) {\n const temp = walk\n hydrating && node?.childNodes && (walk = domWalker(node?.childNodes))\n node?.childNodes ?? console.log({ node })\n for (const child of children) { render(child)(node) }\n hydrating && (walk = temp)\n }\n\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\n\n return (parent, newElement) => {\n parent.replaceChild(newElement, node)\n }\n}\n\nexport const createComponent = (component, attrs, ...children) => (parent, oldNodeCleanup) => {\n const initializers = []\n const { dispose, subscribe, onCleanup } = cleanupContext(currentContext)\n const prevContext = currentContext\n currentContext = subscribe\n const props = createAccessor(attrs?.[reactiveSymbol] ? attrs.get() : attrs)\n const expressionOrVdom = component.call({ onCleanup, onMount: fn => initializers.push(fn) }, { props, children })\n const nodeCleanup = render(expressionOrVdom)(parent, oldNodeCleanup)\n currentContext = prevContext\n\n for (const initializer of initializers) { initializer() }\n\n return (parent, newElement) => {\n dispose()\n nodeCleanup(parent, newElement)\n }\n}\n\nexport const render = vdom => {\n if (Array.isArray(vdom)) return 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 = () => (parent, oldNodeCleanup) => {\n const node = hydrating ? walk() : document.createComment(\"|\")\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\n\n return (parent, newElement) => {\n parent.replaceChild(newElement, node)\n }\n}\n\nexport const createTextElement = (text) => (parent, oldNodeCleanup) => {\n const node = hydrating ? (walk(), walk()) : document.createTextNode(text)\n oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node)\n\n return (parent, newElement) => {\n parent.replaceChild(newElement, node)\n }\n}\n\nexport const mount = (root, jsx) => {\n render(jsx)(root)\n}\n\nlet hydrating = false\nexport const hydrate = (root, jsx) => {\n hydrating = true\n walk = domWalker(root.childNodes)\n render(jsx)(root)\n hydrating = false\n}\n\nlet walk\nconst domWalker = children => {\n let cursor = 0\n return () => children[cursor++]\n}\n\n// const log = (item, ...args) => (console.log({ item }, ...args), item)\n"],"mappings":"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","names":["parent","attrs"]}
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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oddo/ui",
3
- "version": "0.0.22",
3
+ "version": "0.0.24",
4
4
  "type": "module",
5
5
  "description": "Oddo UI Framework",
6
6
  "main": "./dist/index.js",