veryfront 0.1.1167 → 0.1.1168

package/esm/cli/commands/build/command.d.ts

@@ -1,5 +1,6 @@
 import type { BuildOptions } from "./types.js";
 /** @internal */
 export declare function runWithBundlerShutdown<T>(operation: () => Promise<T>, stopBundler?: () => Promise<void>): Promise<T>;
+export declare function formatBuildOutputPath(projectDir: string, outputDir: string): string;
 export declare function buildCommand(options: BuildOptions): Promise<void>;
 //# sourceMappingURL=command.d.ts.map

package/esm/cli/commands/build/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/build/command.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,gBAAgB;AAChB,wBAAsB,sBAAsB,CAAC,CAAC,EAC5C,SAAS,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAC3B,WAAW,GAAE,MAAM,OAAO,CAAC,IAAI,CAG9B,GACA,OAAO,CAAC,CAAC,CAAC,CAiBZ;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAoFjE"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/build/command.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C,gBAAgB;AAChB,wBAAsB,sBAAsB,CAAC,CAAC,EAC5C,SAAS,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAC3B,WAAW,GAAE,MAAM,OAAO,CAAC,IAAI,CAG9B,GACA,OAAO,CAAC,CAAC,CAAC,CAiBZ;AAED,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAEnF;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAyFjE"}

package/esm/cli/commands/build/command.js

@@ -1,4 +1,4 @@
-import { join } from "../../../src/platform/compat/path/index.js";
+import { join, relative, resolve } from "../../../src/platform/compat/path/index.js";
 import { runtime } from "../../../src/platform/index.js";
 import { getConfig } from "../../../src/config/index.js";
 import { buildProduction } from "../../../src/build/index.js";
@@ -32,6 +32,9 @@ export async function runWithBundlerShutdown(operation, stopBundler = async () =
     await stopBundler();
     return result;
 }
