zugzbot 1.0.21 → 1.0.22

package/.opencode/oh-my-design/web/src/lib/core/color.ts

@@ -1,122 +0,0 @@
-export function hexToHsl(hex: string): [number, number, number] {
-  const h = hex.replace('#', '');
-  const [r, g, b] = [
-    parseInt(h.slice(0, 2), 16) / 255,
-    parseInt(h.slice(2, 4), 16) / 255,
-    parseInt(h.slice(4, 6), 16) / 255,
-  ];
-  const max = Math.max(r, g, b), min = Math.min(r, g, b);
-  const l = (max + min) / 2;
-  let hue = 0, s = 0;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r: hue = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;
-      case g: hue = ((b - r) / d + 2) / 6; break;
-      case b: hue = ((r - g) / d + 4) / 6; break;
-    }
-  }
-  return [Math.round(hue * 360), Math.round(s * 100), Math.round(l * 100)];
-}
-
-export function hslToHex(h: number, s: number, l: number): string {
-  const sn = s / 100, ln = l / 100;
-  const a = sn * Math.min(ln, 1 - ln);
-  const f = (n: number) => {
-    const k = (n + h / 30) % 12;
-    return Math.round(255 * (ln - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)));
-  };
-  return '#' + [f(0), f(8), f(4)].map(v => Math.max(0, Math.min(255, v)).toString(16).padStart(2, '0')).join('');
-}
-
-export function hslString(hex: string): string {
-  const [h, s, l] = hexToHsl(hex);
-  return `${h} ${s}% ${l}%`;
-}
-
-export function generateColorScale(hex: string) {
-  const [h, s] = hexToHsl(hex);
-  const stops: Record<string, number> = { '50': 97, '100': 94, '200': 86, '300': 77, '400': 66, '500': 55, '600': 47, '700': 39, '800': 32, '900': 24, '950': 14 };
-  const scale: Record<string, string> = {};
-  for (const [k, l] of Object.entries(stops)) scale[k] = hslToHex(h, s, l);
-  return scale;
-}
-
-export function contrastForeground(bgHex: string): string {
-  const [, , l] = hexToHsl(bgHex);
-  return l > 55 ? '#09090b' : '#fafafa';
-}
-
-export function lighten(hex: string, amount: number): string {
-  const [h, s, l] = hexToHsl(hex);
-  return hslToHex(h, s, Math.min(100, l + amount));
-}
-
-export function darken(hex: string, amount: number): string {
-  const [h, s, l] = hexToHsl(hex);
-  return hslToHex(h, s, Math.max(0, l - amount));
-}
-
-export function generateChartColors(hex: string): string[] {
-  const [h, s, l] = hexToHsl(hex);
-  return [hex, hslToHex((h+40)%360,s,l), hslToHex((h+80)%360,s,l), hslToHex((h+160)%360,s,l), hslToHex((h+220)%360,s,l)];
-}
-
-export function isLight(hex: string): boolean {
-  const h = hex.replace('#', '');
-  const r = parseInt(h.slice(0,2),16), g = parseInt(h.slice(2,4),16), b = parseInt(h.slice(4,6),16);
-  return (r*299 + g*587 + b*114) / 1000 > 140;
-}
-
-// ── Color family descriptor ───────────────────────────────────────
-// Turns a hex into a human-readable color family (with synonym list) and a
-// single-word adjective ("vibrant", "deep", "muted", etc).
-// Used by applyOverridesToMd to rewrite ref-specific color prose (e.g.,
-// "Stripe Purple", "rich violet") when the user swaps the primary color.
-
-export interface ColorFamily {
-  /** Canonical noun for this family (e.g., "violet", "green"). */
-  primary: string;
-  /** All synonyms that should be treated as belonging to this family during
-   *  prose rewrites. Keep them lowercase; match case-insensitively. */
-  synonyms: string[];
-  /** Adjective capturing saturation+lightness (vibrant/deep/muted/pale/rich). */
-  adjective: string;
-}
-
-export function colorFamily(hex: string): ColorFamily {
-  const [h, s, l] = hexToHsl(hex);
-
-  // Low saturation → grayscale family (hue is noise).
-  if (s < 10) {
-    if (l < 15) return { primary: 'black', synonyms: ['black', 'charcoal', 'jet', 'onyx', 'ebony'], adjective: 'deep' };
-    if (l < 40) return { primary: 'charcoal', synonyms: ['charcoal', 'graphite', 'slate'], adjective: 'deep' };
-    if (l < 70) return { primary: 'gray', synonyms: ['gray', 'grey', 'slate', 'ash', 'stone'], adjective: 'neutral' };
-    return { primary: 'white', synonyms: ['white', 'ivory', 'bone', 'alabaster'], adjective: 'pale' };
-  }
-
-  const base = hueBucket(h);
-  const adjective =
-    l < 25 ? 'deep'
-    : l > 75 ? 'pale'
-    : s > 75 ? 'vibrant'
-    : s < 35 ? 'muted'
-    : 'rich';
-  return { ...base, adjective };
-}
-
-/** Map hue angle [0,360) to a coarse color family with synonyms. */
-function hueBucket(h: number): { primary: string; synonyms: string[] } {
-  if (h < 15 || h >= 345) return { primary: 'red', synonyms: ['red', 'crimson', 'scarlet', 'ruby', 'vermilion'] };
-  if (h < 40)  return { primary: 'orange', synonyms: ['orange', 'tangerine', 'amber', 'rust', 'terracotta'] };
-  if (h < 65)  return { primary: 'yellow', synonyms: ['yellow', 'gold', 'lemon', 'mustard', 'honey'] };
-  if (h < 90)  return { primary: 'lime', synonyms: ['lime', 'chartreuse', 'olive'] };
-  if (h < 160) return { primary: 'green', synonyms: ['green', 'emerald', 'forest', 'mint', 'sage', 'jade'] };
-  if (h < 185) return { primary: 'teal', synonyms: ['teal', 'aqua', 'turquoise', 'cyan'] };
-  if (h < 210) return { primary: 'cyan', synonyms: ['cyan', 'sky', 'cerulean', 'azure'] };
-  if (h < 240) return { primary: 'blue', synonyms: ['blue', 'navy', 'cobalt', 'sapphire', 'indigo', 'azure'] };
-  if (h < 310) return { primary: 'violet', synonyms: ['violet', 'purple', 'indigo', 'lavender', 'periwinkle', 'plum', 'orchid', 'mauve'] };
-  if (h < 345) return { primary: 'pink', synonyms: ['pink', 'magenta', 'fuchsia', 'rose'] };
-  return { primary: 'red', synonyms: ['red', 'crimson', 'scarlet', 'ruby'] };
-}

