From 19fd857dacc345313a83f33600e79a968bd275d7 Mon Sep 17 00:00:00 2001 From: Jan Andrle Date: Thu, 19 Oct 2023 14:23:10 +0200 Subject: [PATCH] :recycle: Update build script to support minification levels Full minification by default --- bs/build.js | 74 +++--- dist/dde-with-signals.js | 543 ++------------------------------------- dist/dde.js | 353 +------------------------ dist/esm-with-signals.js | 527 +------------------------------------ dist/esm.js | 339 +----------------------- 5 files changed, 71 insertions(+), 1765 deletions(-) diff --git a/bs/build.js b/bs/build.js index e65c4e4..2b60f6c 100755 --- a/bs/build.js +++ b/bs/build.js @@ -2,39 +2,43 @@ const files= [ "index.js", "index-with-signals.js" ]; const filesOut= (file, mark= "esm")=> "dist/"+file.replace("index", mark); -for(const file of files){ - const out= filesOut(file); - s.run([ - "npx esbuild '::file::'", - "--platform=neutral", - "--bundle", - //"--minify", - "--minify-syntax --minify-identifiers", - "--legal-comments=inline", - "--packages=external", - "--outfile='::out::'" - ].join(" "), { file, out }); - pipe( - f=> f.replace(/^ +/gm, m=> "\t".repeat(m.length/2)), - f=> s.echo(f).to(out) - )(s.cat(out)); - toDDE(out, filesOut(file, "dde")); -} -$.exit(0); +$.api("", true) +.option("--minify", "Level of minification [ full (default), partial ]") +.action(function main({ minify= "full" }){ + for(const file of files){ + const out= filesOut(file); + s.run([ + "npx esbuild '::file::'", + "--platform=neutral", + "--bundle", + minify==="full" ? "--minify" : "--minify-syntax --minify-identifiers", + "--legal-comments=inline", + "--packages=external", + "--outfile='::out::'" + ].join(" "), { file, out }); + pipe( + f=> f.replace(/^ +/gm, m=> "\t".repeat(m.length/2)), + f=> s.echo(f).to(out) + )(s.cat(out)); + toDDE(out, filesOut(file, "dde")); + } + $.exit(0); -function toDDE(file, out){ - const name= "dde"; - echo(`\n ${out} (${file} → globalThis.${name})\n`); - - let content= s.cat(file).toString().split(/export ?{/); - content.splice(1, 0, `\nglobalThis.${name}= {`); - content[2]= content[2].replace(/^(\t*)(.*) as ([^,\n]*)(,?)$/mg, "$1$3: $2$4"); - s.echo([ - `//deka-dom-el library is available via global namespace \`${name}\``, - "(()=> {", - "\t"+content.join("").split("\n").join("\n "), - "})();" - ].join("\n")).to(out); - - echo("⚡ Done\n"); -} + function toDDE(file, out){ + const name= "dde"; + echo(`\n ${out} (${file} → globalThis.${name})\n`); + + let content= s.cat(file).toString().split(/export ?{/); + content.splice(1, 0, `\nglobalThis.${name}= {`); + content[2]= content[2].replace(/,(?!\n)/g, ",\n").replace(/(? {", + content.join(""), + "})();" + ].join("\n")).to(out); + + echo("⚡ Done\n"); + } +}) +.parse(); diff --git a/dist/dde-with-signals.js b/dist/dde-with-signals.js index b88d49c..0b9f245 100644 --- a/dist/dde-with-signals.js +++ b/dist/dde-with-signals.js @@ -1,530 +1,19 @@ //deka-dom-el library is available via global namespace `dde` (()=> { - // src/signals-common.js - var w = { - isSignal(t) { - return !1; - }, - processReactiveAttribute(t, e, n, o) { - return n; - } - }; - function j(t, e = !0) { - return e ? Object.assign(w, t) : (Object.setPrototypeOf(t, w), t); - } - function A(t) { - return w.isPrototypeOf(t) && t !== w ? t : w; - } - - // src/helpers.js - function E(t) { - return typeof t > "u"; - } - function k(t) { - let e = typeof t; - return e !== "object" ? e : t === null ? "null" : Object.prototype.toString.call(t); - } - function O(t, e) { - if (!t || !(t instanceof AbortSignal)) - return !0; - if (!t.aborted) - return t.addEventListener("abort", e), function() { - t.removeEventListener("abort", e); - }; - } - - // src/dom-common.js - var F = { setDeleteAttr: Q }; - function Q(t, e, n) { - if (Reflect.set(t, e, n), !!E(n)) { - if (Reflect.deleteProperty(t, e), t instanceof HTMLElement && t.getAttribute(e) === "undefined") - return t.removeAttribute(e); - if (Reflect.get(t, e) === "undefined") - return Reflect.set(t, e, ""); - } - } - - // src/dom.js - var y = [{ - scope: document.body, - namespace: "html", - host: (t) => t ? t(document.body) : document.body, - prevent: !0 - }], z = (t) => t === "svg" ? "http://www.w3.org/2000/svg" : t, h = { - get current() { - return y[y.length - 1]; - }, - get host() { - return this.current.host; - }, - get namespace() { - return this.current.namespace; - }, - set namespace(t) { - return this.current.namespace = z(t); - }, - preventDefault() { - let { current: t } = this; - return t.prevent = !0, t; - }, - elNamespace(t) { - let e = this.namespace; - return this.namespace = t, { - append(...n) { - return h.namespace = e, n.length === 1 ? n[0] : document.createDocumentFragment().append(...n); - } - }; - }, - get state() { - return [...y]; - }, - push(t = {}) { - return t.namespace && (t.namespace = z(t.namespace)), y.push(Object.assign({}, this.current, { prevent: !1 }, t)); - }, - pop() { - return y.pop(); - } - }; - function pt(t, e, ...n) { - let o = A(this), { namespace: r } = h, c = 0, s; - switch ((Object(e) !== e || o.isSignal(e)) && (e = { textContent: e }), !0) { - case typeof t == "function": { - c = 1, h.push({ scope: t, host: (a) => a ? (c === 1 ? n.unshift(a) : a(s), void 0) : s }), s = t(e || void 0), (s instanceof HTMLElement ? I : J)(s, "Attribute", "dde-fun", t.name); - break; - } - case t === "#text": - s = R.call(this, document.createTextNode(""), e); - break; - case t === "<>": - s = R.call(this, document.createDocumentFragment(), e); - break; - case r !== "html": - s = R.call(this, document.createElementNS(r, t), e); - break; - case !s: - s = R.call(this, document.createElement(t), e); - } - return n.forEach((a) => a(s)), c && h.pop(), c = 2, s; - } - var { setDeleteAttr: H } = F, C = /* @__PURE__ */ new WeakMap(); - function R(t, ...e) { - if (!e.length) - return t; - C.set(t, q(t, this)); - for (let [n, o] of Object.entries(Object.assign({}, ...e))) - $.call(this, t, n, o); - return C.delete(t), t; - } - function $(t, e, n) { - let { setRemoveAttr: o, s: r } = q(t, this), c = this; - n = r.processReactiveAttribute( - t, - e, - n, - (a, p) => $.call(c, t, a, p) - ); - let [s] = e; - if (s === "=") - return o(e.slice(1), n); - if (s === ".") - return U(t, e.slice(1), n); - if (/(aria|data)([A-Z])/.test(e)) - return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), o(e, n); - switch (e === "className" && (e = "class"), e) { - case "xlink:href": - return o(e, n, "http://www.w3.org/1999/xlink"); - case "textContent": - return H(t, e, n); - case "style": - if (typeof n != "object") - break; - case "dataset": - return T(r, n, U.bind(null, t[e])); - case "ariaset": - return T(r, n, (a, p) => o("aria-" + a, p)); - case "classList": - return X.call(c, t, n); - } - return Y(t, e) ? H(t, e, n) : o(e, n); - } - function q(t, e) { - if (C.has(t)) - return C.get(t); - let o = (t instanceof SVGElement ? J : I).bind(null, t, "Attribute"), r = A(e); - return { setRemoveAttr: o, s: r }; - } - function X(t, e) { - let n = A(this); - return T( - n, - e, - (o, r) => t.classList.toggle(o, r === -1 ? void 0 : !!r) - ), t; - } - function ht(t) { - return Array.from(t.children).forEach((e) => e.remove()), t; - } - function Y(t, e) { - if (!Reflect.has(t, e)) - return !1; - let n = B(t, e); - return !E(n.set); - } - function B(t, e) { - if (t = Object.getPrototypeOf(t), !t) - return {}; - let n = Object.getOwnPropertyDescriptor(t, e); - return n || B(t, e); - } - function T(t, e, n) { - if (!(typeof e != "object" || e === null)) - return Object.entries(e).forEach(function([r, c]) { - r && (c = t.processReactiveAttribute(e, r, c, n), n(r, c)); - }); - } - function G(t) { - return Array.isArray(t) ? t.filter(Boolean).join(" ") : t; - } - function I(t, e, n, o) { - return t[(E(o) ? "remove" : "set") + e](n, G(o)); - } - function J(t, e, n, o, r = null) { - return t[(E(o) ? "remove" : "set") + e + "NS"](r, n, G(o)); - } - function U(t, e, n) { - if (Reflect.set(t, e, n), !!E(n)) - return Reflect.deleteProperty(t, e); - } - - // src/events.js - function bt(t, e, ...n) { - let o = n.length ? new CustomEvent(e, { detail: n[0] }) : new Event(e); - return t.dispatchEvent(o); - } - function v(t, e, n) { - return function(r) { - return r.addEventListener(t, e, n), r; - }; - } - var L = et(), tt = /* @__PURE__ */ new WeakSet(); - v.connected = function(t, e) { - let n = "connected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let c = "dde:" + n; - return r.addEventListener(c, t, e), r.__dde_lifecycleToEvents ? r : r.isConnected ? (r.dispatchEvent(new Event(c)), r) : (O(e.signal, () => L.offConnected(r, t)) && L.onConnected(r, t), r); - }; - }; - v.disconnected = function(t, e) { - let n = "disconnected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let c = "dde:" + n; - return r.addEventListener(c, t, e), r.__dde_lifecycleToEvents || O(e.signal, () => L.offDisconnected(r, t)) && L.onDisconnected(r, t), r; - }; - }; - v.attributeChanged = function(t, e) { - let n = "attributeChanged"; - return typeof e != "object" && (e = {}), function(r) { - let c = "dde:" + n; - if (r.addEventListener(c, t, e), r.__dde_lifecycleToEvents || tt.has(r)) - return r; - let s = new MutationObserver(function(p) { - for (let { attributeName: b, target: _ } of p) - _.dispatchEvent( - new CustomEvent(c, { detail: [b, _.getAttribute(b)] }) - ); - }); - return O(e.signal, () => s.disconnect()) && s.observe(r, { attributes: !0 }), r; - }; - }; - function et() { - let t = /* @__PURE__ */ new Map(), e = !1, n = new MutationObserver(function(i) { - for (let u of i) - if (u.type === "childList") { - if (b(u.addedNodes, !0)) { - s(); - continue; - } - _(u.removedNodes, !0) && s(); - } - }); - return { - onConnected(i, u) { - c(); - let f = r(i); - f.connected.has(u) || (f.connected.add(u), f.length_c += 1); - }, - offConnected(i, u) { - if (!t.has(i)) - return; - let f = t.get(i); - f.connected.has(u) && (f.connected.delete(u), f.length_c -= 1, o(i, f)); - }, - onDisconnected(i, u) { - c(); - let f = r(i); - f.disconnected.has(u) || (f.disconnected.add(u), f.length_d += 1); - }, - offDisconnected(i, u) { - if (!t.has(i)) - return; - let f = t.get(i); - f.disconnected.has(u) && (f.disconnected.delete(u), f.length_d -= 1, o(i, f)); - } - }; - function o(i, u) { - u.length_c || u.length_d || (t.delete(i), s()); - } - function r(i) { - if (t.has(i)) - return t.get(i); - let u = { - connected: /* @__PURE__ */ new WeakSet(), - length_c: 0, - disconnected: /* @__PURE__ */ new WeakSet(), - length_d: 0 - }; - return t.set(i, u), u; - } - function c() { - e || (e = !0, n.observe(document.body, { childList: !0, subtree: !0 })); - } - function s() { - !e || t.size || (e = !1, n.disconnect()); - } - function a() { - return new Promise(function(i) { - (requestIdleCallback || requestAnimationFrame)(i); - }); - } - async function p(i) { - t.size > 30 && await a(); - let u = []; - if (!(i instanceof Node)) - return u; - for (let f of t.keys()) - f === i || !(f instanceof Node) || i.contains(f) && u.push(f); - return u; - } - function b(i, u) { - let f = !1; - for (let m of i) { - if (u && p(m).then(b), !t.has(m)) - continue; - let x = t.get(m); - x.length_c && (m.dispatchEvent(new Event("dde:connected")), x.connected = /* @__PURE__ */ new WeakSet(), x.length_c = 0, x.length_d || t.delete(m), f = !0); - } - return f; - } - function _(i, u) { - let f = !1; - for (let m of i) - u && p(m).then(_), !(!t.has(m) || !t.get(m).length_d) && (m.dispatchEvent(new Event("dde:disconnected")), t.delete(m), f = !0); - return f; - } - } - - // index.js - [HTMLElement, SVGElement, DocumentFragment].forEach((t) => { - let { append: e } = t.prototype; - t.prototype.append = function(...n) { - return e.apply(this, n), this; - }; - }); - - // src/signals-lib.js - var d = Symbol.for("Signal"); - function N(t) { - try { - return Reflect.has(t, d); - } catch { - return !1; - } - } - var P = [], l = /* @__PURE__ */ new WeakMap(); - function g(t, e) { - if (typeof t != "function") - return V(t, e); - if (N(t)) - return t; - let n = V(), o = function() { - let [r, ...c] = l.get(o); - if (l.set(o, /* @__PURE__ */ new Set([r])), P.push(o), n(t()), P.pop(), !c.length) - return; - let s = l.get(o); - for (let a of c) - s.has(a) || S(a, o); - }; - return l.set(n[d], o), l.set(o, /* @__PURE__ */ new Set([n])), o(), n; - } - g.action = function(t, e, ...n) { - let o = t[d], { actions: r } = o; - if (!r || !Reflect.has(r, e)) - throw new Error(`'${t}' has no action with name '${e}'!`); - if (r[e].apply(o, n), o.skip) - return Reflect.deleteProperty(o, "skip"); - o.listeners.forEach((c) => c(o.value)); - }; - g.on = function t(e, n, o = {}) { - let { signal: r } = o; - if (!(r && r.aborted)) { - if (Array.isArray(e)) - return e.forEach((c) => t(c, n, o)); - W(e, n), r && r.addEventListener("abort", () => S(e, n)); - } - }; - g.symbols = { - signal: d, - onclear: Symbol.for("Signal.onclear") - }; - g.attribute = function(t, e = void 0) { - let { host: n } = h, o = n() && n().hasAttribute(t) ? n().getAttribute(t) : e, r = new AbortController(), c = g(o, { - [g.symbols.onclear]() { - r.abort(); - } - }); - return h.host(v.attributeChanged(function({ detail: a }) { - let [p, b] = a; - p === t && c(b); - }, { signal: r.signal })), c; - }; - g.clear = function(...t) { - for (let n of t) { - Reflect.deleteProperty(n, "toJSON"); - let o = n[d]; - o.onclear.forEach((r) => r.call(o)), e(n, o), Reflect.deleteProperty(n, d); - } - function e(n, o) { - o.listeners.forEach((r) => { - if (o.listeners.delete(r), !l.has(r)) - return; - let c = l.get(r); - c.delete(n), !(c.size > 1) && (g.clear(...c), l.delete(r)); - }); - } - }; - var D = "__dde_reactive"; - g.el = function(t, e) { - let n = document.createComment(""), o = document.createComment(""), r = document.createDocumentFragment(); - r.append(n, o); - let { current: c } = h, s = (a) => { - if (!n.parentNode || !o.parentNode) - return S(t, s); - h.push(c); - let p = e(a); - h.pop(), Array.isArray(p) || (p = [p]); - let b = n; - for (; (b = n.nextSibling) !== o; ) - b.remove(); - n.after(...p); - }; - return W(t, s), K(t, s, n, e), s(t()), r; - }; - var Z = { - isSignal: N, - processReactiveAttribute(t, e, n, o) { - if (!N(n)) - return n; - let r = (c) => o(e, c); - return W(n, r), K(n, r, t, e), n(); - } - }; - function K(t, e, ...n) { - let { current: o } = h; - o.prevent || o.host(function(r) { - r[D] || (r[D] = [], v.disconnected( - () => ( - /*! - * Clears all signals listeners added in the current scope/host (`S.el`, `assign`, …?). - * You can investigate the `__dde_reactive` key of the element. - * */ - r[D].forEach(([[c, s]]) => S(c, s, c[d]?.host() === r)) - ) - )(r)), r[D].push([[t, e], ...n]); - }); - } - function V(t, e) { - let n = (...o) => o.length ? st(n, ...o) : ct(n); - return rt(n, t, e); - } - var nt = Object.assign(/* @__PURE__ */ Object.create(null), { - stopPropagation() { - this.skip = !0; - } - }), M = class extends Error { - constructor() { - super(); - let [e, ...n] = this.stack.split(` - `), o = e.slice(e.indexOf("@"), e.indexOf(".js:") + 4); - this.stack = n.find((r) => !r.includes(o)); - } - }; - function rt(t, e, n) { - let o = []; - k(n) !== "[object Object]" && (n = {}); - let { onclear: r } = g.symbols; - n[r] && (o.push(n[r]), Reflect.deleteProperty(n, r)); - let { host: c } = h; - return t[d] = { - value: e, - actions: n, - onclear: o, - host: c, - listeners: /* @__PURE__ */ new Set(), - defined: new M() - }, t.toJSON = () => t(), Object.setPrototypeOf(t[d], nt), t; - } - function ot() { - return P[P.length - 1]; - } - function ct(t) { - if (!t[d]) - return; - let { value: e, listeners: n } = t[d], o = ot(); - return o && n.add(o), l.has(o) && l.get(o).add(t), e; - } - function st(t, e, n) { - if (!t[d]) - return; - let o = t[d]; - if (!(!n && o.value === e)) - return o.value = e, o.listeners.forEach((r) => r(e)), e; - } - function W(t, e) { - if (t[d]) - return t[d].listeners.add(e); - } - function S(t, e, n) { - let o = t[d]; - if (!o) - return; - let r = o.listeners.delete(e); - if (n && !o.listeners.size) { - if (g.clear(t), !l.has(o)) - return r; - let c = l.get(o); - if (!l.has(c)) - return r; - l.get(c).forEach((s) => S(s, c, !0)); - } - return r; - } - - // signals.js - j(Z); - - globalThis.dde= { - S: g, - assign: R, - assignAttribute: $, - classListDeclarative: X, - createElement: pt, - dispatchEvent: bt, - el: pt, - empty: ht, - isSignal: N, - on: v, - registerReactivity: j, - scope: h - }; - +var w={isSignal(t){return!1},processReactiveAttribute(t,e,n,o){return n}};function j(t,e=!0){return e?Object.assign(w,t):(Object.setPrototypeOf(t,w),t)}function A(t){return w.isPrototypeOf(t)&&t!==w?t:w}function E(t){return typeof t>"u"}function k(t){let e=typeof t;return e!=="object"?e:t===null?"null":Object.prototype.toString.call(t)}function O(t,e){if(!t||!(t instanceof AbortSignal))return!0;if(!t.aborted)return t.addEventListener("abort",e),function(){t.removeEventListener("abort",e)}}var F={setDeleteAttr:Q};function Q(t,e,n){if(Reflect.set(t,e,n),!!E(n)){if(Reflect.deleteProperty(t,e),t instanceof HTMLElement&&t.getAttribute(e)==="undefined")return t.removeAttribute(e);if(Reflect.get(t,e)==="undefined")return Reflect.set(t,e,"")}}var y=[{scope:document.body,namespace:"html",host:t=>t?t(document.body):document.body,prevent:!0}],z=t=>t==="svg"?"http://www.w3.org/2000/svg":t,h={get current(){return y[y.length-1]},get host(){return this.current.host},get namespace(){return this.current.namespace},set namespace(t){return this.current.namespace=z(t)},preventDefault(){let{current:t}=this;return t.prevent=!0,t},elNamespace(t){let e=this.namespace;return this.namespace=t,{append(...n){return h.namespace=e,n.length===1?n[0]:document.createDocumentFragment().append(...n)}}},get state(){return[...y]},push(t={}){return t.namespace&&(t.namespace=z(t.namespace)),y.push(Object.assign({},this.current,{prevent:!1},t))},pop(){return y.pop()}};function pt(t,e,...n){let o=A(this),{namespace:r}=h,c=0,s;switch((Object(e)!==e||o.isSignal(e))&&(e={textContent:e}),!0){case typeof t=="function":{c=1,h.push({scope:t,host:a=>a?(c===1?n.unshift(a):a(s),void 0):s}),s=t(e||void 0),(s instanceof HTMLElement?I:J)(s,"Attribute","dde-fun",t.name);break}case t==="#text":s=R.call(this,document.createTextNode(""),e);break;case t==="<>":s=R.call(this,document.createDocumentFragment(),e);break;case r!=="html":s=R.call(this,document.createElementNS(r,t),e);break;case!s:s=R.call(this,document.createElement(t),e)}return n.forEach(a=>a(s)),c&&h.pop(),c=2,s}var{setDeleteAttr:H}=F,C=new WeakMap;function R(t,...e){if(!e.length)return t;C.set(t,q(t,this));for(let[n,o]of Object.entries(Object.assign({},...e)))$.call(this,t,n,o);return C.delete(t),t}function $(t,e,n){let{setRemoveAttr:o,s:r}=q(t,this),c=this;n=r.processReactiveAttribute(t,e,n,(a,p)=>$.call(c,t,a,p));let[s]=e;if(s==="=")return o(e.slice(1),n);if(s===".")return U(t,e.slice(1),n);if(/(aria|data)([A-Z])/.test(e))return e=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),o(e,n);switch(e==="className"&&(e="class"),e){case"xlink:href":return o(e,n,"http://www.w3.org/1999/xlink");case"textContent":return H(t,e,n);case"style":if(typeof n!="object")break;case"dataset":return T(r,n,U.bind(null,t[e]));case"ariaset":return T(r,n,(a,p)=>o("aria-"+a,p));case"classList":return X.call(c,t,n)}return Y(t,e)?H(t,e,n):o(e,n)}function q(t,e){if(C.has(t))return C.get(t);let o=(t instanceof SVGElement?J:I).bind(null,t,"Attribute"),r=A(e);return{setRemoveAttr:o,s:r}}function X(t,e){let n=A(this);return T(n,e,(o,r)=>t.classList.toggle(o,r===-1?void 0:!!r)),t}function ht(t){return Array.from(t.children).forEach(e=>e.remove()),t}function Y(t,e){if(!Reflect.has(t,e))return!1;let n=B(t,e);return!E(n.set)}function B(t,e){if(t=Object.getPrototypeOf(t),!t)return{};let n=Object.getOwnPropertyDescriptor(t,e);return n||B(t,e)}function T(t,e,n){if(!(typeof e!="object"||e===null))return Object.entries(e).forEach(function([r,c]){r&&(c=t.processReactiveAttribute(e,r,c,n),n(r,c))})}function G(t){return Array.isArray(t)?t.filter(Boolean).join(" "):t}function I(t,e,n,o){return t[(E(o)?"remove":"set")+e](n,G(o))}function J(t,e,n,o,r=null){return t[(E(o)?"remove":"set")+e+"NS"](r,n,G(o))}function U(t,e,n){if(Reflect.set(t,e,n),!!E(n))return Reflect.deleteProperty(t,e)}function bt(t,e,...n){let o=n.length?new CustomEvent(e,{detail:n[0]}):new Event(e);return t.dispatchEvent(o)}function v(t,e,n){return function(r){return r.addEventListener(t,e,n),r}}var L=et(),tt=new WeakSet;v.connected=function(t,e){let n="connected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let c="dde:"+n;return r.addEventListener(c,t,e),r.__dde_lifecycleToEvents?r:r.isConnected?(r.dispatchEvent(new Event(c)),r):(O(e.signal,()=>L.offConnected(r,t))&&L.onConnected(r,t),r)}};v.disconnected=function(t,e){let n="disconnected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let c="dde:"+n;return r.addEventListener(c,t,e),r.__dde_lifecycleToEvents||O(e.signal,()=>L.offDisconnected(r,t))&&L.onDisconnected(r,t),r}};v.attributeChanged=function(t,e){let n="attributeChanged";return typeof e!="object"&&(e={}),function(r){let c="dde:"+n;if(r.addEventListener(c,t,e),r.__dde_lifecycleToEvents||tt.has(r))return r;let s=new MutationObserver(function(p){for(let{attributeName:b,target:_}of p)_.dispatchEvent(new CustomEvent(c,{detail:[b,_.getAttribute(b)]}))});return O(e.signal,()=>s.disconnect())&&s.observe(r,{attributes:!0}),r}};function et(){let t=new Map,e=!1,n=new MutationObserver(function(i){for(let u of i)if(u.type==="childList"){if(b(u.addedNodes,!0)){s();continue}_(u.removedNodes,!0)&&s()}});return{onConnected(i,u){c();let f=r(i);f.connected.has(u)||(f.connected.add(u),f.length_c+=1)},offConnected(i,u){if(!t.has(i))return;let f=t.get(i);f.connected.has(u)&&(f.connected.delete(u),f.length_c-=1,o(i,f))},onDisconnected(i,u){c();let f=r(i);f.disconnected.has(u)||(f.disconnected.add(u),f.length_d+=1)},offDisconnected(i,u){if(!t.has(i))return;let f=t.get(i);f.disconnected.has(u)&&(f.disconnected.delete(u),f.length_d-=1,o(i,f))}};function o(i,u){u.length_c||u.length_d||(t.delete(i),s())}function r(i){if(t.has(i))return t.get(i);let u={connected:new WeakSet,length_c:0,disconnected:new WeakSet,length_d:0};return t.set(i,u),u}function c(){e||(e=!0,n.observe(document.body,{childList:!0,subtree:!0}))}function s(){!e||t.size||(e=!1,n.disconnect())}function a(){return new Promise(function(i){(requestIdleCallback||requestAnimationFrame)(i)})}async function p(i){t.size>30&&await a();let u=[];if(!(i instanceof Node))return u;for(let f of t.keys())f===i||!(f instanceof Node)||i.contains(f)&&u.push(f);return u}function b(i,u){let f=!1;for(let m of i){if(u&&p(m).then(b),!t.has(m))continue;let x=t.get(m);x.length_c&&(m.dispatchEvent(new Event("dde:connected")),x.connected=new WeakSet,x.length_c=0,x.length_d||t.delete(m),f=!0)}return f}function _(i,u){let f=!1;for(let m of i)u&&p(m).then(_),!(!t.has(m)||!t.get(m).length_d)&&(m.dispatchEvent(new Event("dde:disconnected")),t.delete(m),f=!0);return f}}[HTMLElement,SVGElement,DocumentFragment].forEach(t=>{let{append:e}=t.prototype;t.prototype.append=function(...n){return e.apply(this,n),this}});var d=Symbol.for("Signal");function N(t){try{return Reflect.has(t,d)}catch{return!1}}var P=[],l=new WeakMap;function g(t,e){if(typeof t!="function")return V(t,e);if(N(t))return t;let n=V(),o=function(){let[r,...c]=l.get(o);if(l.set(o,new Set([r])),P.push(o),n(t()),P.pop(),!c.length)return;let s=l.get(o);for(let a of c)s.has(a)||S(a,o)};return l.set(n[d],o),l.set(o,new Set([n])),o(),n}g.action=function(t,e,...n){let o=t[d],{actions:r}=o;if(!r||!Reflect.has(r,e))throw new Error(`'${t}' has no action with name '${e}'!`);if(r[e].apply(o,n),o.skip)return Reflect.deleteProperty(o,"skip");o.listeners.forEach(c=>c(o.value))};g.on=function t(e,n,o={}){let{signal:r}=o;if(!(r&&r.aborted)){if(Array.isArray(e))return e.forEach(c=>t(c,n,o));W(e,n),r&&r.addEventListener("abort",()=>S(e,n))}};g.symbols={signal:d,onclear:Symbol.for("Signal.onclear")};g.attribute=function(t,e=void 0){let{host:n}=h,o=n()&&n().hasAttribute(t)?n().getAttribute(t):e,r=new AbortController,c=g(o,{[g.symbols.onclear](){r.abort()}});return h.host(v.attributeChanged(function({detail:a}){let[p,b]=a;p===t&&c(b)},{signal:r.signal})),c};g.clear=function(...t){for(let n of t){Reflect.deleteProperty(n,"toJSON");let o=n[d];o.onclear.forEach(r=>r.call(o)),e(n,o),Reflect.deleteProperty(n,d)}function e(n,o){o.listeners.forEach(r=>{if(o.listeners.delete(r),!l.has(r))return;let c=l.get(r);c.delete(n),!(c.size>1)&&(g.clear(...c),l.delete(r))})}};var D="__dde_reactive";g.el=function(t,e){let n=document.createComment(""),o=document.createComment(""),r=document.createDocumentFragment();r.append(n,o);let{current:c}=h,s=a=>{if(!n.parentNode||!o.parentNode)return S(t,s);h.push(c);let p=e(a);h.pop(),Array.isArray(p)||(p=[p]);let b=n;for(;(b=n.nextSibling)!==o;)b.remove();n.after(...p)};return W(t,s),K(t,s,n,e),s(t()),r};var Z={isSignal:N,processReactiveAttribute(t,e,n,o){if(!N(n))return n;let r=c=>o(e,c);return W(n,r),K(n,r,t,e),n()}};function K(t,e,...n){let{current:o}=h;o.prevent||o.host(function(r){r[D]||(r[D]=[],v.disconnected(()=>r[D].forEach(([[c,s]])=>S(c,s,c[d]?.host()===r)))(r)),r[D].push([[t,e],...n])})}function V(t,e){let n=(...o)=>o.length?st(n,...o):ct(n);return rt(n,t,e)}var nt=Object.assign(Object.create(null),{stopPropagation(){this.skip=!0}}),M=class extends Error{constructor(){super();let[e,...n]=this.stack.split(` +`),o=e.slice(e.indexOf("@"),e.indexOf(".js:")+4);this.stack=n.find(r=>!r.includes(o))}};function rt(t,e,n){let o=[];k(n)!=="[object Object]"&&(n={});let{onclear:r}=g.symbols;n[r]&&(o.push(n[r]),Reflect.deleteProperty(n,r));let{host:c}=h;return t[d]={value:e,actions:n,onclear:o,host:c,listeners:new Set,defined:new M},t.toJSON=()=>t(),Object.setPrototypeOf(t[d],nt),t}function ot(){return P[P.length-1]}function ct(t){if(!t[d])return;let{value:e,listeners:n}=t[d],o=ot();return o&&n.add(o),l.has(o)&&l.get(o).add(t),e}function st(t,e,n){if(!t[d])return;let o=t[d];if(!(!n&&o.value===e))return o.value=e,o.listeners.forEach(r=>r(e)),e}function W(t,e){if(t[d])return t[d].listeners.add(e)}function S(t,e,n){let o=t[d];if(!o)return;let r=o.listeners.delete(e);if(n&&!o.listeners.size){if(g.clear(t),!l.has(o))return r;let c=l.get(o);if(!l.has(c))return r;l.get(c).forEach(s=>S(s,c,!0))}return r}j(Z); +globalThis.dde= {S: g, +assign: R, +assignAttribute: $, +classListDeclarative: X, +createElement: pt, +dispatchEvent: bt, +el: pt, +empty: ht, +isSignal: N, +on: v, +registerReactivity: j, +scope: h +}; + })(); \ No newline at end of file diff --git a/dist/dde.js b/dist/dde.js index 26b5302..9d93eb1 100644 --- a/dist/dde.js +++ b/dist/dde.js @@ -1,343 +1,16 @@ //deka-dom-el library is available via global namespace `dde` (()=> { - // src/signals-common.js - var v = { - isSignal(t) { - return !1; - }, - processReactiveAttribute(t, e, n, c) { - return n; - } - }; - function F(t, e = !0) { - return e ? Object.assign(v, t) : (Object.setPrototypeOf(t, v), t); - } - function m(t) { - return v.isPrototypeOf(t) && t !== v ? t : v; - } - - // src/helpers.js - function h(t) { - return typeof t > "u"; - } - function _(t, e) { - if (!t || !(t instanceof AbortSignal)) - return !0; - if (!t.aborted) - return t.addEventListener("abort", e), function() { - t.removeEventListener("abort", e); - }; - } - - // src/dom-common.js - var R = { setDeleteAttr: H }; - function H(t, e, n) { - if (Reflect.set(t, e, n), !!h(n)) { - if (Reflect.deleteProperty(t, e), t instanceof HTMLElement && t.getAttribute(e) === "undefined") - return t.removeAttribute(e); - if (Reflect.get(t, e) === "undefined") - return Reflect.set(t, e, ""); - } - } - - // src/dom.js - var E = [{ - scope: document.body, - namespace: "html", - host: (t) => t ? t(document.body) : document.body, - prevent: !0 - }], S = (t) => t === "svg" ? "http://www.w3.org/2000/svg" : t, x = { - get current() { - return E[E.length - 1]; - }, - get host() { - return this.current.host; - }, - get namespace() { - return this.current.namespace; - }, - set namespace(t) { - return this.current.namespace = S(t); - }, - preventDefault() { - let { current: t } = this; - return t.prevent = !0, t; - }, - elNamespace(t) { - let e = this.namespace; - return this.namespace = t, { - append(...n) { - return x.namespace = e, n.length === 1 ? n[0] : document.createDocumentFragment().append(...n); - } - }; - }, - get state() { - return [...E]; - }, - push(t = {}) { - return t.namespace && (t.namespace = S(t.namespace)), E.push(Object.assign({}, this.current, { prevent: !1 }, t)); - }, - pop() { - return E.pop(); - } - }; - function J(t, e, ...n) { - let c = m(this), { namespace: r } = x, f = 0, u; - switch ((Object(e) !== e || c.isSignal(e)) && (e = { textContent: e }), !0) { - case typeof t == "function": { - f = 1, x.push({ scope: t, host: (a) => a ? (f === 1 ? n.unshift(a) : a(u), void 0) : u }), u = t(e || void 0), (u instanceof HTMLElement ? M : W)(u, "Attribute", "dde-fun", t.name); - break; - } - case t === "#text": - u = w.call(this, document.createTextNode(""), e); - break; - case t === "<>": - u = w.call(this, document.createDocumentFragment(), e); - break; - case r !== "html": - u = w.call(this, document.createElementNS(r, t), e); - break; - case !u: - u = w.call(this, document.createElement(t), e); - } - return n.forEach((a) => a(u)), f && x.pop(), f = 2, u; - } - var { setDeleteAttr: L } = R, A = /* @__PURE__ */ new WeakMap(); - function w(t, ...e) { - if (!e.length) - return t; - A.set(t, P(t, this)); - for (let [n, c] of Object.entries(Object.assign({}, ...e))) - N.call(this, t, n, c); - return A.delete(t), t; - } - function N(t, e, n) { - let { setRemoveAttr: c, s: r } = P(t, this), f = this; - n = r.processReactiveAttribute( - t, - e, - n, - (a, p) => N.call(f, t, a, p) - ); - let [u] = e; - if (u === "=") - return c(e.slice(1), n); - if (u === ".") - return D(t, e.slice(1), n); - if (/(aria|data)([A-Z])/.test(e)) - return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c(e, n); - switch (e === "className" && (e = "class"), e) { - case "xlink:href": - return c(e, n, "http://www.w3.org/1999/xlink"); - case "textContent": - return L(t, e, n); - case "style": - if (typeof n != "object") - break; - case "dataset": - return y(r, n, D.bind(null, t[e])); - case "ariaset": - return y(r, n, (a, p) => c("aria-" + a, p)); - case "classList": - return U.call(f, t, n); - } - return q(t, e) ? L(t, e, n) : c(e, n); - } - function P(t, e) { - if (A.has(t)) - return A.get(t); - let c = (t instanceof SVGElement ? W : M).bind(null, t, "Attribute"), r = m(e); - return { setRemoveAttr: c, s: r }; - } - function U(t, e) { - let n = m(this); - return y( - n, - e, - (c, r) => t.classList.toggle(c, r === -1 ? void 0 : !!r) - ), t; - } - function Q(t) { - return Array.from(t.children).forEach((e) => e.remove()), t; - } - function q(t, e) { - if (!Reflect.has(t, e)) - return !1; - let n = j(t, e); - return !h(n.set); - } - function j(t, e) { - if (t = Object.getPrototypeOf(t), !t) - return {}; - let n = Object.getOwnPropertyDescriptor(t, e); - return n || j(t, e); - } - function y(t, e, n) { - if (!(typeof e != "object" || e === null)) - return Object.entries(e).forEach(function([r, f]) { - r && (f = t.processReactiveAttribute(e, r, f, n), n(r, f)); - }); - } - function T(t) { - return Array.isArray(t) ? t.filter(Boolean).join(" ") : t; - } - function M(t, e, n, c) { - return t[(h(c) ? "remove" : "set") + e](n, T(c)); - } - function W(t, e, n, c, r = null) { - return t[(h(c) ? "remove" : "set") + e + "NS"](r, n, T(c)); - } - function D(t, e, n) { - if (Reflect.set(t, e, n), !!h(n)) - return Reflect.deleteProperty(t, e); - } - - // src/events.js - function k(t, e, ...n) { - let c = n.length ? new CustomEvent(e, { detail: n[0] }) : new Event(e); - return t.dispatchEvent(c); - } - function C(t, e, n) { - return function(r) { - return r.addEventListener(t, e, n), r; - }; - } - var O = B(), z = /* @__PURE__ */ new WeakSet(); - C.connected = function(t, e) { - let n = "connected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let f = "dde:" + n; - return r.addEventListener(f, t, e), r.__dde_lifecycleToEvents ? r : r.isConnected ? (r.dispatchEvent(new Event(f)), r) : (_(e.signal, () => O.offConnected(r, t)) && O.onConnected(r, t), r); - }; - }; - C.disconnected = function(t, e) { - let n = "disconnected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let f = "dde:" + n; - return r.addEventListener(f, t, e), r.__dde_lifecycleToEvents || _(e.signal, () => O.offDisconnected(r, t)) && O.onDisconnected(r, t), r; - }; - }; - C.attributeChanged = function(t, e) { - let n = "attributeChanged"; - return typeof e != "object" && (e = {}), function(r) { - let f = "dde:" + n; - if (r.addEventListener(f, t, e), r.__dde_lifecycleToEvents || z.has(r)) - return r; - let u = new MutationObserver(function(p) { - for (let { attributeName: l, target: g } of p) - g.dispatchEvent( - new CustomEvent(f, { detail: [l, g.getAttribute(l)] }) - ); - }); - return _(e.signal, () => u.disconnect()) && u.observe(r, { attributes: !0 }), r; - }; - }; - function B() { - let t = /* @__PURE__ */ new Map(), e = !1, n = new MutationObserver(function(o) { - for (let s of o) - if (s.type === "childList") { - if (l(s.addedNodes, !0)) { - u(); - continue; - } - g(s.removedNodes, !0) && u(); - } - }); - return { - onConnected(o, s) { - f(); - let i = r(o); - i.connected.has(s) || (i.connected.add(s), i.length_c += 1); - }, - offConnected(o, s) { - if (!t.has(o)) - return; - let i = t.get(o); - i.connected.has(s) && (i.connected.delete(s), i.length_c -= 1, c(o, i)); - }, - onDisconnected(o, s) { - f(); - let i = r(o); - i.disconnected.has(s) || (i.disconnected.add(s), i.length_d += 1); - }, - offDisconnected(o, s) { - if (!t.has(o)) - return; - let i = t.get(o); - i.disconnected.has(s) && (i.disconnected.delete(s), i.length_d -= 1, c(o, i)); - } - }; - function c(o, s) { - s.length_c || s.length_d || (t.delete(o), u()); - } - function r(o) { - if (t.has(o)) - return t.get(o); - let s = { - connected: /* @__PURE__ */ new WeakSet(), - length_c: 0, - disconnected: /* @__PURE__ */ new WeakSet(), - length_d: 0 - }; - return t.set(o, s), s; - } - function f() { - e || (e = !0, n.observe(document.body, { childList: !0, subtree: !0 })); - } - function u() { - !e || t.size || (e = !1, n.disconnect()); - } - function a() { - return new Promise(function(o) { - (requestIdleCallback || requestAnimationFrame)(o); - }); - } - async function p(o) { - t.size > 30 && await a(); - let s = []; - if (!(o instanceof Node)) - return s; - for (let i of t.keys()) - i === o || !(i instanceof Node) || o.contains(i) && s.push(i); - return s; - } - function l(o, s) { - let i = !1; - for (let d of o) { - if (s && p(d).then(l), !t.has(d)) - continue; - let b = t.get(d); - b.length_c && (d.dispatchEvent(new Event("dde:connected")), b.connected = /* @__PURE__ */ new WeakSet(), b.length_c = 0, b.length_d || t.delete(d), i = !0); - } - return i; - } - function g(o, s) { - let i = !1; - for (let d of o) - s && p(d).then(g), !(!t.has(d) || !t.get(d).length_d) && (d.dispatchEvent(new Event("dde:disconnected")), t.delete(d), i = !0); - return i; - } - } - - // index.js - [HTMLElement, SVGElement, DocumentFragment].forEach((t) => { - let { append: e } = t.prototype; - t.prototype.append = function(...n) { - return e.apply(this, n), this; - }; - }); - - globalThis.dde= { - assign: w, - assignAttribute: N, - classListDeclarative: U, - createElement: J, - dispatchEvent: k, - el: J, - empty: Q, - on: C, - registerReactivity: F, - scope: x - }; - +var v={isSignal(t){return!1},processReactiveAttribute(t,e,n,c){return n}};function F(t,e=!0){return e?Object.assign(v,t):(Object.setPrototypeOf(t,v),t)}function m(t){return v.isPrototypeOf(t)&&t!==v?t:v}function h(t){return typeof t>"u"}function _(t,e){if(!t||!(t instanceof AbortSignal))return!0;if(!t.aborted)return t.addEventListener("abort",e),function(){t.removeEventListener("abort",e)}}var R={setDeleteAttr:H};function H(t,e,n){if(Reflect.set(t,e,n),!!h(n)){if(Reflect.deleteProperty(t,e),t instanceof HTMLElement&&t.getAttribute(e)==="undefined")return t.removeAttribute(e);if(Reflect.get(t,e)==="undefined")return Reflect.set(t,e,"")}}var E=[{scope:document.body,namespace:"html",host:t=>t?t(document.body):document.body,prevent:!0}],S=t=>t==="svg"?"http://www.w3.org/2000/svg":t,x={get current(){return E[E.length-1]},get host(){return this.current.host},get namespace(){return this.current.namespace},set namespace(t){return this.current.namespace=S(t)},preventDefault(){let{current:t}=this;return t.prevent=!0,t},elNamespace(t){let e=this.namespace;return this.namespace=t,{append(...n){return x.namespace=e,n.length===1?n[0]:document.createDocumentFragment().append(...n)}}},get state(){return[...E]},push(t={}){return t.namespace&&(t.namespace=S(t.namespace)),E.push(Object.assign({},this.current,{prevent:!1},t))},pop(){return E.pop()}};function J(t,e,...n){let c=m(this),{namespace:r}=x,f=0,u;switch((Object(e)!==e||c.isSignal(e))&&(e={textContent:e}),!0){case typeof t=="function":{f=1,x.push({scope:t,host:a=>a?(f===1?n.unshift(a):a(u),void 0):u}),u=t(e||void 0),(u instanceof HTMLElement?M:W)(u,"Attribute","dde-fun",t.name);break}case t==="#text":u=w.call(this,document.createTextNode(""),e);break;case t==="<>":u=w.call(this,document.createDocumentFragment(),e);break;case r!=="html":u=w.call(this,document.createElementNS(r,t),e);break;case!u:u=w.call(this,document.createElement(t),e)}return n.forEach(a=>a(u)),f&&x.pop(),f=2,u}var{setDeleteAttr:L}=R,A=new WeakMap;function w(t,...e){if(!e.length)return t;A.set(t,P(t,this));for(let[n,c]of Object.entries(Object.assign({},...e)))N.call(this,t,n,c);return A.delete(t),t}function N(t,e,n){let{setRemoveAttr:c,s:r}=P(t,this),f=this;n=r.processReactiveAttribute(t,e,n,(a,p)=>N.call(f,t,a,p));let[u]=e;if(u==="=")return c(e.slice(1),n);if(u===".")return D(t,e.slice(1),n);if(/(aria|data)([A-Z])/.test(e))return e=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),c(e,n);switch(e==="className"&&(e="class"),e){case"xlink:href":return c(e,n,"http://www.w3.org/1999/xlink");case"textContent":return L(t,e,n);case"style":if(typeof n!="object")break;case"dataset":return y(r,n,D.bind(null,t[e]));case"ariaset":return y(r,n,(a,p)=>c("aria-"+a,p));case"classList":return U.call(f,t,n)}return q(t,e)?L(t,e,n):c(e,n)}function P(t,e){if(A.has(t))return A.get(t);let c=(t instanceof SVGElement?W:M).bind(null,t,"Attribute"),r=m(e);return{setRemoveAttr:c,s:r}}function U(t,e){let n=m(this);return y(n,e,(c,r)=>t.classList.toggle(c,r===-1?void 0:!!r)),t}function Q(t){return Array.from(t.children).forEach(e=>e.remove()),t}function q(t,e){if(!Reflect.has(t,e))return!1;let n=j(t,e);return!h(n.set)}function j(t,e){if(t=Object.getPrototypeOf(t),!t)return{};let n=Object.getOwnPropertyDescriptor(t,e);return n||j(t,e)}function y(t,e,n){if(!(typeof e!="object"||e===null))return Object.entries(e).forEach(function([r,f]){r&&(f=t.processReactiveAttribute(e,r,f,n),n(r,f))})}function T(t){return Array.isArray(t)?t.filter(Boolean).join(" "):t}function M(t,e,n,c){return t[(h(c)?"remove":"set")+e](n,T(c))}function W(t,e,n,c,r=null){return t[(h(c)?"remove":"set")+e+"NS"](r,n,T(c))}function D(t,e,n){if(Reflect.set(t,e,n),!!h(n))return Reflect.deleteProperty(t,e)}function k(t,e,...n){let c=n.length?new CustomEvent(e,{detail:n[0]}):new Event(e);return t.dispatchEvent(c)}function C(t,e,n){return function(r){return r.addEventListener(t,e,n),r}}var O=B(),z=new WeakSet;C.connected=function(t,e){let n="connected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let f="dde:"+n;return r.addEventListener(f,t,e),r.__dde_lifecycleToEvents?r:r.isConnected?(r.dispatchEvent(new Event(f)),r):(_(e.signal,()=>O.offConnected(r,t))&&O.onConnected(r,t),r)}};C.disconnected=function(t,e){let n="disconnected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let f="dde:"+n;return r.addEventListener(f,t,e),r.__dde_lifecycleToEvents||_(e.signal,()=>O.offDisconnected(r,t))&&O.onDisconnected(r,t),r}};C.attributeChanged=function(t,e){let n="attributeChanged";return typeof e!="object"&&(e={}),function(r){let f="dde:"+n;if(r.addEventListener(f,t,e),r.__dde_lifecycleToEvents||z.has(r))return r;let u=new MutationObserver(function(p){for(let{attributeName:l,target:g}of p)g.dispatchEvent(new CustomEvent(f,{detail:[l,g.getAttribute(l)]}))});return _(e.signal,()=>u.disconnect())&&u.observe(r,{attributes:!0}),r}};function B(){let t=new Map,e=!1,n=new MutationObserver(function(o){for(let s of o)if(s.type==="childList"){if(l(s.addedNodes,!0)){u();continue}g(s.removedNodes,!0)&&u()}});return{onConnected(o,s){f();let i=r(o);i.connected.has(s)||(i.connected.add(s),i.length_c+=1)},offConnected(o,s){if(!t.has(o))return;let i=t.get(o);i.connected.has(s)&&(i.connected.delete(s),i.length_c-=1,c(o,i))},onDisconnected(o,s){f();let i=r(o);i.disconnected.has(s)||(i.disconnected.add(s),i.length_d+=1)},offDisconnected(o,s){if(!t.has(o))return;let i=t.get(o);i.disconnected.has(s)&&(i.disconnected.delete(s),i.length_d-=1,c(o,i))}};function c(o,s){s.length_c||s.length_d||(t.delete(o),u())}function r(o){if(t.has(o))return t.get(o);let s={connected:new WeakSet,length_c:0,disconnected:new WeakSet,length_d:0};return t.set(o,s),s}function f(){e||(e=!0,n.observe(document.body,{childList:!0,subtree:!0}))}function u(){!e||t.size||(e=!1,n.disconnect())}function a(){return new Promise(function(o){(requestIdleCallback||requestAnimationFrame)(o)})}async function p(o){t.size>30&&await a();let s=[];if(!(o instanceof Node))return s;for(let i of t.keys())i===o||!(i instanceof Node)||o.contains(i)&&s.push(i);return s}function l(o,s){let i=!1;for(let d of o){if(s&&p(d).then(l),!t.has(d))continue;let b=t.get(d);b.length_c&&(d.dispatchEvent(new Event("dde:connected")),b.connected=new WeakSet,b.length_c=0,b.length_d||t.delete(d),i=!0)}return i}function g(o,s){let i=!1;for(let d of o)s&&p(d).then(g),!(!t.has(d)||!t.get(d).length_d)&&(d.dispatchEvent(new Event("dde:disconnected")),t.delete(d),i=!0);return i}}[HTMLElement,SVGElement,DocumentFragment].forEach(t=>{let{append:e}=t.prototype;t.prototype.append=function(...n){return e.apply(this,n),this}}); +globalThis.dde= {assign: w, +assignAttribute: N, +classListDeclarative: U, +createElement: J, +dispatchEvent: k, +el: J, +empty: Q, +on: C, +registerReactivity: F, +scope: x +}; + })(); \ No newline at end of file diff --git a/dist/esm-with-signals.js b/dist/esm-with-signals.js index 40ca3af..8fba95a 100644 --- a/dist/esm-with-signals.js +++ b/dist/esm-with-signals.js @@ -1,525 +1,2 @@ -// src/signals-common.js -var w = { - isSignal(t) { - return !1; - }, - processReactiveAttribute(t, e, n, o) { - return n; - } -}; -function j(t, e = !0) { - return e ? Object.assign(w, t) : (Object.setPrototypeOf(t, w), t); -} -function A(t) { - return w.isPrototypeOf(t) && t !== w ? t : w; -} - -// src/helpers.js -function E(t) { - return typeof t > "u"; -} -function k(t) { - let e = typeof t; - return e !== "object" ? e : t === null ? "null" : Object.prototype.toString.call(t); -} -function O(t, e) { - if (!t || !(t instanceof AbortSignal)) - return !0; - if (!t.aborted) - return t.addEventListener("abort", e), function() { - t.removeEventListener("abort", e); - }; -} - -// src/dom-common.js -var F = { setDeleteAttr: Q }; -function Q(t, e, n) { - if (Reflect.set(t, e, n), !!E(n)) { - if (Reflect.deleteProperty(t, e), t instanceof HTMLElement && t.getAttribute(e) === "undefined") - return t.removeAttribute(e); - if (Reflect.get(t, e) === "undefined") - return Reflect.set(t, e, ""); - } -} - -// src/dom.js -var y = [{ - scope: document.body, - namespace: "html", - host: (t) => t ? t(document.body) : document.body, - prevent: !0 -}], z = (t) => t === "svg" ? "http://www.w3.org/2000/svg" : t, h = { - get current() { - return y[y.length - 1]; - }, - get host() { - return this.current.host; - }, - get namespace() { - return this.current.namespace; - }, - set namespace(t) { - return this.current.namespace = z(t); - }, - preventDefault() { - let { current: t } = this; - return t.prevent = !0, t; - }, - elNamespace(t) { - let e = this.namespace; - return this.namespace = t, { - append(...n) { - return h.namespace = e, n.length === 1 ? n[0] : document.createDocumentFragment().append(...n); - } - }; - }, - get state() { - return [...y]; - }, - push(t = {}) { - return t.namespace && (t.namespace = z(t.namespace)), y.push(Object.assign({}, this.current, { prevent: !1 }, t)); - }, - pop() { - return y.pop(); - } -}; -function pt(t, e, ...n) { - let o = A(this), { namespace: r } = h, c = 0, s; - switch ((Object(e) !== e || o.isSignal(e)) && (e = { textContent: e }), !0) { - case typeof t == "function": { - c = 1, h.push({ scope: t, host: (a) => a ? (c === 1 ? n.unshift(a) : a(s), void 0) : s }), s = t(e || void 0), (s instanceof HTMLElement ? I : J)(s, "Attribute", "dde-fun", t.name); - break; - } - case t === "#text": - s = R.call(this, document.createTextNode(""), e); - break; - case t === "<>": - s = R.call(this, document.createDocumentFragment(), e); - break; - case r !== "html": - s = R.call(this, document.createElementNS(r, t), e); - break; - case !s: - s = R.call(this, document.createElement(t), e); - } - return n.forEach((a) => a(s)), c && h.pop(), c = 2, s; -} -var { setDeleteAttr: H } = F, C = /* @__PURE__ */ new WeakMap(); -function R(t, ...e) { - if (!e.length) - return t; - C.set(t, q(t, this)); - for (let [n, o] of Object.entries(Object.assign({}, ...e))) - $.call(this, t, n, o); - return C.delete(t), t; -} -function $(t, e, n) { - let { setRemoveAttr: o, s: r } = q(t, this), c = this; - n = r.processReactiveAttribute( - t, - e, - n, - (a, p) => $.call(c, t, a, p) - ); - let [s] = e; - if (s === "=") - return o(e.slice(1), n); - if (s === ".") - return U(t, e.slice(1), n); - if (/(aria|data)([A-Z])/.test(e)) - return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), o(e, n); - switch (e === "className" && (e = "class"), e) { - case "xlink:href": - return o(e, n, "http://www.w3.org/1999/xlink"); - case "textContent": - return H(t, e, n); - case "style": - if (typeof n != "object") - break; - case "dataset": - return T(r, n, U.bind(null, t[e])); - case "ariaset": - return T(r, n, (a, p) => o("aria-" + a, p)); - case "classList": - return X.call(c, t, n); - } - return Y(t, e) ? H(t, e, n) : o(e, n); -} -function q(t, e) { - if (C.has(t)) - return C.get(t); - let o = (t instanceof SVGElement ? J : I).bind(null, t, "Attribute"), r = A(e); - return { setRemoveAttr: o, s: r }; -} -function X(t, e) { - let n = A(this); - return T( - n, - e, - (o, r) => t.classList.toggle(o, r === -1 ? void 0 : !!r) - ), t; -} -function ht(t) { - return Array.from(t.children).forEach((e) => e.remove()), t; -} -function Y(t, e) { - if (!Reflect.has(t, e)) - return !1; - let n = B(t, e); - return !E(n.set); -} -function B(t, e) { - if (t = Object.getPrototypeOf(t), !t) - return {}; - let n = Object.getOwnPropertyDescriptor(t, e); - return n || B(t, e); -} -function T(t, e, n) { - if (!(typeof e != "object" || e === null)) - return Object.entries(e).forEach(function([r, c]) { - r && (c = t.processReactiveAttribute(e, r, c, n), n(r, c)); - }); -} -function G(t) { - return Array.isArray(t) ? t.filter(Boolean).join(" ") : t; -} -function I(t, e, n, o) { - return t[(E(o) ? "remove" : "set") + e](n, G(o)); -} -function J(t, e, n, o, r = null) { - return t[(E(o) ? "remove" : "set") + e + "NS"](r, n, G(o)); -} -function U(t, e, n) { - if (Reflect.set(t, e, n), !!E(n)) - return Reflect.deleteProperty(t, e); -} - -// src/events.js -function bt(t, e, ...n) { - let o = n.length ? new CustomEvent(e, { detail: n[0] }) : new Event(e); - return t.dispatchEvent(o); -} -function v(t, e, n) { - return function(r) { - return r.addEventListener(t, e, n), r; - }; -} -var L = et(), tt = /* @__PURE__ */ new WeakSet(); -v.connected = function(t, e) { - let n = "connected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let c = "dde:" + n; - return r.addEventListener(c, t, e), r.__dde_lifecycleToEvents ? r : r.isConnected ? (r.dispatchEvent(new Event(c)), r) : (O(e.signal, () => L.offConnected(r, t)) && L.onConnected(r, t), r); - }; -}; -v.disconnected = function(t, e) { - let n = "disconnected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let c = "dde:" + n; - return r.addEventListener(c, t, e), r.__dde_lifecycleToEvents || O(e.signal, () => L.offDisconnected(r, t)) && L.onDisconnected(r, t), r; - }; -}; -v.attributeChanged = function(t, e) { - let n = "attributeChanged"; - return typeof e != "object" && (e = {}), function(r) { - let c = "dde:" + n; - if (r.addEventListener(c, t, e), r.__dde_lifecycleToEvents || tt.has(r)) - return r; - let s = new MutationObserver(function(p) { - for (let { attributeName: b, target: _ } of p) - _.dispatchEvent( - new CustomEvent(c, { detail: [b, _.getAttribute(b)] }) - ); - }); - return O(e.signal, () => s.disconnect()) && s.observe(r, { attributes: !0 }), r; - }; -}; -function et() { - let t = /* @__PURE__ */ new Map(), e = !1, n = new MutationObserver(function(i) { - for (let u of i) - if (u.type === "childList") { - if (b(u.addedNodes, !0)) { - s(); - continue; - } - _(u.removedNodes, !0) && s(); - } - }); - return { - onConnected(i, u) { - c(); - let f = r(i); - f.connected.has(u) || (f.connected.add(u), f.length_c += 1); - }, - offConnected(i, u) { - if (!t.has(i)) - return; - let f = t.get(i); - f.connected.has(u) && (f.connected.delete(u), f.length_c -= 1, o(i, f)); - }, - onDisconnected(i, u) { - c(); - let f = r(i); - f.disconnected.has(u) || (f.disconnected.add(u), f.length_d += 1); - }, - offDisconnected(i, u) { - if (!t.has(i)) - return; - let f = t.get(i); - f.disconnected.has(u) && (f.disconnected.delete(u), f.length_d -= 1, o(i, f)); - } - }; - function o(i, u) { - u.length_c || u.length_d || (t.delete(i), s()); - } - function r(i) { - if (t.has(i)) - return t.get(i); - let u = { - connected: /* @__PURE__ */ new WeakSet(), - length_c: 0, - disconnected: /* @__PURE__ */ new WeakSet(), - length_d: 0 - }; - return t.set(i, u), u; - } - function c() { - e || (e = !0, n.observe(document.body, { childList: !0, subtree: !0 })); - } - function s() { - !e || t.size || (e = !1, n.disconnect()); - } - function a() { - return new Promise(function(i) { - (requestIdleCallback || requestAnimationFrame)(i); - }); - } - async function p(i) { - t.size > 30 && await a(); - let u = []; - if (!(i instanceof Node)) - return u; - for (let f of t.keys()) - f === i || !(f instanceof Node) || i.contains(f) && u.push(f); - return u; - } - function b(i, u) { - let f = !1; - for (let m of i) { - if (u && p(m).then(b), !t.has(m)) - continue; - let x = t.get(m); - x.length_c && (m.dispatchEvent(new Event("dde:connected")), x.connected = /* @__PURE__ */ new WeakSet(), x.length_c = 0, x.length_d || t.delete(m), f = !0); - } - return f; - } - function _(i, u) { - let f = !1; - for (let m of i) - u && p(m).then(_), !(!t.has(m) || !t.get(m).length_d) && (m.dispatchEvent(new Event("dde:disconnected")), t.delete(m), f = !0); - return f; - } -} - -// index.js -[HTMLElement, SVGElement, DocumentFragment].forEach((t) => { - let { append: e } = t.prototype; - t.prototype.append = function(...n) { - return e.apply(this, n), this; - }; -}); - -// src/signals-lib.js -var d = Symbol.for("Signal"); -function N(t) { - try { - return Reflect.has(t, d); - } catch { - return !1; - } -} -var P = [], l = /* @__PURE__ */ new WeakMap(); -function g(t, e) { - if (typeof t != "function") - return V(t, e); - if (N(t)) - return t; - let n = V(), o = function() { - let [r, ...c] = l.get(o); - if (l.set(o, /* @__PURE__ */ new Set([r])), P.push(o), n(t()), P.pop(), !c.length) - return; - let s = l.get(o); - for (let a of c) - s.has(a) || S(a, o); - }; - return l.set(n[d], o), l.set(o, /* @__PURE__ */ new Set([n])), o(), n; -} -g.action = function(t, e, ...n) { - let o = t[d], { actions: r } = o; - if (!r || !Reflect.has(r, e)) - throw new Error(`'${t}' has no action with name '${e}'!`); - if (r[e].apply(o, n), o.skip) - return Reflect.deleteProperty(o, "skip"); - o.listeners.forEach((c) => c(o.value)); -}; -g.on = function t(e, n, o = {}) { - let { signal: r } = o; - if (!(r && r.aborted)) { - if (Array.isArray(e)) - return e.forEach((c) => t(c, n, o)); - W(e, n), r && r.addEventListener("abort", () => S(e, n)); - } -}; -g.symbols = { - signal: d, - onclear: Symbol.for("Signal.onclear") -}; -g.attribute = function(t, e = void 0) { - let { host: n } = h, o = n() && n().hasAttribute(t) ? n().getAttribute(t) : e, r = new AbortController(), c = g(o, { - [g.symbols.onclear]() { - r.abort(); - } - }); - return h.host(v.attributeChanged(function({ detail: a }) { - let [p, b] = a; - p === t && c(b); - }, { signal: r.signal })), c; -}; -g.clear = function(...t) { - for (let n of t) { - Reflect.deleteProperty(n, "toJSON"); - let o = n[d]; - o.onclear.forEach((r) => r.call(o)), e(n, o), Reflect.deleteProperty(n, d); - } - function e(n, o) { - o.listeners.forEach((r) => { - if (o.listeners.delete(r), !l.has(r)) - return; - let c = l.get(r); - c.delete(n), !(c.size > 1) && (g.clear(...c), l.delete(r)); - }); - } -}; -var D = "__dde_reactive"; -g.el = function(t, e) { - let n = document.createComment(""), o = document.createComment(""), r = document.createDocumentFragment(); - r.append(n, o); - let { current: c } = h, s = (a) => { - if (!n.parentNode || !o.parentNode) - return S(t, s); - h.push(c); - let p = e(a); - h.pop(), Array.isArray(p) || (p = [p]); - let b = n; - for (; (b = n.nextSibling) !== o; ) - b.remove(); - n.after(...p); - }; - return W(t, s), K(t, s, n, e), s(t()), r; -}; -var Z = { - isSignal: N, - processReactiveAttribute(t, e, n, o) { - if (!N(n)) - return n; - let r = (c) => o(e, c); - return W(n, r), K(n, r, t, e), n(); - } -}; -function K(t, e, ...n) { - let { current: o } = h; - o.prevent || o.host(function(r) { - r[D] || (r[D] = [], v.disconnected( - () => ( - /*! - * Clears all signals listeners added in the current scope/host (`S.el`, `assign`, …?). - * You can investigate the `__dde_reactive` key of the element. - * */ - r[D].forEach(([[c, s]]) => S(c, s, c[d]?.host() === r)) - ) - )(r)), r[D].push([[t, e], ...n]); - }); -} -function V(t, e) { - let n = (...o) => o.length ? st(n, ...o) : ct(n); - return rt(n, t, e); -} -var nt = Object.assign(/* @__PURE__ */ Object.create(null), { - stopPropagation() { - this.skip = !0; - } -}), M = class extends Error { - constructor() { - super(); - let [e, ...n] = this.stack.split(` -`), o = e.slice(e.indexOf("@"), e.indexOf(".js:") + 4); - this.stack = n.find((r) => !r.includes(o)); - } -}; -function rt(t, e, n) { - let o = []; - k(n) !== "[object Object]" && (n = {}); - let { onclear: r } = g.symbols; - n[r] && (o.push(n[r]), Reflect.deleteProperty(n, r)); - let { host: c } = h; - return t[d] = { - value: e, - actions: n, - onclear: o, - host: c, - listeners: /* @__PURE__ */ new Set(), - defined: new M() - }, t.toJSON = () => t(), Object.setPrototypeOf(t[d], nt), t; -} -function ot() { - return P[P.length - 1]; -} -function ct(t) { - if (!t[d]) - return; - let { value: e, listeners: n } = t[d], o = ot(); - return o && n.add(o), l.has(o) && l.get(o).add(t), e; -} -function st(t, e, n) { - if (!t[d]) - return; - let o = t[d]; - if (!(!n && o.value === e)) - return o.value = e, o.listeners.forEach((r) => r(e)), e; -} -function W(t, e) { - if (t[d]) - return t[d].listeners.add(e); -} -function S(t, e, n) { - let o = t[d]; - if (!o) - return; - let r = o.listeners.delete(e); - if (n && !o.listeners.size) { - if (g.clear(t), !l.has(o)) - return r; - let c = l.get(o); - if (!l.has(c)) - return r; - l.get(c).forEach((s) => S(s, c, !0)); - } - return r; -} - -// signals.js -j(Z); -export { - g as S, - R as assign, - $ as assignAttribute, - X as classListDeclarative, - pt as createElement, - bt as dispatchEvent, - pt as el, - ht as empty, - N as isSignal, - v as on, - j as registerReactivity, - h as scope -}; +var w={isSignal(t){return!1},processReactiveAttribute(t,e,n,o){return n}};function j(t,e=!0){return e?Object.assign(w,t):(Object.setPrototypeOf(t,w),t)}function A(t){return w.isPrototypeOf(t)&&t!==w?t:w}function E(t){return typeof t>"u"}function k(t){let e=typeof t;return e!=="object"?e:t===null?"null":Object.prototype.toString.call(t)}function O(t,e){if(!t||!(t instanceof AbortSignal))return!0;if(!t.aborted)return t.addEventListener("abort",e),function(){t.removeEventListener("abort",e)}}var F={setDeleteAttr:Q};function Q(t,e,n){if(Reflect.set(t,e,n),!!E(n)){if(Reflect.deleteProperty(t,e),t instanceof HTMLElement&&t.getAttribute(e)==="undefined")return t.removeAttribute(e);if(Reflect.get(t,e)==="undefined")return Reflect.set(t,e,"")}}var y=[{scope:document.body,namespace:"html",host:t=>t?t(document.body):document.body,prevent:!0}],z=t=>t==="svg"?"http://www.w3.org/2000/svg":t,h={get current(){return y[y.length-1]},get host(){return this.current.host},get namespace(){return this.current.namespace},set namespace(t){return this.current.namespace=z(t)},preventDefault(){let{current:t}=this;return t.prevent=!0,t},elNamespace(t){let e=this.namespace;return this.namespace=t,{append(...n){return h.namespace=e,n.length===1?n[0]:document.createDocumentFragment().append(...n)}}},get state(){return[...y]},push(t={}){return t.namespace&&(t.namespace=z(t.namespace)),y.push(Object.assign({},this.current,{prevent:!1},t))},pop(){return y.pop()}};function pt(t,e,...n){let o=A(this),{namespace:r}=h,c=0,s;switch((Object(e)!==e||o.isSignal(e))&&(e={textContent:e}),!0){case typeof t=="function":{c=1,h.push({scope:t,host:a=>a?(c===1?n.unshift(a):a(s),void 0):s}),s=t(e||void 0),(s instanceof HTMLElement?I:J)(s,"Attribute","dde-fun",t.name);break}case t==="#text":s=R.call(this,document.createTextNode(""),e);break;case t==="<>":s=R.call(this,document.createDocumentFragment(),e);break;case r!=="html":s=R.call(this,document.createElementNS(r,t),e);break;case!s:s=R.call(this,document.createElement(t),e)}return n.forEach(a=>a(s)),c&&h.pop(),c=2,s}var{setDeleteAttr:H}=F,C=new WeakMap;function R(t,...e){if(!e.length)return t;C.set(t,q(t,this));for(let[n,o]of Object.entries(Object.assign({},...e)))$.call(this,t,n,o);return C.delete(t),t}function $(t,e,n){let{setRemoveAttr:o,s:r}=q(t,this),c=this;n=r.processReactiveAttribute(t,e,n,(a,p)=>$.call(c,t,a,p));let[s]=e;if(s==="=")return o(e.slice(1),n);if(s===".")return U(t,e.slice(1),n);if(/(aria|data)([A-Z])/.test(e))return e=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),o(e,n);switch(e==="className"&&(e="class"),e){case"xlink:href":return o(e,n,"http://www.w3.org/1999/xlink");case"textContent":return H(t,e,n);case"style":if(typeof n!="object")break;case"dataset":return T(r,n,U.bind(null,t[e]));case"ariaset":return T(r,n,(a,p)=>o("aria-"+a,p));case"classList":return X.call(c,t,n)}return Y(t,e)?H(t,e,n):o(e,n)}function q(t,e){if(C.has(t))return C.get(t);let o=(t instanceof SVGElement?J:I).bind(null,t,"Attribute"),r=A(e);return{setRemoveAttr:o,s:r}}function X(t,e){let n=A(this);return T(n,e,(o,r)=>t.classList.toggle(o,r===-1?void 0:!!r)),t}function ht(t){return Array.from(t.children).forEach(e=>e.remove()),t}function Y(t,e){if(!Reflect.has(t,e))return!1;let n=B(t,e);return!E(n.set)}function B(t,e){if(t=Object.getPrototypeOf(t),!t)return{};let n=Object.getOwnPropertyDescriptor(t,e);return n||B(t,e)}function T(t,e,n){if(!(typeof e!="object"||e===null))return Object.entries(e).forEach(function([r,c]){r&&(c=t.processReactiveAttribute(e,r,c,n),n(r,c))})}function G(t){return Array.isArray(t)?t.filter(Boolean).join(" "):t}function I(t,e,n,o){return t[(E(o)?"remove":"set")+e](n,G(o))}function J(t,e,n,o,r=null){return t[(E(o)?"remove":"set")+e+"NS"](r,n,G(o))}function U(t,e,n){if(Reflect.set(t,e,n),!!E(n))return Reflect.deleteProperty(t,e)}function bt(t,e,...n){let o=n.length?new CustomEvent(e,{detail:n[0]}):new Event(e);return t.dispatchEvent(o)}function v(t,e,n){return function(r){return r.addEventListener(t,e,n),r}}var L=et(),tt=new WeakSet;v.connected=function(t,e){let n="connected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let c="dde:"+n;return r.addEventListener(c,t,e),r.__dde_lifecycleToEvents?r:r.isConnected?(r.dispatchEvent(new Event(c)),r):(O(e.signal,()=>L.offConnected(r,t))&&L.onConnected(r,t),r)}};v.disconnected=function(t,e){let n="disconnected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let c="dde:"+n;return r.addEventListener(c,t,e),r.__dde_lifecycleToEvents||O(e.signal,()=>L.offDisconnected(r,t))&&L.onDisconnected(r,t),r}};v.attributeChanged=function(t,e){let n="attributeChanged";return typeof e!="object"&&(e={}),function(r){let c="dde:"+n;if(r.addEventListener(c,t,e),r.__dde_lifecycleToEvents||tt.has(r))return r;let s=new MutationObserver(function(p){for(let{attributeName:b,target:_}of p)_.dispatchEvent(new CustomEvent(c,{detail:[b,_.getAttribute(b)]}))});return O(e.signal,()=>s.disconnect())&&s.observe(r,{attributes:!0}),r}};function et(){let t=new Map,e=!1,n=new MutationObserver(function(i){for(let u of i)if(u.type==="childList"){if(b(u.addedNodes,!0)){s();continue}_(u.removedNodes,!0)&&s()}});return{onConnected(i,u){c();let f=r(i);f.connected.has(u)||(f.connected.add(u),f.length_c+=1)},offConnected(i,u){if(!t.has(i))return;let f=t.get(i);f.connected.has(u)&&(f.connected.delete(u),f.length_c-=1,o(i,f))},onDisconnected(i,u){c();let f=r(i);f.disconnected.has(u)||(f.disconnected.add(u),f.length_d+=1)},offDisconnected(i,u){if(!t.has(i))return;let f=t.get(i);f.disconnected.has(u)&&(f.disconnected.delete(u),f.length_d-=1,o(i,f))}};function o(i,u){u.length_c||u.length_d||(t.delete(i),s())}function r(i){if(t.has(i))return t.get(i);let u={connected:new WeakSet,length_c:0,disconnected:new WeakSet,length_d:0};return t.set(i,u),u}function c(){e||(e=!0,n.observe(document.body,{childList:!0,subtree:!0}))}function s(){!e||t.size||(e=!1,n.disconnect())}function a(){return new Promise(function(i){(requestIdleCallback||requestAnimationFrame)(i)})}async function p(i){t.size>30&&await a();let u=[];if(!(i instanceof Node))return u;for(let f of t.keys())f===i||!(f instanceof Node)||i.contains(f)&&u.push(f);return u}function b(i,u){let f=!1;for(let m of i){if(u&&p(m).then(b),!t.has(m))continue;let x=t.get(m);x.length_c&&(m.dispatchEvent(new Event("dde:connected")),x.connected=new WeakSet,x.length_c=0,x.length_d||t.delete(m),f=!0)}return f}function _(i,u){let f=!1;for(let m of i)u&&p(m).then(_),!(!t.has(m)||!t.get(m).length_d)&&(m.dispatchEvent(new Event("dde:disconnected")),t.delete(m),f=!0);return f}}[HTMLElement,SVGElement,DocumentFragment].forEach(t=>{let{append:e}=t.prototype;t.prototype.append=function(...n){return e.apply(this,n),this}});var d=Symbol.for("Signal");function N(t){try{return Reflect.has(t,d)}catch{return!1}}var P=[],l=new WeakMap;function g(t,e){if(typeof t!="function")return V(t,e);if(N(t))return t;let n=V(),o=function(){let[r,...c]=l.get(o);if(l.set(o,new Set([r])),P.push(o),n(t()),P.pop(),!c.length)return;let s=l.get(o);for(let a of c)s.has(a)||S(a,o)};return l.set(n[d],o),l.set(o,new Set([n])),o(),n}g.action=function(t,e,...n){let o=t[d],{actions:r}=o;if(!r||!Reflect.has(r,e))throw new Error(`'${t}' has no action with name '${e}'!`);if(r[e].apply(o,n),o.skip)return Reflect.deleteProperty(o,"skip");o.listeners.forEach(c=>c(o.value))};g.on=function t(e,n,o={}){let{signal:r}=o;if(!(r&&r.aborted)){if(Array.isArray(e))return e.forEach(c=>t(c,n,o));W(e,n),r&&r.addEventListener("abort",()=>S(e,n))}};g.symbols={signal:d,onclear:Symbol.for("Signal.onclear")};g.attribute=function(t,e=void 0){let{host:n}=h,o=n()&&n().hasAttribute(t)?n().getAttribute(t):e,r=new AbortController,c=g(o,{[g.symbols.onclear](){r.abort()}});return h.host(v.attributeChanged(function({detail:a}){let[p,b]=a;p===t&&c(b)},{signal:r.signal})),c};g.clear=function(...t){for(let n of t){Reflect.deleteProperty(n,"toJSON");let o=n[d];o.onclear.forEach(r=>r.call(o)),e(n,o),Reflect.deleteProperty(n,d)}function e(n,o){o.listeners.forEach(r=>{if(o.listeners.delete(r),!l.has(r))return;let c=l.get(r);c.delete(n),!(c.size>1)&&(g.clear(...c),l.delete(r))})}};var D="__dde_reactive";g.el=function(t,e){let n=document.createComment(""),o=document.createComment(""),r=document.createDocumentFragment();r.append(n,o);let{current:c}=h,s=a=>{if(!n.parentNode||!o.parentNode)return S(t,s);h.push(c);let p=e(a);h.pop(),Array.isArray(p)||(p=[p]);let b=n;for(;(b=n.nextSibling)!==o;)b.remove();n.after(...p)};return W(t,s),K(t,s,n,e),s(t()),r};var Z={isSignal:N,processReactiveAttribute(t,e,n,o){if(!N(n))return n;let r=c=>o(e,c);return W(n,r),K(n,r,t,e),n()}};function K(t,e,...n){let{current:o}=h;o.prevent||o.host(function(r){r[D]||(r[D]=[],v.disconnected(()=>r[D].forEach(([[c,s]])=>S(c,s,c[d]?.host()===r)))(r)),r[D].push([[t,e],...n])})}function V(t,e){let n=(...o)=>o.length?st(n,...o):ct(n);return rt(n,t,e)}var nt=Object.assign(Object.create(null),{stopPropagation(){this.skip=!0}}),M=class extends Error{constructor(){super();let[e,...n]=this.stack.split(` +`),o=e.slice(e.indexOf("@"),e.indexOf(".js:")+4);this.stack=n.find(r=>!r.includes(o))}};function rt(t,e,n){let o=[];k(n)!=="[object Object]"&&(n={});let{onclear:r}=g.symbols;n[r]&&(o.push(n[r]),Reflect.deleteProperty(n,r));let{host:c}=h;return t[d]={value:e,actions:n,onclear:o,host:c,listeners:new Set,defined:new M},t.toJSON=()=>t(),Object.setPrototypeOf(t[d],nt),t}function ot(){return P[P.length-1]}function ct(t){if(!t[d])return;let{value:e,listeners:n}=t[d],o=ot();return o&&n.add(o),l.has(o)&&l.get(o).add(t),e}function st(t,e,n){if(!t[d])return;let o=t[d];if(!(!n&&o.value===e))return o.value=e,o.listeners.forEach(r=>r(e)),e}function W(t,e){if(t[d])return t[d].listeners.add(e)}function S(t,e,n){let o=t[d];if(!o)return;let r=o.listeners.delete(e);if(n&&!o.listeners.size){if(g.clear(t),!l.has(o))return r;let c=l.get(o);if(!l.has(c))return r;l.get(c).forEach(s=>S(s,c,!0))}return r}j(Z);export{g as S,R as assign,$ as assignAttribute,X as classListDeclarative,pt as createElement,bt as dispatchEvent,pt as el,ht as empty,N as isSignal,v as on,j as registerReactivity,h as scope}; diff --git a/dist/esm.js b/dist/esm.js index 6c569a8..fb8a3d6 100644 --- a/dist/esm.js +++ b/dist/esm.js @@ -1,338 +1 @@ -// src/signals-common.js -var v = { - isSignal(t) { - return !1; - }, - processReactiveAttribute(t, e, n, c) { - return n; - } -}; -function F(t, e = !0) { - return e ? Object.assign(v, t) : (Object.setPrototypeOf(t, v), t); -} -function m(t) { - return v.isPrototypeOf(t) && t !== v ? t : v; -} - -// src/helpers.js -function h(t) { - return typeof t > "u"; -} -function _(t, e) { - if (!t || !(t instanceof AbortSignal)) - return !0; - if (!t.aborted) - return t.addEventListener("abort", e), function() { - t.removeEventListener("abort", e); - }; -} - -// src/dom-common.js -var R = { setDeleteAttr: H }; -function H(t, e, n) { - if (Reflect.set(t, e, n), !!h(n)) { - if (Reflect.deleteProperty(t, e), t instanceof HTMLElement && t.getAttribute(e) === "undefined") - return t.removeAttribute(e); - if (Reflect.get(t, e) === "undefined") - return Reflect.set(t, e, ""); - } -} - -// src/dom.js -var E = [{ - scope: document.body, - namespace: "html", - host: (t) => t ? t(document.body) : document.body, - prevent: !0 -}], S = (t) => t === "svg" ? "http://www.w3.org/2000/svg" : t, x = { - get current() { - return E[E.length - 1]; - }, - get host() { - return this.current.host; - }, - get namespace() { - return this.current.namespace; - }, - set namespace(t) { - return this.current.namespace = S(t); - }, - preventDefault() { - let { current: t } = this; - return t.prevent = !0, t; - }, - elNamespace(t) { - let e = this.namespace; - return this.namespace = t, { - append(...n) { - return x.namespace = e, n.length === 1 ? n[0] : document.createDocumentFragment().append(...n); - } - }; - }, - get state() { - return [...E]; - }, - push(t = {}) { - return t.namespace && (t.namespace = S(t.namespace)), E.push(Object.assign({}, this.current, { prevent: !1 }, t)); - }, - pop() { - return E.pop(); - } -}; -function J(t, e, ...n) { - let c = m(this), { namespace: r } = x, f = 0, u; - switch ((Object(e) !== e || c.isSignal(e)) && (e = { textContent: e }), !0) { - case typeof t == "function": { - f = 1, x.push({ scope: t, host: (a) => a ? (f === 1 ? n.unshift(a) : a(u), void 0) : u }), u = t(e || void 0), (u instanceof HTMLElement ? M : W)(u, "Attribute", "dde-fun", t.name); - break; - } - case t === "#text": - u = w.call(this, document.createTextNode(""), e); - break; - case t === "<>": - u = w.call(this, document.createDocumentFragment(), e); - break; - case r !== "html": - u = w.call(this, document.createElementNS(r, t), e); - break; - case !u: - u = w.call(this, document.createElement(t), e); - } - return n.forEach((a) => a(u)), f && x.pop(), f = 2, u; -} -var { setDeleteAttr: L } = R, A = /* @__PURE__ */ new WeakMap(); -function w(t, ...e) { - if (!e.length) - return t; - A.set(t, P(t, this)); - for (let [n, c] of Object.entries(Object.assign({}, ...e))) - N.call(this, t, n, c); - return A.delete(t), t; -} -function N(t, e, n) { - let { setRemoveAttr: c, s: r } = P(t, this), f = this; - n = r.processReactiveAttribute( - t, - e, - n, - (a, p) => N.call(f, t, a, p) - ); - let [u] = e; - if (u === "=") - return c(e.slice(1), n); - if (u === ".") - return D(t, e.slice(1), n); - if (/(aria|data)([A-Z])/.test(e)) - return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), c(e, n); - switch (e === "className" && (e = "class"), e) { - case "xlink:href": - return c(e, n, "http://www.w3.org/1999/xlink"); - case "textContent": - return L(t, e, n); - case "style": - if (typeof n != "object") - break; - case "dataset": - return y(r, n, D.bind(null, t[e])); - case "ariaset": - return y(r, n, (a, p) => c("aria-" + a, p)); - case "classList": - return U.call(f, t, n); - } - return q(t, e) ? L(t, e, n) : c(e, n); -} -function P(t, e) { - if (A.has(t)) - return A.get(t); - let c = (t instanceof SVGElement ? W : M).bind(null, t, "Attribute"), r = m(e); - return { setRemoveAttr: c, s: r }; -} -function U(t, e) { - let n = m(this); - return y( - n, - e, - (c, r) => t.classList.toggle(c, r === -1 ? void 0 : !!r) - ), t; -} -function Q(t) { - return Array.from(t.children).forEach((e) => e.remove()), t; -} -function q(t, e) { - if (!Reflect.has(t, e)) - return !1; - let n = j(t, e); - return !h(n.set); -} -function j(t, e) { - if (t = Object.getPrototypeOf(t), !t) - return {}; - let n = Object.getOwnPropertyDescriptor(t, e); - return n || j(t, e); -} -function y(t, e, n) { - if (!(typeof e != "object" || e === null)) - return Object.entries(e).forEach(function([r, f]) { - r && (f = t.processReactiveAttribute(e, r, f, n), n(r, f)); - }); -} -function T(t) { - return Array.isArray(t) ? t.filter(Boolean).join(" ") : t; -} -function M(t, e, n, c) { - return t[(h(c) ? "remove" : "set") + e](n, T(c)); -} -function W(t, e, n, c, r = null) { - return t[(h(c) ? "remove" : "set") + e + "NS"](r, n, T(c)); -} -function D(t, e, n) { - if (Reflect.set(t, e, n), !!h(n)) - return Reflect.deleteProperty(t, e); -} - -// src/events.js -function k(t, e, ...n) { - let c = n.length ? new CustomEvent(e, { detail: n[0] }) : new Event(e); - return t.dispatchEvent(c); -} -function C(t, e, n) { - return function(r) { - return r.addEventListener(t, e, n), r; - }; -} -var O = B(), z = /* @__PURE__ */ new WeakSet(); -C.connected = function(t, e) { - let n = "connected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let f = "dde:" + n; - return r.addEventListener(f, t, e), r.__dde_lifecycleToEvents ? r : r.isConnected ? (r.dispatchEvent(new Event(f)), r) : (_(e.signal, () => O.offConnected(r, t)) && O.onConnected(r, t), r); - }; -}; -C.disconnected = function(t, e) { - let n = "disconnected"; - return typeof e != "object" && (e = {}), e.once = !0, function(r) { - let f = "dde:" + n; - return r.addEventListener(f, t, e), r.__dde_lifecycleToEvents || _(e.signal, () => O.offDisconnected(r, t)) && O.onDisconnected(r, t), r; - }; -}; -C.attributeChanged = function(t, e) { - let n = "attributeChanged"; - return typeof e != "object" && (e = {}), function(r) { - let f = "dde:" + n; - if (r.addEventListener(f, t, e), r.__dde_lifecycleToEvents || z.has(r)) - return r; - let u = new MutationObserver(function(p) { - for (let { attributeName: l, target: g } of p) - g.dispatchEvent( - new CustomEvent(f, { detail: [l, g.getAttribute(l)] }) - ); - }); - return _(e.signal, () => u.disconnect()) && u.observe(r, { attributes: !0 }), r; - }; -}; -function B() { - let t = /* @__PURE__ */ new Map(), e = !1, n = new MutationObserver(function(o) { - for (let s of o) - if (s.type === "childList") { - if (l(s.addedNodes, !0)) { - u(); - continue; - } - g(s.removedNodes, !0) && u(); - } - }); - return { - onConnected(o, s) { - f(); - let i = r(o); - i.connected.has(s) || (i.connected.add(s), i.length_c += 1); - }, - offConnected(o, s) { - if (!t.has(o)) - return; - let i = t.get(o); - i.connected.has(s) && (i.connected.delete(s), i.length_c -= 1, c(o, i)); - }, - onDisconnected(o, s) { - f(); - let i = r(o); - i.disconnected.has(s) || (i.disconnected.add(s), i.length_d += 1); - }, - offDisconnected(o, s) { - if (!t.has(o)) - return; - let i = t.get(o); - i.disconnected.has(s) && (i.disconnected.delete(s), i.length_d -= 1, c(o, i)); - } - }; - function c(o, s) { - s.length_c || s.length_d || (t.delete(o), u()); - } - function r(o) { - if (t.has(o)) - return t.get(o); - let s = { - connected: /* @__PURE__ */ new WeakSet(), - length_c: 0, - disconnected: /* @__PURE__ */ new WeakSet(), - length_d: 0 - }; - return t.set(o, s), s; - } - function f() { - e || (e = !0, n.observe(document.body, { childList: !0, subtree: !0 })); - } - function u() { - !e || t.size || (e = !1, n.disconnect()); - } - function a() { - return new Promise(function(o) { - (requestIdleCallback || requestAnimationFrame)(o); - }); - } - async function p(o) { - t.size > 30 && await a(); - let s = []; - if (!(o instanceof Node)) - return s; - for (let i of t.keys()) - i === o || !(i instanceof Node) || o.contains(i) && s.push(i); - return s; - } - function l(o, s) { - let i = !1; - for (let d of o) { - if (s && p(d).then(l), !t.has(d)) - continue; - let b = t.get(d); - b.length_c && (d.dispatchEvent(new Event("dde:connected")), b.connected = /* @__PURE__ */ new WeakSet(), b.length_c = 0, b.length_d || t.delete(d), i = !0); - } - return i; - } - function g(o, s) { - let i = !1; - for (let d of o) - s && p(d).then(g), !(!t.has(d) || !t.get(d).length_d) && (d.dispatchEvent(new Event("dde:disconnected")), t.delete(d), i = !0); - return i; - } -} - -// index.js -[HTMLElement, SVGElement, DocumentFragment].forEach((t) => { - let { append: e } = t.prototype; - t.prototype.append = function(...n) { - return e.apply(this, n), this; - }; -}); -export { - w as assign, - N as assignAttribute, - U as classListDeclarative, - J as createElement, - k as dispatchEvent, - J as el, - Q as empty, - C as on, - F as registerReactivity, - x as scope -}; +var v={isSignal(t){return!1},processReactiveAttribute(t,e,n,c){return n}};function F(t,e=!0){return e?Object.assign(v,t):(Object.setPrototypeOf(t,v),t)}function m(t){return v.isPrototypeOf(t)&&t!==v?t:v}function h(t){return typeof t>"u"}function _(t,e){if(!t||!(t instanceof AbortSignal))return!0;if(!t.aborted)return t.addEventListener("abort",e),function(){t.removeEventListener("abort",e)}}var R={setDeleteAttr:H};function H(t,e,n){if(Reflect.set(t,e,n),!!h(n)){if(Reflect.deleteProperty(t,e),t instanceof HTMLElement&&t.getAttribute(e)==="undefined")return t.removeAttribute(e);if(Reflect.get(t,e)==="undefined")return Reflect.set(t,e,"")}}var E=[{scope:document.body,namespace:"html",host:t=>t?t(document.body):document.body,prevent:!0}],S=t=>t==="svg"?"http://www.w3.org/2000/svg":t,x={get current(){return E[E.length-1]},get host(){return this.current.host},get namespace(){return this.current.namespace},set namespace(t){return this.current.namespace=S(t)},preventDefault(){let{current:t}=this;return t.prevent=!0,t},elNamespace(t){let e=this.namespace;return this.namespace=t,{append(...n){return x.namespace=e,n.length===1?n[0]:document.createDocumentFragment().append(...n)}}},get state(){return[...E]},push(t={}){return t.namespace&&(t.namespace=S(t.namespace)),E.push(Object.assign({},this.current,{prevent:!1},t))},pop(){return E.pop()}};function J(t,e,...n){let c=m(this),{namespace:r}=x,f=0,u;switch((Object(e)!==e||c.isSignal(e))&&(e={textContent:e}),!0){case typeof t=="function":{f=1,x.push({scope:t,host:a=>a?(f===1?n.unshift(a):a(u),void 0):u}),u=t(e||void 0),(u instanceof HTMLElement?M:W)(u,"Attribute","dde-fun",t.name);break}case t==="#text":u=w.call(this,document.createTextNode(""),e);break;case t==="<>":u=w.call(this,document.createDocumentFragment(),e);break;case r!=="html":u=w.call(this,document.createElementNS(r,t),e);break;case!u:u=w.call(this,document.createElement(t),e)}return n.forEach(a=>a(u)),f&&x.pop(),f=2,u}var{setDeleteAttr:L}=R,A=new WeakMap;function w(t,...e){if(!e.length)return t;A.set(t,P(t,this));for(let[n,c]of Object.entries(Object.assign({},...e)))N.call(this,t,n,c);return A.delete(t),t}function N(t,e,n){let{setRemoveAttr:c,s:r}=P(t,this),f=this;n=r.processReactiveAttribute(t,e,n,(a,p)=>N.call(f,t,a,p));let[u]=e;if(u==="=")return c(e.slice(1),n);if(u===".")return D(t,e.slice(1),n);if(/(aria|data)([A-Z])/.test(e))return e=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),c(e,n);switch(e==="className"&&(e="class"),e){case"xlink:href":return c(e,n,"http://www.w3.org/1999/xlink");case"textContent":return L(t,e,n);case"style":if(typeof n!="object")break;case"dataset":return y(r,n,D.bind(null,t[e]));case"ariaset":return y(r,n,(a,p)=>c("aria-"+a,p));case"classList":return U.call(f,t,n)}return q(t,e)?L(t,e,n):c(e,n)}function P(t,e){if(A.has(t))return A.get(t);let c=(t instanceof SVGElement?W:M).bind(null,t,"Attribute"),r=m(e);return{setRemoveAttr:c,s:r}}function U(t,e){let n=m(this);return y(n,e,(c,r)=>t.classList.toggle(c,r===-1?void 0:!!r)),t}function Q(t){return Array.from(t.children).forEach(e=>e.remove()),t}function q(t,e){if(!Reflect.has(t,e))return!1;let n=j(t,e);return!h(n.set)}function j(t,e){if(t=Object.getPrototypeOf(t),!t)return{};let n=Object.getOwnPropertyDescriptor(t,e);return n||j(t,e)}function y(t,e,n){if(!(typeof e!="object"||e===null))return Object.entries(e).forEach(function([r,f]){r&&(f=t.processReactiveAttribute(e,r,f,n),n(r,f))})}function T(t){return Array.isArray(t)?t.filter(Boolean).join(" "):t}function M(t,e,n,c){return t[(h(c)?"remove":"set")+e](n,T(c))}function W(t,e,n,c,r=null){return t[(h(c)?"remove":"set")+e+"NS"](r,n,T(c))}function D(t,e,n){if(Reflect.set(t,e,n),!!h(n))return Reflect.deleteProperty(t,e)}function k(t,e,...n){let c=n.length?new CustomEvent(e,{detail:n[0]}):new Event(e);return t.dispatchEvent(c)}function C(t,e,n){return function(r){return r.addEventListener(t,e,n),r}}var O=B(),z=new WeakSet;C.connected=function(t,e){let n="connected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let f="dde:"+n;return r.addEventListener(f,t,e),r.__dde_lifecycleToEvents?r:r.isConnected?(r.dispatchEvent(new Event(f)),r):(_(e.signal,()=>O.offConnected(r,t))&&O.onConnected(r,t),r)}};C.disconnected=function(t,e){let n="disconnected";return typeof e!="object"&&(e={}),e.once=!0,function(r){let f="dde:"+n;return r.addEventListener(f,t,e),r.__dde_lifecycleToEvents||_(e.signal,()=>O.offDisconnected(r,t))&&O.onDisconnected(r,t),r}};C.attributeChanged=function(t,e){let n="attributeChanged";return typeof e!="object"&&(e={}),function(r){let f="dde:"+n;if(r.addEventListener(f,t,e),r.__dde_lifecycleToEvents||z.has(r))return r;let u=new MutationObserver(function(p){for(let{attributeName:l,target:g}of p)g.dispatchEvent(new CustomEvent(f,{detail:[l,g.getAttribute(l)]}))});return _(e.signal,()=>u.disconnect())&&u.observe(r,{attributes:!0}),r}};function B(){let t=new Map,e=!1,n=new MutationObserver(function(o){for(let s of o)if(s.type==="childList"){if(l(s.addedNodes,!0)){u();continue}g(s.removedNodes,!0)&&u()}});return{onConnected(o,s){f();let i=r(o);i.connected.has(s)||(i.connected.add(s),i.length_c+=1)},offConnected(o,s){if(!t.has(o))return;let i=t.get(o);i.connected.has(s)&&(i.connected.delete(s),i.length_c-=1,c(o,i))},onDisconnected(o,s){f();let i=r(o);i.disconnected.has(s)||(i.disconnected.add(s),i.length_d+=1)},offDisconnected(o,s){if(!t.has(o))return;let i=t.get(o);i.disconnected.has(s)&&(i.disconnected.delete(s),i.length_d-=1,c(o,i))}};function c(o,s){s.length_c||s.length_d||(t.delete(o),u())}function r(o){if(t.has(o))return t.get(o);let s={connected:new WeakSet,length_c:0,disconnected:new WeakSet,length_d:0};return t.set(o,s),s}function f(){e||(e=!0,n.observe(document.body,{childList:!0,subtree:!0}))}function u(){!e||t.size||(e=!1,n.disconnect())}function a(){return new Promise(function(o){(requestIdleCallback||requestAnimationFrame)(o)})}async function p(o){t.size>30&&await a();let s=[];if(!(o instanceof Node))return s;for(let i of t.keys())i===o||!(i instanceof Node)||o.contains(i)&&s.push(i);return s}function l(o,s){let i=!1;for(let d of o){if(s&&p(d).then(l),!t.has(d))continue;let b=t.get(d);b.length_c&&(d.dispatchEvent(new Event("dde:connected")),b.connected=new WeakSet,b.length_c=0,b.length_d||t.delete(d),i=!0)}return i}function g(o,s){let i=!1;for(let d of o)s&&p(d).then(g),!(!t.has(d)||!t.get(d).length_d)&&(d.dispatchEvent(new Event("dde:disconnected")),t.delete(d),i=!0);return i}}[HTMLElement,SVGElement,DocumentFragment].forEach(t=>{let{append:e}=t.prototype;t.prototype.append=function(...n){return e.apply(this,n),this}});export{w as assign,N as assignAttribute,U as classListDeclarative,J as createElement,k as dispatchEvent,J as el,Q as empty,C as on,F as registerReactivity,x as scope};