+export function formatBuildOutputPath(projectDir, outputDir) {
+    return relative(projectDir, resolve(projectDir, outputDir)).replace(/\\/g, "/");
+}
 export function buildCommand(options) {
     return withSpan("cli.command.build", async () => {
         const outputDir = options.outputDir ?? join(options.projectDir, "dist");
@@ -92,7 +95,7 @@ export function buildCommand(options) {
                 });
                 return;
             }
-            displayBuildSuccess(stats, startTime, outputDir, dryRun);
+            displayBuildSuccess(stats, startTime, formatBuildOutputPath(options.projectDir, outputDir), dryRun);
         }
         catch (error) {
             if (isJsonMode()) {

package/esm/cli/commands/demo/demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/demo/demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAyCH,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAgBtF,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAS9D,wBAAsB,0BAA0B,CAC9C,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,EACb,MAAM,GAAE,SAIN,GACD,OAAO,CAAC,aAAa,CAAC,CAMxB;AAwYD,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,WAAW,CAAC,EAAE,UAAU,CAAC;CAC1B;AA+DD,wBAAsB,WAAW,CAAC,OAAO,GAAE,WAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAmH1E"}
+{"version":3,"file":"demo.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/demo/demo.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA0CH,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAgBtF,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AAS9D,wBAAsB,0BAA0B,CAC9C,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,MAAM,EACb,MAAM,GAAE,SAIN,GACD,OAAO,CAAC,aAAa,CAAC,CAMxB;AAwYD,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,WAAW,CAAC,EAAE,UAAU,CAAC;CAC1B;AA+DD,wBAAsB,WAAW,CAAC,OAAO,GAAE,WAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,CAmH1E"}

package/esm/cli/commands/demo/demo.js

@@ -6,7 +6,7 @@
 import { chdir, cwd, promptSync, writeStdout } from "../../../src/platform/index.js";
 import { getStdinReader, setRawMode } from "../../../src/platform/index.js";
 import { join } from "../../../src/platform/compat/path/index.js";
-import { AnimatedDotMatrix, bold, brand, dim, error, formatDuration, HIDE_CURSOR, muted, SHOW_CURSOR, success, successBanner, typeCommand, typeLine, } from "../../ui/index.js";
+import { AnimatedDotMatrix, bold, brand, BRAND_TRUECOLOR, dim, error, formatDuration, HIDE_CURSOR, muted, SHOW_CURSOR, success, successBanner, typeCommand, typeLine, } from "../../ui/index.js";
 import { exitProcess, isTTY } from "../../utils/index.js";
 import { createOAuthAuthorizationUrl, createOAuthState, readToken, saveToken, validateToken, } from "../../auth/index.js";
 import { canOpenBrowser, openBrowser } from "../../auth/browser.js";
@@ -438,7 +438,7 @@ export async function demoCommand(options = {}) {
     try {
         write(CLEAR_SCREEN + MOVE_HOME);
         console.log();
-        const matrix = new AnimatedDotMatrix({ litColor: "\x1b[38;2;252;143;93m" });
+        const matrix = new AnimatedDotMatrix({ litColor: BRAND_TRUECOLOR });
         const textLines = [
             bold(brand("Veryfront")),
             muted(`Interactive Demo${autoMode ? " (Auto Mode)" : ""}`),

package/esm/cli/commands/dev/command.d.ts

@@ -3,6 +3,7 @@
  */
 import { type AuthIdentity } from "../../auth/login.js";
 import { type RemoteProject } from "../../sync/index.js";
+import { type PushOptions } from "../push/index.js";
 export interface DevOptions {
     port: number;
     projectDir: string;
@@ -22,5 +23,6 @@ export declare function preloadDevAuth(apiToken?: string): Promise<{
     identity: AuthIdentity | null;
     projects: RemoteProject[];
 }>;
+export declare function createSelectedProjectPushOptions(projectDir: string, project: RemoteProject): PushOptions;
 export declare function devCommand(options: DevOptions): Promise<DevCommandResult>;
 //# sourceMappingURL=command.d.ts.map

package/esm/cli/commands/dev/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/dev/command.ts"],"names":[],"mappings":"AAAA;;GAEG;AAkBH,OAAO,EACL,KAAK,YAAY,EAIlB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI9E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAQD,wBAAsB,cAAc,CAClC,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC;IAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,aAAa,EAAE,CAAA;CAAE,CAAC,CAQvE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAmSzE"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/dev/command.ts"],"names":[],"mappings":"AAAA;;GAEG;AAkBH,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGjE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACpB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAQD,wBAAsB,cAAc,CAClC,QAAQ,CAAC,EAAE,MAAM,GAChB,OAAO,CAAC;IAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAC;IAAC,QAAQ,EAAE,aAAa,EAAE,CAAA;CAAE,CAAC,CAQvE;AAED,wBAAgB,gCAAgC,CAC9C,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,aAAa,GACrB,WAAW,CAOb;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAwQzE"}

package/esm/cli/commands/dev/command.js

@@ -11,16 +11,17 @@ import { startDevServer } from "../../../src/server/index.js";
 import { validateProviderConfig } from "../../../src/discovery/index.js";
 import { yellow } from "../../ui/index.js";
 import { exitProcess, registerTerminationSignals } from "../../utils/index.js";
-import { brand, dim, error as errorColor, success } from "../../ui/index.js";
+import { brand, dim, error as errorColor } from "../../ui/index.js";
 import { applyRuntimeAuthContext, resolveLinkedProjectSlug } from "../../shared/runtime-auth.js";
 import { createKeyboardHandler } from "../../ui/keyboard.js";
 import { openBrowser } from "../../auth/browser.js";
 import { createMCPServer } from "../../mcp/server.js";
 import { withSpan } from "../../../src/observability/tracing/otlp-setup.js";
-import { isApiKeyIdentity, login, validateCredential, } from "../../auth/login.js";
+import { isApiKeyIdentity, login } from "../../auth/login.js";
 import { fetchRemoteProjects } from "../../sync/index.js";
 import { pullCommand } from "../pull/index.js";
 import { pushCommand } from "../push/index.js";
+import { createProjectSelector } from "./project-selector.js";
 function authStatus(identity) {
     return isApiKeyIdentity(identity)
         ? "Authenticated with an API key"
@@ -29,12 +30,20 @@ function authStatus(identity) {
 export async function preloadDevAuth(apiToken) {
     if (!apiToken)
         return { identity: null, projects: [] };
-    const identity = await validateCredential(apiToken);
-    if (!identity)
-        return { identity: null, projects: [] };
     const result = await fetchRemoteProjects(apiToken);
+    const identity = result.credentialType === "apiKey"
+        ? result.error ? null : { authenticated: true, type: "apiKey" }
+        : result.user;
     return { identity, projects: result.projects };
 }
+export function createSelectedProjectPushOptions(projectDir, project) {
+    return {
+        projectDir,
+        projectSlug: project.slug,
+        force: true,
+        quiet: true,
+    };
+}
 export function devCommand(options) {
     return withSpan("cli.command.dev", async () => {
         const { port, projectDir, hmr = true, open = false, demoMode = false } = options;
@@ -65,6 +74,10 @@ export function devCommand(options) {
         const runtimeAuth = await applyRuntimeAuthContext({
             linkedProjectSlug,
         });
+        const initialAuthPromise = preloadDevAuth(runtimeAuth.apiToken).catch(() => ({
+            identity: null,
+            projects: [],
+        }));
         // Validate provider config and print warnings (framework returns plain text, CLI adds colors)
         const aiValidation = validateProviderConfig(config);
         if (aiValidation.warnings.length > 0) {
@@ -120,17 +133,31 @@ export function devCommand(options) {
         catch {
             // MCP server failed to start - non-fatal, continue without it
         }
-        // Check for existing auth
-        try {
-            const initialAuth = await preloadDevAuth(runtimeAuth.apiToken);
+        const authReady = initialAuthPromise.then((initialAuth) => {
             identity = initialAuth.identity;
             projects = initialAuth.projects;
-        }
-        catch {
-            // Auth check failed - non-fatal
-        }
+        });
+        void authReady;
         let keyboardHandler = null;
         let shuttingDown = false;
+        const projectSelector = createProjectSelector({
+            prepare: () => authReady,
+            getProjects: () => projects,
+            getSelectedProjectId: () => selectedProject?.id ?? null,
+            pauseKeyboard: () => keyboardHandler?.stop(),
+            resumeKeyboard: () => keyboardHandler?.start(),
+            onEmpty: () => {
+                if (!identity) {
+                    console.log(`  Press ${brand("a")} to sign in`);
+                    return;
+                }
+                console.log("  No projects found");
+            },
+            onInterrupt: () => void shutdown(),
+            onSelect: (project) => {
+                selectedProject = project;
+            },
+        });
         async function runSyncAction(action, successMsg) {
             try {
                 await action();
@@ -177,22 +204,9 @@ export function devCommand(options) {
         }
         const serverUrl = `http://veryfront.me:${finalPort}`;
         console.log();
-        console.log(`  ✓ Server ready at ${brand(serverUrl)}`);
+        console.log(`  ✓ Ready at ${brand(serverUrl)}`);
         if (mcpServer) {
-            console.log(`  ✓ MCP ready at ${brand(`http://veryfront.me:${mcpPort}/mcp`)}`);
-        }
-        console.log();
-        // Context-aware next step hint
-        if (!identity) {
-            console.log(`  ${dim("To sync with Veryfront: press")} ${brand("a")} ${dim("to login")}`);
-        }
-        else if (projects.length > 0) {
-            console.log(`  ✓ ${authStatus(identity)}`);
-            console.log(`  ${dim("Press")} ${brand("s")} ${dim("to select a project, then")} ${brand("p")} ${dim("to pull")}`);
-        }
-        else {
-            console.log(`  ✓ ${authStatus(identity)}`);
-            console.log(`  ${dim("Press")} ${brand("s")} ${dim("to see your projects")}`);
+            console.log(`  MCP ${brand(`http://veryfront.me:${mcpPort}/mcp`)}`);
         }
         console.log();
         if (open) {
@@ -209,6 +223,7 @@ export function devCommand(options) {
                 onClear: () => console.clear(),
                 onQuit: () => void shutdown(),
                 onAuth: async () => {
+                    await authReady;
                     if (identity) {
                         console.log(`  ${dim(authStatus(identity))}${dim(", press s to select a project")}`);
                         return;
@@ -222,44 +237,24 @@ export function devCommand(options) {
                     projects = projectResult.projects;
                     console.log(`  ✓ ${authStatus(identity)}${dim(`, ${projects.length} projects`)}`);
                 },
-                onSync: () => {
-                    if (!identity) {
-                        console.log(`  ${dim("Press")} ${brand("a")} ${dim("to login")}`);
-                        return;
-                    }
-                    if (projects.length === 0) {
-                        console.log(`  ${dim("No projects")}`);
-                        return;
-                    }
-                    projects.forEach((p, i) => {
-                        const active = selectedProject?.id === p.id;
-                        console.log(`  ${active ? success("●") : dim("○")} ${brand(String(i + 1))} ${p.name}`);
-                    });
-                },
-                onNumber: async (n) => {
-                    const project = projects[n - 1];
-                    if (!project)
-                        return;
-                    selectedProject = project;
-                    console.log(`  ${success("●")} ${project.name} ${dim("— pulling...")}`);
-                    await runSyncAction(() => pullCommand({ projectSlug: project.slug, projectDir, force: true, quiet: true }), `Ready ${dim("— p pull / u push")}`);
-                },
+                onSync: () => void projectSelector.open(),
                 onPull: async () => {
                     const project = selectedProject;
                     if (!project) {
-                        console.log(`  ${dim("Press s to select project")}`);
+                        console.log(`  Press ${brand("s")} to select a project`);
                         return;
                     }
                     console.log(`  ${dim("Pulling...")}`);
                     await runSyncAction(() => pullCommand({ projectSlug: project.slug, projectDir, force: true, quiet: true }), "Pulled");
                 },
                 onPush: async () => {
-                    if (!selectedProject) {
-                        console.log(`  ${dim("Press s to select project")}`);
+                    const project = selectedProject;
+                    if (!project) {
+                        console.log(`  Press ${brand("s")} to select a project`);
                         return;
                     }
                     console.log(`  ${dim("Pushing...")}`);
-                    await runSyncAction(() => pushCommand({ projectDir, force: true, quiet: true }), `Pushed ${dim("— merge in Studio")}`);
+                    await runSyncAction(() => pushCommand(createSelectedProjectPushOptions(projectDir, project)), `Pushed ${dim("— merge in Studio")}`);
                 },
             });
             keyboardHandler.start();

package/esm/cli/commands/dev/project-selector.d.ts

@@ -0,0 +1,20 @@
+import type { RemoteProject } from "../../sync/index.js";
+import { type PromptDisplayOptions, type SelectOption } from "../../utils/terminal-select.js";
+type SelectOptionFn = (question: string, options: SelectOption[], defaultIndex?: number, display?: PromptDisplayOptions) => Promise<string | null>;
+interface ProjectSelectorOptions {
+    prepare?: () => Promise<void>;
+    getProjects: () => RemoteProject[];
+    getSelectedProjectId: () => string | null;
+    pauseKeyboard: () => void;
+    resumeKeyboard: () => void;
+    onEmpty?: () => void;
+    onInterrupt?: () => void;
+    onSelect: (project: RemoteProject) => void;
+    selectOption?: SelectOptionFn;
+}
+export interface ProjectSelector {
+    open: () => Promise<void>;
+}
+export declare function createProjectSelector(options: ProjectSelectorOptions): ProjectSelector;
+export {};
+//# sourceMappingURL=project-selector.d.ts.map

package/esm/cli/commands/dev/project-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-selector.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/dev/project-selector.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EACL,KAAK,oBAAoB,EAGzB,KAAK,YAAY,EAClB,MAAM,gCAAgC,CAAC;AAExC,KAAK,cAAc,GAAG,CACpB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,YAAY,EAAE,EACvB,YAAY,CAAC,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,oBAAoB,KAC3B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAE5B,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,WAAW,EAAE,MAAM,aAAa,EAAE,CAAC;IACnC,oBAAoB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC1C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B;AAUD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,sBAAsB,GAAG,eAAe,CA+CtF"}

package/esm/cli/commands/dev/project-selector.js

@@ -0,0 +1,50 @@
+import { PromptInterruptedError, select, } from "../../utils/terminal-select.js";
+const PROJECT_PROMPT_DISPLAY = {
+    showMarker: false,
+    showInstructions: false,
+    showDescriptions: false,
+    clearOnCancel: true,
+    interruptOnCtrlC: true,
+};
+export function createProjectSelector(options) {
+    let isOpen = false;
+    return {
+        async open() {
+            if (isOpen)
+                return;
+            isOpen = true;
+            let interrupted = false;
+            options.pauseKeyboard();
+            try {
+                if (options.prepare)
+                    await options.prepare();
+                const projects = options.getProjects();
+                if (projects.length === 0) {
+                    options.onEmpty?.();
+                    return;
+                }
+                const selectedId = options.getSelectedProjectId();
+                const selectedIndex = Math.max(0, projects.findIndex((project) => project.id === selectedId));
+                const projectId = await (options.selectOption ?? select)("Select project:", projects.map((project) => ({ value: project.id, label: project.name })), selectedIndex, PROJECT_PROMPT_DISPLAY);
+                if (!projectId)
+                    return;
+                const project = projects.find((candidate) => candidate.id === projectId);
+                if (project)
+                    options.onSelect(project);
+            }
+            catch (error) {
+                if (error instanceof PromptInterruptedError) {
+                    interrupted = true;
+                    options.onInterrupt?.();
+                    return;
+                }
+                throw error;
+            }
+            finally {
+                isOpen = false;
+                if (!interrupted || !options.onInterrupt)
+                    options.resumeKeyboard();
+            }
+        },
+    };
+}

package/esm/cli/commands/init/config-generator.d.ts

@@ -7,7 +7,7 @@ export interface CreatePackageJsonOptions {
      * Selected integrations whose `connector.json#npmDependencies` should be
      * merged into the generated project's `package.json#dependencies`.
      * First declaration wins on version collisions; framework pins
-     * (react, react-dom, veryfront, zod) always take precedence.
+     * (react, react-dom, veryfront) always take precedence.
      */
     integrations?: Array<{
         name: string;

package/esm/cli/commands/init/config-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config-generator.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/config-generator.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACzC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC1C,CAAC,CAAC;CACJ;AAED,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,EACpB,OAAO,GAAE,wBAA6B,GACrC,OAAO,CAAC,IAAI,CAAC,CAuEf"}
+{"version":3,"file":"config-generator.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/config-generator.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,wBAAwB;IACvC,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACzC;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC1C,CAAC,CAAC;CACJ;AAED,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,MAAM,EAClB,WAAW,CAAC,EAAE,MAAM,EACpB,OAAO,GAAE,wBAA6B,GACrC,OAAO,CAAC,IAAI,CAAC,CAmEf"}

package/esm/cli/commands/init/config-generator.js

@@ -3,12 +3,6 @@ import { join } from "../../../src/platform/compat/path/index.js";
 import { createFileSystem } from "../../../src/platform/index.js";
 // Keep init scaffold aligned with current framework default React major/minor.
 const DEFAULT_INIT_REACT_VERSION = "19.2.4";
-const REQUIRED_INIT_EXTENSION_PACKAGES = [
-    "@veryfront/ext-bundler-esbuild",
-    "@veryfront/ext-content-mdx",
-    "@veryfront/ext-css-tailwind",
-    "@veryfront/ext-parser-babel",
-];
 export async function createPackageJson(projectDir, projectName, options = {}) {
     const fs = createFileSystem();
     // Read any existing package.json (e.g. from template) to merge dependencies
@@ -33,10 +27,7 @@ export async function createPackageJson(projectDir, projectName, options = {}) {
     }
     const dirName = projectDir.split(/[/\\]/).pop();
     const veryfrontVersionRange = `^${VERSION}`;
-    const firstPartyExtensionPackages = [
-        ...REQUIRED_INIT_EXTENSION_PACKAGES,
-        ...(options.firstPartyExtensions ?? []),
-    ];
+    const firstPartyExtensionPackages = options.firstPartyExtensions ?? [];
     const requiredExtensionDeps = Object.fromEntries([...new Set(firstPartyExtensionPackages)].map((packageName) => [
         packageName,
         veryfrontVersionRange,
@@ -52,7 +43,7 @@ export async function createPackageJson(projectDir, projectName, options = {}) {
             eval: "veryfront eval",
         },
         pnpm: {
-            onlyBuiltDependencies: ["esbuild", "veryfront"],
+            onlyBuiltDependencies: ["esbuild"],
         },
         dependencies: {
             ...templateDeps,
@@ -61,7 +52,6 @@ export async function createPackageJson(projectDir, projectName, options = {}) {
             react: `^${DEFAULT_INIT_REACT_VERSION}`,
             "react-dom": `^${DEFAULT_INIT_REACT_VERSION}`,
             veryfront: veryfrontVersionRange,
-            zod: "^3.24.0",
         },
     };
     await fs.writeTextFile(join(projectDir, "package.json"), JSON.stringify(packageJson, null, 2));

package/esm/cli/commands/init/init-command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init-command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/init-command.ts"],"names":[],"mappings":"AAAA;;;iCAGiC;AAUjC,OAAO,KAAK,EAAE,WAAW,EAA6B,MAAM,YAAY,CAAC;AAwKzE,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CACzD;AAyFD;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,WAAW,EACpB,YAAY,GAAE,uBAA4B,GACzC,OAAO,CAAC,IAAI,CAAC,CAqZf"}
+{"version":3,"file":"init-command.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/init-command.ts"],"names":[],"mappings":"AAAA;;;iCAGiC;AAUjC,OAAO,KAAK,EAAE,WAAW,EAA6B,MAAM,YAAY,CAAC;AAwKzE,UAAU,uBAAuB;IAC/B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CACzD;AAyFD;;GAEG;AACH,wBAAsB,WAAW,CAC/B,OAAO,EAAE,WAAW,EACpB,YAAY,GAAE,uBAA4B,GACzC,OAAO,CAAC,IAAI,CAAC,CAuYf"}

package/esm/cli/commands/init/init-command.js

@@ -4,7 +4,7 @@
  *******************************/
 import { cliLogger as logger, isVerbose } from "../../utils/index.js";
 import { brand, dim, red } from "../../ui/index.js";
-import { createSpinner } from "../../ui/progress.js";
+import { createTransientSpinner } from "../../ui/progress.js";
 import { ensureDir } from "../../../deps/jsr.io/@std/fs/1.0.23/mod.js";
 import { join } from "../../../src/platform/compat/path/index.js";
 import { createPackageJson } from "./config-generator.js";
@@ -353,76 +353,69 @@ export async function initCommand(options, dependencies = {}) {
     }
     if (projectName)
         await ensureDir(projectDir);
-    // Create project files with progress spinner
-    const filesSpinner = quiet ? null : createSpinner("Creating project files...");
     const createdPaths = [];
-    try {
-        for (const file of templateFiles) {
-            if (file.path === ".env" || file.path === ".env.example")
-                continue;
-            const filePath = join(projectDir, file.path);
-            const fileDir = join(projectDir, ...file.path.split("/").slice(0, -1));
-            if (fileDir !== projectDir)
-                await ensureDir(fileDir);
-            await fs.writeTextFile(filePath, file.content);
-            createdPaths.push(file.path);
-            logger.debug(`Created file: ${file.path}`);
-        }
-        // Skip in quiet/TUI mode since local dev uses CDN and package.json can cause hydration issues
-        if (!options.quiet) {
-            await createPackageJson(projectDir, projectName, {
-                dependencies: templateConfig?.npmDependencies,
-                firstPartyExtensions: templateConfig?.firstPartyExtensions,
-                integrations: loadedIntegrations.map((integration) => ({
-                    name: integration.config.name,
-                    npmDependencies: integration.config.npmDependencies,
-                })),
-            });
-            createdPaths.push("package.json");
-            if (runtime === "deno") {
-                await createDenoConfig(projectDir);
-                createdPaths.push("deno.json");
-            }
-        }
-        if (allEnvVars.length) {
-            const envResult = await promptForEnvVars(dedupeEnvVars(allEnvVars), {
-                skipPrompt: options.skipEnvPrompt,
-                prefilledValues: options.env,
-            });
-            await fs.writeTextFile(join(projectDir, ".env"), envResult.envContent);
-            createdPaths.push(".env");
-            logger.debug("Created file: .env");
-            await fs.writeTextFile(join(projectDir, ".env.example"), envResult.envExampleContent);
-            createdPaths.push(".env.example");
-            logger.debug("Created file: .env.example");
-        }
-        const gitignorePath = join(projectDir, ".gitignore");
-        let existingGitignore;
-        try {
-            existingGitignore = await fs.readTextFile(gitignorePath);
-        }
-        catch {
-            existingGitignore = undefined;
+    for (const file of templateFiles) {
+        if (file.path === ".env" || file.path === ".env.example")
+            continue;
+        const filePath = join(projectDir, file.path);
+        const fileDir = join(projectDir, ...file.path.split("/").slice(0, -1));
+        if (fileDir !== projectDir)
+            await ensureDir(fileDir);
+        await fs.writeTextFile(filePath, file.content);
+        createdPaths.push(file.path);
+        logger.debug(`Created file: ${file.path}`);
+    }
+    // Skip in quiet/TUI mode since local dev uses CDN and package.json can cause hydration issues
+    if (!options.quiet) {
+        await createPackageJson(projectDir, projectName, {
+            dependencies: templateConfig?.npmDependencies,
+            firstPartyExtensions: templateConfig?.firstPartyExtensions,
+            integrations: loadedIntegrations.map((integration) => ({
+                name: integration.config.name,
+                npmDependencies: integration.config.npmDependencies,
+            })),
+        });
+        createdPaths.push("package.json");
+        if (runtime === "deno") {
+            await createDenoConfig(projectDir);
+            createdPaths.push("deno.json");
         }
-        await fs.writeTextFile(gitignorePath, generateGitignoreContent(existingGitignore));
-        createdPaths.push(".gitignore");
-        logger.debug("Updated file: .gitignore");
-        filesSpinner?.success("Project files created");
     }
-    catch (err) {
-        filesSpinner?.error("Failed to create project files");
-        throw err;
+    if (allEnvVars.length) {
+        const envResult = await promptForEnvVars(dedupeEnvVars(allEnvVars), {
+            skipPrompt: options.skipEnvPrompt,
+            prefilledValues: options.env,
+        });
+        await fs.writeTextFile(join(projectDir, ".env"), envResult.envContent);
+        createdPaths.push(".env");
+        logger.debug("Created file: .env");
+        await fs.writeTextFile(join(projectDir, ".env.example"), envResult.envExampleContent);
+        createdPaths.push(".env.example");
+        logger.debug("Created file: .env.example");
+    }
+    const gitignorePath = join(projectDir, ".gitignore");
+    let existingGitignore;
+    try {
+        existingGitignore = await fs.readTextFile(gitignorePath);
     }
+    catch {
+        existingGitignore = undefined;
+    }
+    await fs.writeTextFile(gitignorePath, generateGitignoreContent(existingGitignore));
+    createdPaths.push(".gitignore");
+    logger.debug("Updated file: .gitignore");
     options._featureTips = featureTips;
     if (!options.skipInstall) {
         const pm = await detectPackageManager(projectDir, pmPreference);
-        const installSpinner = quiet ? null : createSpinner(`Installing dependencies with ${pm}...`);
+        const installSpinner = quiet
+            ? null
+            : createTransientSpinner(`Installing dependencies with ${pm}...`);
         const installSuccess = await installDependencies(projectDir, {
             silent: true,
             packageManager: pm,
         });
         if (installSuccess) {
-            installSpinner?.success("Dependencies installed");
+            installSpinner?.stop();
         }
         else {
             installSpinner?.error("Dependency installation failed");
@@ -433,19 +426,15 @@ export async function initCommand(options, dependencies = {}) {
     }
     // Initialize git if requested
     if (initGit) {
-        const gitSpinner = quiet ? null : createSpinner("Initializing git repository...");
         try {
             const { initializeGitRepo } = await import("../../utils/git.js");
             const success = await initializeGitRepo(projectDir, projectName ?? "veryfront project");
-            if (success) {
-                gitSpinner?.success("Git repository initialized");
-            }
-            else {
-                gitSpinner?.error("Git initialization failed");
-            }
+            if (!success && !quiet)
+                logger.warn("Git initialization failed");
         }
         catch {
-            gitSpinner?.error("Git initialization failed");
+            if (!quiet)
+                logger.warn("Git initialization failed");
         }
     }
     // Deploy to cloud if --deploy flag is set
@@ -536,11 +525,11 @@ export async function initCommand(options, dependencies = {}) {
         }
         if (deployedUrl) {
             console.log("");
-            console.log(`  ${dim("Live:")} ${brand(deployedUrl)}`);
+            console.log(`  Live: ${brand(deployedUrl)}`);
         }
         else {
             console.log("");
-            console.log(`  ${dim("Deploy:")} ${brand(deployCommandHint)}`);
+            console.log(`  Deploy: ${brand(deployCommandHint)}`);
         }
         const tips = [];
         const displayFeatureTips = options._featureTips;

package/esm/cli/commands/init/interactive-wizard.d.ts

@@ -10,6 +10,13 @@ export interface WizardResult {
     cancelled: boolean;
 }
 export declare function formatWizardIntro(): string;
+export declare const SETUP_COPY: {
+    readonly intro: "Let's set up your project.";
+    readonly location: "Create project in:";
+    readonly template: "Choose a starter template:";
+    readonly runtime: "Select runtime:";
+    readonly git: "Initialize Git?";
+};
 export declare function runInteractiveWizard(existingName?: string, presetRuntime?: InitRuntime): Promise<WizardResult>;
 export declare function shouldRunWizard(options: {
     template?: string;

package/esm/cli/commands/init/interactive-wizard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-wizard.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/interactive-wizard.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAI/D;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAOD,wBAAsB,oBAAoB,CACxC,YAAY,CAAC,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,WAAW,GAC1B,OAAO,CAAC,YAAY,CAAC,CAkKvB;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAGvE"}
+{"version":3,"file":"interactive-wizard.d.ts","sourceRoot":"","sources":["../../../../src/cli/commands/init/interactive-wizard.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE5D,iFAAiF;AACjF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAI/D;AAED,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAQX,wBAAsB,oBAAoB,CACxC,YAAY,CAAC,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,WAAW,GAC1B,OAAO,CAAC,YAAY,CAAC,CAkKvB;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAGvE"}