@takazudo/zdtp 0.4.13 → 0.4.15

package/dist/{index-BAY1JOUl.js → index-C2DIYD0d.js}

@@ -1,7 +1,7 @@
 import { jsx as y, jsxs as K, Fragment as kt } from "preact/jsx-runtime";
 import { useEffect as P, useState as Y, useRef as O, useMemo as J, useCallback as X } from "preact/hooks";
-import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-U7Ol7tgA.js";
-import { g as vt, m as j } from "./panel-config-COHesW2B.js";
+import { b as ft, p as wt, u as ht, a as Ne, A as bt, Z as gt } from "./index-BOOmFtJh.js";
+import { g as vt, m as j } from "./panel-config-CRf-ONSV.js";
 const xt = (e, o) => {
   const t = new Array(e.length + o.length);
   for (let r = 0; r < e.length; r++)

package/dist/index.js

@@ -1,9 +1,9 @@
 import "preact/jsx-runtime";
 import "preact";
-import { S as t, c as i, d as n, _ as l, e as d, f as _, g as p, h as g, i as m, j as P, k as u, l as A, m as C, n as S, o as T, q as c, r as f, s as K, t as M, v, w as E, x as F, y as h, z as w } from "./index-U7Ol7tgA.js";
-import { Z as y, V as D, v as k, u as H, Y as L } from "./tweak-state-BKNxtHzb.js";
-import { c as Y, s as b } from "./panel-config-COHesW2B.js";
-import "./autoload-state-CfL2VUe1.js";
+import { S as t, c as i, d as n, _ as l, e as d, f as _, g as p, h as g, i as m, j as P, k as A, l as C, m as S, n as u, o as T, q as c, r as f, s as K, t as M, v, w, x, y as E, z as F } from "./index-BOOmFtJh.js";
+import { Z as y, a2 as D, x as k, w as H, a5 as L } from "./tweak-state-BGp_7Tfh.js";
+import { c as O, s as V } from "./panel-config-CRf-ONSV.js";
+import "./autoload-state-7BQYXI7Y.js";
 export {
   t as SCHEMA_V1,
   i as SCHEMA_V2,
@@ -14,15 +14,15 @@ export {
   _ as __reapplyFromStorageForTests,
   p as __resetInstanceBindingsForTests,
   g as __resetSpawnSlotsForTests,
-  Y as configurePanel,
+  O as configurePanel,
   m as disableAutoload,
   D as emptyOverrides,
   P as enableAutoload,
   k as getClusterDefaultMode,
-  u as hideDesignTokenPanel,
-  A as isColorKind,
-  C as isContentKind,
-  S as isCursorKind,
+  A as hideDesignTokenPanel,
+  C as isColorKind,
+  S as isContentKind,
+  u as isCursorKind,
   T as isLengthKind,
   c as isMaskImageKind,
   f as isNumberKind,
@@ -31,9 +31,9 @@ export {
   v as reapplyPersistedOverrides,
   H as resolvePerModeLiteral,
   L as resolveSemanticPreviewColor,
-  E as setLifecycleAdapter,
-  b as setPanelColorPresets,
-  F as shouldAutoload,
-  h as showDesignTokenPanel,
-  w as toggleDesignPanel
+  w as setLifecycleAdapter,
+  V as setPanelColorPresets,
+  x as shouldAutoload,
+  E as showDesignTokenPanel,
+  F as toggleDesignPanel
 };

package/dist/load-routing-BtCE1hGI.js

@@ -0,0 +1,547 @@
+import { promises as v, readFileSync as X } from "node:fs";
+import { relative as D, isAbsolute as G, sep as Q, resolve as T, dirname as z, join as J } from "node:path";
+import { createHash as Y, randomBytes as V } from "node:crypto";
+import { r as ee } from "./route-tokens-to-files-1DvmWBdj.js";
+const A = /* @__PURE__ */ new Map();
+async function E(e, t) {
+  const n = (A.get(e) ?? Promise.resolve()).then(t, t), o = n.then(
+    () => {
+    },
+    () => {
+    }
+  );
+  A.set(e, o);
+  try {
+    return await n;
+  } finally {
+    A.get(e) === o && A.delete(e);
+  }
+}
+function ne(e) {
+  return e.replace(/[\r\n\\;{}]/g, "");
+}
+const te = /^--[a-zA-Z0-9_-]+$/;
+function re(e) {
+  return typeof e == "string" && te.test(e);
+}
+function oe(e, t) {
+  if (!t.endsWith(".css")) return !1;
+  const r = D(e, t);
+  return !(r === "" || r === "." || G(r) || r === ".." || r.startsWith(`..${Q}`) || r.startsWith("../"));
+}
+function se(e) {
+  const t = {};
+  for (const [r, n] of Object.entries(e)) {
+    if (!re(r))
+      return { error: `Invalid cssVar name: ${JSON.stringify(r)}` };
+    if (typeof n != "string")
+      return { error: `Value for ${r} must be a string` };
+    t[r] = ne(n);
+  }
+  return { sanitized: t };
+}
+class B extends Error {
+  constructor(t = 'No top-level ":root { ... }" or "@theme { ... }" block found in source.') {
+    super(t), this.name = "NoTokenBlockError", Object.setPrototypeOf(this, B.prototype);
+  }
+}
+function W(e, t, r) {
+  const n = e.length, o = t.length, i = t[0];
+  let s = 0, c = 0;
+  for (; s < n; ) {
+    const l = e[s];
+    if (l === "/" && e[s + 1] === "*") {
+      const a = e.indexOf("*/", s + 2);
+      if (a === -1) return null;
+      s = a + 2;
+      continue;
+    }
+    if (l === '"' || l === "'") {
+      const a = l;
+      for (s++; s < n && e[s] !== a; )
+        e[s] === "\\" && s + 1 < n && s++, s++;
+      s++;
+      continue;
+    }
+    if (l === "{") {
+      c++, s++;
+      continue;
+    }
+    if (l === "}") {
+      c > 0 && c--, s++;
+      continue;
+    }
+    if (c === 0 && l === i && e.startsWith(t, s)) {
+      const a = s + o, h = e[a] ?? "";
+      if (!I(h)) {
+        const k = r ? ae(e, a) : ie(e, a);
+        if (k !== -1) {
+          const m = k + 1, f = le(e, m);
+          return f !== -1 ? { contentStart: m, contentEnd: f } : null;
+        }
+      }
+    }
+    s++;
+  }
+  return null;
+}
+function C(e) {
+  return W(e, ":root", !1);
+}
+function P(e) {
+  return W(e, "@theme", !0);
+}
+function I(e) {
+  return /[A-Za-z0-9_-]/.test(e);
+}
+function ie(e, t) {
+  const r = e.length;
+  let n = t;
+  for (; n < r; ) {
+    const o = e[n];
+    if (o === " " || o === "	" || o === `
+` || o === "\r" || o === "\f") {
+      n++;
+      continue;
+    }
+    if (o === "/" && e[n + 1] === "*") {
+      const i = e.indexOf("*/", n + 2);
+      if (i === -1) return -1;
+      n = i + 2;
+      continue;
+    }
+    return o === "{" ? n : -1;
+  }
+  return -1;
+}
+function ae(e, t) {
+  const r = e.length;
+  let n = t;
+  for (; n < r; ) {
+    const o = e[n];
+    if (o === " " || o === "	" || o === `
+` || o === "\r" || o === "\f") {
+      n++;
+      continue;
+    }
+    if (o === "/" && e[n + 1] === "*") {
+      const i = e.indexOf("*/", n + 2);
+      if (i === -1) return -1;
+      n = i + 2;
+      continue;
+    }
+    if (o === "{") return n;
+    if (I(o)) {
+      for (n++; n < r && I(e[n]); ) n++;
+      continue;
+    }
+    return -1;
+  }
+  return -1;
+}
+function le(e, t) {
+  const r = e.length;
+  let n = t, o = 1;
+  for (; n < r; ) {
+    const i = e[n];
+    if (i === "/" && e[n + 1] === "*") {
+      const s = e.indexOf("*/", n + 2);
+      if (s === -1) return -1;
+      n = s + 2;
+      continue;
+    }
+    if (i === '"' || i === "'") {
+      const s = i;
+      for (n++; n < r && e[n] !== s; )
+        e[n] === "\\" && n + 1 < r && n++, n++;
+      n++;
+      continue;
+    }
+    if (i === "{") {
+      o++, n++;
+      continue;
+    }
+    if (i === "}") {
+      if (o--, o === 0) return n;
+      n++;
+      continue;
+    }
+    n++;
+  }
+  return -1;
+}
+function ce(e) {
+  return e.replace(/[\\^$.*+?()[\]{}|]/g, "\\$&");
+}
+function _(e) {
+  return e.replace(/\/\*[\s\S]*?\*\//g, (t) => " ".repeat(t.length));
+}
+function q(e) {
+  const t = e.startsWith("--") ? e.slice(2) : e, r = ce(t);
+  return new RegExp("(?<![\\w-])(--" + r + ":)(\\s*)([\\s\\S]+?);");
+}
+function L(e, t) {
+  return q(t).test(_(e));
+}
+function j(e, t, r) {
+  const n = q(t), o = _(e), i = n.exec(o);
+  if (!i) return { content: e, status: "unknown" };
+  const [s, c, l] = i, a = i.index, h = a + s.length, k = a + c.length + l.length, m = h - 1, p = e.slice(k, m).trim(), b = r.trim();
+  return p === b ? { content: e, status: "unchanged" } : { content: e.slice(0, a) + c + l + r + ";" + e.slice(h), status: "changed" };
+}
+function ue(e, t) {
+  const r = Object.keys(t), n = C(e), o = P(e);
+  if (!n && !o)
+    return {
+      updated: e,
+      changed: [],
+      unchanged: [],
+      unknown: [...r],
+      unknownOutsideBlock: r.filter((f) => L(e, f))
+    };
+  let i = n ? e.slice(n.contentStart, n.contentEnd) : null, s = o ? e.slice(o.contentStart, o.contentEnd) : null;
+  const c = [], l = [], a = [];
+  for (const f of r) {
+    if (i !== null) {
+      const p = j(i, f, t[f]);
+      if (p.status !== "unknown") {
+        i = p.content, p.status === "changed" ? c.push(f) : l.push(f);
+        continue;
+      }
+    }
+    if (s !== null) {
+      const p = j(s, f, t[f]);
+      if (p.status !== "unknown") {
+        s = p.content, p.status === "changed" ? c.push(f) : l.push(f);
+        continue;
+      }
+    }
+    a.push(f);
+  }
+  const h = [];
+  n && i !== null && h.push({ start: n.contentStart, end: n.contentEnd, content: i }), o && s !== null && h.push({
+    start: o.contentStart,
+    end: o.contentEnd,
+    content: s
+  }), h.sort((f, p) => p.start - f.start);
+  let k = e;
+  for (const f of h)
+    k = k.slice(0, f.start) + f.content + k.slice(f.end);
+  const m = a.filter((f) => L(e, f));
+  return { updated: k, changed: c, unchanged: l, unknown: a, unknownOutsideBlock: m };
+}
+function fe(e, t) {
+  if (!de(e))
+    throw new B();
+  return ue(e, t);
+}
+function de(e) {
+  return C(e) !== null || P(e) !== null;
+}
+const he = 4e6;
+function pe(e) {
+  return e.replace(/[\\^$.*+?()[\]{}|]/g, "\\$&");
+}
+function ge(e, t) {
+  return new RegExp(`(?:^|[;{])\\s*${pe(t)}\\s*:`).test(e);
+}
+function M(e) {
+  return e.replace(/\/\*[\s\S]*?\*\//g, (t) => t.replace(/[^\r\n]/g, " "));
+}
+function ke(e, t) {
+  if (e.length === t.length)
+    return e.map((l, a) => ({ beforeIndex: a, afterIndex: a }));
+  const r = e.length + 1, n = t.length + 1;
+  if (r * n > he) return [];
+  const o = Array.from({ length: r }, () => new Uint32Array(n));
+  for (let l = e.length - 1; l >= 0; l--)
+    for (let a = t.length - 1; a >= 0; a--)
+      o[l][a] = e[l] === t[a] ? o[l + 1][a + 1] + 1 : Math.max(o[l + 1][a], o[l][a + 1]);
+  const i = [];
+  let s = 0, c = 0;
+  for (; s < e.length || c < t.length; )
+    s < e.length && c < t.length && e[s] === t[c] ? i.push({ beforeIndex: s++, afterIndex: c++ }) : c < t.length && (s === e.length || o[s][c + 1] >= o[s + 1][c]) ? i.push({ beforeIndex: null, afterIndex: c++ }) : i.push({ beforeIndex: s++, afterIndex: null });
+  return i;
+}
+function N(e, t, r) {
+  return t.findIndex(
+    (n, o) => ge(n, r) && e[o] !== void 0
+  );
+}
+function me(e, t, r, n = 1) {
+  const o = e.split(`
+`), i = t.split(`
+`), s = M(e).split(`
+`), c = M(t).split(`
+`), l = ke(o, i), a = Math.max(0, Math.floor(n));
+  return r.flatMap((h) => {
+    const k = N(o, s, h), m = N(i, c, h);
+    if (k === -1 || m === -1) return [];
+    const p = l.find(
+      (b) => b.beforeIndex === k && b.afterIndex !== null
+    )?.afterIndex ?? m;
+    return [
+      {
+        cssVar: h,
+        line: p + 1,
+        before: o[k],
+        after: i[m],
+        context: {
+          before: i.slice(Math.max(0, p - a), p),
+          after: i.slice(p + 1, p + 1 + a)
+        }
+      }
+    ];
+  });
+}
+function g(e, t = 200) {
+  return new Response(JSON.stringify(e), {
+    status: t,
+    headers: { "Content-Type": "application/json" }
+  });
+}
+async function ye(e, t, r) {
+  const n = await v.readFile(e), o = n.toString("utf-8"), i = fe(o, r), s = C(o), c = P(o), l = s && Object.entries(r).some(
+    ([k, m]) => j(o.slice(s.contentStart, s.contentEnd), k, m).status !== "unknown"
+  ), a = c && Object.entries(r).some(
+    ([k, m]) => j(o.slice(c.contentStart, c.contentEnd), k, m).status !== "unknown"
+  ), h = l ? "root" : a ? "theme" : s ? "root" : "theme";
+  return {
+    absPath: e,
+    relPath: t,
+    original: o,
+    updated: i.updated,
+    changed: i.changed,
+    unchanged: i.unchanged,
+    unknown: i.unknown,
+    unknownOutsideBlock: i.unknownOutsideBlock,
+    digest: Y("sha256").update(n).digest("hex"),
+    // applyTokenOverrides uses :root first and @theme as its fallback. Report
+    // the block that contains a requested declaration (root wins for a mixed
+    // request, matching the rewriter). NoTokenBlockError above guarantees at
+    // least one of the two block kinds exists.
+    blockKind: h
+  };
+}
+function F(e, t) {
+  return t.startsWith("/") ? D(e, t) : t;
+}
+async function we(e) {
+  if (e.changed.length !== 0)
+    return E(e.absPath, async () => {
+      const t = z(e.absPath), r = J(t, `.tmp-${V(8).toString("hex")}.css`);
+      try {
+        await v.writeFile(r, e.updated, "utf-8"), await v.rename(r, e.absPath);
+      } catch (n) {
+        try {
+          await v.unlink(r);
+        } catch {
+        }
+        throw n;
+      }
+    });
+}
+async function be(e) {
+  return E(e.absPath, async () => {
+    const t = z(e.absPath), r = J(t, `.tmp-${V(8).toString("hex")}.css`);
+    try {
+      return await v.writeFile(r, e.original, "utf-8"), await v.rename(r, e.absPath), { ok: !0 };
+    } catch (n) {
+      console.error("[design-token-panel/server] Restore failed for", e.relPath, n);
+      try {
+        await v.unlink(r);
+      } catch {
+      }
+      return { ok: !1, error: n };
+    }
+  });
+}
+function $e(e) {
+  const { rootDir: t, writeRoot: r, routing: n } = e, o = `\0zdtp-apply-batch:${T(r)}`;
+  return async function(s) {
+    let c;
+    try {
+      c = await s.json();
+    } catch {
+      return g({ ok: !1, error: "Invalid JSON in request body" }, 400);
+    }
+    if (typeof c != "object" || c === null || Array.isArray(c))
+      return g({ ok: !1, error: "Request body must be a JSON object" }, 400);
+    const { tokens: l, dryRun: a, expectDigests: h } = c;
+    if (a !== void 0 && a !== !0)
+      return g({ ok: !1, error: "dryRun, when supplied, must be true" }, 400);
+    if (h !== void 0 && (typeof h != "object" || h === null || Array.isArray(h)))
+      return g({ ok: !1, error: "expectDigests must be a JSON object" }, 400);
+    if (h !== void 0 && Object.entries(h).some(
+      ([O, S]) => O.length === 0 || typeof S != "string" || !/^[a-f0-9]{64}$/i.test(S)
+    ))
+      return g(
+        { ok: !1, error: "expectDigests values must be SHA-256 hex digests" },
+        400
+      );
+    if (typeof l != "object" || l === null || Array.isArray(l))
+      return g({ ok: !1, error: "tokens must be a JSON object" }, 400);
+    if (Object.entries(l).length === 0)
+      return g({ ok: !1, error: "tokens must contain at least one entry" }, 400);
+    const { sanitized: m, error: f } = se(l);
+    if (f || !m)
+      return g({ ok: !1, error: f ?? "Invalid tokens" }, 400);
+    const { groups: p, rejected: b, rejectedReasons: R } = ee(m, n);
+    return b.length > 0 && a !== !0 ? g(
+      { ok: !1, error: "Unsupported cssVar prefix", rejected: b, rejectedReasons: R },
+      400
+    ) : p.length === 0 ? a === !0 ? g({
+      ok: !0,
+      dryRun: !0,
+      files: [],
+      rejected: b,
+      rejectedReasons: R
+    }) : g({ ok: !1, error: "No routable tokens supplied" }, 400) : E(o, async () => {
+      const O = /* @__PURE__ */ new Map();
+      for (const u of p) {
+        const d = T(t, u.relativePath);
+        if (!oe(r, d))
+          return g({ ok: !1, error: `Path not allowed: ${u.relativePath}` }, 400);
+        const y = O.get(d);
+        y ? Object.assign(y.groupTokens, u.tokens) : O.set(d, {
+          absPath: d,
+          relPath: u.relativePath,
+          groupTokens: { ...u.tokens }
+        });
+      }
+      const S = Array.from(O.values()), x = [];
+      for (const { absPath: u, relPath: d, groupTokens: y } of S)
+        try {
+          x.push(await ye(u, d, y));
+        } catch (w) {
+          return w instanceof B ? (console.error("[design-token-panel/server] No :root or @theme block in", d), g(
+            {
+              ok: !1,
+              error: `No top-level :root { ... } or @theme { ... } block in ${d}`
+            },
+            409
+          )) : (console.error(`[design-token-panel/server] Error computing ${d}:`, w), g({ ok: !1, error: "Failed to read or parse source file" }, 500));
+        }
+      if (a === !0) {
+        const u = x.map((d) => ({
+          file: F(t, d.relPath),
+          blockKind: d.blockKind,
+          digest: d.digest,
+          changed: d.changed,
+          unchanged: d.unchanged,
+          unknown: d.unknown,
+          unknownOutsideBlock: d.unknownOutsideBlock,
+          hunks: me(d.original, d.updated, d.changed)
+        }));
+        return g({
+          ok: !0,
+          dryRun: !0,
+          files: u,
+          rejected: b,
+          rejectedReasons: R
+        });
+      }
+      if (h !== void 0) {
+        const u = h, d = x.filter((y) => {
+          const w = F(t, y.relPath);
+          return Object.hasOwn(u, w) && u[w].toLowerCase() !== y.digest;
+        }).map((y) => F(t, y.relPath));
+        if (d.length > 0)
+          return g(
+            { ok: !1, reason: "stale-file", files: d },
+            409
+          );
+      }
+      const $ = [];
+      for (const u of x)
+        try {
+          await we(u), $.push(u);
+        } catch (d) {
+          console.error(`[design-token-panel/server] Write failed for ${u.relPath}:`, d);
+          const y = [];
+          for (let w = $.length - 1; w >= 0; w--)
+            (await be($[w])).ok || y.push($[w].relPath);
+          if (y.length > 0) {
+            const w = y.length === 1 ? "file" : "files";
+            return g(
+              {
+                ok: !1,
+                error: `Failed to write file ${u.relPath}; rollback also failed for ${y.length} ${w} — disk state is inconsistent. Inspect the listed files manually.`,
+                failedFile: u.relPath,
+                restoreFailures: y
+              },
+              500
+            );
+          }
+          return g(
+            {
+              ok: !1,
+              error: `Failed to write file ${u.relPath}; previously-written files were restored.`,
+              failedFile: u.relPath
+            },
+            500
+          );
+        }
+      const H = x.flatMap((u) => u.unknown), K = x.flatMap((u) => u.unchanged), U = x.flatMap((u) => u.unknownOutsideBlock), Z = x.map((u) => ({
+        file: F(t, u.relPath),
+        changed: u.changed,
+        unchanged: u.unchanged,
+        unknown: u.unknown,
+        unknownOutsideBlock: u.unknownOutsideBlock
+      }));
+      return g({
+        ok: !0,
+        updated: Z,
+        unknownCssVars: H,
+        unchangedCssVars: K,
+        unknownOutsideBlockCssVars: U
+      });
+    });
+  };
+}
+function Ae(e) {
+  let t;
+  try {
+    t = X(e, "utf-8");
+  } catch (i) {
+    throw new Error(
+      `[design-token-panel] loadRoutingFromFile: cannot read file at ${e}
+  Cause: ${i.message}`
+    );
+  }
+  let r;
+  try {
+    r = JSON.parse(t);
+  } catch (i) {
+    throw new Error(
+      `[design-token-panel] loadRoutingFromFile: invalid JSON in ${e}
+  Cause: ${i.message}`
+    );
+  }
+  if (r === null || typeof r != "object" || Array.isArray(r))
+    throw new Error(
+      `[design-token-panel] loadRoutingFromFile: root value must be a plain object, got ${r === null ? "null" : Array.isArray(r) ? "array" : typeof r} (in ${e})`
+    );
+  const n = r, o = Object.keys(n);
+  if (o.length === 0)
+    throw new Error(
+      `[design-token-panel] loadRoutingFromFile: routing map must not be empty (in ${e})`
+    );
+  for (const i of o) {
+    const s = n[i];
+    if (typeof s != "string" || s.trim() === "")
+      throw new Error(
+        `[design-token-panel] loadRoutingFromFile: every value must be a non-empty string, but key "${i}" has value ${JSON.stringify(s)} (in ${e})`
+      );
+  }
+  return n;
+}
+export {
+  te as C,
+  re as a,
+  $e as c,
+  oe as i,
+  Ae as l,
+  E as s,
+  se as v
+};

package/dist/{manifest-DCReQE0k.js → manifest-DvuKi7I4.js}

@@ -1,4 +1,4 @@
-const t = {
+const o = {
   hsp: "HORIZONTAL SPACING (HSP)",
   vsp: "VERTICAL SPACING (VSP)",
   icon: "ICONS",
@@ -10,15 +10,19 @@ const t = {
   "font-scale": "ADVANCED — SCALE (TIER 1)",
   radius: "BORDER RADIUS",
   transition: "TRANSITIONS"
-}, n = ["hsp", "vsp", "icon", "layout"], s = [
+}, s = ["hsp", "vsp", "icon", "layout"], i = [
   "font-size",
   "line-height",
   "font-weight",
   "font-family"
-], i = ["radius", "transition"];
+], a = ["radius", "transition"];
+function I(t, n) {
+  return `${t}${n}`;
+}
 export {
-  s as F,
-  n as G,
-  i as S,
-  t as a
+  i as F,
+  s as G,
+  a as S,
+  o as a,
+  I as f
 };