@polyxd/ds-kit 0.2.2 → 0.4.0

package/dist/logo.js

@@ -0,0 +1,102 @@
+/**
+ * Pack logos.
+ *
+ * A pack that reproduces a real design system ships that system's official logo, downloaded from
+ * its owner and recorded in the manifest's `logo` field (file, source, guidelines). Those are not
+ * made here and are never redrawn.
+ *
+ * A template pack is Polyxd's own, so it gets a Polyxd-made mark instead: a small card drawn in
+ * the pack's own tokens (its ground, border, radius, text, primary action and one accent), so the
+ * mark is a specimen of the pack rather than a logo. `templateMark` draws it from the resolved
+ * tokens of the pack's default mode, and `packages/ds-kit/scripts/pack-logos.ts` writes it to
+ * `packages/ds-<name>/logo.svg`; a test fails when a mark no longer matches its tokens.
+ */
+import { rgbToHex, toRgb, alphaOf } from "@polyxd/spec";
+const px = (v) => {
+    if (typeof v === "number")
+        return v;
+    if (v && typeof v === "object" && "value" in v) {
+        const { value, unit } = v;
+        return unit === "rem" ? value * 16 : value;
+    }
+    return 0;
+};
+/** A colour as `#rrggbb`, plus its alpha when it isn't opaque, for an SVG fill. */
+function paint(value) {
+    const c = value;
+    return { hex: rgbToHex(toRgb(c)), alpha: Math.round(alphaOf(c) * 1000) / 1000 };
+}
+const fill = (value, attr = "fill") => {
+    const { hex, alpha } = paint(value);
+    return alpha < 1 ? `${attr}="${hex}" ${attr}-opacity="${alpha}"` : `${attr}="${hex}"`;
+};
+const round = (n) => Math.round(n * 100) / 100;
+const chroma = (value) => {
+    const [r, g, b] = toRgb(value);
+    return Math.max(r, g, b) - Math.min(r, g, b);
+};
+const distance = (a, b) => {
+    const x = toRgb(a);
+    const y = toRgb(b);
+    return Math.hypot(x[0] - y[0], x[1] - y[1], x[2] - y[2]);
+};
+/**
+ * The pack's one accent beside its primary: the most saturated of the colours a pack uses to set
+ * itself apart (secondary fill, selection, the second and first chart hues, links) that is not the
+ * primary itself. Undefined when none is vivid enough to read at 6px.
+ */
+function accentOf(tokens) {
+    const primary = tokens.get("color.action.primary.background")?.value;
+    const candidates = ["color.action.secondary.background", "color.selection.background", "color.data.categorical.2", "color.data.categorical.1", "color.text.link"]
+        .map((name) => tokens.get(name)?.value)
+        .filter((v) => v !== undefined && alphaOf(v) === 1 && distance(v, primary) > 0.25);
+    let best;
+    for (const c of candidates)
+        if (chroma(c) >= 0.35 && (best === undefined || chroma(c) > chroma(best)))
+            best = c;
+    return best;
+}
+/**
+ * A template pack's mark: a 32-unit tile drawn only from the pack's tokens.
+ *
+ * The tile is the pack's ground (`color.surface.default`) with its strong border at its default
+ * border width and its default radius (scaled to the tile); inside sit a title bar
+ * (`color.text.default`), a muted line (`color.text.muted`), a button (`color.action.primary.background`
+ * at the control radius) and, when the pack has one, a dot of its accent. A pack whose raised shadow
+ * is hard (no blur, an offset) casts it, so Brutalist looks like Brutalist.
+ */
+export function templateMark(tokens, title) {
+    const get = (name) => {
+        const t = tokens.get(name);
+        if (!t)
+            throw new Error(`templateMark: the pack has no ${name}`);
+        return t.value;
+    };
+    const scale = 0.4;
+    const stroke = Math.min(2.5, Math.max(1, px(get("border.width.default"))));
+    const shadow = (Array.isArray(get("shadow.raised")) ? get("shadow.raised") : [get("shadow.raised")]);
+    const hard = shadow.find((s) => px(s.blur) === 0 && (px(s.offsetX) || px(s.offsetY)) && alphaOf(s.color) > 0);
+    const dx = hard ? Math.min(3, px(hard.offsetX) * 0.5) : 0;
+    const dy = hard ? Math.min(3, px(hard.offsetY) * 0.5) : 0;
+    const inset = stroke / 2;
+    const w = 32 - inset * 2 - dx;
+    const h = 32 - inset * 2 - dy;
+    const rx = round(Math.min(10, px(get("radius.default")) * scale));
+    const control = px(get("radius.control"));
+    const buttonRx = round(Math.min(3, control >= 999 ? 3 : control * scale));
+    const lineRx = round(Math.min(1, rx));
+    const accent = accentOf(tokens);
+    const parts = [
+        `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" role="img" aria-label="${title}">`,
+        `<title>${title}</title>`,
+        hard ? `<rect x="${round(inset + dx)}" y="${round(inset + dy)}" width="${round(w)}" height="${round(h)}" rx="${rx}" ${fill(hard.color)}/>` : "",
+        `<rect x="${round(inset)}" y="${round(inset)}" width="${round(w)}" height="${round(h)}" rx="${rx}" ${fill(get("color.surface.default"))} ${fill(get("color.border.strong"), "stroke")} stroke-width="${stroke}"/>`,
+        `<rect x="7" y="8" width="12" height="3" rx="${lineRx}" ${fill(get("color.text.default"))}/>`,
+        `<rect x="7" y="13.5" width="16" height="2" rx="${lineRx}" ${fill(get("color.text.muted"))}/>`,
+        `<rect x="7" y="19" width="12" height="6" rx="${buttonRx}" ${fill(get("color.action.primary.background"))}/>`,
+        accent !== undefined ? `<circle cx="${round(23 - dx / 2)}" cy="22" r="2.75" ${fill(accent)}/>` : "",
+        `</svg>`,
+    ];
+    return parts.filter(Boolean).join("\n") + "\n";
+}
+//# sourceMappingURL=logo.js.map

