makeables 0.5.0 → 0.6.0

package/dist/cli.js

@@ -40,15 +40,15 @@ import {
   svgNodeXml,
   version,
   writeAtomic
-} from "./chunk-WVXA65H6.js";
+} from "./chunk-4AJQBAFB.js";
 
 // src/cli.ts
 import { spawnSync as spawnSync2 } from "child_process";
 import { constants as constants2 } from "fs";
-import { access, lstat as lstat2, open as open2, readFile as readFile5 } from "fs/promises";
+import { access, lstat as lstat2, open as open2, readFile as readFile6 } from "fs/promises";
 import { dirname as dirname3, extname as extname4, resolve as resolve5 } from "path";
 import { parseArgs } from "util";
-import sharp5 from "sharp";
+import sharp6 from "sharp";
 import { zodToJsonSchema } from "zod-to-json-schema";
 
 // src/card-import.ts
@@ -908,14 +908,51 @@ async function referenceImage(command, file, options, out, reference) {
   }
 }
 
+// src/sticker-material.ts
+import { readFile as readFile4, stat as stat3 } from "fs/promises";
+import { basename as basename2 } from "path";
+import sharp4 from "sharp";
+async function bindStickerMap(design, layerId, path) {
+  if (design.product !== "sticker") throw new InputError("Optical maps require a sticker.");
+  const layer = design.front.layers.find((layer2) => layer2.id === layerId);
+  if (layer?.kind !== "image") throw new InputError("Choose a front image layer with --id.");
+  const info = await stat3(path);
+  if (!info.isFile() || info.size > 4e6)
+    throw new InputError("Use an optical image below 4 MB.");
+  const bytes = await readFile4(path);
+  const meta = await sharp4(bytes, { limitInputPixels: 16777216 }).metadata();
+  if (!meta.width || !meta.height || meta.width > 4096 || meta.height > 4096 || !["png", "webp"].includes(meta.format ?? ""))
+    throw new InputError("Use an RGB PNG or WebP optical map up to 4096 \xD7 4096.");
+  const asset = design.sticker?.effectMap?.asset ?? "optical-map";
+  if (design.front.layers.some((item) => item.kind === "image" && item.asset === asset))
+    throw new InputError(
+      "The optical-map asset is used as artwork. Rename it before binding a map."
+    );
+  return badgeDesignSchema.parse({
+    ...design,
+    assets: {
+      ...design.assets,
+      [asset]: {
+        source: "image",
+        name: basename2(path).slice(0, 80),
+        data: `data:image/${meta.format};base64,${bytes.toString("base64")}`
+      }
+    },
+    sticker: {
+      ...design.sticker ?? defaultStickerMaterial,
+      effectMap: { asset, layer: layerId }
+    }
+  });
+}
+
 // src/wallet.ts
 import { spawn } from "child_process";
 import { createHash as createHash3 } from "crypto";
 import { existsSync as existsSync2 } from "fs";
-import { chmod, lstat, mkdir as mkdir2, mkdtemp, readFile as readFile4, rename as rename2, rm as rm2, writeFile as writeFile2 } from "fs/promises";
+import { chmod, lstat, mkdir as mkdir2, mkdtemp, readFile as readFile5, rename as rename2, rm as rm2, writeFile as writeFile2 } from "fs/promises";
 import { homedir as homedir2, tmpdir as tmpdir2 } from "os";
 import { dirname as dirname2, extname as extname3, join as join3, resolve as resolve4 } from "path";
