assistant-ui 0.0.115 → 0.0.117

package/src/commands/add.ts

@@ -2,6 +2,7 @@ import { Command } from "commander";
 import { logger } from "../lib/utils/logger";
 import { hasConfig } from "../lib/utils/config";
 import {
+  detectRegistryPlatform,
   getComponentsJsonStyle,
   resolveRegistryItemUrl,
 } from "../lib/utils/registry";
@@ -24,12 +25,13 @@ export function createAddComponentsPlan(params: {
   overwrite?: boolean;
   path?: string;
   style?: string;
+  platform?: "web" | "native";
 }): AddComponentsPlan {
   const componentsToAdd = params.components.map((c) => {
     if (!/^[a-zA-Z0-9-/]+$/.test(c)) {
       throw new Error(`Invalid component name: ${c}`);
     }
-    return resolveRegistryItemUrl(c, params.style);
+    return resolveRegistryItemUrl(c, params.style, params.platform);
   });
 
   const [command, dlxArgs] = dlxCommand(params.packageManager);
@@ -61,21 +63,25 @@ export const add = new Command()
   .option("--use-yarn", "explicitly use yarn")
   .option("--use-bun", "explicitly use bun")
   .action(async (components: string[], opts) => {
+    const platform = detectRegistryPlatform(opts.cwd);
+
     // Check if project is initialized
     if (!hasConfig(opts.cwd)) {
       logger.warn(
-        "It looks like you haven't initialized your project yet — defaulting to Base UI flavored components. Run 'assistant-ui init' first for a configured setup.",
+        `It looks like you haven't initialized your project yet. Defaulting to ${platform === "native" ? "the native component tree" : "Base UI flavored components"}. Run 'assistant-ui init' first for a configured setup.`,
       );
       logger.break();
     }
 
+    logger.info(`Using the ${platform} registry tree.`);
     logger.step(`Adding ${components.length} component(s)...`);
 
     const packageManager = await resolvePackageManagerForCwd(
       opts.cwd,
       resolvePackageManager(opts),
     );
-    const style = getComponentsJsonStyle(opts.cwd);
+    const style =
+      platform === "web" ? getComponentsJsonStyle(opts.cwd) : undefined;
     const { command, args } = createAddComponentsPlan({
       components,
       packageManager,
@@ -83,6 +89,7 @@ export const add = new Command()
       overwrite: opts.overwrite,
       path: opts.path,
       ...(style === undefined ? {} : { style }),
+      platform,
     });
 
     try {

package/src/commands/create.ts

@@ -195,7 +195,7 @@ export const PROJECT_METADATA: ProjectMetadata[] = [
     description: "Expo / React Native",
     category: "example",
     path: "examples/with-expo",
-    hasLocalComponents: true,
+    hasLocalComponents: false,
   },
   {
     name: "with-interactables",
@@ -282,8 +282,6 @@ export const PROJECT_METADATA: ProjectMetadata[] = [
 // Examples that exist in the monorepo but are intentionally excluded from the CLI:
 //
 // - waterfall: Still in development, not ready for production.
-// - with-cloud-standalone: For cloud without assistant-ui — not for the
-//     assistant-ui CLI.
 // - with-store: In development, not ready for public use of the tap store.
 // - with-tap-runtime: In development, not ready for public use of the tap
 //     store.
@@ -522,6 +520,12 @@ export const create = new Command()
   .option("--skip-install", "skip installing packages")
   .option("--skills", "add assistant-ui agent skills for AI coding assistants")
   .option("--no-skills", "skip adding assistant-ui agent skills")
+  .addOption(
+    new Option(
+      "--cwd <cwd>",
+      "the working directory. defaults to the current directory.",
+    ).hideHelp(),
+  )
   .addOption(
     new Option(
       "--debug-source-root <path>",
@@ -577,9 +581,13 @@ export const create = new Command()
     }
 
     // Check directory
-    const absoluteProjectDir = path.resolve(resolvedProjectDirectory);
+    const absoluteProjectDir = path.resolve(
+      opts.cwd ?? process.cwd(),
+      resolvedProjectDirectory,
+    );
     const { display: displayProjectDir, cdCommand } =
       resolveProjectDirectoryGuidance({ absoluteProjectDir });
+    let projectDirExisted = true;
     try {
       const files = fs.readdirSync(absoluteProjectDir);
       if (files.length > 0) {
@@ -593,6 +601,7 @@ export const create = new Command()
         err instanceof Error ? (err as NodeJS.ErrnoException).code : undefined;
       if (code === "ENOENT") {
         // Directory doesn't exist — good, proceed
+        projectDirExisted = false;
       } else if (code === "ENOTDIR") {
         logger.error(
           `${displayProjectDir} already exists and is not a directory`,
@@ -640,11 +649,24 @@ export const create = new Command()
     );
 
     // Clean up partial project directory on unexpected exit (e.g. Ctrl+C)
+    const resetProjectDir = () => {
+      if (!projectDirExisted) {
+        fs.rmSync(absoluteProjectDir, { recursive: true, force: true });
+        return;
+      }
+      if (!fs.existsSync(absoluteProjectDir)) return;
+      for (const entry of fs.readdirSync(absoluteProjectDir)) {
+        fs.rmSync(path.join(absoluteProjectDir, entry), {
+          recursive: true,
+          force: true,
+        });
+      }
+    };
     let cleanupArmed = true;
     const cleanupOnExit = () => {
       if (!cleanupArmed) return;
       cleanupArmed = false;
-      fs.rmSync(absoluteProjectDir, { recursive: true, force: true });
+      resetProjectDir();
     };
     const disarmCleanup = () => {
       cleanupArmed = false;
@@ -653,8 +675,8 @@ export const create = new Command()
       process.removeListener("SIGTERM", cleanupOnSignal);
     };
     // Node emits no "exit" when a signal kills the process. An in-flight
-    // runSpawn forwards the signal itself, so the directory is removed on the
-    // error path once the child is reaped rather than while it is still writing.
+    // runSpawn forwards the signal itself, so cleanup runs on the error path
+    // once the child is reaped rather than while it is still writing.
     const cleanupOnSignal = (signal: NodeJS.Signals) => {
       if (hasActiveSpawn()) return;
       cleanupOnExit();
@@ -698,7 +720,7 @@ export const create = new Command()
           ref &&
           !fs.existsSync(path.join(absoluteProjectDir, "package.json"))
         ) {
-          fs.rmSync(absoluteProjectDir, { recursive: true, force: true });
+          resetProjectDir();
           logger.warn(
             "Template not found at release tag, downloading from HEAD",
           );
@@ -799,6 +821,9 @@ export const create = new Command()
       logger.info(`  ${cdCommand}`);
       if (opts.skipInstall) {
         logger.info(`  ${pm} install`);
+        if (transformResult.registryInstallCommand) {
+          logger.info(`  ${transformResult.registryInstallCommand}`);
+        }
       }
       logger.info(`  # Set up your environment variables in ${envFile}`);
       logger.info(`  ${runCmd} ${devScript}`);

package/src/commands/info.ts

@@ -23,7 +23,6 @@ const ASSISTANT_UI_PACKAGES = [
   // Streaming & Cloud
   "assistant-stream",
   "assistant-cloud",
-  "@assistant-ui/cloud-ai-sdk",
   // Adapters
   "@assistant-ui/eve",
   "@assistant-ui/ai-sdk",

package/src/commands/init.ts

@@ -83,8 +83,7 @@ export const init = new Command()
         logger.break();
       }
 
-      const createArgs: string[] = [];
-      if (projectDirectory) createArgs.push(targetDir);
+      const createArgs = projectDirectory ? [targetDir] : ["--cwd", cwd];
       if (presetUrl) createArgs.push("--preset", presetUrl);
       if (opts.useNpm) createArgs.push("--use-npm");
       if (opts.usePnpm) createArgs.push("--use-pnpm");

package/src/commands/mcp.ts

@@ -75,9 +75,6 @@ const MCP_CONFIGS: Record<
       if (process.platform === "win32") {
         return path.join(process.env.APPDATA || "", "Zed", "settings.json");
       }
-      if (process.platform === "darwin") {
-        return path.join(os.homedir(), ".zed", "settings.json");
-      }
       return path.join(os.homedir(), ".config", "zed", "settings.json");
     },
     config: {

package/src/lib/create-project.ts

@@ -10,6 +10,10 @@ import { logger } from "./utils/logger";
 import { runSpawn, SpawnExitError, SpawnSignalError } from "./run-spawn";
 import { type PackageManagerName } from "./utils/package-manager";
 import { readProjectFiles } from "./utils/file-scanner";
+import {
+  detectRegistryPlatform,
+  resolveRegistryItemUrl,
+} from "./utils/registry";
 
 export function dlxCommand(pm: PackageManagerName): [string, string[]] {
   switch (pm) {
@@ -186,6 +190,7 @@ export async function scaffoldProject(
 
 export interface TransformResult {
   registryInstallFailure?: { retryCommand: string };
+  registryInstallCommand?: string;
 }
 
 export async function transformProject(
@@ -199,29 +204,23 @@ export async function transformProject(
   transformTsConfig(projectDir);
   transformCssFiles(projectDir);
 
-  let assistantUI: string[] | undefined;
-  let shadcnUI: string[] | undefined;
-
-  if (!opts.hasLocalComponents) {
-    const components = scanRequiredComponents(projectDir);
-    assistantUI = components.assistantUI;
-    shadcnUI = components.shadcnUI;
-  }
+  const components = opts.hasLocalComponents
+    ? undefined
+    : resolveRegistryComponents(projectDir, scanRequiredComponents(projectDir));
 
   const pm = opts.packageManager;
-  if (!opts.skipInstall) {
-    logger.step("Installing dependencies...");
-    await installDependencies(projectDir, pm);
+  if (opts.skipInstall) {
+    if (!components) return {};
+    const [cmd, dlxArgs] = dlxCommand(pm);
+    return {
+      registryInstallCommand: `${cmd} ${[...dlxArgs, "shadcn@latest", "add", ...components].join(" ")}`,
+    };
   }
 
-  if (
-    !opts.skipInstall &&
-    !opts.hasLocalComponents &&
-    shadcnUI &&
-    assistantUI
-  ) {
-    const auiComponents = assistantUI.map((c) => `@assistant-ui/${c}`);
-    const components = ["@assistant-ui/utils", ...shadcnUI, ...auiComponents];
+  logger.step("Installing dependencies...");
+  await installDependencies(projectDir, pm);
+
+  if (components) {
     logger.step(`Installing components: ${components.join(", ")}...`);
     const failure = await installShadcnRegistry(
       projectDir,
@@ -235,6 +234,22 @@ export async function transformProject(
   return {};
 }
 
+function resolveRegistryComponents(
+  projectDir: string,
+  { assistantUI, shadcnUI }: RequiredComponents,
+): string[] {
+  if (detectRegistryPlatform(projectDir) === "native") {
+    return ["utils", ...shadcnUI, ...assistantUI].map((component) =>
+      resolveRegistryItemUrl(component, undefined, "native"),
+    );
+  }
+  return [
+    "@assistant-ui/utils",
+    ...shadcnUI,
+    ...assistantUI.map((component) => `@assistant-ui/${component}`),
+  ];
+}
+
 function transformPackageJson(projectDir: string): void {
   const pkgPath = path.join(projectDir, "package.json");
   const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
@@ -543,7 +558,7 @@ export async function reconcileAssistantUIImportLayout(
   }
 }
 
-function scanRequiredComponents(projectDir: string): RequiredComponents {
+export function scanRequiredComponents(projectDir: string): RequiredComponents {
   const assistantUIComponents = new Set<string>();
   const shadcnUIComponents = new Set<string>();
 

package/src/lib/run-spawn.test.ts

@@ -36,7 +36,6 @@ const trackSignal = (signal: NodeJS.Signals) => {
 describe("runSpawn", () => {
   afterEach(() => {
     vi.restoreAllMocks();
-    vi.clearAllMocks();
   });
 
   it("forwards the first termination signal and cleans up listeners", async () => {

package/src/lib/utils/registry.test.ts

@@ -3,6 +3,7 @@ import * as os from "node:os";
 import * as path from "node:path";
 import { afterEach, beforeEach, describe, expect, it } from "vitest";
 import {
+  detectRegistryPlatform,
   getComponentsJsonStyle,
   resolveQuickStartRegistryUrl,
   resolveRegistryItemUrl,
@@ -61,6 +62,49 @@ describe("getComponentsJsonStyle", () => {
   });
 });
 
+describe("detectRegistryPlatform", () => {
+  let cwd: string;
+
+  beforeEach(() => {
+    cwd = fs.mkdtempSync(path.join(os.tmpdir(), "assistant-ui-cli-"));
+  });
+
+  afterEach(() => {
+    fs.rmSync(cwd, { recursive: true, force: true });
+  });
+
+  it("detects react-native in dependencies", () => {
+    fs.writeFileSync(
+      path.join(cwd, "package.json"),
+      JSON.stringify({ dependencies: { "react-native": "0.86.3" } }),
+    );
+
+    expect(detectRegistryPlatform(cwd)).toBe("native");
+  });
+
+  it("detects react-native in devDependencies", () => {
+    fs.writeFileSync(
+      path.join(cwd, "package.json"),
+      JSON.stringify({ devDependencies: { "react-native": "0.86.3" } }),
+    );
+
+    expect(detectRegistryPlatform(cwd)).toBe("native");
+  });
+
+  it("uses web without react-native", () => {
+    fs.writeFileSync(
+      path.join(cwd, "package.json"),
+      JSON.stringify({ dependencies: { react: "19.2.3" } }),
+    );
+
+    expect(detectRegistryPlatform(cwd)).toBe("web");
+  });
+
+  it("uses web when package.json is missing", () => {
+    expect(detectRegistryPlatform(cwd)).toBe("web");
+  });
+});
+
 describe("resolveQuickStartRegistryUrl", () => {
   it("uses the base quick start for base styles", () => {
     expect(resolveQuickStartRegistryUrl("base-nova")).toBe(
@@ -111,4 +155,16 @@ describe("resolveRegistryItemUrl", () => {
       "https://r.assistant-ui.com/styles/base-nova%3Fpreview%3D1/thread.json",
     );
   });
+
+  it("uses the native URL regardless of style", () => {
+    expect(resolveRegistryItemUrl("thread", "base-nova", "native")).toBe(
+      "https://r.assistant-ui.com/native/thread.json",
+    );
+  });
+
+  it("keeps shared items at the root URL on native", () => {
+    expect(resolveRegistryItemUrl("utils", undefined, "native")).toBe(
+      "https://r.assistant-ui.com/utils.json",
+    );
+  });
 });

package/src/lib/utils/registry.ts

@@ -2,6 +2,34 @@ import * as fs from "node:fs";
 import * as path from "node:path";
 
 const REGISTRY_BASE_URL = "https://r.assistant-ui.com";
+export const SHARED_REGISTRY_ITEMS = new Set(["utils"]);
+
+export function detectRegistryPlatform(cwd: string): "web" | "native" {
+  try {
+    const packageJsonPath = path.join(cwd, "package.json");
+    const packageJson = JSON.parse(
+      fs.readFileSync(packageJsonPath, "utf8"),
+    ) as {
+      dependencies?: unknown;
+      devDependencies?: unknown;
+    };
+    const dependencyGroups = [
+      packageJson.dependencies,
+      packageJson.devDependencies,
+    ];
+
+    return dependencyGroups.some(
+      (dependencies) =>
+        typeof dependencies === "object" &&
+        dependencies !== null &&
+        Object.hasOwn(dependencies, "react-native"),
+    )
+      ? "native"
+      : "web";
+  } catch {
+    return "web";
+  }
+}
 
 export function getComponentsJsonStyle(cwd: string): string | undefined {
   try {
@@ -30,7 +58,14 @@ export function resolveQuickStartRegistryUrl(style?: string): string {
 export function resolveRegistryItemUrl(
   component: string,
   style?: string,
+  platform: "web" | "native" = "web",
 ): string {
+  if (platform === "native") {
+    return SHARED_REGISTRY_ITEMS.has(component)
+      ? `${REGISTRY_BASE_URL}/${encodeURIComponent(component)}.json`
+      : `${REGISTRY_BASE_URL}/native/${encodeURIComponent(component)}.json`;
+  }
+
   if (style === undefined) {
     return `${REGISTRY_BASE_URL}/base/${encodeURIComponent(component)}.json`;
   }

package/src/run.test.ts

@@ -1,4 +1,4 @@
-import { beforeEach, describe, expect, it, vi } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 
 const mocks = vi.hoisted(() => ({
   parseAsync: vi.fn(),
@@ -13,10 +13,6 @@ vi.mock("./program", () => ({
 import { runCli } from "./run";
 
 describe("runCli", () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
   it("awaits and propagates asynchronous command failures", async () => {
     const error = new Error("command failed");
     mocks.parseAsync.mockRejectedValue(error);