nativeui-cli 1.0.0-beta.0

package/dist/utils.js

@@ -0,0 +1,320 @@
+// src/utils.ts
+import { log } from "@clack/prompts";
+import pc from "picocolors";
+import fs from "fs";
+import path from "path";
+import spawn from "cross-spawn";
+import { DEFAULT_CONFIG } from "./config.js";
+const GRAPHQL_ENDPOINT = "https://cdn.nativeui.qzz.io/graphql";
+async function postGraphQL(query, variables) {
+    const response = await fetch(GRAPHQL_ENDPOINT, {
+        method: "POST",
+        headers: {
+            "content-type": "application/json",
+            accept: "application/json",
+        },
+        body: JSON.stringify({
+            query,
+            variables,
+        }),
+    });
+    if (!response.ok) {
+        throw new Error(`Failed to fetch registry data from GraphQL (HTTP ${response.status})`);
+    }
+    const payload = (await response.json());
+    if (payload.errors?.length) {
+        throw new Error(payload.errors[0].message ?? "GraphQL request failed");
+    }
+    if (!payload.data) {
+        throw new Error("GraphQL response did not include data");
+    }
+    return payload.data;
+}
+export async function fetchRegistryEntries(keys) {
+    const uniqueKeys = [...new Set(keys.map((key) => key.toLowerCase()))];
+    if (uniqueKeys.length === 0)
+        return [];
+    if (uniqueKeys.length === 1) {
+        const data = await postGraphQL(`
+        query Registry($key: String!) {
+          registry(key: $key) {
+            key
+            title
+            description
+            registryDependencies
+            dependencies
+            category
+            files {
+              path
+              target
+              content
+            }
+          }
+        }
+      `, { key: uniqueKeys[0] });
+        return data.registry ? [data.registry] : [];
+    }
+    const data = await postGraphQL(`
+      query Registries($keys: [String!]!) {
+        registries(keys: $keys) {
+          key
+          title
+          description
+          registryDependencies
+          dependencies
+          category
+          files {
+            path
+            target
+            content
+          }
+        }
+      }
+    `, { keys: uniqueKeys });
+    return data.registries ?? [];
+}
+export async function fetchRegistryIndex() {
+    const data = await postGraphQL(`
+      query Registries {
+        registries {
+          key
+        }
+      }
+    `, {});
+    return (data.registries ?? [])
+        .map((entry) => entry.key?.toLowerCase())
+        .filter((key) => Boolean(key));
+}
+export async function fetchRegistryClosure(keys) {
+    const resolved = new Map();
+    const queue = [...new Set(keys.map((key) => key.toLowerCase()))];
+    while (queue.length > 0) {
+        const batch = queue
+            .splice(0, queue.length)
+            .filter((key) => !resolved.has(key));
+        if (batch.length === 0)
+            break;
+        const fetched = await fetchRegistryEntries(batch);
+        for (const entry of fetched) {
+            const normalizedKey = entry.key.toLowerCase();
+            if (!resolved.has(normalizedKey)) {
+                resolved.set(normalizedKey, { ...entry, key: normalizedKey });
+            }
+        }
+        for (const entry of fetched) {
+            for (const dep of entry.registryDependencies ?? []) {
+                const normalizedDep = dep.toLowerCase();
+                if (!resolved.has(normalizedDep)) {
+                    queue.push(normalizedDep);
+                }
+            }
+        }
+    }
+    return [...resolved.values()];
+}
+// ─── Logging helpers ──────────────────────────────────────────
+export function logSuccess(msg) {
+    log.success(pc.green(msg));
+}
+export function logError(msg) {
+    log.error(pc.red(msg));
+}
+export function logWarn(msg) {
+    log.warn(pc.yellow(msg));
+}
+export function logInfo(msg) {
+    log.info(pc.cyan(msg));
+}
+/** Print a labelled key → value pair (used in `init` summary). */
+export function logKV(key, value) {
+    log.message(`${pc.dim(key.padEnd(18))} ${pc.white(value)}`);
+}
+// ─── Fetch helpers ───────────────────────────────────────────
+/**
+ * Fetches the raw source of a component from its registry URL.
+ * Throws a descriptive error on non-200 responses.
+ */
+export async function fetchComponent(name, url) {
+    try {
+        const [manifest] = await fetchRegistryEntries([url || name]);
+        const content = manifest?.files?.[0]?.content;
+        if (typeof content === "string")
+            return content;
+        throw new Error(`Registry response for ${name} did not include file content`);
+    }
+    catch (err) {
+        throw new Error(`Network error fetching ${name}: ${err.message}`);
+    }
+}
+// ─── File helpers ─────────────────────────────────────────────
+/** Ensures a directory exists, creating it recursively if needed. */
+export function ensureDir(dir) {
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+    }
+}
+/** Writes text to a file, creating parent dirs as needed. */
+export function writeFile(filePath, content) {
+    ensureDir(path.dirname(filePath));
+    fs.writeFileSync(filePath, content, "utf-8");
+}
+/** Returns file content or null if the file doesn't exist. */
+export function readFileSafe(filePath) {
+    if (!fs.existsSync(filePath))
+        return null;
+    return fs.readFileSync(filePath, "utf-8");
+}
+// ─── Package manager helpers ──────────────────────────────────
+/** Returns the install command for the given package manager. */
+export function buildInstallCmd(runner, packages) {
+    const list = packages.join(" ");
+    if (runner === "npx")
+        return `npm exec --yes expo install ${list}`;
+    return `${runner} expo install ${list}`;
+}
+// 1. Track active process and cancellation state
+let activeInstallProcess = null;
+let isCancelled = false;
+function runInstallCommand(runner, packages, // <-- Now takes an array of packages
+cwd) {
+    const command = runner === "npx" ? "npx" : runner;
+    // Pass all packages at once: `expo install pkg1 pkg2 pkg3`
+    const args = ["expo", "install", ...packages];
+    return new Promise((resolve) => {
+        activeInstallProcess = spawn(command, args, {
+            stdio: "inherit",
+            cwd,
+        });
+        activeInstallProcess.on("error", () => {
+            activeInstallProcess = null;
+            resolve(false);
+        });
+        activeInstallProcess.on("exit", (code) => {
+            activeInstallProcess = null;
+            // If cancelled by the user, return false to prevent success messages
+            resolve(code === 0 && !isCancelled);
+        });
+    });
+}
+/**
+ * Installs Expo packages in a single batched command.
+ * Returns true on success, false on failure.
+ */
+export function installPackages(packages, runner, cwd, onProgress) {
+    // ← sync now, no Promise
+    if (packages.length === 0)
+        return true;
+    const command = runner === "npx" ? "npx" : runner;
+    const args = ["expo", "install", ...packages];
+    onProgress?.(`${packages.length} dependencies`, 0, 1);
+    // spawnSync + stdio:'inherit' puts node and the child in the same
+    // foreground process group. Ctrl+C from the terminal goes to both
+    // simultaneously — the OS handles it, no SIGINT wrangling needed.
+    const result = spawn.sync(command, args, {
+        stdio: "inherit",
+        cwd,
+        // no shell:true needed — cross-spawn resolves .cmd files itself
+    });
+    return result.status === 0;
+}
+/** Detect which Expo runner should be used in the cwd. */
+export function detectExpoRunner() {
+    if (fs.existsSync(path.join(process.cwd(), "pnpm-lock.yaml")))
+        return "pnpm";
+    if (fs.existsSync(path.join(process.cwd(), "bun.lockb")))
+        return "bunx";
+    if (fs.existsSync(path.join(process.cwd(), "yarn.lock")))
+        return "yarn";
+    return "npx";
+}
+/** Returns true if this looks like an Expo project. */
+export function isExpoProject() {
+    return fs.existsSync(path.join(process.cwd(), "app.json"));
+}
+// ─── Diff helpers ─────────────────────────────────────────────
+/**
+ * Very minimal line diff — returns a coloured unified-diff-style string.
+ * For a production CLI you'd swap this for the `diff` package.
+ */
+export function lineDiff(a, b) {
+    const aLines = a.split("\n");
+    const bLines = b.split("\n");
+    const maxLen = Math.max(aLines.length, bLines.length);
+    const output = [];
+    for (let i = 0; i < maxLen; i++) {
+        const aLine = aLines[i];
+        const bLine = bLines[i];
+        if (aLine === undefined) {
+            output.push(pc.green(`+ ${bLine}`));
+        }
+        else if (bLine === undefined) {
+            output.push(pc.red(`- ${aLine}`));
+        }
+        else if (aLine !== bLine) {
+            output.push(pc.red(`- ${aLine}`));
+            output.push(pc.green(`+ ${bLine}`));
+        }
+        else {
+            output.push(pc.dim(`  ${aLine}`));
+        }
+    }
+    return output.join("\n");
+}
+/** Returns true if two strings are identical (ignoring line-ending differences). */
+export function isUpToDate(a, b) {
+    return a.replace(/\r\n/g, "\n") === b.replace(/\r\n/g, "\n");
+}
+// Add this helper function below `isExpoProject` or anywhere in the Package Manager helpers section.
+/** Extracts the base package name, ignoring version tags (e.g., "pkg@1.0" -> "pkg", "@scope/pkg@latest" -> "@scope/pkg") */
+function getPackageName(pkg) {
+    const match = pkg.match(/^(@[^\/]+\/[^@]+|[^@]+)/);
+    return match ? match[1] : pkg;
+}
+/** * Resolves the absolute destination path for a registry file, honouring
+ * the user-configured `outputDir` from native-ui.json.
+ *
+ * Registry entries store paths relative to the default output dir
+ * (e.g. "components/ui/button.tsx"). When the user has changed
+ * `outputDir` to something like "src/ui", this function strips the
+ * default prefix and replaces it with the configured one so the file
+ * lands in the right place.
+ */
+export function resolveComponentDest(file, config, fallback) {
+    const rawPath = file?.target ?? file?.path ?? fallback;
+    const defaultOutDir = DEFAULT_CONFIG.outputDir; // "components/ui"
+    let relativePath;
+    if (rawPath === defaultOutDir ||
+        rawPath.startsWith(defaultOutDir + "/") ||
+        rawPath.startsWith(defaultOutDir + path.sep)) {
+        // Swap the registry's hardcoded prefix for the user's configured one.
+        const suffix = rawPath.slice(defaultOutDir.length); // includes leading "/" or ""
+        relativePath = config.outputDir + suffix;
+    }
+    else {
+        // Path is already custom / absolute — use as-is.
+        relativePath = rawPath;
+    }
+    return path.resolve(process.cwd(), relativePath);
+}
+export function getMissingPackages(packages, cwd) {
+    const pkgJsonPath = path.join(cwd, "package.json");
+    if (!fs.existsSync(pkgJsonPath)) {
+        return packages; // If no package.json is found, assume we need to install everything
+    }
+    try {
+        const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, "utf-8"));
+        const allInstalledDeps = {
+            ...(pkgJson.dependencies || {}),
+            ...(pkgJson.devDependencies || {}),
+            ...(pkgJson.peerDependencies || {}),
+        };
+        return packages.filter((pkg) => {
+            const name = getPackageName(pkg);
+            return !allInstalledDeps[name];
+        });
+    }
+    catch (err) {
+        // If parsing fails, default to installing everything to be safe
+        return packages;
+    }
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "nativeui-cli",
+  "version": "1.0.0-beta.0",
+  "description": "Add beautiful components to your Expo app.",
+  "keywords": [
+    "expo",
+    "react-native",
+    "ui",
+    "components",
+    "cli"
+  ],
+  "author": "Kishan Agarwal",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "nativeui-cli": "dist/index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kishan-Agarwal-28/native-ui.git",
+    "directory": "apps/cli"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsx src/index.ts",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.7.0",
+    "chalk": "^5.3.0",
+    "commander": "^12.0.0",
+    "cross-spawn": "^7.0.6",
+    "fast-diff": "^1.3.0",
+    "ora": "^8.0.1",
+    "picocolors": "^1.0.1"
+  },
+  "devDependencies": {
+    "@types/cross-spawn": "^6.0.6",
+    "@types/node": "^20.0.0",
+    "tsx": "^4.7.0",
+    "typescript": "^5.4.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/Kishan-Agarwal-28/native-ui/tree/main/apps/cli#readme",
+  "bugs": {
+    "url": "https://github.com/Kishan-Agarwal-28/native-ui/issues"
+  }
+}