package/.opencode/oh-my-design/web/src/lib/core/config-hash.test.ts

@@ -1,157 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { encodeConfig, decodeConfig, generateNpxCommand } from "./config-hash";
-import type { Overrides, StylePreferences } from "./types";
-
-const fullOverrides: Overrides = {
-  primaryColor: "#6366f1",
-  fontFamily: "Inter",
-  headingWeight: "600",
-  borderRadius: "8px",
-  darkMode: true,
-};
-
-const emptyOverrides: Overrides = {
-  primaryColor: "",
-  fontFamily: "",
-  headingWeight: "",
-  borderRadius: "",
-  darkMode: false,
-};
-
-describe("encodeConfig", () => {
-  it("produces URL-safe base64 (no /, +, =)", () => {
-    const hash = encodeConfig("vercel", fullOverrides, ["button", "card"]);
-    expect(hash).not.toMatch(/[/+=]/);
-  });
-
-  it("produces a non-empty string for empty overrides", () => {
-    const hash = encodeConfig("vercel", emptyOverrides, []);
-    expect(hash.length).toBeGreaterThan(0);
-    expect(hash).not.toMatch(/[/+=]/);
-  });
-
-  it("yields different hashes for different refIds", () => {
-    expect(encodeConfig("vercel", emptyOverrides))
-      .not.toBe(encodeConfig("stripe", emptyOverrides));
-  });
-
-  it("yields different hashes when darkMode flips", () => {
-    expect(encodeConfig("vercel", { ...emptyOverrides, darkMode: true }))
-      .not.toBe(encodeConfig("vercel", { ...emptyOverrides, darkMode: false }));
-  });
-});
-
-describe("decodeConfig", () => {
-  it("roundtrips full overrides + components", () => {
-    const hash = encodeConfig("vercel", fullOverrides, ["button", "card", "input"]);
-    const decoded = decodeConfig(hash);
-    expect(decoded.refId).toBe("vercel");
-    expect(decoded.overrides).toEqual(fullOverrides);
-    expect(decoded.components).toEqual(["button", "card", "input"]);
-    expect(decoded.stylePreferences).toEqual({});
-  });
-
-  it("roundtrips empty overrides", () => {
-    const hash = encodeConfig("vercel", emptyOverrides, []);
-    const decoded = decodeConfig(hash);
-    expect(decoded.refId).toBe("vercel");
-    expect(decoded.overrides).toEqual(emptyOverrides);
-    expect(decoded.components).toEqual([]);
-    expect(decoded.stylePreferences).toEqual({});
-  });
-
-  it("roundtrips refIds containing dots (linear.app)", () => {
-    const hash = encodeConfig("linear.app", fullOverrides);
-    expect(decodeConfig(hash).refId).toBe("linear.app");
-  });
-
-  it("defaults refId to 'vercel' when input is empty", () => {
-    // Empty pipe-separated body → refId slot is ''
-    const empty = Buffer.from("|||||0|").toString("base64url");
-    expect(decodeConfig(empty).refId).toBe("vercel");
-  });
-
-  it("preserves component order", () => {
-    const components = ["dialog", "alert", "button", "table"];
-    const decoded = decodeConfig(encodeConfig("vercel", emptyOverrides, components));
-    expect(decoded.components).toEqual(components);
-  });
-
-  it("survives many encode/decode cycles (idempotent)", () => {
-    let hash = encodeConfig("vercel", fullOverrides, ["button"]);
-    for (let i = 0; i < 5; i++) {
-      const d = decodeConfig(hash);
-      hash = encodeConfig(d.refId, d.overrides, d.components, d.stylePreferences);
-    }
-    const final = decodeConfig(hash);
-    expect(final.refId).toBe("vercel");
-    expect(final.overrides).toEqual(fullOverrides);
-    expect(final.components).toEqual(["button"]);
-    expect(final.stylePreferences).toEqual({});
-  });
-});
-
-describe("encodeConfig/decodeConfig — stylePreferences", () => {
-  const prefs: StylePreferences = {
-    buttonStyle: "sharp",
-    inputStyle: "underline",
-    headerStyle: "glass",
-    cardStyle: "bordered",
-    density: "compact",
-  };
-
-  it("roundtrips a full set of style preferences", () => {
-    const hash = encodeConfig("vercel", fullOverrides, ["button"], prefs);
-    const decoded = decodeConfig(hash);
-    expect(decoded.stylePreferences).toEqual(prefs);
-  });
-
-  it("preserves style preferences across hash format v1 (old, no prefs slot)", () => {
-    // Simulate an old hash: only 7 pipe slots, no stylePreferences tail.
-    const oldRaw = ["vercel", "#6366f1", "Inter", "600", "8px", "1", "button,card"].join("|");
-    const oldHash = Buffer.from(oldRaw).toString("base64url");
-    const decoded = decodeConfig(oldHash);
-    expect(decoded.refId).toBe("vercel");
-    expect(decoded.components).toEqual(["button", "card"]);
-    expect(decoded.stylePreferences).toEqual({});
-  });
-
-  it("omits trailing empty prefs slot to keep hashes short when no prefs given", () => {
-    const withPrefs = encodeConfig("vercel", emptyOverrides, [], prefs);
-    const withoutPrefs = encodeConfig("vercel", emptyOverrides, []);
-    expect(withPrefs).not.toBe(withoutPrefs);
-    // The no-prefs hash should match what the old (pre-v2) encoder produced —
-    // no unexpected tail bytes.
-    const oldRaw = ["vercel", "", "", "", "", "0", ""].join("|");
-    const oldHash = Buffer.from(oldRaw).toString("base64url").replace(/=+$/, "");
-    expect(withoutPrefs).toBe(oldHash);
-  });
-
-  it("yields different hashes for different prefs on same overrides", () => {
-    const a = encodeConfig("vercel", emptyOverrides, [], { buttonStyle: "sharp" });
-    const b = encodeConfig("vercel", emptyOverrides, [], { buttonStyle: "rounded" });
-    expect(a).not.toBe(b);
-  });
-
-  it("survives roundtrip with unexpected extra pref keys (forward-compat)", () => {
-    const future: StylePreferences = { buttonStyle: "sharp", futurePref: "experimental" };
-    const decoded = decodeConfig(encodeConfig("vercel", emptyOverrides, [], future));
-    expect(decoded.stylePreferences).toEqual(future);
-  });
-});
-
-describe("generateNpxCommand", () => {
-  it("emits the npx github:kwakseongjae/oh-my-design --config=<hash> shape", () => {
-    const cmd = generateNpxCommand("vercel", fullOverrides, ["button"]);
-    expect(cmd).toMatch(/^npx github:kwakseongjae\/oh-my-design --config=[\w-]+$/);
-  });
-
-  it("hash inside the command roundtrips via decodeConfig", () => {
-    const cmd = generateNpxCommand("vercel", fullOverrides, ["button", "input"]);
-    const hash = cmd.replace(/^.*--config=/, "");
-    const decoded = decodeConfig(hash);
-    expect(decoded.refId).toBe("vercel");
-    expect(decoded.overrides).toEqual(fullOverrides);
-    expect(decoded.components).toEqual(["button", "input"]);
-  });
-});

