@bquery/bquery 1.4.0 → 1.5.0

package/dist/view.es.mjs

@@ -1,432 +1,12 @@
-import { a as z, i as V, e as E } from "./type-guards-BdKlYYlS.js";
-import { s as P } from "./core-BhpuvPhy.js";
-import { c as ye } from "./core-BhpuvPhy.js";
-import { s as Z } from "./sanitize-Cxvxa-DX.js";
-import { b as ge } from "./batch-x7b2eZST.js";
-const N = 500;
-class D {
-  constructor(e) {
-    this.cache = /* @__PURE__ */ new Map(), this.maxSize = e;
-  }
-  get(e) {
-    const s = this.cache.get(e);
-    return s !== void 0 && (this.cache.delete(e), this.cache.set(e, s)), s;
-  }
-  set(e, s) {
-    if (this.cache.has(e))
-      this.cache.delete(e);
-    else if (this.cache.size >= this.maxSize) {
-      const r = this.cache.keys().next().value;
-      r !== void 0 && this.cache.delete(r);
-    }
-    this.cache.set(e, s);
-  }
-  clear() {
-    this.cache.clear();
-  }
-  get size() {
-    return this.cache.size;
-  }
-}
-const I = new D(N), O = new D(N), de = () => {
-  I.clear(), O.clear();
-}, U = (n) => new Proxy(n, {
-  get(e, s) {
-    if (typeof s != "string")
-      return Reflect.get(e, s);
-    const r = e[s];
-    return z(r) || V(r) ? r.value : r;
-  },
-  has(e, s) {
-    return typeof s != "string" ? Reflect.has(e, s) : s in e;
-  }
-}), y = (n, e) => {
-  try {
-    const s = U(e);
-    let r = I.get(n);
-    return r || (r = new Function("$ctx", `with($ctx) { return (${n}); }`), I.set(n, r)), r(s);
-  } catch (s) {
-    console.error(`bQuery view: Error evaluating "${n}"`, s);
-    return;
-  }
-}, M = (n, e) => {
-  try {
-    let s = O.get(n);
-    return s || (s = new Function("$ctx", `with($ctx) { return (${n}); }`), O.set(n, s)), s(e);
-  } catch (s) {
-    console.error(`bQuery view: Error evaluating "${n}"`, s);
-    return;
-  }
-}, _ = (n) => {
-  const e = {}, s = n.trim().replace(/^\{|\}$/g, "").trim();
-  if (!s) return e;
-  const r = [];
-  let t = "", l = 0, i = null;
-  for (let c = 0; c < s.length; c++) {
-    const o = s[c];
-    if (o === '"' || o === "'" || o === "`") {
-      let a = 0, u = c - 1;
-      for (; u >= 0 && s[u] === "\\"; )
-        a++, u--;
-      a % 2 === 0 && (i === null ? i = o : i === o && (i = null)), t += o;
-      continue;
-    }
-    if (i !== null) {
-      t += o;
-      continue;
-    }
-    o === "(" || o === "[" || o === "{" ? (l++, t += o) : o === ")" || o === "]" || o === "}" ? (l--, t += o) : o === "," && l === 0 ? (r.push(t.trim()), t = "") : t += o;
-  }
-  t.trim() && r.push(t.trim());
-  for (const c of r) {
-    let o = -1, a = 0, u = null;
-    for (let h = 0; h < c.length; h++) {
-      const f = c[h];
-      if (f === '"' || f === "'" || f === "`") {
-        let q = 0, S = h - 1;
-        for (; S >= 0 && c[S] === "\\"; )
-          q++, S--;
-        q % 2 === 0 && (u === null ? u = f : u === f && (u = null));
-        continue;
-      }
-      if (u === null) {
-        if (f === "(" || f === "[" || f === "{")
-          a++;
-        else if (f === ")" || f === "]" || f === "}")
-          a--;
-        else if (f === ":" && a === 0) {
-          o = h;
-          break;
-        }
-      }
-    }
-    if (o > -1) {
-      const h = c.slice(0, o).trim().replace(/^['"]|['"]$/g, ""), f = c.slice(o + 1).trim();
-      e[h] = f;
-    }
-  }
-  return e;
-}, X = (n) => (e, s, r, t) => {
-  const l = E(() => {
-    const i = y(s, r);
-    i == null || i === !1 ? e.removeAttribute(n) : i === !0 ? e.setAttribute(n, "") : e.setAttribute(n, String(i));
-  });
-  t.push(l);
-}, G = (n, e, s, r) => {
-  let t = /* @__PURE__ */ new Set();
-  const l = E(() => {
-    const i = /* @__PURE__ */ new Set();
-    if (e.trimStart().startsWith("{")) {
-      const c = _(e);
-      for (const [o, a] of Object.entries(c)) {
-        const u = y(a, s);
-        n.classList.toggle(o, !!u), i.add(o);
-      }
-    } else if (/^\s*\[/.test(e)) {
-      const c = y(e, s);
-      if (Array.isArray(c))
-        for (const o of c)
-          o && (n.classList.add(o), i.add(o));
-    } else {
-      const c = y(e, s);
-      typeof c == "string" ? c.split(/\s+/).forEach((o) => {
-        o && (n.classList.add(o), i.add(o));
-      }) : Array.isArray(c) && c.forEach((o) => {
-        o && (n.classList.add(o), i.add(o));
-      });
-    }
-    for (const c of t)
-      i.has(c) || n.classList.remove(c);
-    t = i;
-  });
-  r.push(l);
-}, J = (n, e, s, r, t, l) => {
-  if (!s)
-    return e;
-  const i = {
-    ...l,
-    [r]: n
-  };
-  return t && (i[t] = e), y(s, i);
-}, Y = (n) => {
-  const { prefix: e, processElement: s, processChildren: r } = n;
-  return (t, l, i, c) => {
-    const o = t.parentNode;
-    if (!o) return;
-    const a = l.match(/^\(?(\w+)(?:\s*,\s*(\w+))?\)?\s+in\s+(\S.*)$/);
-    if (!a) {
-      console.error(`bQuery view: Invalid bq-for expression "${l}"`);
-      return;
-    }
-    const [, u, h, f] = a, q = t.getAttribute(":key") || t.getAttribute(`${e}-key`), S = t.cloneNode(!0);
-    S.removeAttribute(`${e}-for`), S.removeAttribute(":key"), S.removeAttribute(`${e}-key`);
-    const Q = document.createComment(`bq-for: ${l}`);
-    o.replaceChild(Q, t);
-    let C = /* @__PURE__ */ new Map(), j = [];
-    const F = (d, p, w) => {
-      const A = S.cloneNode(!0), k = [], L = P(d), $ = h ? P(p) : null, m = {
-        ...i,
-        [u]: L
-      };
-      return h && $ && (m[h] = $), s(A, m, e, k), r(A, m, e, k), {
-        key: w,
-        element: A,
-        cleanups: k,
-        item: d,
-        index: p,
-        itemSignal: L,
-        indexSignal: $
-      };
-    }, R = (d) => {
-      for (const p of d.cleanups)
-        p();
-      d.element.remove();
-    }, K = (d, p, w) => {
-      Object.is(d.item, p) || (d.item = p, d.itemSignal.value = p), d.index !== w && (d.index = w, d.indexSignal && (d.indexSignal.value = w));
-    }, B = E(() => {
-      const d = y(f, i);
-      if (!Array.isArray(d)) {
-        for (const m of C.values())
-          R(m);
-        C.clear(), j = [];
-        return;
-      }
-      const p = [], w = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set();
-      d.forEach((m, v) => {
-        let b = J(m, v, q, u, h, i);
-        A.has(b) && (console.warn(
-          `bq-for: Duplicate key "${String(b)}" detected at index ${v}. Falling back to index-based key for this item. Ensure :key expressions produce unique values for each item.`
-        ), b = { __bqDuplicateKey: b, __bqIndex: v }), A.add(b), p.push(b), w.set(b, { item: m, index: v });
-      });
-      const k = [];
-      for (const m of j)
-        w.has(m) || k.push(m);
-      for (const m of k) {
-        const v = C.get(m);
-        v && (R(v), C.delete(m));
-      }
-      const L = /* @__PURE__ */ new Map();
-      let $ = Q;
-      for (let m = 0; m < p.length; m++) {
-        const v = p[m], { item: b, index: H } = w.get(v);
-        let g = C.get(v);
-        g ? (K(g, b, H), L.set(v, g), $.nextSibling !== g.element && $.after(g.element), $ = g.element) : (g = F(b, H, v), L.set(v, g), $.after(g.element), $ = g.element);
-      }
-      C = L, j = p;
-    });
-    c.push(() => {
-      B();
-      for (const d of C.values())
-        for (const p of d.cleanups)
-          p();
-      C.clear();
-    });
-  };
-}, x = (n) => (e, s, r, t) => {
-  const l = E(() => {
-    const i = y(s, r), c = String(i ?? "");
-    e.innerHTML = n ? Z(c) : c;
-  });
-  t.push(l);
-}, ee = (n, e, s, r) => {
-  const t = document.createComment(`bq-if: ${e}`);
-  let l = !0;
-  const i = E(() => {
-    const c = y(e, s);
-    c && !l ? (t.replaceWith(n), l = !0) : !c && l && (n.replaceWith(t), l = !1);
-  });
-  r.push(i);
-}, te = (n, e, s, r) => {
-  const t = n, l = M(e, s);
-  if (!z(l)) {
-    console.warn(`bQuery view: bq-model requires a signal, got "${e}"`);
-    return;
-  }
-  const i = l, c = t.type === "checkbox", o = t.type === "radio", a = () => {
-    c ? t.checked = !!i.value : o ? t.checked = i.value === t.value : t.value = String(i.value ?? "");
-  }, u = E(() => {
-    a();
-  });
-  r.push(u);
-  const h = t.tagName === "SELECT" ? "change" : "input", f = () => {
-    c ? i.value = t.checked : o ? t.checked && (i.value = t.value) : i.value = t.value;
-  };
-  t.addEventListener(h, f), r.push(() => t.removeEventListener(h, f));
-}, ne = (n) => (e, s, r, t) => {
-  const l = (i) => {
-    const c = { ...r, $event: i, $el: e };
-    if (!s.includes("(")) {
-      const a = M(s, c);
-      if (typeof a == "function") {
-        a(i);
-        return;
-      }
-      return;
-    }
-    M(s, c);
-  };
-  e.addEventListener(n, l), t.push(() => e.removeEventListener(n, l));
-};
-function se(n) {
-  const e = Object.getOwnPropertyDescriptor(n, "value");
-  return e ? "value" in e ? e.writable === !0 : typeof e.set == "function" : !1;
-}
-const re = (n, e, s, r) => {
-  const t = M(
-    e,
-    s
-  );
-  z(t) ? (t.value = n, r.push(() => {
-    t.value = null;
-  })) : typeof t == "object" && t !== null && se(t) && (t.value = n, r.push(() => {
-    t.value = null;
-  }));
-}, oe = (n, e, s, r) => {
-  const t = n;
-  let l = t.style.display;
-  if (!l || l === "none") {
-    const c = t.ownerDocument.defaultView?.getComputedStyle(t).display ?? "";
-    l = c !== "none" ? c : "";
-  }
-  const i = E(() => {
-    const c = y(e, s);
-    t.style.display = c ? l : "none";
-  });
-  r.push(i);
-}, ie = (n, e, s, r) => {
-  const t = n;
-  let l = /* @__PURE__ */ new Set();
-  const i = E(() => {
-    const c = /* @__PURE__ */ new Set();
-    if (e.trimStart().startsWith("{")) {
-      const o = _(e);
-      for (const [a, u] of Object.entries(o)) {
-        const h = y(u, s), f = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-        t.style.setProperty(f, String(h ?? "")), c.add(f);
-      }
-    } else {
-      const o = y(e, s);
-      if (o && typeof o == "object")
-        for (const [a, u] of Object.entries(o)) {
-          const h = a.replace(/([A-Z])/g, "-$1").toLowerCase();
-          t.style.setProperty(h, String(u ?? "")), c.add(h);
-        }
-    }
-    for (const o of l)
-      c.has(o) || t.style.removeProperty(o);
-    l = c;
-  });
-  r.push(i);
-}, ce = (n, e, s, r) => {
-  const t = E(() => {
-    const l = y(e, s);
-    n.textContent = String(l ?? "");
-  });
-  r.push(t);
-}, W = (n, e, s, r, t) => {
-  const l = Array.from(n.attributes);
-  for (const i of l) {
-    const { name: c, value: o } = i;
-    if (!c.startsWith(`${s}-`)) continue;
-    const a = c.slice(s.length + 1);
-    if (a === "for") {
-      t.for(n, o, e, r);
-      return;
-    }
-    if (a === "text")
-      t.text(n, o, e, r);
-    else if (a === "html")
-      t.html(n, o, e, r);
-    else if (a === "if")
-      t.if(n, o, e, r);
-    else if (a === "show")
-      t.show(n, o, e, r);
-    else if (a === "class")
-      t.class(n, o, e, r);
-    else if (a === "style")
-      t.style(n, o, e, r);
-    else if (a === "model")
-      t.model(n, o, e, r);
-    else if (a === "ref")
-      t.ref(n, o, e, r);
-    else if (a.startsWith("bind:")) {
-      const u = a.slice(5);
-      t.bind(u)(n, o, e, r);
-    } else if (a.startsWith("on:")) {
-      const u = a.slice(3);
-      t.on(u)(n, o, e, r);
-    }
-  }
-}, T = (n, e, s, r, t) => {
-  const l = Array.from(n.children);
-  for (const i of l)
-    i.hasAttribute(`${s}-for`) ? W(i, e, s, r, t) : (W(i, e, s, r, t), T(i, e, s, r, t));
-}, le = (n, e, s = {}) => {
-  const { prefix: r = "bq", sanitize: t = !0 } = s, l = typeof n == "string" ? document.querySelector(n) : n;
-  if (!l)
-    throw new Error(`bQuery view: Element "${n}" not found.`);
-  if (l.hasAttribute(`${r}-for`))
-    throw new Error(
-      `bQuery view: Cannot mount on element with ${r}-for directive. Wrap the ${r}-for element in a container instead.`
-    );
-  const i = [], c = {
-    text: ce,
-    html: x(t),
-    if: ee,
-    show: oe,
-    class: G,
-    style: ie,
-    model: te,
-    ref: re,
-    for: Y({
-      prefix: r,
-      processElement: (a, u, h, f) => W(a, u, h, f, c),
-      processChildren: (a, u, h, f) => T(a, u, h, f, c)
-    }),
-    bind: X,
-    on: ne
-  };
-  return ((a, u, h) => {
-    const f = a.hasAttribute(`${r}-for`);
-    W(a, u, r, h, c), f || T(a, u, r, h, c);
-  })(l, e, i), {
-    el: l,
-    context: e,
-    update: (a) => {
-      Object.assign(e, a);
-    },
-    destroy: () => {
-      for (const a of i)
-        a();
-      i.length = 0;
-    }
-  };
-}, me = (n, e = {}) => (s) => {
-  const r = document.createElement("div");
-  r.innerHTML = n.trim();
-  const t = r.firstElementChild;
-  if (!t)
-    throw new Error("bQuery view: Template must contain a single root element.");
-  if (r.childElementCount > 1)
-    throw new Error(
-      `bQuery view: Template must contain exactly one root element, found ${r.childElementCount}.`
-    );
-  const { prefix: l = "bq" } = e;
-  if (t.hasAttribute(`${l}-for`) || t.hasAttribute(`${l}-if`)) {
-    const i = t.hasAttribute(`${l}-for`) ? "for" : "if";
-    throw new Error(
-      `bQuery view: Template root element cannot have ${l}-${i} directive. Wrap the ${l}-${i} element in a container instead.`
-    );
-  }
-  return le(t, s, e);
-};
+import { n as r, r as e } from "./core-DPdbItcq.js";
+import { f as o, p as s } from "./reactive-BDya-ia8.js";
+import { n as p, r as c, t as f } from "./view-Cdi0g-qo.js";
 export {
-  ge as batch,
-  de as clearExpressionCache,
-  ye as computed,
-  me as createTemplate,
-  E as effect,
-  le as mount,
-  P as signal
+  s as batch,
+  c as clearExpressionCache,
+  o as computed,
+  f as createTemplate,
+  e as effect,
+  p as mount,
+  r as signal
 };
-//# sourceMappingURL=view.es.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bquery/bquery",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "The jQuery for the Modern Web Platform - Zero build, TypeScript-first library with reactivity, components, and motion",
   "type": "module",
   "main": "./dist/full.umd.js",
@@ -67,7 +67,8 @@
     "dev": "vitepress dev docs",
     "build:docs": "vitepress build docs",
     "preview": "vitepress preview docs",
-    "playground": "vite dev playground",
+    "storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build",
     "build": "bun run build:lib && bun run build:umd && bun run build:types",
     "build:lib": "vite build",
     "build:umd": "vite build --config vite.umd.config.ts",
@@ -115,18 +116,21 @@
     "node": ">=18.0.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.55.0",
-    "@typescript-eslint/parser": "^8.55.0",
-    "bun-types": "^1.3.9",
-    "eslint": "^9.39.2",
+    "@storybook/addon-docs": "^10.2.17",
+    "@storybook/web-components-vite": "^10.2.17",
+    "@typescript-eslint/eslint-plugin": "^8.57.0",
+    "@typescript-eslint/parser": "^8.57.0",
+    "bun-types": "^1.3.10",
+    "eslint": "^10.0.3",
     "eslint-config-prettier": "^10.1.8",
-    "globals": "^17.3.0",
-    "happy-dom": "^20.6.0",
+    "globals": "^17.4.0",
+    "happy-dom": "^20.8.3",
     "prettier": "^3.8.1",
-    "rimraf": "^6.1.2",
-    "typedoc": "^0.28.16",
+    "rimraf": "^6.1.3",
+    "storybook": "^10.2.17",
+    "typedoc": "^0.28.17",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0",
     "vitepress": "^1.6.4"
   }
 }