@duxweb/dvha-core 0.1.18 → 0.1.20

package/dist/esm/hooks/json/vFor.js

@@ -0,0 +1,57 @@
+import { extractContext as x, injectContext as u, cleanProps as d } from "./utils/contextManager.js";
+import { parseVForExpression as v } from "./utils/expressionParser.js";
+const A = {
+  name: "v-for",
+  priority: 90,
+  process(r, n) {
+    var a, m;
+    const e = ((a = r.attrs) == null ? void 0 : a["v-for"]) || ((m = r.attrs) == null ? void 0 : m.vFor);
+    if (!e)
+      return null;
+    const o = { ...r.attrs };
+    delete o["v-for"], delete o.vFor;
+    const i = x(n);
+    let t;
+    try {
+      if (Array.isArray(e))
+        t = {
+          items: e,
+          itemName: "item",
+          indexName: "index"
+        };
+      else if (typeof e == "object" && e.list)
+        t = {
+          items: Array.isArray(e.list) ? e.list : [],
+          itemName: e.item || "item",
+          indexName: e.index || "index"
+        };
+      else if (typeof e == "string")
+        t = v(e, i);
+      else
+        return console.warn("Unsupported v-for format:", e), null;
+    } catch (s) {
+      return console.warn("v-for parsing failed:", s), null;
+    }
+    const p = t.items.map((s, l) => {
+      const c = {
+        [t.itemName]: s,
+        [t.indexName]: l
+      }, f = { ...i, ...c };
+      return {
+        ...r,
+        attrs: {
+          ...o,
+          key: `${t.itemName}_${l}`,
+          ...u({}, f)
+        }
+      };
+    });
+    return {
+      props: d(n),
+      nodes: p
+    };
+  }
+};
+export {
+  A as vForAdaptor
+};

package/dist/esm/hooks/json/vIf.js

@@ -0,0 +1,17 @@
+import { extractContext as n, evaluateCondition as r, createAdaptorResult as f } from "./utils/contextManager.js";
+import { evaluateExpression as s } from "./utils/expressionParser.js";
+const c = {
+  name: "v-if",
+  priority: 100,
+  process(v, i) {
+    const e = v.attrs || {}, o = n(i);
+    let t;
+    return e["v-if"] !== void 0 ? t = r(e["v-if"], o, s) : e["v-else-if"] !== void 0 ? t = r(e["v-else-if"], o, s) : e["v-else"] !== void 0 && (t = !0), t === void 0 ? null : f(i, {
+      skip: !t,
+      cleanKeys: ["v-if", "v-else-if", "v-else"]
+    });
+  }
+};
+export {
+  c as vIfAdaptor
+};

package/dist/esm/hooks/json/vModel.js

@@ -0,0 +1,78 @@
+import { toRef as p } from "vue";
+const b = {
+  name: "v-model",
+  priority: 70,
+  process(e, s) {
+    const t = {}, r = {};
+    let o = !1;
+    return Object.entries(s).forEach(([n, i]) => {
+      if (n.startsWith("v-model") || n.startsWith("vModel")) {
+        o = !0;
+        const [d, ...u] = n.split(".");
+        let l;
+        d === "v-model" || d === "vModel" ? l = "modelValue" : d.startsWith("v-model:") ? l = d.slice(8) : d.startsWith("vModel:") ? l = d.slice(7) : l = "modelValue";
+        try {
+          const { modelValue: a, updateFn: m } = f(i, u);
+          t[l] = a, t[`onUpdate:${l}`] = m;
+        } catch (a) {
+          console.error(`v-model binding error (${l}):`, a);
+        }
+      } else
+        r[n] = i;
+    }), o ? { props: { ...r, ...t } } : null;
+  }
+};
+function f(e, s) {
+  if (Array.isArray(e) && e.length === 2 && typeof e[0] == "function" && typeof e[1] == "function") {
+    const [r, o] = e;
+    return {
+      modelValue: r(),
+      updateFn: (n) => {
+        o(c(n, s));
+      }
+    };
+  }
+  if (Array.isArray(e) && e.length === 2) {
+    const [r, o] = e;
+    if (!r || typeof o != "string")
+      throw new Error("Invalid v-model binding format: [obj, prop] expected");
+    const n = p(r, o);
+    return {
+      modelValue: n.value,
+      updateFn: (i) => {
+        n.value = c(i, s);
+      }
+    };
+  }
+  const t = p(e);
+  return t === e && typeof e != "object" ? {
+    modelValue: e,
+    updateFn: () => {
+      console.warn("v-model: Cannot update non-reactive value. Please use ref, [obj, prop], or [getter, setter] format.");
+    }
+  } : {
+    modelValue: t.value,
+    updateFn: (r) => {
+      t.value = c(r, s);
+    }
+  };
+}
+function c(e, s) {
+  return s.reduce((t, r) => {
+    switch (r) {
+      case "trim":
+        return typeof t == "string" ? t.trim() : t;
+      case "number": {
+        const o = Number(t);
+        return Number.isNaN(o) ? t : o;
+      }
+      case "lazy":
+        return t;
+      default:
+        return console.warn(`Unknown v-model modifier: ${r}`), t;
+    }
+  }, e);
+}
+export {
+  b as vModelAdaptor
+};