package/.opencode/oh-my-design/web/src/lib/core/config-hash.ts

@@ -1,133 +0,0 @@
-import type { Overrides, StylePreferences } from './types';
-
-/**
- * Encode user config into a URL-safe base64 hash.
- *
- * Format (pipe-separated, all positional — additive only):
- *   0: refId
- *   1: primaryColor
- *   2: fontFamily
- *   3: headingWeight
- *   4: borderRadius
- *   5: darkMode (1/0)
- *   6: components (comma-separated)
- *   7: stylePreferences (semicolon-separated key=value pairs) -- added v2
- *
- * Backward compatibility rule: NEVER reorder slots, only append. Old hashes
- * lacking parts[7] still decode cleanly with empty stylePreferences.
- */
-export function encodeConfig(
-  refId: string,
-  overrides: Overrides,
-  components?: string[],
-  stylePreferences?: StylePreferences,
-): string {
-  const parts = [
-    refId,
-    overrides.primaryColor || '',
-    overrides.fontFamily || '',
-    overrides.headingWeight || '',
-    overrides.borderRadius || '',
-    overrides.darkMode ? '1' : '0',
-    (components || []).join(','),
-    encodeStylePreferences(stylePreferences),
-  ];
-  // Drop trailing empty slots so old hashes (no prefs) and new ones with empty
-  // prefs round-trip to the same shape; keeps URLs short for common cases.
-  while (parts.length > 7 && parts[parts.length - 1] === '') parts.pop();
-
-  const raw = parts.join('|');
-  if (typeof window !== 'undefined') {
-    return btoa(raw).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
-  }
-  return Buffer.from(raw).toString('base64url');
-}
-
-/**
- * Decode a config hash back into refId + overrides + components + stylePreferences.
- * Tolerates hashes produced by older versions (missing parts[7]).
- */
-export function decodeConfig(hash: string): {
-  refId: string;
-  overrides: Overrides;
-  components: string[];
-  stylePreferences: StylePreferences;
-} {
-  let b64 = hash.replace(/-/g, '+').replace(/_/g, '/');
-  while (b64.length % 4) b64 += '=';
-
-  let decoded: string;
-  if (typeof window !== 'undefined') {
-    decoded = atob(b64);
-  } else {
-    decoded = Buffer.from(b64, 'base64').toString('utf-8');
-  }
-
-  const parts = decoded.split('|');
-  return {
-    refId: parts[0] || 'vercel',
-    overrides: {
-      primaryColor: parts[1] || '',
-      fontFamily: parts[2] || '',
-      headingWeight: parts[3] || '',
-      borderRadius: parts[4] || '',
-      darkMode: parts[5] === '1',
-    },
-    components: parts[6] ? parts[6].split(',').filter(Boolean) : [],
-    stylePreferences: decodeStylePreferences(parts[7]),
-  };
-}
-
-/**
- * Generate the npx command string.
- */
-export function generateNpxCommand(
-  refId: string,
-  overrides: Overrides,
-  components?: string[],
-  stylePreferences?: StylePreferences,
-): string {
-  const hash = encodeConfig(refId, overrides, components, stylePreferences);
-  return `npx github:kwakseongjae/oh-my-design --config=${hash}`;
-}
-
-// ── StylePreferences serialization ─────────────────────────────────
-//
-// Encoded as `key=value;key=value`. Keys/values are restricted to
-// [a-z0-9_-] in practice (controlled by the wizard), so no escaping
-// is needed. Empty/undefined collapses to '' to keep hashes compact.
-
-const STYLE_PREF_KEYS: (keyof StylePreferences)[] = [
-  'buttonStyle',
-  'inputStyle',
-  'headerStyle',
-  'cardStyle',
-  'depthStyle',
-  'density',
-];
-
-function encodeStylePreferences(prefs?: StylePreferences): string {
-  if (!prefs) return '';
-  const pairs: string[] = [];
-  for (const key of STYLE_PREF_KEYS) {
-    const v = prefs[key];
-    if (v) pairs.push(`${key}=${v}`);
-  }
-  // Pick up any extra keys not in the canonical list (forward-compat)
-  for (const [k, v] of Object.entries(prefs)) {
-    if (!v) continue;
-    if ((STYLE_PREF_KEYS as string[]).includes(k)) continue;
-    pairs.push(`${k}=${v}`);
-  }
-  return pairs.join(';');
-}
-
-function decodeStylePreferences(raw: string | undefined): StylePreferences {
-  if (!raw) return {};
-  const out: StylePreferences = {};
-  for (const pair of raw.split(';')) {
-    const [k, v] = pair.split('=');
-    if (k && v) out[k] = v;
-  }
-  return out;
-}