package/dist/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","sourceRoot":"","sources":["../src/logo.ts"],"names":[],"mappings":"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"}

package/dist/polyxd.js

@@ -34,6 +34,14 @@ switch (command) {
         const { main } = await import("./studio.js");
         process.exit(await main(rest));
     }
+    case "dev": {
+        // Stays up once it has started: the server and the watcher keep the process alive.
+        const { main } = await import("./dev.js");
+        const code = await main(rest);
+        if (code || rest.includes("--help") || rest.includes("-h"))
+            process.exit(code);
+        break;
+    }
     default:
         console.log(`polyxd <command>
 
@@ -47,7 +55,12 @@ switch (command) {
 
   studio push <package dir | tarball | token file> --to <studio>/api/w/<workspace>
       Sends your tokens to Polyxd Studio as a new version of your design system, using an
-      API key from POLYXD_STUDIO_KEY. Made for a CI step on every release.`);
+      API key from POLYXD_STUDIO_KEY. Made for a CI step on every release.
+
+  dev [dir] [--port 4310] [--theme material3] [--data <file.json>] [--pack <manifest.json|theme.css>] [--verify] [--open]
+      Previews the documents in a folder as you edit them: rendered with the real renderer in
+      any built-in pack or one of yours, light or dark, phone to desktop, with the static check,
+      the document, its data and the actions it dispatches beside it. Reloads on save.`);
         process.exit(command ? 1 : 0);
 }
 export {};

package/dist/polyxd.js.map

@@ -1 +1 @@
-{"version":3,"file":"polyxd.js","sourceRoot":"","sources":["../src/polyxd.ts"],"names":[],"mappings":";AACA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjD,OAAO,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;AAE3D,QAAQ,OAAO,EAAE,CAAC;IAChB,KAAK,MAAM;QACT,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;QACzB,MAAM;IACR,KAAK,OAAO,EAAE,CAAC;QACb,sFAAsF;QACtF,6BAA6B;QAC7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjD,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/F,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC;QACpH,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,KAAK,QAAQ,EAAE,CAAC;QACd,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IACD;QACE,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;2EAY2D,CAAC,CAAC;QACzE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC"}
+{"version":3,"file":"polyxd.js","sourceRoot":"","sources":["../src/polyxd.ts"],"names":[],"mappings":";AACA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjD,OAAO,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;AAE3D,QAAQ,OAAO,EAAE,CAAC;IAChB,KAAK,MAAM;QACT,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;QACzB,MAAM;IACR,KAAK,OAAO,EAAE,CAAC;QACb,sFAAsF;QACtF,6BAA6B;QAC7B,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjD,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/F,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC;QACpH,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;IACD,KAAK,QAAQ,EAAE,CAAC;QACd,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IACD,KAAK,KAAK,EAAE,CAAC;QACX,mFAAmF;QACnF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/E,MAAM;IACR,CAAC;IACD;QACE,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;uFAiBuE,CAAC,CAAC;QACrF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@polyxd/ds-kit",
-  "version": "0.2.2",
-  "description": "Shared parts of building a Polyxd design-system pack: CSS variable reading, DTCG conversion, manifest writing",
+  "version": "0.4.0",
+  "description": "Shared parts of building a Polyxd design-system pack, and the polyxd command: pack, check, studio push, dev",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {
@@ -24,7 +24,7 @@
     }
   },
   "devDependencies": {
-    "@polyxd/spec": "^0.2.2"
+    "@polyxd/spec": "^0.4.0"
   },
   "bin": {
     "polyxd": "dist/polyxd.js"
@@ -41,7 +41,8 @@
     "NOTICE"
   ],
   "dependencies": {
-    "@polyxd/spec": "^0.2.2"
+    "@polyxd/spec": "^0.4.0",
+    "@polyxd/react": "^0.4.0"
   },
   "repository": {
     "type": "git",