inai-react-components 0.1.7 → 1.4.0

package/dist/utils/themes.js

@@ -0,0 +1,49 @@
+/**
+ * Single source of truth for the built-in theme list used by the CLI
+ * (init, theme create, add). The registry on disk may expose more themes
+ * (discovered from packages/tokens/src/themes/*.css), but this list is the
+ * canonical fallback used when no registry is available and for validation.
+ */
+export const THEMES = [
+    // Brand
+    { name: "inai", label: "InAI", category: "brand", description: "Default InAI brand theme — vibrant purple primary on OKLCH." },
+    { name: "monday", label: "Monday", category: "brand", description: "Monday.com-inspired vibrant SaaS aesthetic." },
+    { name: "linear", label: "Linear", category: "brand", description: "Linear-inspired minimal monochrome theme." },
+    { name: "notion", label: "Notion", category: "brand", description: "Notion-inspired soft neutral theme." },
+    { name: "vercel", label: "Vercel", category: "brand", description: "Vercel-inspired high-contrast black & white." },
+    { name: "anthropic", label: "Anthropic", category: "brand", description: "Anthropic-inspired warm editorial theme." },
+    // shadcn palette (17)
+    { name: "shadcn-default", label: "shadcn Default", category: "shadcn", description: "shadcn/ui default neutral theme." },
+    { name: "shadcn-blue", label: "shadcn Blue", category: "shadcn", description: "shadcn/ui blue primary variant." },
+    { name: "shadcn-green", label: "shadcn Green", category: "shadcn", description: "shadcn/ui green primary variant." },
+    { name: "shadcn-orange", label: "shadcn Orange", category: "shadcn", description: "shadcn/ui orange primary variant." },
+    { name: "shadcn-red", label: "shadcn Red", category: "shadcn", description: "shadcn/ui red primary variant." },
+    { name: "shadcn-rose", label: "shadcn Rose", category: "shadcn", description: "shadcn/ui rose primary variant." },
+    { name: "shadcn-violet", label: "shadcn Violet", category: "shadcn", description: "shadcn/ui violet primary variant." },
+    { name: "shadcn-yellow", label: "shadcn Yellow", category: "shadcn", description: "shadcn/ui yellow primary variant." },
+    { name: "shadcn-amber", label: "shadcn Amber", category: "shadcn", description: "shadcn/ui amber primary variant." },
+    { name: "shadcn-lime", label: "shadcn Lime", category: "shadcn", description: "shadcn/ui lime primary variant." },
+    { name: "shadcn-emerald", label: "shadcn Emerald", category: "shadcn", description: "shadcn/ui emerald primary variant." },
+    { name: "shadcn-teal", label: "shadcn Teal", category: "shadcn", description: "shadcn/ui teal primary variant." },
+    { name: "shadcn-cyan", label: "shadcn Cyan", category: "shadcn", description: "shadcn/ui cyan primary variant." },
+    { name: "shadcn-sky", label: "shadcn Sky", category: "shadcn", description: "shadcn/ui sky primary variant." },
+    { name: "shadcn-indigo", label: "shadcn Indigo", category: "shadcn", description: "shadcn/ui indigo primary variant." },
+    { name: "shadcn-purple", label: "shadcn Purple", category: "shadcn", description: "shadcn/ui purple primary variant." },
+    { name: "shadcn-fuchsia", label: "shadcn Fuchsia", category: "shadcn", description: "shadcn/ui fuchsia primary variant." },
+    { name: "shadcn-pink", label: "shadcn Pink", category: "shadcn", description: "shadcn/ui pink primary variant." },
+    // Creative (10)
+    { name: "cyberpunk", label: "Cyberpunk", category: "creative", description: "Neon pink and electric cyan on deep violet." },
+    { name: "aurora", label: "Aurora", category: "creative", description: "Northern-lights greens and teals." },
+    { name: "sunset", label: "Sunset", category: "creative", description: "Warm orange-to-pink gradient palette." },
+    { name: "midnight", label: "Midnight", category: "creative", description: "Deep-blue near-black editorial theme." },
+    { name: "acid", label: "Acid", category: "creative", description: "High-energy acid green and yellow." },
+    { name: "sakura", label: "Sakura", category: "creative", description: "Soft cherry-blossom pinks and neutrals." },
+    { name: "ocean", label: "Ocean", category: "creative", description: "Deep ocean blues and cyans." },
+    { name: "cosmic", label: "Cosmic", category: "creative", description: "Space-inspired violet and nebula hues." },
+    { name: "matcha", label: "Matcha", category: "creative", description: "Earthy matcha greens and cream." },
+    { name: "volcanic", label: "Volcanic", category: "creative", description: "Charcoal and lava orange contrast." },
+];
+export const THEME_NAMES = THEMES.map((t) => t.name);
+export function isKnownTheme(name) {
+    return THEME_NAMES.includes(name);
+}

