one-design-mcp 0.2.1 → 0.2.2

package/README.md

@@ -103,6 +103,17 @@ the same email (`sign_in`). The session is kept in `~/.config/one-design/mcp-acc
 
 Needs Node.js 20 or newer.
 
+**One command** (adds it to Claude Desktop, Cursor and Claude Code, wherever they're installed, and
+keeps a `.bak` of any config it changes):
+
+```bash
+npx -y one-design-mcp setup
+```
+
+`--dry-run` shows what it would change, `--app desktop|cursor|code` picks one app, and `--remove`
+takes it out again. An agent with a terminal (Claude Code, Cursor) can run it for you: ask it to
+"set up the One Design MCP server with npx -y one-design-mcp setup".
+
 **Claude Code**
 
 ```bash
@@ -129,6 +140,8 @@ claude mcp add one-design -- node /path/to/one-design/mcp/dist/server.js
 
 The build takes the site's public Supabase address and anon key from `../.env.local` (or
 `ONE_DESIGN_SUPABASE_URL` / `ONE_DESIGN_SUPABASE_ANON_KEY`) so sign-in and checkout work.
-`ONE_DESIGN_PAYMENTS=off` makes a free-beta build with every tool open. Link Lock's encryption is
+`ONE_DESIGN_PAYMENTS=off` makes a free-beta build with every tool open. These are build settings
+only: at run time nothing a user sets changes the plan (no environment variables, and the plan is
+never read back from the saved session; it's checked against the account and kept in memory). Link Lock's encryption is
 the website's own (`src/lib/linklock.ts`), bundled at build time, so links made here open on
 one.design. Plan rules mirror `src/lib/plans.ts` and `src/lib/plan.ts`: keep `src/plan.ts` in step.

package/dist/server.js

@@ -1,10 +1,122 @@
 #!/usr/bin/env node
 var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res, err) => function __init() {
+  if (err) throw err[0];
+  try {
+    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+  } catch (e) {
+    throw err = [e], e;
+  }
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
+// src/setup.ts
+var setup_exports = {};
+__export(setup_exports, {
+  setup: () => setup
+});
+import { promises as fs9, existsSync } from "node:fs";
+import path9 from "node:path";
+import os7 from "node:os";
+import { execFileSync as execFileSync2 } from "node:child_process";
+function entry() {
+  return { command: npxPath(), args: ["-y", "one-design-mcp@latest"] };
+}
+function npxPath() {
+  try {
+    const found = execFileSync2(process.platform === "win32" ? "where" : "which", ["npx"], { encoding: "utf8", stdio: ["ignore", "pipe", "ignore"] }).split(/\r?\n/)[0].trim();
+    if (found) return found;
+  } catch {
+  }
+  const beside = path9.join(path9.dirname(process.execPath), process.platform === "win32" ? "npx.cmd" : "npx");
+  return existsSync(beside) ? beside : "npx";
+}
+function desktopConfig() {
+  const home = os7.homedir();
+  if (process.platform === "darwin") return path9.join(home, "Library", "Application Support", "Claude", "claude_desktop_config.json");
+  if (process.platform === "win32") return path9.join(process.env.APPDATA ?? path9.join(home, "AppData", "Roaming"), "Claude", "claude_desktop_config.json");
+  return path9.join(process.env.XDG_CONFIG_HOME ?? path9.join(home, ".config"), "Claude", "claude_desktop_config.json");
+}
+async function editJson(file, remove, dry) {
+  if (!existsSync(path9.dirname(file))) return "not installed here, skipped";
+  let config = {};
+  let before = "";
+  if (existsSync(file)) {
+    before = await fs9.readFile(file, "utf8");
+    try {
+      config = before.trim() ? JSON.parse(before) : {};
+    } catch {
+      return `its config isn\u2019t valid JSON, left alone: ${file}`;
+    }
+  }
+  const servers = { ...config.mcpServers ?? {} };
+  const had = NAME in servers;
+  if (remove) {
+    if (!had) return "not set up there, nothing to remove";
+    delete servers[NAME];
+  } else servers[NAME] = entry();
+  const after = JSON.stringify({ ...config, mcpServers: servers }, null, 2) + "\n";
+  if (after === before) return "already set up";
+  if (dry) return remove ? "would remove One Design" : had ? "would update One Design" : "would add One Design";
+  await fs9.mkdir(path9.dirname(file), { recursive: true });
+  if (before) await fs9.writeFile(`${file}.bak`, before);
+  await fs9.writeFile(file, after);
+  return `${remove ? "removed" : had ? "updated" : "added"} (${file}${before ? ", old copy saved as .bak" : ""})`;
+}
+function claudeCode(remove, dry) {
+  try {
+    execFileSync2(process.platform === "win32" ? "where" : "which", ["claude"], { stdio: "ignore" });
+  } catch {
+    return "not installed here, skipped";
+  }
+  const list = (() => {
+    try {
+      return execFileSync2("claude", ["mcp", "list"], { encoding: "utf8", stdio: ["ignore", "pipe", "ignore"] });
+    } catch {
+      return "";
+    }
+  })();
+  const had = new RegExp(`^${NAME}:`, "m").test(list);
+  if (remove) {
+    if (!had) return "not set up there, nothing to remove";
+    if (dry) return "would remove One Design";
+    execFileSync2("claude", ["mcp", "remove", NAME, "--scope", "user"], { stdio: "ignore" });
+    return "removed";
+  }
+  if (had) return "already set up";
+  if (dry) return "would add One Design (for every project)";
+  execFileSync2("claude", ["mcp", "add", "--scope", "user", NAME, "--", "npx", "-y", "one-design-mcp@latest"], { stdio: "ignore" });
+  return "added (for every project)";
+}
+async function setup(argv) {
+  const dry = argv.includes("--dry-run");
+  const remove = argv.includes("--remove");
+  const only = argv[argv.indexOf("--app") + 1];
+  const want = (app) => !argv.includes("--app") || only === app;
+  const lines = [];
+  if (want("desktop")) lines.push(`Claude Desktop: ${await editJson(desktopConfig(), remove, dry)}`);
+  if (want("cursor")) lines.push(`Cursor: ${await editJson(cursorConfig(), remove, dry)}`);
+  if (want("code")) lines.push(`Claude Code: ${claudeCode(remove, dry)}`);
+  console.log(`One Design for Claude${dry ? " (dry run, nothing changed)" : ""}
+
+${lines.map((l) => `  ${l}`).join("\n")}
+`);
+  if (!dry && !remove && lines.some((l) => /added|updated/.test(l)))
+    console.log("Next: quit and reopen the app (on a Mac, \u2318Q), then ask Claude \u201CWhat can One Design do?\u201D.\nOther MCP apps: add a server with the command npx and the arguments -y one-design-mcp@latest.");
+}
+var NAME, cursorConfig;
+var init_setup = __esm({
+  "src/setup.ts"() {
+    "use strict";
+    NAME = "one-design";
+    cursorConfig = () => path9.join(os7.homedir(), ".cursor", "mcp.json");
+  }
+});
+
 // src/server.ts
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
 import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
@@ -223,9 +335,9 @@ import { promises as fs2 } from "node:fs";
 import path2 from "node:path";
 import os2 from "node:os";
 import { exec } from "node:child_process";
-var SB_URL = process.env.ONE_DESIGN_SUPABASE_URL || (true ? "https://jaznopltkefnwooyksrk.supabase.co" : "");
-var SB_KEY = process.env.ONE_DESIGN_SUPABASE_ANON_KEY || (true ? "sb_publishable_WfXjMAOVoXE9dtJMfJCshw_9rfMboU7" : "");
-var PAYMENTS = (process.env.ONE_DESIGN_PAYMENTS || (true ? "on" : "on")).toLowerCase();
+var SB_URL = true ? "https://jaznopltkefnwooyksrk.supabase.co" : "";
+var SB_KEY = true ? "sb_publishable_WfXjMAOVoXE9dtJMfJCshw_9rfMboU7" : "";
+var PAYMENTS = (true ? "on" : "on").toLowerCase();
 var SITE = "https://one.design";
 var PRICING_URL = `${SITE}/pricing`;
 var ACCOUNT_URL = `${SITE}/account`;
@@ -276,18 +388,19 @@ function isPaid(s) {
   if (["active", "on_trial", "past_due"].includes(s.status)) return true;
   return s.status === "cancelled" && !!s.ends_at && new Date(s.ends_at) > /* @__PURE__ */ new Date();
 }
+var checked = null;
 async function currentPlan(force = false) {
   if (freeBeta()) return { plan: "pro", label: "Free beta: every tool is open to everyone for now" };
   if (!accountsAvailable()) return { plan: "free", label: "Free (sign-in isn\u2019t set up in this build)" };
   const s = await freshSession();
   if (!s) return { plan: "free", label: "Free (not signed in)" };
-  if (!force && s.plan && s.checked_at && Date.now() - s.checked_at < 10 * 60 * 1e3) return { plan: s.plan, email: s.email, label: s.planLabel ?? s.plan };
+  if (!force && checked && checked.user === s.user_id && Date.now() - checked.at < 10 * 60 * 1e3) return { plan: checked.plan, email: s.email, label: checked.label };
   const r = await sb(`/rest/v1/subscriptions?select=plan,status,ends_at&user_id=eq.${s.user_id}`, { token: s.access_token });
   const rows = r.ok ? await r.json() : [];
   const sub = rows[0] ?? null;
   const paid = isPaid(sub);
   const label = paid ? sub.plan === "lifetime" ? "Pro (Lifetime)" : "Pro" : "Free";
-  await writeSession({ ...s, plan: paid ? "pro" : "free", planLabel: label, checked_at: Date.now() });
+  if (r.ok) checked = { user: s.user_id, plan: paid ? "pro" : "free", label, at: Date.now() };
   return { plan: paid ? "pro" : "free", email: s.email, label };
 }
 async function sendCode(email) {
@@ -306,6 +419,7 @@ async function verifyCode(email, code) {
   return currentPlan(true);
 }
 async function signOut() {
+  checked = null;
   await writeSession(null);
 }
 async function checkoutUrl() {
@@ -324,6 +438,12 @@ async function billingPortalUrl() {
   const j = await r.json().catch(() => ({}));
   return j.url ?? ACCOUNT_URL;
 }
+async function librariesGrandfathered() {
+  const s = await freshSession();
+  if (!s) return false;
+  const r = await sb("/rest/v1/rpc/libraries_grandfathered", { method: "POST", body: "{}", token: s.access_token });
+  return r.ok && await r.json().catch(() => false) === true;
+}
 async function brandLibraries() {
   const s = await freshSession();
   if (!s) throw new Error("Sign in first (sign_in), with the email you use on one.design.");
@@ -601,7 +721,9 @@ function register(t2) {
   });
   t2.tool({
     name: "brand_library",
-    siteId: "brand-library",
+    // Not gated by the usual Pro check: accounts that had libraries before they became Pro-only keep
+    // them (checked below, and enforced by the database)
+    siteId: "",
     title: "Your Brand Libraries",
     description: "Reads the Brand Libraries synced to the signed-in one.design account: colours (name and HEX), fonts, logos. Use the colours in other tools (QR codes, watermarks, store shots, bento). save_logos writes the logos to a folder so other tools can use them.",
     openWorld: true,
@@ -610,7 +732,8 @@ function register(t2) {
       save_logos: z.boolean().default(false).describe("Save the logos (and fonts) as files."),
       output_dir: z.string().optional().describe("Where to save them. Default: ~/Downloads/one-design.")
     },
-    async run(a) {
+    async run(a, ctx) {
+      if (ctx.plan !== "pro" && !await librariesGrandfathered()) return text(proPitch("Your Brand Libraries"), true);
       let libs = await brandLibraries();
       if (a.library) libs = libs.filter((l) => l.name.toLowerCase() === a.library.toLowerCase());
       if (!libs.length) throw new ToolError(a.library ? `No Brand Library called ${a.library}.` : "This account has no Brand Libraries yet. Make one at https://one.design/brand.");
@@ -5006,9 +5129,9 @@ async function postage(img, o) {
   const inset = bordered ? margin : Math.round(hole * 2.2);
   const value = o.value.trim();
   if (value) {
-    const fs9 = Math.round(unit * 0.09);
-    const tw = await measure(value, fs9, 400, "serif");
-    const pad = fs9 * 0.35;
+    const fs10 = Math.round(unit * 0.09);
+    const tw = await measure(value, fs10, 400, "serif");
+    const pad = fs10 * 0.35;
     const bx = Math.max(0, Math.round(margin + iw - tw - pad * 2 - (bordered ? 0 : inset)));
     const by = Math.max(0, Math.round(inset));
     const flat = await sharp(pic).flatten({ background: o.paper }).raw().toBuffer({ resolveWithObject: true });
@@ -5017,7 +5140,7 @@ async function postage(img, o) {
     const x0 = Math.max(0, bx - margin);
     const y0 = Math.max(0, by - margin);
     const x1 = Math.min(iw, bx - margin + Math.round(tw + pad * 2));
-    const y1 = Math.min(ih, by - margin + Math.round(fs9 + pad * 1.2));
+    const y1 = Math.min(ih, by - margin + Math.round(fs10 + pad * 1.2));
     for (let y = y0; y < y1; y++)
       for (let x = x0; x < x1; x++) {
         const i = (y * iw + x) * flat.info.channels;
@@ -5025,18 +5148,18 @@ async function postage(img, o) {
         cnt++;
       }
     const under = cnt ? sum / cnt : 255;
-    body.push(text2(margin + iw - tw - pad - (bordered ? 0 : inset), fromTop(inset + pad * 0.6, fs9), value, { size: fs9, font: "serif", fill: under < 110 ? o.paper : inkOnPaper }));
+    body.push(text2(margin + iw - tw - pad - (bordered ? 0 : inset), fromTop(inset + pad * 0.6, fs10), value, { size: fs10, font: "serif", fill: under < 110 ? o.paper : inkOnPaper }));
   }
   const caption = o.caption.trim();
   if (caption) {
     if (band) {
-      const fs9 = await fitSize(caption, W - margin * 2, Math.round(band * 0.6), 400, "serif");
-      body.push(text2(W / 2, fromMiddle(margin + ih + band / 2 + margin * 0.3, fs9), caption, { size: fs9, font: "serif", fill: inkOnPaper, anchor: "middle" }));
+      const fs10 = await fitSize(caption, W - margin * 2, Math.round(band * 0.6), 400, "serif");
+      body.push(text2(W / 2, fromMiddle(margin + ih + band / 2 + margin * 0.3, fs10), caption, { size: fs10, font: "serif", fill: inkOnPaper, anchor: "middle" }));
     } else {
       const max = Math.round(unit * 0.085);
-      const fs9 = await fitSize(caption, W - inset * 2, max, 400, "serif");
+      const fs10 = await fitSize(caption, W - inset * 2, max, 400, "serif");
       defs.push(`<filter id="capshadow" x="-20%" y="-50%" width="140%" height="200%"><feDropShadow dx="0" dy="0" stdDeviation="${n(max * 0.2)}" flood-color="#000000" flood-opacity="0.6"/></filter>`);
-      body.push(text2(W / 2, fromMiddle(H - inset - max * 0.55, fs9), caption, { size: fs9, font: "serif", fill: o.paper, anchor: "middle", extra: 'filter="url(#capshadow)"' }));
+      body.push(text2(W / 2, fromMiddle(H - inset - max * 0.55, fs10), caption, { size: fs10, font: "serif", fill: o.paper, anchor: "middle", extra: 'filter="url(#capshadow)"' }));
     }
   }
   const holes = [];
@@ -5073,8 +5196,8 @@ async function rubber(img, o, seed) {
     image(gap + line2 * 3, gap + line2 * 3, iw, ih, dataUri2(inked, "image/png"))
   ];
   if (band) {
-    const fs9 = await fitSize(caption, W - line2 * 10, Math.round(band * 0.5), 700);
-    body.push(text2(W / 2, fromMiddle(H - line2 * 3 - band / 2 - gap * 0.3, fs9), caption, { size: fs9, weight: 700, fill: o.ink, anchor: "middle" }));
+    const fs10 = await fitSize(caption, W - line2 * 10, Math.round(band * 0.5), 700);
+    body.push(text2(W / 2, fromMiddle(H - line2 * 3 - band / 2 - gap * 0.3, fs10), caption, { size: fs10, weight: 700, fill: o.ink, anchor: "middle" }));
   }
   const png = await rasterise(svgDoc(W, H, body.join(""))).png().toBuffer();
   return wearOut(png, distress(W, H, o.wear / 100, seed));
@@ -5095,10 +5218,10 @@ async function seal(img, o, seed) {
   ];
   const ringText = o.caption.trim().toUpperCase();
   const ringR = (c - line2 + inner) / 2;
-  const fs9 = Math.round((c - line2 - inner) * 0.52);
+  const fs10 = Math.round((c - line2 - inner) * 0.52);
   const chars = [...ringText];
   const widths2 = [];
-  for (const ch of chars) widths2.push(await measure(ch, fs9, 700));
+  for (const ch of chars) widths2.push(await measure(ch, fs10, 700));
   const total = widths2.reduce((a2, b) => a2 + b, 0);
   const spread = chars.length ? Math.min(Math.PI * 1.7, total * 1.18 / ringR) : 0;
   let a = -Math.PI / 2 - spread / 2;
@@ -5107,13 +5230,13 @@ async function seal(img, o, seed) {
     a += step / 2;
     const x = c + Math.cos(a) * ringR;
     const y = c + Math.sin(a) * ringR;
-    body.push(`<g transform="translate(${n(x)},${n(y)}) rotate(${n((a + Math.PI / 2) * 180 / Math.PI)})">${text2(0, fromMiddle(0, fs9), ch, { size: fs9, weight: 700, fill: o.ink, anchor: "middle" })}</g>`);
+    body.push(`<g transform="translate(${n(x)},${n(y)}) rotate(${n((a + Math.PI / 2) * 180 / Math.PI)})">${text2(0, fromMiddle(0, fs10), ch, { size: fs10, weight: 700, fill: o.ink, anchor: "middle" })}</g>`);
     a += step / 2;
   });
   const star = (ang) => {
     const x = c + Math.cos(ang) * ringR;
     const y = c + Math.sin(ang) * ringR;
-    const R = fs9 * 0.4;
+    const R = fs10 * 0.4;
     const pts = Array.from({ length: 10 }, (_, i) => {
       const rr2 = i % 2 ? R * 0.42 : R;
       const t2 = -Math.PI / 2 + i * Math.PI / 5;
@@ -6057,7 +6180,7 @@ ${notes.join("\n")}` : ""
         const r = { x, y, w: cols.start[tile.col + tile.colSpan - 1] + cols.size[tile.col + tile.colSpan - 1] - x, h: rows.start[tile.row + tile.rowSpan - 1] + rows.size[tile.row + tile.rowSpan - 1] - y };
         if (r.w < 1 || r.h < 1) continue;
         defs.push(`<clipPath id="t${i}"><path d="${rr(r.x, r.y, r.w, r.h, Math.max(0, Math.min(a.radius, r.w / 2, r.h / 2)))}"/></clipPath>`);
-        const parts = [`<rect x="${n(r.x)}" y="${n(r.y)}" width="${n(r.w)}" height="${n(r.h)}" fill="${tile.fill}"/>`];
+        const parts = tile.kind === "photo" && tile.file ? [] : [`<rect x="${n(r.x)}" y="${n(r.y)}" width="${n(r.w)}" height="${n(r.h)}" fill="${tile.fill}"/>`];
         if (tile.kind === "photo") {
           if (tile.file) {
             let href;
@@ -6220,7 +6343,12 @@ ${notes.join("\n")}` : "");
 }
 
 // src/server.ts
-var VERSION = "0.2.1";
+var VERSION = "0.2.2";
+if (process.argv[2] === "setup") {
+  const { setup: setup2 } = await Promise.resolve().then(() => (init_setup(), setup_exports));
+  await setup2(process.argv.slice(3));
+  process.exit(0);
+}
 var server = new McpServer({ name: "one-design", title: "One Design", version: VERSION, websiteUrl: "https://one.design" }, { instructions: INSTRUCTIONS });
 var t = toolkit(server);
 for (const m of [basics_exports, optimise_exports, privacy_docs_exports, brand_exports, account_exports]) m.register(t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-mcp",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Every one.design tool for Claude and other MCP apps: compress, resize, convert, privacy, brand, store screenshots, PDFs and more, all on your own computer.",
   "type": "module",
   "bin": {