package/dist/esm/hooks/json/vOn.js

@@ -0,0 +1,32 @@
+const P = {
+  name: "v-on",
+  priority: 60,
+  process($, p) {
+    const n = {}, e = {};
+    let i = !1;
+    return Object.entries(p).forEach(([r, o]) => {
+      if (r.startsWith("@") || r.startsWith("v-on:")) {
+        i = !0;
+        const f = r.startsWith("@") ? r.slice(1) : r.slice(5), [s, ...a] = f.split(".");
+        if (!s) {
+          console.warn(`Invalid event name: ${r}`);
+          return;
+        }
+        const d = `on${s.charAt(0).toUpperCase()}${s.slice(1)}`, h = (t, ...u) => {
+          var c, l;
+          a.includes("prevent") && ((c = t.preventDefault) == null || c.call(t)), a.includes("stop") && ((l = t.stopPropagation) == null || l.call(t));
+          try {
+            typeof o == "function" ? o(t, ...u) : console.warn(`Invalid event handler type: ${typeof o}`);
+          } catch (m) {
+            console.error(`Event handler execution error (${s}):`, m);
+          }
+        };
+        n[d] = h;
+      } else
+        e[r] = o;
+    }), i ? { props: { ...e, ...n } } : null;
+  }
+};
+export {
+  P as vOnAdaptor
+};

package/dist/esm/hooks/json/vShow.js

@@ -0,0 +1,24 @@
+import { extractContext as a, evaluateCondition as p } from "./utils/contextManager.js";
+import { evaluateExpression as v } from "./utils/expressionParser.js";
+const u = {
+  name: "v-show",
+  priority: 95,
+  process(c, t) {
+    var r;
+    const e = (r = c.attrs) == null ? void 0 : r["v-show"];
+    if (e === void 0)
+      return null;
+    const i = a(t), n = p(e, i, v), o = { ...t };
+    delete o["v-show"];
+    const s = o.style || {}, l = typeof s == "object" ? { ...s, display: n ? void 0 : "none" } : { display: n ? void 0 : "none" };
+    return {
+      props: {
+        ...o,
+        style: l
+      }
+    };
+  }
+};
+export {
+  u as vShowAdaptor
+};

package/dist/esm/hooks/json/vText.js

@@ -0,0 +1,54 @@
+import { evaluateExpression as h } from "./utils/expressionParser.js";
+function l(r) {
+  return typeof r == "string" && /\{\{.+?\}\}/.test(r);
+}
+function f(r, o) {
+  return l(r) ? r.replace(/\{\{([^}]+)\}\}/g, (c, e) => {
+    try {
+      const n = h(e.trim(), o);
+      return String(n ?? "");
+    } catch (n) {
+      return console.warn(`Interpolation expression evaluation failed: ${e}`, n), c;
+    }
+  }) : r;
+}
+const d = {
+  name: "v-text",
+  priority: 50,
+  process(r, o) {
+    const c = o._context || {};
+    let e = !1, n = !1;
+    const i = {};
+    Object.entries(o).forEach(([t, s]) => {
+      if (typeof s == "string" && l(s)) {
+        const a = f(s, c);
+        a !== s ? (i[t] = a, e = !0) : i[t] = s;
+      } else
+        i[t] = s;
+    });
+    let p = r.children;
+    if (typeof r.children == "string" && l(r.children)) {
+      const t = f(r.children, c);
+      t !== r.children && (p = t, e = !0, n = !0);
+    }
+    if (!e)
+      return null;
+    if (n) {
+      const t = {
+        ...r,
+        attrs: r.attrs,
+        children: p
+      };
+      return {
+        props: i,
+        nodes: [t]
+      };
+    }
+    return {
+      props: i
+    };
+  }
+};
+export {
+  d as vTextAdaptor
+};

