whale-igniter 1.3.3 → 1.3.4

package/dist/commands/updateTokens.js

@@ -0,0 +1,86 @@
+import path from "node:path";
+import fs from "fs-extra";
+import { resolveTarget } from "../utils/paths.js";
+import { generateWiki } from "../generators/wikiGenerator.js";
+import { ui } from "../ui/index.js";
+const COLOR_ALIASES = {
+    black: { base: "#111827", hover: "#000000" },
+    slate: { base: "#334155", hover: "#0f172a" },
+    cyan: { base: "#0891b2", hover: "#0e7490" },
+    blue: { base: "#2563eb", hover: "#1d4ed8" },
+    green: { base: "#16a34a", hover: "#15803d" },
+    red: { base: "#dc2626", hover: "#b91c1c" }
+};
+export async function updateTokensCommand(options = {}) {
+    const target = resolveTarget();
+    const fileRel = options.file ?? "src/styles.css";
+    const fileAbs = path.join(target, fileRel);
+    if (!options.buttonColor) {
+        console.log(ui.fail("Pass --button-color <name|hex>. Example: whale update tokens --button-color black"));
+        process.exitCode = 1;
+        return;
+    }
+    if (!(await fs.pathExists(fileAbs))) {
+        console.log(ui.fail(`${ui.path(fileRel)} was not found.`));
+        console.log(ui.muted("Run `whale create landing --sections hero,features,proof,contact` first, or pass --file <path>."));
+        process.exitCode = 1;
+        return;
+    }
+    const colors = resolveColors(options.buttonColor, options.hoverColor);
+    if (!colors) {
+        console.log(ui.fail("Color must be a known name or a hex value like #111827."));
+        console.log(ui.muted(`Known names: ${Object.keys(COLOR_ALIASES).join(", ")}`));
+        process.exitCode = 1;
+        return;
+    }
+    const before = await fs.readFile(fileAbs, "utf8");
+    let after = upsertCssCustomProperty(before, "--color-accent", colors.base);
+    after = upsertCssCustomProperty(after, "--color-accent-strong", colors.hover);
+    if (after === before) {
+        console.log(ui.muted("No token changes needed."));
+        return;
+    }
+    await fs.writeFile(fileAbs, after, "utf8");
+    console.log(ui.ok(`Updated button tokens in ${ui.path(fileRel)}`));
+    console.log(`  ${ui.kv("--color-accent", colors.base, { keyWidth: 22 })}`);
+    console.log(`  ${ui.kv("--color-accent-strong", colors.hover, { keyWidth: 22 })}`);
+    if (!options.noSync) {
+        await generateWiki(target);
+        console.log(ui.muted(`${ui.glyph.check} AI context updated`));
+    }
+}
+function resolveColors(buttonColor, hoverColor) {
+    const base = resolveColor(buttonColor);
+    const hover = hoverColor ? resolveColor(hoverColor) : undefined;
+    if (!base || (hoverColor && !hover))
+        return null;
+    const alias = COLOR_ALIASES[buttonColor.trim().toLowerCase()];
+    return {
+        base,
+        hover: hover ?? alias?.hover ?? base
+    };
+}
+function resolveColor(input) {
+    const normalized = input.trim().toLowerCase();
+    const alias = COLOR_ALIASES[normalized];
+    if (alias)
+        return alias.base;
+    if (/^#[0-9a-f]{3}(?:[0-9a-f]{3})?(?:[0-9a-f]{2})?$/i.test(input.trim())) {
+        return input.trim();
+    }
+    return null;
+}
+function upsertCssCustomProperty(css, property, value) {
+    const propertyPattern = new RegExp(`(${escapeRegExp(property)}\\s*:\\s*)[^;]+;`);
+    if (propertyPattern.test(css)) {
+        return css.replace(propertyPattern, `$1${value};`);
+    }
+    const rootPattern = /:root\s*\{/;
+    if (rootPattern.test(css)) {
+        return css.replace(rootPattern, `:root {\n  ${property}: ${value};`);
+    }
+    return `:root {\n  ${property}: ${value};\n}\n\n${css}`;
+}
+function escapeRegExp(input) {
+    return input.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}

package/dist/index.js

@@ -15,6 +15,7 @@ import { adoptReviewCommand, adoptStatusCommand } from "./commands/adoptReview.j
 import { insightsCommand, insightsDriftReviewCommand } from "./commands/insights.js";
 import { createComponentCommand } from "./commands/createComponent.js";
 import { createLandingCommand } from "./commands/createLanding.js";
+import { updateTokensCommand } from "./commands/updateTokens.js";
 import { seleneDescribeCommand, seleneAuditCommand, seleneSuggestCommand, seleneApplyCommand, seleneStatusCommand, seleneCacheClearCommand } from "./commands/selene.js";
 import { mcpServeCommand, mcpConfigCommand } from "./commands/mcp.js";
 import { watchCommand } from "./commands/watch.js";
@@ -226,6 +227,17 @@ component
     .command("list")
     .description("List components registered in the catalog.")
     .action(componentListCommand);
+const update = program
+    .command("update")
+    .description("Apply deterministic updates to project files.");
+update
+    .command("tokens")
+    .description("Update generated CSS design tokens, such as button colors.")
+    .option("--button-color <nameOrHex>", "Button color name or hex (black, cyan, blue, green, red, slate, #111827)")
+    .option("--hover-color <nameOrHex>", "Optional hover color name or hex")
+    .option("--file <path>", "CSS file relative to the project root (default: src/styles.css)")
+    .option("--no-sync", "Don't regenerate CLAUDE.md / wiki after updating")
+    .action((opts) => updateTokensCommand(opts));
 const team = program
     .command("team")
     .description("Manage your AI team (friendly layer for operational packs).");

package/dist/version.js

@@ -1 +1 @@
-export const PACKAGE_VERSION = "1.3.3";
+export const PACKAGE_VERSION = "1.3.4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whale-igniter",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "CLI-first operational intelligence. Bootstraps and adopts AI-readable project context so agents like Claude Code, Codex and Cursor understand your design system from the first commit. Includes an MCP server, a file watcher, deterministic insights, and an opt-in AI bridge (Selene).",
   "type": "module",
   "main": "./dist/index.js",