-import sharp4 from "sharp";
+import sharp5 from "sharp";
 
 // src/wallet-release.json
 var wallet_release_default = {
@@ -1106,13 +1143,13 @@ async function walletArtwork(file, side2 = "front") {
     if (design.product !== "card") throw new InputError("Wallet artwork requires a card document.");
     source = (await renderBadge(design, { face: side2, person: {} })).png;
   } else {
-    source = await readFile4(input);
+    source = await readFile5(input);
     if (extname3(input).toLowerCase() === ".svg") {
       const result = checkSubmittedSvg(source.toString("utf8"));
       if (!result.ok) throw new InputError(result.error);
     }
   }
-  return sharp4(source, { limitInputPixels: 24e6, density: 144 }).rotate().resize(1536, 969, { fit: "contain", background: "#000000" }).flatten({ background: "#000000" }).toColourspace("srgb").png().toBuffer();
+  return sharp5(source, { limitInputPixels: 24e6, density: 144 }).rotate().resize(1536, 969, { fit: "contain", background: "#000000" }).flatten({ background: "#000000" }).toColourspace("srgb").png().toBuffer();
 }
 async function walletCommand(command, values, progress) {
   const need = (flag) => {
@@ -1187,6 +1224,7 @@ var commands = [
   "designs list",
   "new card --design <slug> | --style <id> --out <new-file> [--dry-run]",
   "material set --file <design.json> --params <json|@file>",
+  "material map --file <sticker.json> --id <image-layer> --ref <optical.png|optical.webp>",
   "new badge --style <id> --out <new-file> [--dry-run]",
   "new sticker --style <id> --out <new-file> [--dry-run]",
   "layer list --file <design.json>",
@@ -1379,6 +1417,7 @@ From a built checkout: npm run studio -- <command>`,
     "new card": ["design", "style", "file", "name", "out", "dry-run"],
     "new sticker": ["style", "out", "dry-run"],
     "material set": ["file", "params"],
+    "material map": ["file", "id", "ref"],
     "new badge": ["style", "out", "dry-run"],
     "layer list": ["file"],
     "layer add": ["file", "sticker", "side"],
@@ -1552,7 +1591,7 @@ Run makeables skills get core for setup.`,
   }
   if (command === "mcp") {
     try {
-      const { runMcp } = await import("./mcp-LKLESPJC.js");
+      const { runMcp } = await import("./mcp-LXTO7XOO.js");
       await runMcp(values.root ?? process.cwd());
     } catch (error) {
       process.stderr.write(
@@ -1611,7 +1650,7 @@ Keep this process running while you design.`,
         const info = await lstat2(path2);
         if (!info.isFile() || info.size > 12e6)
           throw new InputError("Expected a params file below 12 MB.");
-        params = JSON.parse(await readFile5(path2, "utf8"));
+        params = JSON.parse(await readFile6(path2, "utf8"));
       } else if (values.params) params = JSON.parse(values.params);
     }
     const result2 = await studioRequest(
@@ -1653,7 +1692,7 @@ Keep this process running while you design.`,
     emit(
       { styles },
       [
-        values.product === "sticker" ? "npx makeables new sticker --style good-energy --out sticker.json" : values.product === "card" ? "npx makeables new card --style pearl --out card.json" : "npx makeables design create --style opalo-lunar --out badge.json"
+        values.product === "sticker" ? "npx makeables new sticker --style typingmind-absolutely-right --out sticker.json" : values.product === "card" ? "npx makeables new card --style pearl --out card.json" : "npx makeables design create --style opalo-lunar --out badge.json"
       ],
       `${style(`${styles.length} starting points`, "1", !json)}
 
@@ -1724,7 +1763,7 @@ ${dryRun ? "Dry run. No files changed." : "2 faces \xB7 editable layers"}`,
     const info = await handle.stat();
     if (!info.isFile() || info.size > 2 * 1024 * 1024)
       throw new InputError("Expected a JSON file smaller than 2 MB.");
-    input = JSON.parse(await readFile5(handle, "utf8"));
+    input = JSON.parse(await readFile6(handle, "utf8"));
   } finally {
     await handle.close();
   }
@@ -1743,7 +1782,7 @@ Schema and layout constraints passed.`,
 }
 async function readParams(value) {
   return JSON.parse(
-    value.startsWith("@") ? await readFile5(resolve5(value.slice(1)), "utf8") : value
+    value.startsWith("@") ? await readFile6(resolve5(value.slice(1)), "utf8") : value
   );
 }
 async function cardCommand(command, values, json) {
@@ -1754,7 +1793,9 @@ async function cardCommand(command, values, json) {
   };
   const renderHint = (path, face, design) => `npx makeables render --file ${JSON.stringify(path)} --side ${face} --out ${design.product ?? "badge"}.png --overwrite`;
   if (command === "new sticker") {
-    const preset = stickerStyles.find((entry) => entry.source === (values.style ?? "good-energy"));
+    const preset = stickerStyles.find(
+      (entry) => entry.source === (values.style ?? "typingmind-absolutely-right")
+    );
     if (!preset)
       throw new InputError("Unknown sticker style. Run makeables styles list --product sticker.");
     const design = badgeDesignSchema.parse(structuredClone(preset));
@@ -1802,11 +1843,27 @@ ${path ?? `No file written. Add --out ${kind}.json.`}`,
     );
     return true;
   }
+  if (command === "material map") {
+    const path = resolve5(need(file, "file"));
+    const next = await bindStickerMap(
+      await readBadge(path),
+      need(values.id, "id"),
+      need(values.ref, "ref")
+    );
+    await writeAtomic(path, JSON.stringify(next, null, 2));
+    emit(
+      { material: next.sticker },
+      ["Preview the foil, glitter and relief in the sticker studio."],
+      "Optical map attached.",
+      json
+    );
+    return true;
+  }
   if (command === "material set") {
     const path = resolve5(need(file, "file"));
     const design = await readBadge(path);
     const raw = need(values.params, "params");
-    const input = JSON.parse(raw.startsWith("@") ? await readFile5(raw.slice(1), "utf8") : raw);
+    const input = JSON.parse(raw.startsWith("@") ? await readFile6(raw.slice(1), "utf8") : raw);
     if (design.product === "sticker") {
       const patch2 = stickerMaterialSchema.partial().strict().safeParse(input);
       if (!patch2.success)
@@ -1912,7 +1969,7 @@ ${path ?? `No file written. Add --out ${kind}.json.`}`,
     if (number !== void 0 && !Number.isInteger(number))
       throw new InputError("--number must be an integer.");
     const face = side(values.side);
-    const value = JSON.parse(await readFile5(resolve5(path), "utf8"));
+    const value = JSON.parse(await readFile6(resolve5(path), "utf8"));
     const pkg = value?.format === "makeables-package" ? await readPackageJson(value) : void 0;
     if (pkg && ["photo", "name", "role", "number"].some((key) => values[key] !== void 0))
       throw new InputError(
@@ -1976,11 +2033,11 @@ ${path ?? `No file written. Add --out ${kind}.json.`}`,
   if (command === "validate") {
     const path = resolve5(need(file, "file"));
     if (extname4(path).toLowerCase() === ".svg") {
-      const source = await readFile5(path, "utf8");
+      const source = await readFile6(path, "utf8");
       const result2 = checkSubmittedSvg(source);
       if (!result2.ok) throw new InputError(result2.error);
       const preview = values.out ? await newPath(need(values.out, "out")) : void 0;
-      if (preview) await sharp5(Buffer.from(result2.svg)).png().toFile(preview);
+      if (preview) await sharp6(Buffer.from(result2.svg)).png().toFile(preview);
       emit(
         {
           valid: true,
@@ -1997,7 +2054,7 @@ ${path ?? `No file written. Add --out ${kind}.json.`}`,
       return true;
     }
     if (values.out) throw new InputError("--out is only used to preview SVG validation.");
-    const input = JSON.parse(await readFile5(path, "utf8"));
+    const input = JSON.parse(await readFile6(path, "utf8"));
     const result = badgeDesignSchema.safeParse(input);
     if (!result.success)
       throw new InputError(

package/dist/{mcp-LKLESPJC.js → mcp-LXTO7XOO.js}

@@ -15,7 +15,7 @@ import {
   stickerStyles,
   version,
   writeAtomic
-} from "./chunk-WVXA65H6.js";
+} from "./chunk-4AJQBAFB.js";
 
 // src/mcp.ts
 import { readFile as readFile2 } from "fs/promises";
@@ -236,7 +236,16 @@ async function createMakeablesMcp(root, html) {
       description: "Inspect a local design and its revision, or load the bundled guides, catalog and shared document/patch schema.",
       inputSchema: {
         section: z.enum(["document", "catalog", "schema", "guide"]).default("document"),
-        guide: z.enum(["core", "cards", "badges", "stickers", "design", "images", "wallet"]).optional(),
+        guide: z.enum([
+          "core",
+          "cards",
+          "badges",
+          "stickers",
+          "sticker-art-direction",
+          "design",
+          "images",
+          "wallet"
+        ]).optional(),
         file: file.optional()
       },
       annotations: readOnly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "makeables",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Create editable cards, badges and stickers with layered designs, live materials and your coding agent.",
   "homepage": "https://makeables.dev",
   "repository": {
@@ -51,9 +51,9 @@
     "@types/proper-lockfile": "4.1.4",
     "tsup": "^8.4.0",
     "typescript": "^5.8.3",
-    "@makeables/design": "0.0.1",
     "@makeables/testing": "0.0.0",
-    "@makeables/renderer": "0.0.1"
+    "@makeables/renderer": "0.0.1",
+    "@makeables/design": "0.0.1"
   },
   "engines": {
     "node": ">=22"