package/dist/esm/hooks/json.js

@@ -0,0 +1,80 @@
+import { computed as J, isRef as y, defineComponent as R, h as A, unref as _ } from "vue";
+import { defaultAdaptors as F } from "./json/index.js";
+import { injectContext as G } from "./json/utils/contextManager.js";
+function w(o) {
+  const v = o.adaptors || F, b = o.components || {}, O = J(() => y(o.data) ? o.data.value : o.data);
+  function P() {
+    return (y(o.context) ? o.context.value : o.context) || {};
+  }
+  function V(r) {
+    const t = {};
+    return Object.entries(r).forEach(([e, n]) => {
+      if (e === "_context") return;
+      const m = e === "modelValue" || e.startsWith("modelValue") || e !== "value" && (e.includes("model") || e.includes("Model"));
+      t[e] = m && y(n) ? _(n) : n;
+    }), t;
+  }
+  function p(r, t, e) {
+    return typeof r == "string" ? r : typeof r == "function" ? p(r(t), t, e) : Array.isArray(r) ? r.flatMap((n) => p(n, t, e)).filter(Boolean) : r != null && r.tag ? s(r, !0, e) : r;
+  }
+  function h(r, t, e) {
+    if (r)
+      return typeof r == "string" ? r : Array.isArray(r) ? r.flatMap((n) => typeof n == "string" ? n : s(n, t, e)).filter(Boolean) : s(r, t, e);
+  }
+  function s(r, t = !1, e = {}) {
+    const {
+      tag: n,
+      attrs: m = {},
+      children: E,
+      slots: j
+    } = r, u = {
+      ...P(),
+      ...e
+    };
+    let a = {
+      ...m
+    };
+    Object.keys(u).length > 0 && (a = {
+      ...a,
+      ...G({}, u)
+    });
+    for (const i of v) {
+      const f = i.process(r, a);
+      if (f) {
+        if (a = f.props, f.skip) return null;
+        if (f.nodes)
+          return f.nodes.map((d) => {
+            var M;
+            const x = ((M = d.attrs) == null ? void 0 : M._context) || {};
+            return s(d, t, {
+              ...u,
+              ...x
+            });
+          }).filter(Boolean);
+      }
+    }
+    const c = typeof n == "string" && b[n] ? b[n] : n, B = typeof c != "string", l = V(a);
+    if (j && B && !t) {
+      const i = {};
+      return Object.entries(j).forEach(([f, d]) => {
+        i[f] = (x = {}) => p(d, x, u);
+      }), A(c, l, i);
+    }
+    const g = h(E, t, u);
+    return B && g !== void 0 ? A(c, l, {
+      default: () => g
+    }) : A(c, l, g);
+  }
+  return {
+    render: /* @__PURE__ */ R({
+      name: "JsonSchemaRenderer",
+      render() {
+        var r;
+        return (r = O.value) == null ? void 0 : r.map((t) => s(t)).filter(Boolean);
+      }
+    })
+  };
+}
+export {
+  w as useJsonSchema
+};

package/dist/esm/hooks/overlay.js

@@ -8,14 +8,15 @@ import "lodash-es";
 import "@tanstack/vue-query";
 import "json-2-csv";
 import "@vueuse/core";
+import "./json/index.js";
 import "colorizr";
 import "axios";