package/dist/utils/tsconfig-detect.d.ts

@@ -0,0 +1,18 @@
+export interface ProjectLayout {
+    /** Directory where source code lives, relative to project root. e.g. "app" | "src". */
+    sourceRoot: string;
+    /** Import alias prefix including trailing slash. e.g. "~/" | "@/" | "$/". */
+    aliasPrefix: string;
+}
+/**
+ * Detect the project layout (source root directory and alias prefix) by
+ * reading `tsconfig.json` in `cwd`. Falls back to filesystem heuristics
+ * (looking for `app/` or `src/`) if tsconfig is missing or doesn't declare
+ * path aliases.
+ *
+ * The returned layout drives where the CLI writes component files, cn.ts,
+ * tokens, and the CSS entry point so projects using `app/` (Remix,
+ * TanStack Start, Next App Router, custom) work without manual config.
+ */
+export declare function detectProjectLayout(cwd: string): ProjectLayout;
+//# sourceMappingURL=tsconfig-detect.d.ts.map

package/dist/utils/tsconfig-detect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tsconfig-detect.d.ts","sourceRoot":"","sources":["../../src/utils/tsconfig-detect.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,uFAAuF;IACvF,UAAU,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,WAAW,EAAE,MAAM,CAAC;CACrB;AA0FD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,CA0B9D"}

package/dist/utils/tsconfig-detect.js

