@metacells/mcellui-cli 0.1.4 → 0.1.5

package/README.md

@@ -25,7 +25,7 @@ nativeui init
 npx @nativeui/cli init
 ```
 
-This creates a `nativeui.config.ts` with your theme preferences.
+This creates a `mcellui.config.ts` with your theme preferences.
 
 2. **Add components:**
 
@@ -58,7 +58,7 @@ Initialize nativeui in your project.
 npx @nativeui/cli init
 ```
 
-Creates `nativeui.config.ts` with theme configuration.
+Creates `mcellui.config.ts` with theme configuration.
 
 ### `add <components...>`
 
@@ -126,7 +126,7 @@ Templates: `basic`, `animated`, `pressable`, `input`
 
 ## Configuration
 
-`nativeui.config.ts`:
+`mcellui.config.ts`:
 
 ```ts
 import { defineConfig } from '@nativeui/cli';

package/dist/index.js

@@ -212,27 +212,38 @@ async function detectProjectType(projectRoot) {
     return "unknown";
   }
 }
+var CONFIG_FILES = [
+  "mcellui.config.ts",
+  "mcellui.config.js",
+  "mcellui.config.json",
+  "nativeui.config.ts",
+  // Legacy
+  "nativeui.config.js",
+  // Legacy
+  "nativeui.config.json"
+  // Legacy
+];
 async function getConfig(projectRoot) {
-  const tsConfigPath = path.join(projectRoot, "nativeui.config.ts");
-  if (await fs.pathExists(tsConfigPath)) {
-    return loadTsConfig(tsConfigPath);
-  }
-  const jsConfigPath = path.join(projectRoot, "nativeui.config.js");
-  if (await fs.pathExists(jsConfigPath)) {
-    return loadJsConfig(jsConfigPath);
-  }
-  const jsonConfigPath = path.join(projectRoot, "nativeui.config.json");
-  if (await fs.pathExists(jsonConfigPath)) {
-    try {
-      const rawConfig = await fs.readJson(jsonConfigPath);
-      const validatedConfig = validateConfigOrThrow(rawConfig, jsonConfigPath);
-      return resolveConfig(validatedConfig);
-    } catch (error) {
-      if (error instanceof Error && error.message.includes("Invalid configuration")) {
-        console.error(chalk.red(error.message));
-        throw error;
+  for (const fileName of CONFIG_FILES) {
+    const configPath = path.join(projectRoot, fileName);
+    if (await fs.pathExists(configPath)) {
+      if (fileName.endsWith(".ts")) {
+        return loadTsConfig(configPath);
+      } else if (fileName.endsWith(".js")) {
+        return loadJsConfig(configPath);
+      } else if (fileName.endsWith(".json")) {
+        try {
+          const rawConfig = await fs.readJson(configPath);
+          const validatedConfig = validateConfigOrThrow(rawConfig, configPath);
+          return resolveConfig(validatedConfig);
+        } catch (error) {
+          if (error instanceof Error && error.message.includes("Invalid configuration")) {
+            console.error(chalk.red(error.message));
+            throw error;
+          }
+          throw error;
+        }
       }
-      throw error;
     }
   }
   return null;
@@ -294,7 +305,7 @@ async function detectPackageManager(projectRoot) {
 }
 
 // src/commands/init.ts
-var initCommand = new Command().name("init").description("Initialize nativeui in your project").option("-y, --yes", "Skip prompts and use defaults").option("--cwd <path>", "Working directory", process.cwd()).action(async (options) => {
+var initCommand = new Command().name("init").description("Initialize mcellui in your project").option("-y, --yes", "Skip prompts and use defaults").option("--cwd <path>", "Working directory", process.cwd()).action(async (options) => {
   const spinner = ora();
   try {
     const cwd = path2.resolve(options.cwd);
@@ -305,17 +316,24 @@ var initCommand = new Command().name("init").description("Initialize nativeui in
       process.exit(1);
     }
     console.log();
-    console.log(chalk2.bold("Welcome to nativeui!"));
+    console.log(chalk2.bold("Welcome to mcellui!"));
     console.log(chalk2.dim("The copy-paste component library for Expo/React Native"));
     console.log();
     const projectType = await detectProjectType(projectRoot);
     console.log(chalk2.dim(`Detected: ${projectType}`));
-    const configPath = path2.join(projectRoot, "nativeui.config.ts");
+    const configPath = path2.join(projectRoot, "mcellui.config.ts");
+    const legacyConfigPath = path2.join(projectRoot, "nativeui.config.ts");
     if (await fs2.pathExists(configPath)) {
       console.log(chalk2.yellow("Project already initialized."));
       console.log(chalk2.dim(`Config found at: ${configPath}`));
       return;
     }
+    if (await fs2.pathExists(legacyConfigPath)) {
+      console.log(chalk2.yellow("Project already initialized with legacy config."));
+      console.log(chalk2.dim(`Config found at: ${legacyConfigPath}`));
+      console.log(chalk2.dim("Consider renaming to mcellui.config.ts"));
+      return;
+    }
     let config = {
       componentsPath: "./components/ui",
       utilsPath: "./lib/utils",
@@ -454,14 +472,14 @@ export function cn(...inputs: StyleInput[]): Style {
     );
     spinner.succeed("Utilities installed");
     console.log();
-    console.log(chalk2.green("Success!") + " nativeui initialized.");
+    console.log(chalk2.green("Success!") + " mcellui initialized.");
     console.log();
     console.log("Next steps:");
     console.log(chalk2.dim("  1."), "Add your first component:");
-    console.log(chalk2.cyan("     npx nativeui add button"));
+    console.log(chalk2.cyan("     npx mcellui add button"));
     console.log();
     console.log(chalk2.dim("  2."), "Browse available components:");
-    console.log(chalk2.cyan("     npx nativeui list"));
+    console.log(chalk2.cyan("     npx mcellui list"));
     console.log();
   } catch (error) {
     spinner.fail("Failed to initialize");
@@ -485,7 +503,8 @@ import { fileURLToPath as fileURLToPath2 } from "url";
 var __filename3 = fileURLToPath2(import.meta.url);
 var __dirname2 = path3.dirname(__filename3);
 var DEFAULT_REGISTRY_URL = "https://raw.githubusercontent.com/metacells-development/mcellui/main/packages/registry";
-var REGISTRY_URL = process.env.MCELLUI_REGISTRY_URL || process.env.NATIVEUI_REGISTRY_URL || DEFAULT_REGISTRY_URL;
+var hasEnvOverride = "MCELLUI_REGISTRY_URL" in process.env || "NATIVEUI_REGISTRY_URL" in process.env;
+var REGISTRY_URL = hasEnvOverride ? process.env.MCELLUI_REGISTRY_URL || process.env.NATIVEUI_REGISTRY_URL || "" : DEFAULT_REGISTRY_URL;
 function getLocalRegistryPath() {
   return path3.resolve(__dirname2, "..", "..", "registry");
 }
@@ -621,6 +640,25 @@ function formatCircularError(chain) {
 // src/utils/installed.ts
 import fs4 from "fs-extra";
 import path4 from "path";
+
+// src/utils/imports.ts
+function transformToInstalled(code, config) {
+  if (!config) return code;
+  let result = code;
+  const utilsAlias = config.aliases?.utils || "@/lib/utils";
+  if (utilsAlias !== "@/lib/utils") {
+    result = result.replace(
+      /from ['"]@\/lib\/utils['"]/g,
+      `from '${utilsAlias}'`
+    );
+  }
+  return result;
+}
+function normalizeForComparison(content) {
+  return content.replace(/\r\n/g, "\n").replace(/\s+$/gm, "").trim();
+}
+
+// src/utils/installed.ts
 async function getInstalledFiles(componentsDir) {
   if (!await fs4.pathExists(componentsDir)) {
     return [];
@@ -637,24 +675,6 @@ async function getInstalledFiles(componentsDir) {
   }
   return componentFiles.sort();
 }
-function normalizeContent(content) {
-  return content.replace(/\r\n/g, "\n").replace(/\s+$/gm, "").trim();
-}
-function transformImports(code, config) {
-  let transformed = code;
-  transformed = transformed.replace(
-    /from ['"]@nativeui\/core['"]/g,
-    `from '@metacells/mcellui-core'`
-  );
-  const utilsAlias = config.aliases?.utils || "@/lib/utils";
-  if (utilsAlias !== "@/lib/utils") {
-    transformed = transformed.replace(
-      /from ['"]@\/lib\/utils['"]/g,
-      `from '${utilsAlias}'`
-    );
-  }
-  return transformed;
-}
 async function getInstallStatus(installedFiles, registry, config) {
   const results = [];
   const registryMap = /* @__PURE__ */ new Map();
@@ -700,10 +720,8 @@ async function getInstallStatus(installedFiles, registry, config) {
         continue;
       }
       const localContent = await fs4.readFile(localFile, "utf-8");
-      const normalizedLocal = normalizeContent(localContent);
-      const normalizedRegistry = normalizeContent(
-        transformImports(registryFile.content, config)
-      );
+      const normalizedLocal = normalizeForComparison(localContent);
+      const normalizedRegistry = normalizeForComparison(registryFile.content);
       results.push({
         name: registryItem.name,
         fileName,
@@ -829,7 +847,7 @@ var addCommand = new Command2().name("add").description("Add a component to your
             continue;
           }
           await fs5.ensureDir(targetDir);
-          const transformedContent = transformImports2(file.content, config);
+          const transformedContent = transformToInstalled(file.content, config);
           await fs5.writeFile(targetPath, transformedContent);
         }
         spinner.succeed(`Added ${componentName}`);
@@ -864,18 +882,6 @@ var addCommand = new Command2().name("add").description("Add a component to your
     process.exit(1);
   }
 });
-function transformImports2(code, config) {
-  let transformed = code;
-  const utilsAlias = config.aliases?.utils || "@/lib/utils";
-  if (utilsAlias === "@/lib/utils") {
-    return transformed;
-  }
-  transformed = transformed.replace(
-    /from ['"]@\/lib\/utils['"]/g,
-    `from '${utilsAlias}'`
-  );
-  return transformed;
-}
 
 // src/commands/list.ts
 import { Command as Command3 } from "commander";
@@ -1030,7 +1036,7 @@ var REQUIRED_PEER_DEPS = [
   { name: "react-native-safe-area-context", minVersion: "4.0.0" }
 ];
 var RECOMMENDED_DEPS = [
-  { name: "@nativeui/core", reason: "Theme system and utilities" }
+  { name: "@metacells/mcellui-core", reason: "Theme system and utilities" }
 ];
 function parseVersion(version) {
   const cleaned = version.replace(/^[\^~>=<]+/, "").replace(/^workspace:\*?/, "");
@@ -1075,7 +1081,7 @@ async function checkProjectType(projectRoot) {
       name: "Project Type",
       status: "fail",
       message: "Not an Expo or React Native project",
-      fix: "nativeui requires Expo or React Native"
+      fix: "mcellui requires Expo or React Native"
     };
   }
   return {
@@ -1086,23 +1092,39 @@ async function checkProjectType(projectRoot) {
 }
 async function checkInitialized(projectRoot) {
   const configFiles = [
+    "mcellui.config.ts",
+    "mcellui.config.js",
+    "mcellui.config.json",
     "nativeui.config.ts",
+    // Legacy
     "nativeui.config.js",
+    // Legacy
     "nativeui.config.json"
+    // Legacy
   ];
   let foundConfig = null;
+  let isLegacy = false;
   for (const file of configFiles) {
     if (await fs6.pathExists(path7.join(projectRoot, file))) {
       foundConfig = file;
+      isLegacy = file.startsWith("nativeui.");
       break;
     }
   }
   if (!foundConfig) {
     return {
-      name: "NativeUI Config",
+      name: "mcellui Config",
       status: "fail",
-      message: "nativeui.config.ts not found",
-      fix: "Run: npx nativeui init"
+      message: "mcellui.config.ts not found",
+      fix: "Run: npx mcellui init"
+    };
+  }
+  if (isLegacy) {
+    return {
+      name: "mcellui Config",
+      status: "warn",
+      message: `Found legacy config: ${foundConfig}`,
+      fix: "Consider renaming to mcellui.config.ts"
     };
   }
   try {
@@ -1113,7 +1135,7 @@ async function checkInitialized(projectRoot) {
       const hasExport = content.includes("export default");
       if (!hasExport) {
         return {
-          name: "NativeUI Config",
+          name: "mcellui Config",
           status: "warn",
           message: "Config file missing default export",
           fix: "Add: export default defineConfig({ ... })"
@@ -1121,7 +1143,7 @@ async function checkInitialized(projectRoot) {
       }
       if (!hasDefineConfig) {
         return {
-          name: "NativeUI Config",
+          name: "mcellui Config",
           status: "warn",
           message: "Config not using defineConfig helper",
           fix: "Wrap config with: defineConfig({ ... })"
@@ -1133,21 +1155,21 @@ async function checkInitialized(projectRoot) {
         JSON.parse(content);
       } catch {
         return {
-          name: "NativeUI Config",
+          name: "mcellui Config",
           status: "fail",
           message: "Invalid JSON in config file",
-          fix: "Check JSON syntax in nativeui.config.json"
+          fix: "Check JSON syntax in mcellui.config.json"
         };
       }
     }
     return {
-      name: "NativeUI Config",
+      name: "mcellui Config",
       status: "pass",
       message: `Found ${foundConfig}`
     };
   } catch (error) {
     return {
-      name: "NativeUI Config",
+      name: "mcellui Config",
       status: "fail",
       message: "Could not read config file",
       fix: error instanceof Error ? error.message : "Check file permissions"
@@ -1159,7 +1181,14 @@ async function checkPaths(projectRoot) {
   const defaultUtilsPath = "./lib/utils";
   let componentsPathValue = defaultComponentsPath;
   let utilsPathValue = defaultUtilsPath;
-  const configFiles = ["nativeui.config.ts", "nativeui.config.js", "nativeui.config.json"];
+  const configFiles = [
+    "mcellui.config.ts",
+    "mcellui.config.js",
+    "mcellui.config.json",
+    "nativeui.config.ts",
+    "nativeui.config.js",
+    "nativeui.config.json"
+  ];
   for (const file of configFiles) {
     const configPath = path7.join(projectRoot, file);
     if (await fs6.pathExists(configPath)) {
@@ -1183,7 +1212,7 @@ async function checkPaths(projectRoot) {
       name: "Component Paths",
       status: "warn",
       message: "Component and utils directories not created yet",
-      fix: `Add a component: npx nativeui add button`
+      fix: `Add a component: npx mcellui add button`
     };
   }
   if (!componentsExist) {
@@ -1191,7 +1220,7 @@ async function checkPaths(projectRoot) {
       name: "Component Paths",
       status: "warn",
       message: `Components directory not found: ${componentsPathValue}`,
-      fix: "Add a component to create it: npx nativeui add button"
+      fix: "Add a component to create it: npx mcellui add button"
     };
   }
   return {
@@ -1379,7 +1408,7 @@ async function checkExpoGo(projectRoot) {
 }
 function printReport(report) {
   console.log();
-  console.log(chalk5.bold("NativeUI Doctor"));
+  console.log(chalk5.bold("mcellui Doctor"));
   console.log(chalk5.dim("Checking your project setup..."));
   console.log();
   console.log(chalk5.dim("Project:"), report.projectRoot);
@@ -1560,10 +1589,8 @@ var diffCommand = new Command5().name("diff").description("Compare locally insta
           continue;
         }
         const localContent = await fs7.readFile(localFile, "utf-8");
-        const normalizedLocal = normalizeContent(localContent);
-        const normalizedRegistry = normalizeContent(
-          transformImports(registryFile.content, config)
-        );
+        const normalizedLocal = normalizeForComparison(localContent);
+        const normalizedRegistry = normalizeForComparison(registryFile.content);
         if (normalizedLocal === normalizedRegistry) {
           results.push({
             name: registryItem.name,
@@ -1674,7 +1701,6 @@ import ora5 from "ora";
 import prompts3 from "prompts";
 import fs8 from "fs-extra";
 import path9 from "path";
-import crypto from "crypto";
 var updateCommand = new Command6().name("update").description("Update installed components to latest registry versions").argument("[components...]", "Specific components to update (default: all outdated)").option("-y, --yes", "Skip confirmation prompt").option("--all", "Update all components (including up-to-date)").option("--dry-run", "Show what would be updated without making changes").option("--cwd <path>", "Working directory", process.cwd()).action(async (components, options) => {
   const spinner = ora5();
   try {
@@ -1758,7 +1784,7 @@ var updateCommand = new Command6().name("update").description("Update installed
         for (const file of component.files) {
           const targetPath = path9.join(targetDir, file.name);
           await fs8.ensureDir(targetDir);
-          const transformedContent = transformImports3(file.content, config);
+          const transformedContent = transformToInstalled(file.content, config);
           await fs8.writeFile(targetPath, transformedContent);
         }
         spinner.succeed(`Updated ${comp.name}`);
@@ -1842,30 +1868,13 @@ async function checkForUpdate(localFile, registryItem, config) {
     const registryFile = component.files.find((f) => f.name === fileName);
     if (!registryFile) return false;
     const localContent = await fs8.readFile(localFile, "utf-8");
-    const transformedRegistryContent = transformImports3(registryFile.content, config);
-    const localHash = hashContent(localContent);
-    const registryHash = hashContent(transformedRegistryContent);
-    return localHash !== registryHash;
+    const normalizedLocal = normalizeForComparison(localContent);
+    const normalizedRegistry = normalizeForComparison(registryFile.content);
+    return normalizedLocal !== normalizedRegistry;
   } catch {
     return false;
   }
 }
-function hashContent(content) {
-  const normalized = content.replace(/\r\n/g, "\n").replace(/\s+$/gm, "").trim();
-  return crypto.createHash("md5").update(normalized).digest("hex");
-}
-function transformImports3(code, config) {
-  let transformed = code;
-  const utilsAlias = config.aliases?.utils || "@/lib/utils";
-  if (utilsAlias === "@/lib/utils") {
-    return transformed;
-  }
-  transformed = transformed.replace(
-    /from ['"]@\/lib\/utils['"]/g,
-    `from '${utilsAlias}'`
-  );
-  return transformed;
-}
 
 // src/commands/create.ts
 import { Command as Command7 } from "commander";
@@ -1955,7 +1964,7 @@ function generateBasicComponent(name, forwardRef) {
   if (forwardRef) {
     return `import React, { forwardRef } from 'react';
 import { View, Text, StyleSheet, ViewProps } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface ${name}Props extends ViewProps {
   /**
@@ -2015,7 +2024,7 @@ const styles = StyleSheet.create({
   }
   return `import React from 'react';
 import { View, Text, StyleSheet, ViewProps } from 'react-native';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface ${name}Props extends ViewProps {
   /**
@@ -2082,7 +2091,7 @@ import Animated, {
   useSharedValue,
   withSpring,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface ${name}Props extends ViewProps {
   /**
@@ -2151,7 +2160,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 
@@ -2244,7 +2253,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 
@@ -2334,7 +2343,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface ${name}Props extends TextInputProps {
   /**
@@ -2459,7 +2468,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from 'react-native-reanimated';
-import { useTheme } from '@nativeui/core';
+import { useTheme } from '@metacells/mcellui-core';
 
 export interface ${name}Props extends TextInputProps {
   /**
@@ -2636,18 +2645,6 @@ function formatComponentChoice(item, installed) {
     disabled: isInstalled
   };
 }
-function transformImports4(code, config) {
-  let transformed = code;
-  const utilsAlias = config.aliases?.utils || "@/lib/utils";
-  if (utilsAlias === "@/lib/utils") {
-    return transformed;
-  }
-  transformed = transformed.replace(
-    /from ['"]@\/lib\/utils['"]/g,
-    `from '${utilsAlias}'`
-  );
-  return transformed;
-}
 var pickCommand = new Command8().name("pick").description("Interactively browse and select components to add").option("--all", "Show all components without category selection").option("-o, --overwrite", "Overwrite existing files").option("--cwd <path>", "Working directory", process.cwd()).action(async (options) => {
   console.log(chalk9.bold("\n\u{1F3A8} nativeui Component Picker\n"));
   const cwd = path11.resolve(options.cwd);
@@ -2763,7 +2760,7 @@ ${installed.size} already installed, ${availableCount} available
           continue;
         }
         await fs10.ensureDir(targetDir);
-        const transformedContent = transformImports4(file.content, config);
+        const transformedContent = transformToInstalled(file.content, config);
         await fs10.writeFile(targetPath, transformedContent);
       }
       installSpinner.succeed(`Installed ${chalk9.green(name)}`);
@@ -2810,7 +2807,7 @@ ${installed.size} already installed, ${availableCount} available
 
 // src/index.ts
 var program = new Command9();
-program.name("nativeui").description("Add beautiful UI components to your Expo/React Native project").version("0.0.1");
+program.name("mcellui").description("Add beautiful UI components to your Expo/React Native project").version("0.1.4");
 program.addCommand(initCommand);
 program.addCommand(addCommand);
 program.addCommand(listCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metacells/mcellui-cli",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "CLI for mcellui - add beautiful, accessible UI components to your Expo/React Native project",
   "author": "metacells",
   "license": "MIT",