-function h() {
+function w() {
   const r = t(m);
   return {
     show: (o) => r(o)
   };
 }
 export {
-  h as useOverlay
+  w as useOverlay
 };

package/dist/esm/hooks/theme.js

@@ -1,7 +1,7 @@
 import { useColorMode as Q, useCycleList as W } from "@vueuse/core";
 import { hex2rgb as X } from "colorizr";
 import { storeToRefs as Y } from "pinia";
-import { watchEffect as Z, computed as m, watch as _, readonly as I } from "vue";
+import { watchEffect as Z, computed as g, watch as _, readonly as I } from "vue";
 import "lodash-es";
 import { useThemeStore as N } from "../stores/theme.js";
 import { useManage as ee } from "./manage.js";
@@ -28,17 +28,17 @@ function de() {
         p(0);
         break;
     }
-  }, b = m(() => {
+  }, b = g(() => {
     const { system: t, store: e } = C;
     return e.value === "auto" ? t.value === "dark" : e.value === "dark";
-  }), z = m(() => {
-    var t, e, r, c, i, l, o, s;
+  }), z = g(() => {
+    var t, e, o, c, i, l, r, s;
     return b.value ? {
       logo: (e = (t = h.config) == null ? void 0 : t.theme) == null ? void 0 : e.darkLogo,
-      banner: (c = (r = h.config) == null ? void 0 : r.theme) == null ? void 0 : c.darkBanner
+      banner: (c = (o = h.config) == null ? void 0 : o.theme) == null ? void 0 : c.darkBanner
     } : {
       logo: (l = (i = h.config) == null ? void 0 : i.theme) == null ? void 0 : l.logo,
-      banner: (s = (o = h.config) == null ? void 0 : o.theme) == null ? void 0 : s.banner
+      banner: (s = (r = h.config) == null ? void 0 : r.theme) == null ? void 0 : s.banner
     };
   }), n = { ...{
     colors: te,
@@ -63,34 +63,34 @@ function de() {
         border: { base: "200", muted: "200", accented: "300", inverted: "900" }
       },
       dark: {
-        text: { dimmed: "600", muted: "500", toned: "300", base: "200", highlighted: "100", inverted: "black" },
+        text: { dimmed: "600", muted: "400", toned: "300", base: "500", highlighted: "100", inverted: "black" },
         bg: { base: "950", muted: "900", elevated: "800", accented: "700", inverted: "100" },
         border: { base: "900", muted: "800", accented: "700", inverted: "100" }
       }
     },
     colorBase: { white: "#ffffff", black: "#000000" }
-  }, ...(M = (V = h.config) == null ? void 0 : V.theme) == null ? void 0 : M.config }, { colorShades: k, colorTypes: w } = n, g = m(() => f.theme), $ = m(() => Object.keys(n.colors)), T = ["default", "hover", "pressed", "focus", "disabled"];
+  }, ...(M = (V = h.config) == null ? void 0 : V.theme) == null ? void 0 : M.config }, { colorShades: k, colorTypes: w } = n, m = g(() => f.theme), v = g(() => Object.keys(n.colors)), T = ["default", "hover", "pressed", "focus", "disabled"];
   function y() {
     return b.value ? n.colorScenes.dark : n.colorScenes.light;
   }
   function E(t, e) {
     var i;
-    const r = y(), c = r.default;
-    if ((i = r.overrides) != null && i[t]) {
-      const l = r.overrides[t], o = l == null ? void 0 : l[e];
-      if (o)
-        return o;
+    const o = y(), c = o.default;
+    if ((i = o.overrides) != null && i[t]) {
+      const l = o.overrides[t], r = l == null ? void 0 : l[e];
+      if (r)
+        return r;
     }
     return c[e] || "500";
   }
   function j(t, e) {
     var c;
-    const r = g.value[t];
-    return ((c = n.colors[r]) == null ? void 0 : c[e]) || "";
+    const o = m.value[t];
+    return ((c = n.colors[o]) == null ? void 0 : c[e]) || "";
   }
-  function a(t, e, r) {
+  function a(t, e, o) {
     const i = (b.value ? n.colorSemantic.dark : n.colorSemantic.light)[t][e];
-    return i === "white" || i === "black" ? `var(--ui-color-${i})` : `var(--base-color-${r}-${i})`;
+    return i === "white" || i === "black" ? `var(--ui-color-${i})` : `var(--base-color-${o}-${i})`;
   }
   const S = (t) => {
     const e = X(t);
@@ -99,43 +99,43 @@ function de() {
   function D() {
     var i, l;
     const t = [];
-    Object.entries(n.colors).forEach(([o, s]) => {
+    Object.entries(n.colors).forEach(([r, s]) => {
       typeof s == "object" && Object.entries(s).forEach(([u, d]) => {
         try {
-          t.push(`--base-color-${o}-${u}: ${S(d)};`);
+          t.push(`--base-color-${r}-${u}: ${S(d)};`);
         } catch {
-          t.push(`--base-color-${o}-${u}: ${d};`);
+          t.push(`--base-color-${r}-${u}: ${d};`);
         }
       });
     });
     const e = [];
-    w.forEach((o) => {
-      const s = g.value[o];
+    w.forEach((r) => {
+      const s = m.value[r];
       k.forEach((u) => {
-        e.push(`--ui-color-${o}-${u}: var(--base-color-${s}-${u});`);
+        e.push(`--ui-color-${r}-${u}: var(--base-color-${s}-${u});`);
       }), T.forEach((u) => {
-        const d = E(o, u);
-        u === "default" ? e.push(`--ui-color-${o}: var(--base-color-${s}-${d});`) : e.push(`--ui-color-${o}-${u}: var(--base-color-${s}-${d});`);
+        const d = E(r, u);
+        u === "default" ? e.push(`--ui-color-${r}: var(--base-color-${s}-${d});`) : e.push(`--ui-color-${r}-${u}: var(--base-color-${s}-${d});`);
       });
     });
-    const r = g.value.gray, c = [
+    const o = m.value.gray, c = [
       `--ui-color-white: ${S(((i = n.colorBase) == null ? void 0 : i.white) || "#ffffff")};`,
       `--ui-color-black: ${S(((l = n.colorBase) == null ? void 0 : l.black) || "#000000")};`,
-      `--ui-text-dimmed: ${a("text", "dimmed", r)};`,
-      `--ui-text-muted: ${a("text", "muted", r)};`,
-      `--ui-text-toned: ${a("text", "toned", r)};`,
-      `--ui-text: ${a("text", "base", r)};`,
-      `--ui-text-highlighted: ${a("text", "highlighted", r)};`,
-      `--ui-text-inverted: ${a("text", "inverted", r)};`,
-      `--ui-bg: ${a("bg", "base", r)};`,
-      `--ui-bg-muted: ${a("bg", "muted", r)};`,
-      `--ui-bg-elevated: ${a("bg", "elevated", r)};`,
-      `--ui-bg-accented: ${a("bg", "accented", r)};`,
-      `--ui-bg-inverted: ${a("bg", "inverted", r)};`,
-      `--ui-border: ${a("border", "base", r)};`,
-      `--ui-border-muted: ${a("border", "muted", r)};`,
-      `--ui-border-accented: ${a("border", "accented", r)};`,
-      `--ui-border-inverted: ${a("border", "inverted", r)};`
+      `--ui-text-dimmed: ${a("text", "dimmed", o)};`,
+      `--ui-text-muted: ${a("text", "muted", o)};`,
+      `--ui-text-toned: ${a("text", "toned", o)};`,
+      `--ui-text: ${a("text", "base", o)};`,
+      `--ui-text-highlighted: ${a("text", "highlighted", o)};`,
+      `--ui-text-inverted: ${a("text", "inverted", o)};`,
+      `--ui-bg: ${a("bg", "base", o)};`,
+      `--ui-bg-muted: ${a("bg", "muted", o)};`,
+      `--ui-bg-elevated: ${a("bg", "elevated", o)};`,
+      `--ui-bg-accented: ${a("bg", "accented", o)};`,
+      `--ui-bg-inverted: ${a("bg", "inverted", o)};`,
+      `--ui-border: ${a("border", "base", o)};`,
+      `--ui-border-muted: ${a("border", "muted", o)};`,
+      `--ui-border-accented: ${a("border", "accented", o)};`,
+      `--ui-border-inverted: ${a("border", "inverted", o)};`
     ];
     return `:root {
   ${t.join(`
@@ -146,19 +146,19 @@ function de() {
   `)}
 }`;
   }
-  let v = null;
+  let $ = null;
   function B() {
     const t = D();
-    v || (v = document.createElement("style"), v.id = "dvha-variables", document.head.appendChild(v)), v.textContent = t;
+    $ || ($ = document.createElement("style"), $.id = "dvha-variables", document.head.appendChild($)), $.textContent = t;
   }
   function G() {
     f.cssInit || (f.setCssInit(), B());
   }
-  _([g, b], () => {
+  _([m, b], () => {
     f.cssInit && B();
   }, { deep: !0, immediate: !1 });
   function U(t, e) {
-    $.value.includes(e) ? f.setThemeColor(t, e) : console.warn(`Color "${e}" is not available`);
+    v.value.includes(e) ? f.setThemeColor(t, e) : console.warn(`Color "${e}" is not available`);
   }
   function q(t) {
     f.setThemeColors(t);
@@ -166,18 +166,18 @@ function de() {
   function A() {
     f.resetTheme();
   }
-  function F(t, e, r = !1) {
-    return r ? `rgb(var(--ui-color-${t}-${e}))` : j(t, e);
+  function F(t, e, o = !1) {
+    return o ? `--ui-color-${t}-${e}` : j(t, e);
   }
-  function H(t, e, r = !1) {
-    if (e || (e = "default"), r)
-      return e === "default" ? `rgb(var(--ui-color-${t}))` : `rgb(var(--ui-color-${t}-${e}))`;
+  function H(t, e, o = !1) {
+    if (e || (e = "default"), o)
+      return e === "default" ? `--ui-color-${t})` : `--ui-color-${t}-${e})`;
     const c = E(t, e);
     return j(t, c);
   }
-  function J(t, e, r = !1) {
-    var o, s, u;
-    if (r) {
+  function J(t, e, o = !1) {
+    var r, s, u;
+    if (o) {
       let d;
       switch (t) {
         case "text":
@@ -192,17 +192,17 @@ function de() {
         default:
           d = `--ui-${t}-${e}`;
       }
-      return `rgb(var(${d}))`;
+      return `${d}`;
     }
-    const c = g.value.gray, l = (b.value ? n.colorSemantic.dark : n.colorSemantic.light)[t][e];
-    return l === "white" ? ((o = n.colorBase) == null ? void 0 : o.white) || "#ffffff" : l === "black" ? ((s = n.colorBase) == null ? void 0 : s.black) || "#000000" : ((u = n.colors[c]) == null ? void 0 : u[l]) || "";
+    const c = m.value.gray, l = (b.value ? n.colorSemantic.dark : n.colorSemantic.light)[t][e];
+    return l === "white" ? ((r = n.colorBase) == null ? void 0 : r.white) || "#ffffff" : l === "black" ? ((s = n.colorBase) == null ? void 0 : s.black) || "#000000" : ((u = n.colors[c]) == null ? void 0 : u[l]) || "";
   }
-  const K = m(() => {
+  const K = g(() => {
     var t;
-    return (t = $.value) == null ? void 0 : t.filter((e) => ["slate", "gray", "zinc", "neutral", "stone"].includes(e));
-  }), P = m(() => {
+    return (t = v.value) == null ? void 0 : t.filter((e) => ["slate", "gray", "zinc", "neutral", "stone"].includes(e));
+  }), P = g(() => {
     var t;
-    return (t = $.value) == null ? void 0 : t.filter((e) => !["slate", "gray", "zinc", "neutral", "stone"].includes(e));
+    return (t = v.value) == null ? void 0 : t.filter((e) => !["slate", "gray", "zinc", "neutral", "stone"].includes(e));
   });
   return {
     toggle: O,
@@ -211,8 +211,8 @@ function de() {
     isDark: b,
     resources: z,
     config: I(n),
-    colorMapping: I(g),
-    colors: $,
+    colorMapping: I(m),
+    colors: v,
     neutralColors: K,
     primaryColors: P,
     colorShades: k,