@oddo/ui 0.0.36 → 0.0.37
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 +5 -1
- package/dist/index-ssr.js.map +1 -1
- package/dist/index-ssr.mjs +5 -1
- package/dist/index-ssr.mjs.map +1 -1
- package/dist/index.js +8 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index-ssr.js
CHANGED
|
@@ -20,7 +20,11 @@ var noop = () => {
|
|
|
20
20
|
var escapeHtml = (unsafe) => String(unsafe).replace(/[&<>"']/g, (m) => escapeMap[m]);
|
|
21
21
|
var createJsxExpression = (fn, deps) => () => _chunk55B4VPRKjs.lift.call(void 0, (vdom) => render(vdom()), [_chunk55B4VPRKjs.computed.call(void 0, fn, deps)]);
|
|
22
22
|
var createFragment = (...children) => () => `<!--[-->${children.map(render).join("")}<!--]-->`;
|
|
23
|
-
var createElement = (tag, attrs, ...children) => () =>
|
|
23
|
+
var createElement = (tag, attrs, ...children) => () => {
|
|
24
|
+
const svgAttr = tag === "svg" ? ' xmlns="http://www.w3.org/2000/svg"' : "";
|
|
25
|
+
const renderedAttrs = (attrs == null ? void 0 : attrs[_chunk55B4VPRKjs.reactiveSymbol]) ? _chunk55B4VPRKjs.lift.call(void 0, (attrs2) => _chunk55B4VPRKjs.createAttributes.call(void 0, attrs2()), [attrs]) : _chunk55B4VPRKjs.createAttributes.call(void 0, attrs);
|
|
26
|
+
return `<${tag}${svgAttr}${renderedAttrs}${voidElements.has(tag) ? " />" : `>${children.map(render).join("")}</${tag}>`}`;
|
|
27
|
+
};
|
|
24
28
|
var createComponent = (component, attrs, ...children) => () => {
|
|
25
29
|
const props = _chunk55B4VPRKjs.createAccessor.call(void 0, _nullishCoalesce(attrs, () => ( {})));
|
|
26
30
|
const expressionOrVdom = component.call({
|
package/dist/index-ssr.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/Users/dane/Documents/My%20Projects/oddo/packages/ui/dist/index-ssr.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;AACA,IAAI,UAAU,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;AACvF,IAAI,aAAa,kBAAkB,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3J,IAAI,KAAK,EAAE,CAAC,EAAE,GAAG;AACjB,CAAC;AACD,IAAI,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACpF,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,mCAAI,CAAE,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,uCAAQ,EAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAClG,IAAI,eAAe,EAAE,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;AAC9F,IAAI,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/dane/Documents/My Projects/oddo/packages/ui/dist/index-ssr.js","sourcesContent":[null]}
|
|
1
|
+
{"version":3,"sources":["/Users/dane/Documents/My%20Projects/oddo/packages/ui/dist/index-ssr.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B;AACA;AACA,IAAI,UAAU,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC;AACvF,IAAI,aAAa,kBAAkB,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;AAC3J,IAAI,KAAK,EAAE,CAAC,EAAE,GAAG;AACjB,CAAC;AACD,IAAI,WAAW,EAAE,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AACpF,IAAI,oBAAoB,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,GAAG,mCAAI,CAAE,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,uCAAQ,EAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAClG,IAAI,eAAe,EAAE,CAAC,GAAG,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;AAC9F,IAAI,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAG;AACvD,EAAE,MAAM,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,sCAAsC,EAAE,EAAE;AAC5E,EAAE,MAAM,cAAc,EAAE,CAAC,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,+BAAc,CAAC,EAAE,EAAE,mCAAI,CAAE,MAAM,EAAE,GAAG,+CAAgB,MAAO,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,+CAAgB,KAAM,CAAC;AAC1J,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,MAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/dane/Documents/My Projects/oddo/packages/ui/dist/index-ssr.js","sourcesContent":[null]}
|
package/dist/index-ssr.mjs
CHANGED
|
@@ -20,7 +20,11 @@ var noop = () => {
|
|
|
20
20
|
var escapeHtml = (unsafe) => String(unsafe).replace(/[&<>"']/g, (m) => escapeMap[m]);
|
|
21
21
|
var createJsxExpression = (fn, deps) => () => lift((vdom) => render(vdom()), [computed(fn, deps)]);
|
|
22
22
|
var createFragment = (...children) => () => `<!--[-->${children.map(render).join("")}<!--]-->`;
|
|
23
|
-
var createElement = (tag, attrs, ...children) => () =>
|
|
23
|
+
var createElement = (tag, attrs, ...children) => () => {
|
|
24
|
+
const svgAttr = tag === "svg" ? ' xmlns="http://www.w3.org/2000/svg"' : "";
|
|
25
|
+
const renderedAttrs = (attrs == null ? void 0 : attrs[reactiveSymbol]) ? lift((attrs2) => createAttributes(attrs2()), [attrs]) : createAttributes(attrs);
|
|
26
|
+
return `<${tag}${svgAttr}${renderedAttrs}${voidElements.has(tag) ? " />" : `>${children.map(render).join("")}</${tag}>`}`;
|
|
27
|
+
};
|
|
24
28
|
var createComponent = (component, attrs, ...children) => () => {
|
|
25
29
|
const props = createAccessor(attrs ?? {});
|
|
26
30
|
const expressionOrVdom = component.call({
|
package/dist/index-ssr.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/framework/ssr.mjs","../src/index-ssr.mjs"],"sourcesContent":["import { lift, reactiveSymbol, computed, createAccessor } from \"./reactive.mjs\";\nimport { createAttributes } from \"./attrs.mjs\";\n\nconst escapeMap = { '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' }\nconst voidElements = new Set([\"area\", \"base\", \"br\", \"col\", \"embed\", \"hr\", \"img\", \"input\", \"link\", \"meta\", \"param\", \"source\", \"track\", \"wbr\"])\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) => ()
|
|
1
|
+
{"version":3,"sources":["../src/framework/ssr.mjs","../src/index-ssr.mjs"],"sourcesContent":["import { lift, reactiveSymbol, computed, createAccessor } from \"./reactive.mjs\";\nimport { createAttributes } from \"./attrs.mjs\";\n\nconst escapeMap = { '&': '&', '<': '<', '>': '>', '\"': '"', \"'\": ''' }\nconst voidElements = new Set([\"area\", \"base\", \"br\", \"col\", \"embed\", \"hr\", \"img\", \"input\", \"link\", \"meta\", \"param\", \"source\", \"track\", \"wbr\"])\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 const svgAttr = tag === \"svg\" ? ' xmlns=\"http://www.w3.org/2000/svg\"' : \"\"\n const renderedAttrs = attrs?.[reactiveSymbol]\n ? lift((attrs) => createAttributes(attrs()), [attrs])\n : createAttributes(attrs)\n return `<${tag}${svgAttr}${renderedAttrs}${voidElements.has(tag) ? \" />\" : `>${children.map(render).join(\"\")}</${tag}>`}`\n}\n\nexport const createComponent = (component, attrs, ...children) => () => {\n // const initializers = []\n const props = createAccessor(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 // liftValue,\n arraySplice\n} from \"./framework/reactive.mjs\"\n\nexport const effect = () => {}\nexport const mount = () => {}\nexport const hydrate = () => {}\nexport const Portal = () => {}\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 \"./framework/ssr.mjs\";\n"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAM,YAAY,EAAE,KAAK,SAAS,KAAK,QAAQ,KAAK,QAAQ,KAAK,UAAU,KAAK,QAAQ;AACxF,IAAM,eAAe,oBAAI,IAAI,CAAC,QAAQ,QAAQ,MAAM,OAAO,SAAS,MAAM,OAAO,SAAS,QAAQ,QAAQ,SAAS,UAAU,SAAS,KAAK,CAAC;AAE5I,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,MAAM;AAC9D,QAAM,UAAU,QAAQ,QAAQ,wCAAwC;AACxE,QAAM,iBAAgB,+BAAQ,mBAC1B,KAAK,CAACA,WAAU,iBAAiBA,OAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAClD,iBAAiB,KAAK;AAC1B,SAAO,IAAI,GAAG,GAAG,OAAO,GAAG,aAAa,GAAG,aAAa,IAAI,GAAG,IAAI,QAAQ,IAAI,SAAS,IAAI,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,GAAG,GAAG;AACzH;AAEO,IAAM,kBAAkB,CAAC,WAAW,UAAU,aAAa,MAAM;AAEtE,QAAM,QAAQ,eAAe,SAAS,CAAC,CAAC;AACxC,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;;;ACrC/D,IAAM,SAAS,MAAM;AAAC;AACtB,IAAM,QAAQ,MAAM;AAAC;AACrB,IAAM,UAAU,MAAM;AAAC;AACvB,IAAM,SAAS,MAAM;AAAC;","names":["attrs"]}
|
package/dist/index.js
CHANGED
|
@@ -17,7 +17,9 @@ var _chunk55B4VPRKjs = require('./chunk-55B4VPRK.js');
|
|
|
17
17
|
|
|
18
18
|
// src/framework/dom.mjs
|
|
19
19
|
var emptyObject = {};
|
|
20
|
+
var svgNS = "http://www.w3.org/2000/svg";
|
|
20
21
|
var currentContext = null;
|
|
22
|
+
var svgContext = false;
|
|
21
23
|
var cleanupContext = (parent) => {
|
|
22
24
|
const { subscribe, notify: disposeChildren } = _chunk55B4VPRKjs.observable.call(void 0, );
|
|
23
25
|
const { subscribe: onCleanup, notify: runCleanup } = _chunk55B4VPRKjs.observable.call(void 0, );
|
|
@@ -61,15 +63,20 @@ var createFragment = (...children) => (parent, oldNodeCleanup) => {
|
|
|
61
63
|
};
|
|
62
64
|
};
|
|
63
65
|
var createElement = (tag, attrs, ...children) => (parent, oldNodeCleanup) => {
|
|
64
|
-
const
|
|
66
|
+
const isSvg = tag === "svg";
|
|
67
|
+
const inSvg = isSvg || svgContext;
|
|
68
|
+
const node = hydrating ? walk() : inSvg ? document.createElementNS(svgNS, tag) : document.createElement(tag);
|
|
65
69
|
const patch = _chunk55B4VPRKjs.patchAttributes.call(void 0, node);
|
|
66
70
|
(attrs == null ? void 0 : attrs[_chunk55B4VPRKjs.reactiveSymbol]) ? _chunk55B4VPRKjs.effect2.call(void 0, (attrs2) => patch(attrs2(), hydrating), [attrs]) : patch(attrs, hydrating);
|
|
71
|
+
const prevSvgContext = svgContext;
|
|
72
|
+
if (isSvg) svgContext = true;
|
|
67
73
|
const temp = walk;
|
|
68
74
|
hydrating && (walk = domWalker(node.childNodes));
|
|
69
75
|
for (const child of children) {
|
|
70
76
|
render(child)(node);
|
|
71
77
|
}
|
|
72
78
|
hydrating && (walk = temp);
|
|
79
|
+
svgContext = prevSvgContext;
|
|
73
80
|
oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node);
|
|
74
81
|
return (parent2, newElement) => {
|
|
75
82
|
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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
|
|
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
|
@@ -17,7 +17,9 @@ import {
|
|
|
17
17
|
|
|
18
18
|
// src/framework/dom.mjs
|
|
19
19
|
var emptyObject = {};
|
|
20
|
+
var svgNS = "http://www.w3.org/2000/svg";
|
|
20
21
|
var currentContext = null;
|
|
22
|
+
var svgContext = false;
|
|
21
23
|
var cleanupContext = (parent) => {
|
|
22
24
|
const { subscribe, notify: disposeChildren } = observable();
|
|
23
25
|
const { subscribe: onCleanup, notify: runCleanup } = observable();
|
|
@@ -61,15 +63,20 @@ var createFragment = (...children) => (parent, oldNodeCleanup) => {
|
|
|
61
63
|
};
|
|
62
64
|
};
|
|
63
65
|
var createElement = (tag, attrs, ...children) => (parent, oldNodeCleanup) => {
|
|
64
|
-
const
|
|
66
|
+
const isSvg = tag === "svg";
|
|
67
|
+
const inSvg = isSvg || svgContext;
|
|
68
|
+
const node = hydrating ? walk() : inSvg ? document.createElementNS(svgNS, tag) : document.createElement(tag);
|
|
65
69
|
const patch = patchAttributes(node);
|
|
66
70
|
(attrs == null ? void 0 : attrs[reactiveSymbol]) ? effect2((attrs2) => patch(attrs2(), hydrating), [attrs]) : patch(attrs, hydrating);
|
|
71
|
+
const prevSvgContext = svgContext;
|
|
72
|
+
if (isSvg) svgContext = true;
|
|
67
73
|
const temp = walk;
|
|
68
74
|
hydrating && (walk = domWalker(node.childNodes));
|
|
69
75
|
for (const child of children) {
|
|
70
76
|
render(child)(node);
|
|
71
77
|
}
|
|
72
78
|
hydrating && (walk = temp);
|
|
79
|
+
svgContext = prevSvgContext;
|
|
73
80
|
oldNodeCleanup ? oldNodeCleanup(parent, node) : hydrating || parent.appendChild(node);
|
|
74
81
|
return (parent2, newElement) => {
|
|
75
82
|
parent2.replaceChild(newElement, node);
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/framework/dom.mjs","../src/components/Portal.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 ?? {})\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 const wasHydrating = hydrating\r\n hydrating = false\r\n render(jsx)(root)\r\n hydrating = wasHydrating\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","import { createFragment as f, createJsxExpression as x, mount } from \"../framework/dom.mjs\"\nimport { liftFn } from \"../framework/reactive.mjs\"\n\nconst Portal = function ({ props: { to }, children }) {\n const container = document.createElement(\"div\")\n container.style.cssText = \"position: fixed; top: 0; left: 0; z-index: 9999;\"\n this.onMount(liftFn((to, children) => {\n queueMicrotask(() => {\n (to ?? document.body).appendChild(container)\n mount(container, f(x(() => children, [])))\n })\n }, [to, children]))\n this.onCleanup(() => {\n container.remove()\n })\n return null\n}\n\nexport default Portal\n"],"mappings":";;;;;;;;;;;;;;;;;;AAGA,IAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"sources":["../src/framework/dom.mjs","../src/components/Portal.mjs"],"sourcesContent":["import { patchAttributes } from \"./attrs.mjs\"\r\nimport { observable, reactiveSymbol, effect2, computed, createAccessor } from \"./reactive.mjs\"\r\n\r\nconst emptyObject = {}\r\nconst svgNS = \"http://www.w3.org/2000/svg\"\r\n\r\nlet currentContext = null\r\nlet svgContext = false\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 isSvg = tag === \"svg\"\r\n const inSvg = isSvg || svgContext\r\n const node = hydrating ? walk()\r\n : inSvg ? document.createElementNS(svgNS, tag)\r\n : 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 prevSvgContext = svgContext\r\n if (isSvg) svgContext = true\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 svgContext = prevSvgContext\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 ?? {})\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 const wasHydrating = hydrating\r\n hydrating = false\r\n render(jsx)(root)\r\n hydrating = wasHydrating\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","import { createFragment as f, createJsxExpression as x, mount } from \"../framework/dom.mjs\"\nimport { liftFn } from \"../framework/reactive.mjs\"\n\nconst Portal = function ({ props: { to }, children }) {\n const container = document.createElement(\"div\")\n container.style.cssText = \"position: fixed; top: 0; left: 0; z-index: 9999;\"\n this.onMount(liftFn((to, children) => {\n queueMicrotask(() => {\n (to ?? document.body).appendChild(container)\n mount(container, f(x(() => children, [])))\n })\n }, [to, children]))\n this.onCleanup(() => {\n container.remove()\n })\n return null\n}\n\nexport default Portal\n"],"mappings":"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","names":["parent","attrs","to","children"]}
|