@@ -0,0 +1,121 @@
+import fs from "node:fs";
+import path from "node:path";
+/**
+ * Strip JSONC comments and trailing commas so `JSON.parse` can handle
+ * typical `tsconfig.json` files without an extra dependency.
+ */
+function parseJsonc(raw) {
+    // Remove block comments /* ... */
+    let stripped = raw.replace(/\/\*[\s\S]*?\*\//g, "");
+    // Remove line comments //
+    stripped = stripped.replace(/(^|[^:])\/\/.*$/gm, "$1");
+    // Remove trailing commas in objects/arrays
+    stripped = stripped.replace(/,(\s*[}\]])/g, "$1");
+    return JSON.parse(stripped);
+}
+/**
+ * Load a tsconfig file and merge its `extends` chain (up to 3 levels).
+ * Only `compilerOptions.paths` and `compilerOptions.baseUrl` are merged —
+ * that is the minimum we need to resolve the source root.
+ */
+function loadTsconfigChain(tsconfigPath, depth = 0) {
+    if (depth > 3)
+        return null;
+    if (!fs.existsSync(tsconfigPath))
+        return null;
+    let parsed;
+    try {
+        const raw = fs.readFileSync(tsconfigPath, "utf-8");
+        parsed = parseJsonc(raw);
+    }
+    catch {
+        return null;
+    }
+    if (parsed.extends) {
+        let parentPath = parsed.extends;
+        if (!parentPath.endsWith(".json"))
+            parentPath += ".json";
+        const resolved = path.isAbsolute(parentPath)
+            ? parentPath
+            : path.resolve(path.dirname(tsconfigPath), parentPath);
+        const parent = loadTsconfigChain(resolved, depth + 1);
+        if (parent) {
+            return {
+                compilerOptions: {
+                    baseUrl: parsed.compilerOptions?.baseUrl ?? parent.compilerOptions?.baseUrl,
+                    paths: {
+                        ...(parent.compilerOptions?.paths ?? {}),
+                        ...(parsed.compilerOptions?.paths ?? {}),
+                    },
+                },
+            };
+        }
+    }
+    return parsed;
+}
+/**
+ * Parse a tsconfig `paths` entry to extract the alias prefix and target
+ * directory. Returns null if the entry is not a simple wildcard-to-directory
+ * mapping.
+ *
+ * Examples:
+ * - `"~/*": ["./app/*"]`  → { prefix: "~/", sourceRoot: "app" }
+ * - `"@/*": ["./src/*"]`  → { prefix: "@/", sourceRoot: "src" }
+ * - `"@foo/*": ["./libs/foo/*"]` → { prefix: "@foo/", sourceRoot: "libs/foo" }
+ */
+function parsePathEntry(key, value) {
+    if (!key.endsWith("/*"))
+        return null;
+    const target = value[0];
+    if (!target || !target.endsWith("/*"))
+        return null;
+    const aliasPrefix = key.slice(0, -1); // "~/*" → "~/"
+    let sourceRoot = target.slice(0, -2); // "./app/*" → "./app"
+    // Strip leading "./"
+    if (sourceRoot.startsWith("./"))
+        sourceRoot = sourceRoot.slice(2);
+    // Reject absolute paths and paths that escape the project
+    if (path.isAbsolute(sourceRoot) || sourceRoot.startsWith(".."))
+        return null;
+    if (!sourceRoot)
+        return null;
+    return { sourceRoot, aliasPrefix };
+}
+/**
+ * Detect the project layout (source root directory and alias prefix) by
+ * reading `tsconfig.json` in `cwd`. Falls back to filesystem heuristics
+ * (looking for `app/` or `src/`) if tsconfig is missing or doesn't declare
+ * path aliases.
+ *
+ * The returned layout drives where the CLI writes component files, cn.ts,
+ * tokens, and the CSS entry point so projects using `app/` (Remix,
+ * TanStack Start, Next App Router, custom) work without manual config.
+ */
+export function detectProjectLayout(cwd) {
+    const tsconfigPath = path.join(cwd, "tsconfig.json");
+    const tsconfig = loadTsconfigChain(tsconfigPath);
+    const paths = tsconfig?.compilerOptions?.paths ?? {};
+    // Prefer an entry whose source root directory actually exists on disk.
+    // This handles tsconfigs that declare multiple aliases.
+    let firstParsed = null;
+    for (const [key, value] of Object.entries(paths)) {
+        const parsed = parsePathEntry(key, value);
+        if (!parsed)
+            continue;
+        if (!firstParsed)
+            firstParsed = parsed;
+        if (fs.existsSync(path.join(cwd, parsed.sourceRoot))) {
+            return parsed;
+        }
+    }
+    if (firstParsed)
+        return firstParsed;
+    // No usable alias in tsconfig — fall back to directory heuristics.
+    if (fs.existsSync(path.join(cwd, "app"))) {
+        return { sourceRoot: "app", aliasPrefix: "~/" };
+    }
+    if (fs.existsSync(path.join(cwd, "src"))) {
+        return { sourceRoot: "src", aliasPrefix: "@/" };
+    }
+    return { sourceRoot: "src", aliasPrefix: "@/" };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inai-react-components",
-  "version": "0.1.7",
+  "version": "1.4.0",
   "description": "CLI for InAI UI component library — install components from a private registry into your React project",
   "private": false,
   "type": "module",
@@ -29,19 +29,25 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && pnpm run copy-schemas",
+    "copy-schemas": "node -e \"require('fs').cpSync('src/schemas', 'dist/schemas', {recursive: true})\"",
     "dev": "tsc --watch",
     "check-types": "tsc --noEmit",
-    "test": "vitest run"
+    "test": "vitest run",
+    "prepublishOnly": "pnpm run build && pnpm run test"
   },
   "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.29.0",
     "chalk": "^5.6.2",
     "commander": "^14.0.3",
+    "diff": "^8.0.4",
+    "diff3": "^0.0.4",
     "ora": "^9.3.0",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
     "@repo/typescript-config": "workspace:*",
+    "@types/diff": "^8.0.0",
     "@types/node": "^22.15.3",
     "typescript": "5.9.2",
     "vitest": "^4.1.0"