nemesia 1.0.2 → 1.1.0

package/README.md

@@ -26,9 +26,14 @@ const counter = defineComponent({
     }
   },
   state: () => ({ count: 0 }),
+  computed: (ctx) => ({
+    get label() {
+      return `Count: ${ctx.state.count}`
+    }
+  }),
   methods: (ctx) => ({
     updateUI() {
-      ctx.refs.value.textContent = String(ctx.state.count)
+      ctx.refs.value.textContent = ctx.computed.label
     },
     increment() {
       ctx.state.count += ctx.options.step
@@ -65,6 +70,13 @@ Public methods from `nemesia`:
 - `getRef(selector, tagOrConfig?)`
 - `getOption(attribute, typeOrConfig?)`
 
+Component definition fields:
+
+- `state?: () => State`
+- `computed?: (ctx) => Computed`
+- `methods?: (ctx) => Methods`
+- `setup?: (ctx) => void`
+
 Application instance methods:
 
 - `register(component)`

package/dist/nemesia.js

@@ -1,9 +1,9 @@
-var j = Object.defineProperty;
-var L = (e, t, r) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var b = (e, t, r) => L(e, typeof t != "symbol" ? t + "" : t, r);
-class x {
+var L = Object.defineProperty;
+var B = (e, t, r) => t in e ? L(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var v = (e, t, r) => B(e, typeof t != "symbol" ? t + "" : t, r);
+class I {
   constructor() {
-    b(this, "items", /* @__PURE__ */ new Map());
+    v(this, "items", /* @__PURE__ */ new Map());
   }
   register(t) {
     if (this.items.has(t.name))
@@ -14,12 +14,12 @@ class x {
     return Array.from(this.items.values());
   }
 }
-function B(e, t) {
+function M(e, t) {
   return e instanceof Document ? !0 : e instanceof Element && e === t || e.contains(t);
 }
-class I {
+class F {
   constructor() {
-    b(this, "items", /* @__PURE__ */ new Map());
+    v(this, "items", /* @__PURE__ */ new Map());
   }
   set(t) {
     this.items.set(t.element, t);
@@ -37,164 +37,164 @@ class I {
     return Array.from(this.items.values());
   }
   listInScope(t) {
-    return this.list().filter((r) => B(t, r.element));
+    return this.list().filter((r) => M(t, r.element));
   }
 }
-function M(e, t, r) {
+function H(e, t, r) {
   let n = null;
   return {
-    start(o = document) {
-      !e || n || (n = new MutationObserver((a) => {
-        for (const s of a)
-          s.addedNodes.forEach((i) => {
-            (i instanceof Element || i instanceof DocumentFragment) && t(i);
-          }), s.removedNodes.forEach((i) => {
-            (i instanceof Element || i instanceof DocumentFragment) && r(i);
+    start(a = document) {
+      !e || n || (n = new MutationObserver((s) => {
+        for (const o of s)
+          o.addedNodes.forEach((u) => {
+            (u instanceof Element || u instanceof DocumentFragment) && t(u);
+          }), o.removedNodes.forEach((u) => {
+            (u instanceof Element || u instanceof DocumentFragment) && r(u);
           });
-      }), n.observe(o, { childList: !0, subtree: !0 }));
+      }), n.observe(a, { childList: !0, subtree: !0 }));
     },
     stop() {
       n && (n.disconnect(), n = null);
     }
   };
 }
-function F(e, t, r, n) {
+function T(e, t, r, n) {
   return e.addEventListener(t, r, n), () => {
     e.removeEventListener(t, r, n);
   };
 }
-function l(e, t, r) {
+function f(e, t, r) {
   if (r === void 0) {
     console.warn(`[Nemesia:${e}] ${t}`);
     return;
   }
   console.warn(`[Nemesia:${e}] ${t}`, r);
 }
-function H(e) {
+function z(e) {
   const t = e.trim().toLowerCase();
   if (t === "true" || t === "1")
     return !0;
   if (t === "false" || t === "0")
     return !1;
 }
-function T(e, t) {
+function R(e, t) {
   if (e === "string")
     return t;
   if (e === "number") {
     const r = Number(t);
     return Number.isFinite(r) ? r : void 0;
   }
-  return H(t);
+  return z(t);
 }
-function z(e, t, r) {
+function V(e, t, r) {
   const n = {};
-  for (const [o, a] of Object.entries(r)) {
-    const s = t.getAttribute(a.attribute);
-    if (s === null) {
-      if (a.hasDefault) {
-        n[o] = a.defaultValue;
+  for (const [a, s] of Object.entries(r)) {
+    const o = t.getAttribute(s.attribute);
+    if (o === null) {
+      if (s.hasDefault) {
+        n[a] = s.defaultValue;
         continue;
       }
-      if (a.optional) {
-        n[o] = void 0;
+      if (s.optional) {
+        n[a] = void 0;
         continue;
       }
-      return l(e, `required option "${o}" was not found`), { ok: !1 };
+      return f(e, `required option "${a}" was not found`), { ok: !1 };
     }
-    const i = T(a.type, s);
-    if (i === void 0)
-      return l(e, `option "${o}" has invalid ${a.type} value`), { ok: !1 };
-    n[o] = i;
+    const u = R(s.type, o);
+    if (u === void 0)
+      return f(e, `option "${a}" has invalid ${s.type} value`), { ok: !1 };
+    n[a] = u;
   }
   return { ok: !0, value: n };
 }
-function R(e, t) {
+function K(e, t) {
   const r = [];
   return e.matches(t) && r.push(e), e.querySelectorAll(t).forEach((n) => {
     r.push(n);
   }), r;
 }
-function g(e, t) {
+function $(e, t) {
   return e.tagName.toLowerCase() === t.toLowerCase();
 }
-function V(e, t, r) {
+function P(e, t, r) {
   const n = {};
-  for (const [o, a] of Object.entries(r)) {
-    const s = R(t, a.selector);
-    if (a.many) {
-      if (s.length === 0) {
-        if (a.optional) {
-          n[o] = [];
+  for (const [a, s] of Object.entries(r)) {
+    const o = K(t, s.selector);
+    if (s.many) {
+      if (o.length === 0) {
+        if (s.optional) {
+          n[a] = [];
           continue;
         }
-        return l(e, `required ref "${o}" was not found`), { ok: !1 };
+        return f(e, `required ref "${a}" was not found`), { ok: !1 };
       }
-      const f = a.tag;
-      if (!f) {
-        n[o] = s;
+      const c = s.tag;
+      if (!c) {
+        n[a] = o;
         continue;
       }
-      if (s.some((m) => !g(m, f))) {
-        if (a.optional) {
-          n[o] = [];
+      if (o.some((m) => !$(m, c))) {
+        if (s.optional) {
+          n[a] = [];
           continue;
         }
-        return l(e, `required ref "${o}" has tag mismatch`), { ok: !1 };
+        return f(e, `required ref "${a}" has tag mismatch`), { ok: !1 };
       }
-      n[o] = s;
+      n[a] = o;
       continue;
     }
-    const i = s[0] ?? null;
-    if (!i) {
-      if (a.optional) {
-        n[o] = null;
+    const u = o[0] ?? null;
+    if (!u) {
+      if (s.optional) {
+        n[a] = null;
         continue;
       }
-      return l(e, `required ref "${o}" was not found`), { ok: !1 };
+      return f(e, `required ref "${a}" was not found`), { ok: !1 };
     }
-    if (!a.tag || g(i, a.tag)) {
-      n[o] = i;
+    if (!s.tag || $(u, s.tag)) {
+      n[a] = u;
       continue;
     }
-    if (a.optional) {
-      n[o] = null;
+    if (s.optional) {
+      n[a] = null;
       continue;
     }
-    return l(e, `required ref "${o}" has tag mismatch`), { ok: !1 };
+    return f(e, `required ref "${a}" has tag mismatch`), { ok: !1 };
   }
   return { ok: !0, value: n };
 }
-function K(e) {
+function U(e) {
   return Array.isArray(e) ? Array.from(new Set(e)) : [e];
 }
-function P(e) {
-  const t = /* @__PURE__ */ new Map(), r = (a) => {
-    const s = t.get(a);
-    if (s)
-      for (const i of s)
-        i();
+function W(e) {
+  const t = /* @__PURE__ */ new Map(), r = (s) => {
+    const o = t.get(s);
+    if (o)
+      for (const u of o)
+        u();
   }, n = new Proxy(e, {
-    set(a, s, i) {
-      const f = String(s), c = a[f];
-      return Object.is(c, i) || (a[f] = i, r(f)), !0;
+    set(s, o, u) {
+      const c = String(o), l = s[c];
+      return Object.is(l, u) || (s[c] = u, r(c)), !0;
     }
   });
   return {
     state: n,
-    setState(a) {
-      for (const [s, i] of Object.entries(a))
-        n[s] = i;
+    setState(s) {
+      for (const [o, u] of Object.entries(s))
+        n[o] = u;
     },
-    watch: (a, s, i) => {
-      const f = K(a);
-      for (const c of f) {
-        const m = t.get(c);
-        m ? m.add(s) : t.set(c, /* @__PURE__ */ new Set([s]));
+    watch: (s, o, u) => {
+      const c = U(s);
+      for (const l of c) {
+        const m = t.get(l);
+        m ? m.add(o) : t.set(l, /* @__PURE__ */ new Set([o]));
       }
-      return i != null && i.immediate && s(), () => {
-        for (const c of f) {
-          const m = t.get(c);
-          m && (m.delete(s), m.size === 0 && t.delete(c));
+      return u != null && u.immediate && o(), () => {
+        for (const l of c) {
+          const m = t.get(l);
+          m && (m.delete(o), m.size === 0 && t.delete(l));
         }
       };
     },
@@ -203,101 +203,115 @@ function P(e) {
     }
   };
 }
-function v(e, t, r) {
+function E(e, t, r) {
   for (const n of r)
     try {
       n();
-    } catch (o) {
-      l(e, `${t} hook failed`, o);
+    } catch (a) {
+      f(e, `${t} hook failed`, a);
     }
 }
-function $(e, t) {
+function S(e, t) {
   for (; t.length > 0; ) {
     const r = t.pop();
     if (r)
       try {
         r();
       } catch (n) {
-        l(e, "cleanup failed", n);
+        f(e, "cleanup failed", n);
       }
   }
 }
-function N(e, t) {
-  const r = V(e.name, t, e.schema.refs);
+function D(e, t) {
+  const r = P(e.name, t, e.schema.refs);
   if (!r.ok || !r.value)
     return null;
-  const n = z(e.name, t, e.schema.options);
+  const n = V(e.name, t, e.schema.options);
   if (!n.ok || !n.value)
     return null;
-  const o = U(e), a = P(o), s = [], i = [], f = [], c = [], m = (u, w, y, p) => {
-    const k = F(u, w, y, p);
-    return c.push(k), k;
-  }, h = {
+  const a = G(e), s = W(a), o = {
+    element: t,
+    refs: r.value,
+    options: n.value,
+    state: s.state
+  };
+  let u = {};
+  if (e.computed)
+    try {
+      u = e.computed(o) ?? {};
+    } catch (i) {
+      return f(e.name, "computed factory failed", i), s.teardown(), null;
+    }
+  const c = [], l = [], m = [], h = [], x = (i, y, b, p) => {
+    const g = T(i, y, b, p);
+    return h.push(g), g;
+  }, d = {
     element: t,
     refs: r.value,
     options: n.value,
-    state: a.state,
+    state: s.state,
+    computed: u,
     methods: {},
-    setState(u) {
-      a.setState(u);
+    setState(i) {
+      s.setState(i);
     },
-    on: m,
-    watch(u, w, y) {
-      const p = a.watch(u, w, y);
-      return c.push(p), p;
+    on: x,
+    watch(i, y, b) {
+      const p = s.watch(i, y, b);
+      return h.push(p), p;
     },
-    onMount(u) {
-      s.push(u);
+    onMount(i) {
+      c.push(i);
     },
-    onRefresh(u) {
-      i.push(u);
+    onRefresh(i) {
+      l.push(i);
     },
-    onUnmount(u) {
-      f.push(u);
+    onUnmount(i) {
+      m.push(i);
     },
-    cleanup(u) {
-      c.push(u);
+    cleanup(i) {
+      h.push(i);
     }
   };
   if (e.methods)
     try {
-      h.methods = e.methods(h);
-    } catch (u) {
-      return l(e.name, "methods factory failed", u), a.teardown(), null;
+      d.methods = e.methods(d);
+    } catch (i) {
+      return f(e.name, "methods factory failed", i), s.teardown(), null;
     }
   if (e.setup)
     try {
-      e.setup(h);
-    } catch (u) {
-      return l(e.name, "setup failed", u), $(e.name, c), a.teardown(), null;
+      e.setup(d);
+    } catch (i) {
+      return f(e.name, "setup failed", i), S(e.name, h), s.teardown(), null;
     }
-  v(e.name, "mount", s);
-  let d = !0;
+  E(e.name, "mount", c);
+  let w = !0;
   return {
     component: e,
     element: t,
-    ctx: h,
+    ctx: d,
     refresh() {
-      d && v(e.name, "refresh", i);
+      w && E(e.name, "refresh", l);
     },
     unmount() {
-      d && (d = !1, v(e.name, "unmount", f), $(e.name, c), a.teardown());
+      w && (w = !1, E(e.name, "unmount", m), S(e.name, h), s.teardown());
     }
   };
 }
-function U(e) {
+function G(e) {
   if (!e.state)
     return {};
   try {
     return e.state();
   } catch (t) {
-    return l(e.name, "state factory failed", t), {};
+    return f(e.name, "state factory failed", t), {};
   }
 }
-function E(e) {
+function k(e) {
   return e ?? document;
 }
-function S(e, t) {
+function q(e, t) {
   if (e instanceof Document)
     return Array.from(e.querySelectorAll(t));
   if (e instanceof Element) {
@@ -306,97 +320,97 @@ function S(e, t) {
   }
   return Array.from(e.querySelectorAll(t));
 }
-function q(e, t, r) {
+function A(e, t, r) {
   if (r.has(t))
     return;
-  const n = N(e, t);
+  const n = D(e, t);
   n && r.set(n);
 }
-function W(e, t) {
+function J(e, t) {
   const r = t.get(e);
   r && r.refresh();
 }
-function G(e, t) {
+function O(e, t) {
   return {
     mount(r) {
-      const n = E(r);
-      for (const o of e.list()) {
-        const a = o.schema.refs.root.selector;
-        for (const s of S(n, a))
-          q(o, s, t);
+      const n = k(r);
+      for (const a of e.list()) {
+        const s = a.schema.refs.root.selector;
+        for (const o of q(n, s))
+          A(a, o, t);
       }
     },
     reconcile(r) {
-      const n = E(r);
-      for (const o of e.list()) {
-        const a = o.schema.refs.root.selector;
-        for (const s of S(n, a)) {
-          const i = t.get(s);
-          if (!i) {
-            q(o, s, t);
+      const n = k(r);
+      for (const a of e.list()) {
+        const s = a.schema.refs.root.selector;
+        for (const o of q(n, s)) {
+          const u = t.get(o);
+          if (!u) {
+            A(a, o, t);
             continue;
           }
-          i.refresh();
+          u.refresh();
         }
       }
     },
     refresh(r) {
-      W(r, t);
+      J(r, t);
     },
     recreate(r) {
       const n = t.get(r);
       if (!n)
         return;
       n.unmount(), t.delete(r);
-      const o = N(n.component, r);
-      o && t.set(o);
+      const a = D(n.component, r);
+      a && t.set(a);
     },
     destroy(r) {
-      const n = E(r);
-      for (const o of t.listInScope(n))
-        o.unmount(), t.delete(o.element);
+      const n = k(r);
+      for (const a of t.listInScope(n))
+        a.unmount(), t.delete(a.element);
     }
   };
 }
-function J(e = {}) {
-  const t = new x(), r = new I(), n = G(t, r), o = M(!!e.observeDomChanges, n.reconcile, n.destroy), a = () => {
-    o.start(document);
+function Q(e = {}) {
+  const t = new I(), r = new F(), n = O(t, r), a = H(!!e.observeDomChanges, n.reconcile, n.destroy), s = () => {
+    a.start(document);
   };
   return {
-    register(s) {
-      return t.register(s), this;
+    register(o) {
+      return t.register(o), this;
     },
-    mount(s) {
-      a(), n.mount(s);
+    mount(o) {
+      s(), n.mount(o);
     },
-    reconcile(s) {
-      a(), n.reconcile(s);
+    reconcile(o) {
+      s(), n.reconcile(o);
     },
-    refresh(s) {
-      n.refresh(s);
+    refresh(o) {
+      n.refresh(o);
     },
-    recreate(s) {
-      n.recreate(s);
+    recreate(o) {
+      n.recreate(o);
     },
-    destroy(s) {
-      n.destroy(s), (!s || s instanceof Document) && o.stop();
+    destroy(o) {
+      n.destroy(o), (!o || o instanceof Document) && a.stop();
     },
-    getInstance(s) {
-      return r.get(s);
+    getInstance(o) {
+      return r.get(o);
     }
   };
 }
-function Z(e = {}) {
-  return J(e);
+function C(e = {}) {
+  return Q(e);
 }
-function O(e) {
+function X(e) {
   const t = e.schema.refs.root;
   if (!t)
     throw new Error(`[Nemesia] component "${e.name}" requires schema.refs.root`);
   if (t.many || t.optional)
     throw new Error(`[Nemesia] component "${e.name}" requires schema.refs.root to be required single`);
 }
-function _(e) {
+function ee(e) {
   if (!e || typeof e != "object")
     throw new Error("[Nemesia] component definition must be an object");
   if (typeof e.name != "string" || e.name.trim() === "")
@@ -407,17 +421,17 @@ function _(e) {
     throw new Error(`[Nemesia] component "${e.name}" requires schema.refs`);
   if (!e.schema.options || typeof e.schema.options != "object")
     throw new Error(`[Nemesia] component "${e.name}" requires schema.options`);
-  return O(e), e;
+  return X(e), e;
 }
-function D(e, t) {
+function j(e, t) {
   if (typeof e != "string" || e.trim() === "")
     throw new Error(`[Nemesia] ${t} must be a non-empty string`);
 }
-function A(e) {
+function N(e) {
   if (e !== "string" && e !== "number" && e !== "boolean")
     throw new Error(`[Nemesia] unsupported option type: ${e}`);
 }
-function Q(e, t) {
+function Y(e, t) {
   if (e === "string") {
     if (typeof t != "string")
       throw new Error('[Nemesia] option default must be a string for type "string"');
@@ -431,33 +445,33 @@ function Q(e, t) {
   if (typeof t != "boolean")
     throw new Error('[Nemesia] option default must be a boolean for type "boolean"');
 }
-function C(e, t) {
-  D(e, "selector");
-  let r, n = !1, o = !1;
-  return typeof t == "string" ? r = t : t && (r = t.tag, n = !!t.optional, o = !!t.many), {
+function te(e, t) {
+  j(e, "selector");
+  let r, n = !1, a = !1;
+  return typeof t == "string" ? r = t : t && (r = t.tag, n = !!t.optional, a = !!t.many), {
     kind: "ref",
     selector: e,
     tag: r ?? void 0,
     optional: n,
-    many: o
+    many: a
   };
 }
-function ee(e, t) {
-  D(e, "option attribute");
-  let r = "string", n = !1, o = !1, a;
-  return typeof t == "string" ? (A(t), r = t) : t && (t.type && (A(t.type), r = t.type), n = !!t.optional, "default" in t && (o = !0, a = t.default, Q(r, a))), {
+function re(e, t) {
+  j(e, "option attribute");
+  let r = "string", n = !1, a = !1, s;
+  return typeof t == "string" ? (N(t), r = t) : t && (t.type && (N(t.type), r = t.type), n = !!t.optional, "default" in t && (a = !0, s = t.default, Y(r, s))), {
     kind: "option",
     attribute: e,
     type: r,
     optional: n,
-    hasDefault: o,
-    defaultValue: a
+    hasDefault: a,
+    defaultValue: s
   };
 }
 export {
-  Z as createApplication,
-  _ as defineComponent,
-  ee as getOption,
-  C as getRef
+  C as createApplication,
+  ee as defineComponent,
+  re as getOption,
+  te as getRef
 };
 //# sourceMappingURL=nemesia.js.map