veryfront 0.0.82 → 0.0.84

package/esm/src/cli/app/state.d.ts

@@ -0,0 +1,122 @@
+import type { ListItem, ListSelectState } from "./components/list-select.js";
+export type AppView = "dashboard" | "project-detail" | "new-project" | "templates" | "examples" | "auth" | "help";
+export interface ProjectInfo {
+    slug: string;
+    path: string;
+    type: "local" | "example" | "template";
+}
+export interface ServerStatus {
+    running: boolean;
+    url: string;
+    port: number;
+    errors: number;
+    warnings: number;
+}
+export interface MCPStatus {
+    enabled: boolean;
+    transport: "stdio" | "http" | null;
+    connected: boolean;
+    clientName?: string;
+    httpPort?: number;
+}
+export interface RemoteState {
+    user: {
+        email: string;
+        name?: string;
+    } | null;
+    projects: Array<{
+        id: string;
+        name: string;
+        slug: string;
+    }>;
+    /** Currently focused index in remote projects list */
+    focusedIndex: number;
+    /** Scroll offset for remote projects list */
+    scrollOffset: number;
+}
+export interface InputState {
+    active: boolean;
+    prompt: string;
+    value: string;
+    cursorPos: number;
+    onSubmit: ((value: string) => void) | null;
+    onCancel: (() => void) | null;
+}
+export interface LogMeta {
+    method?: string;
+    path?: string;
+    status?: number;
+    durationMs?: number;
+    project?: string;
+    env?: string;
+    releaseId?: string;
+}
+export interface LogEntry {
+    time: Date;
+    level: "info" | "warn" | "error" | "debug";
+    message: string;
+    meta?: LogMeta;
+}
+export interface AppState {
+    view: AppView;
+    previousView: AppView | null;
+    server: ServerStatus;
+    mcp: MCPStatus;
+    remote: RemoteState;
+    projects: ListSelectState<ProjectInfo>;
+    examples: ListSelectState<ProjectInfo>;
+    templates: ListSelectState<ProjectInfo>;
+    activeList: "projects" | "examples" | "templates" | "remoteProjects";
+    selectedProject: ProjectInfo | null;
+    wizard: {
+        step: number;
+        startType: "scratch" | "template" | "example" | null;
+        selectedTemplate: string | null;
+        integrations: string[];
+        projectName: string;
+    };
+    input: InputState;
+    logs: LogEntry[];
+    maxLogs: number;
+    logsExpanded: boolean;
+    logScroll: number;
+    /** Auth provider selection index (0=Google, 1=GitHub, 2=Microsoft) */
+    authProviderIndex: number;
+    /** New project option index (0=template, 1=example, 2=scratch) */
+    newProjectIndex: number;
+}
+export declare function createInitialState(): AppState;
+export type StateUpdater = (state: AppState) => AppState;
+export declare function setProjects(projects: Array<{
+    slug: string;
+    path: string;
+}>): StateUpdater;
+export declare function setExamples(examples: Array<{
+    slug: string;
+    path: string;
+    description?: string;
+}>): StateUpdater;
+export declare function setTemplates(templates: Array<{
+    id: string;
+    name: string;
+    description: string;
+}>): StateUpdater;
+export declare function updateServer(update: Partial<ServerStatus>): StateUpdater;
+export declare function updateMCP(update: Partial<MCPStatus>): StateUpdater;
+export declare function updateRemote(update: Partial<RemoteState>): StateUpdater;
+export declare function navigateTo(view: AppView): StateUpdater;
+export declare function goBack(): StateUpdater;
+export declare function setActiveList(list: "projects" | "examples" | "templates" | "remoteProjects"): StateUpdater;
+export declare function updateActiveList(updater: (list: ListSelectState<ProjectInfo>) => ListSelectState<ProjectInfo>): StateUpdater;
+export declare function selectProject(project: ProjectInfo | null): StateUpdater;
+export declare function updateWizard(update: Partial<AppState["wizard"]>): StateUpdater;
+export declare function resetWizard(): StateUpdater;
+export declare function startInput(prompt: string, onSubmit: (value: string) => void, onCancel?: () => void, initialValue?: string): StateUpdater;
+export declare function updateInputValue(value: string, cursorPos: number): StateUpdater;
+export declare function endInput(): StateUpdater;
+export declare function addLog(level: LogEntry["level"], message: string, meta?: LogMeta): StateUpdater;
+export declare function clearLogs(): StateUpdater;
+export declare function toggleLogsExpanded(): StateUpdater;
+export declare function scrollLogs(direction: "up" | "down"): StateUpdater;
+export declare function getActiveSelection(state: AppState): ListItem<ProjectInfo> | undefined;
+//# sourceMappingURL=state.d.ts.map

package/esm/src/cli/app/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/app/state.ts"],"names":[],"mappings":"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"}

package/esm/src/cli/app/state.js

@@ -0,0 +1,232 @@
+import { createListState } from "./components/list-select.js";
+import { getRuntimeEnv } from "../../config/runtime-env.js";
+import { cwd } from "../../platform/compat/process.js";
+export function createInitialState() {
+    return {
+        view: "dashboard",
+        previousView: null,
+        server: {
+            running: false,
+            url: "http://veryfront.me:8080",
+            port: 8080,
+            errors: 0,
+            warnings: 0,
+        },
+        mcp: {
+            enabled: false,
+            transport: null,
+            connected: false,
+        },
+        remote: {
+            user: null,
+            projects: [],
+            focusedIndex: 0,
+            scrollOffset: 0,
+        },
+        projects: createListState([]),
+        examples: createListState([]),
+        templates: createListState([]),
+        activeList: "projects",
+        selectedProject: null,
+        wizard: {
+            step: 0,
+            startType: null,
+            selectedTemplate: null,
+            integrations: [],
+            projectName: "",
+        },
+        input: {
+            active: false,
+            prompt: "",
+            value: "",
+            cursorPos: 0,
+            onSubmit: null,
+            onCancel: null,
+        },
+        logs: [],
+        maxLogs: 100,
+        logsExpanded: false,
+        logScroll: 0,
+        authProviderIndex: 0,
+        newProjectIndex: 0,
+    };
+}
+export function setProjects(projects) {
+    return (state) => ({
+        ...state,
+        projects: createListState(projects.map((p) => ({
+            id: p.slug,
+            label: p.slug,
+            meta: shortenPath(p.path),
+            data: { slug: p.slug, path: p.path, type: "local" },
+        }))),
+    });
+}
+export function setExamples(examples) {
+    return (state) => ({
+        ...state,
+        examples: createListState(examples.map((e) => ({
+            id: e.slug,
+            label: e.slug,
+            description: e.description,
+            data: { slug: e.slug, path: e.path, type: "example" },
+        }))),
+    });
+}
+export function setTemplates(templates) {
+    return (state) => ({
+        ...state,
+        templates: createListState(templates.map((t) => ({
+            id: t.id,
+            label: t.name,
+            description: t.description,
+            data: { slug: t.id, path: "", type: "template" },
+        }))),
+    });
+}
+export function updateServer(update) {
+    return (state) => ({ ...state, server: { ...state.server, ...update } });
+}
+export function updateMCP(update) {
+    return (state) => ({ ...state, mcp: { ...state.mcp, ...update } });
+}
+export function updateRemote(update) {
+    return (state) => ({ ...state, remote: { ...state.remote, ...update } });
+}
+export function navigateTo(view) {
+    return (state) => ({ ...state, view, previousView: state.view });
+}
+export function goBack() {
+    return (state) => ({
+        ...state,
+        view: state.previousView ?? "dashboard",
+        previousView: null,
+    });
+}
+export function setActiveList(list) {
+    return (state) => ({ ...state, activeList: list });
+}
+export function updateActiveList(updater) {
+    return (state) => {
+        const key = state.activeList;
+        // remoteProjects is not a ListSelectState, skip update
+        if (key === "remoteProjects")
+            return state;
+        return { ...state, [key]: updater(state[key]) };
+    };
+}
+export function selectProject(project) {
+    return (state) => {
+        if (!project)
+            return { ...state, selectedProject: null };
+        return {
+            ...state,
+            selectedProject: project,
+            view: "project-detail",
+            previousView: state.view,
+        };
+    };
+}
+export function updateWizard(update) {
+    return (state) => ({ ...state, wizard: { ...state.wizard, ...update } });
+}
+export function resetWizard() {
+    return (state) => ({
+        ...state,
+        wizard: {
+            step: 0,
+            startType: null,
+            selectedTemplate: null,
+            integrations: [],
+            projectName: "",
+        },
+    });
+}
+export function startInput(prompt, onSubmit, onCancel, initialValue) {
+    return (state) => ({
+        ...state,
+        input: {
+            active: true,
+            prompt,
+            value: initialValue ?? "",
+            cursorPos: initialValue?.length ?? 0,
+            onSubmit,
+            onCancel: onCancel ?? null,
+        },
+    });
+}
+export function updateInputValue(value, cursorPos) {
+    return (state) => ({
+        ...state,
+        input: { ...state.input, value, cursorPos },
+    });
+}
+export function endInput() {
+    return (state) => ({
+        ...state,
+        input: {
+            active: false,
+            prompt: "",
+            value: "",
+            cursorPos: 0,
+            onSubmit: null,
+            onCancel: null,
+        },
+    });
+}
+export function addLog(level, message, meta) {
+    return (state) => {
+        const logs = [...state.logs, { time: new Date(), level, message, meta }];
+        if (logs.length > state.maxLogs)
+            logs.shift();
+        return { ...state, logs };
+    };
+}
+export function clearLogs() {
+    return (state) => ({ ...state, logs: [], logScroll: 0 });
+}
+export function toggleLogsExpanded() {
+    return (state) => ({
+        ...state,
+        logsExpanded: !state.logsExpanded,
+        logScroll: 0,
+    });
+}
+export function scrollLogs(direction) {
+    return (state) => {
+        if (!state.logsExpanded)
+            return state;
+        const maxScroll = Math.max(0, state.logs.length - 5);
+        let newScroll = state.logScroll;
+        if (direction === "up") {
+            newScroll = Math.min(maxScroll, state.logScroll + 1);
+        }
+        else {
+            newScroll = Math.max(0, state.logScroll - 1);
+        }
+        return { ...state, logScroll: newScroll };
+    };
+}
+function shortenPath(path, env = getRuntimeEnv()) {
+    // Prefer relative path to cwd
+    const currentDir = cwd();
+    if (path.startsWith(currentDir + "/")) {
+        return "./" + path.slice(currentDir.length + 1);
+    }
+    if (path === currentDir) {
+        return "./";
+    }
+    // Fall back to ~ for home
+    const home = env.homeDir ?? "";
+    if (home && path.startsWith(home)) {
+        return `~${path.slice(home.length)}`;
+    }
+    return path;
+}
+export function getActiveSelection(state) {
+    // remoteProjects is not a ListSelectState
+    if (state.activeList === "remoteProjects")
+        return undefined;
+    const list = state[state.activeList];
+    return list.items[list.selectedIndex];
+}

package/esm/src/cli/app/views/dashboard.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Dashboard View
+ *
+ * Main view showing server status, projects, and quick actions.
+ */
+import type { AppState } from "../state.js";
+/**
+ * Render the dashboard view
+ */
+export declare function renderDashboard(state: AppState): string;
+/**
+ * Render a boxed dashboard (alternative style)
+ */
+export declare function renderDashboardBoxed(state: AppState): string;
+/**
+ * Render empty state when no projects found
+ */
+export declare function renderEmptyState(): string;
+//# sourceMappingURL=dashboard.d.ts.map

package/esm/src/cli/app/views/dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/src/cli/app/views/dashboard.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CA4EvD;AAsFD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,CAY5D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAazC"}

package/esm/src/cli/app/views/dashboard.js

@@ -0,0 +1,178 @@
+/**
+ * Dashboard View
+ *
+ * Main view showing server status, projects, and quick actions.
+ */
+import { box } from "../../ui/box.js";
+import { brand, dim, error, muted, success } from "../../ui/colors.js";
+import { getTerminalWidth } from "../../ui/layout.js";
+import { getAgentFaceWithText } from "../../ui/dot-matrix.js";
+import { renderList } from "../components/list-select.js";
+/**
+ * Render the dashboard view
+ */
+export function renderDashboard(state) {
+    const termWidth = Math.min(getTerminalWidth() - 4, 80);
+    const maxListWidth = termWidth - 4;
+    const lines = [];
+    lines.push(renderBanner(state), "");
+    const hasProjects = state.projects.items.length > 0;
+    const hasExamples = state.examples.items.length > 0;
+    const hasRemoteProjects = state.remote.user && state.remote.projects.length > 0;
+    if (hasProjects) {
+        const isActive = state.activeList === "projects";
+        lines.push(renderSection("Local Projects", state.projects.items.length, isActive));
+        lines.push(renderList(state.projects, {
+            maxWidth: maxListWidth,
+            visibleCount: 5,
+            showNumbers: true,
+            showSelection: isActive,
+        }), "");
+    }
+    // Remote projects (when logged in)
+    if (hasRemoteProjects) {
+        const isRemoteActive = state.activeList === "remoteProjects";
+        const visibleCount = 5;
+        const start = state.remote.scrollOffset;
+        const end = Math.min(start + visibleCount, state.remote.projects.length);
+        const visibleProjects = state.remote.projects.slice(start, end);
+        lines.push(renderSection("Remote Projects", state.remote.projects.length, isRemoteActive));
+        if (start > 0) {
+            lines.push(`  ${dim("↑ more above")}`);
+        }
+        visibleProjects.forEach((p, i) => {
+            const actualIndex = start + i;
+            const isFocused = isRemoteActive && actualIndex === state.remote.focusedIndex;
+            const cursor = isFocused ? brand("›") : " ";
+            // Show number 1-9 or letter a-z for 10+
+            const displayNum = actualIndex + 1;
+            const shortcut = displayNum <= 9
+                ? String(displayNum)
+                : String.fromCharCode(96 + displayNum - 9); // 10='a', 11='b', etc.
+            const num = isFocused ? brand(`[${shortcut}]`) : dim(`[${shortcut}]`);
+            const label = isFocused ? p.slug : dim(p.slug);
+            lines.push(`${cursor} ${num} ${label}`);
+        });
+        if (end < state.remote.projects.length) {
+            lines.push(`  ${dim("↓ more below")}`);
+        }
+        lines.push("");
+    }
+    if (hasExamples) {
+        const isActive = state.activeList === "examples";
+        lines.push(renderSection("Examples", state.examples.items.length, isActive));
+        lines.push(renderList(state.examples, {
+            maxWidth: maxListWidth,
+            visibleCount: 5,
+            showNumbers: true,
+            showSelection: isActive,
+        }), "");
+    }
+    lines.push(renderHelpBar(state));
+    return lines.join("\n");
+}
+/**
+ * Render the banner with agent face and server info
+ */
+function renderBanner(state) {
+    const serverDot = state.server.running ? success("●") : error("●");
+    const mcpDot = state.mcp.enabled ? success("●") : dim("○");
+    const textLines = [];
+    textLines.push(`${serverDot} ${dim("Server running")}`);
+    textLines.push(`  ${brand(state.server.url)}`);
+    if (state.mcp.enabled) {
+        textLines.push(`${mcpDot} ${dim("MCP")}`);
+        if (state.mcp.transport === "http") {
+            const port = state.mcp.httpPort ?? 9999;
+            textLines.push(`  ${brand(`http://veryfront.me:${port}/mcp`)}`);
+        }
+        else {
+            textLines.push(`  ${dim("stdio")}`);
+        }
+    }
+    const { errors, warnings } = state.server;
+    if (errors > 0 || warnings > 0) {
+        const parts = [];
+        if (errors > 0)
+            parts.push(error(`${errors} errors`));
+        if (warnings > 0)
+            parts.push(muted(`${warnings} warnings`));
+        textLines.push(parts.join("  "));
+    }
+    return getAgentFaceWithText(textLines, {
+        litColor: "\x1b[38;2;252;143;93m", // Veryfront brand orange
+    });
+}
+/**
+ * Render a section header
+ */
+function renderSection(title, count, isActive = true) {
+    const indicator = isActive ? brand("›") : " ";
+    const titleText = isActive ? title : dim(title);
+    return `  ${indicator} ${titleText} ${dim(`(${count})`)}`;
+}
+/**
+ * Render the help bar at the bottom
+ */
+function renderHelpBar(state) {
+    const parts = [];
+    const hasProjects = state.projects.items.length > 0;
+    const hasExamples = state.examples.items.length > 0;
+    const hasRemoteProjects = state.remote.user && state.remote.projects.length > 0;
+    // Count sections for tab switching
+    const sectionCount = [hasProjects, hasExamples, hasRemoteProjects].filter(Boolean).length;
+    if (sectionCount > 1) {
+        parts.push(dim("tab switch"));
+    }
+    parts.push(dim("↑↓ nav"));
+    if (hasProjects || hasExamples || hasRemoteProjects) {
+        parts.push(dim("o open"), dim("s studio"), dim("i ide"));
+    }
+    if (!state.remote.user) {
+        parts.push(dim("a login"));
+    }
+    else {
+        // Show context-aware actions based on active list
+        if (state.activeList === "projects") {
+            parts.push(dim("p pull"), dim("u push"));
+        }
+        else if (state.activeList === "remoteProjects") {
+            parts.push(dim("p pull"));
+        }
+        parts.push(dim("n new"), dim("x logout"));
+    }
+    parts.push(dim("? help"), dim("q quit"));
+    return `  ${parts.join("  ")}`;
+}
+/**
+ * Render a boxed dashboard (alternative style)
+ */
+export function renderDashboardBoxed(state) {
+    const termWidth = Math.min(getTerminalWidth() - 4, 80);
+    const content = renderDashboard(state);
+    return box(content, {
+        style: "rounded",
+        title: "Veryfront Code",
+        titleColor: "\x1b[38;2;252;143;93m",
+        width: termWidth,
+        paddingX: 1,
+        paddingY: 0,
+    });
+}
+/**
+ * Render empty state when no projects found
+ */
+export function renderEmptyState() {
+    return [
+        "",
+        `  ${dim("No projects found.")}`,
+        "",
+        `  ${dim("Get started:")}`,
+        `    ${brand("[n]")} Create a new project`,
+        `    ${brand("[t]")} Browse templates`,
+        "",
+        `  ${dim("Or run with a project directory:")}`,
+        `    ${muted("deno task start --project ./my-project")}`,
+        "",
+    ].join("\n");
+}

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

@@ -157,8 +157,8 @@ export function devCommand(options) {
             const serverUrl = `http://veryfront.me:${finalPort}`;
             console.log();
             console.log(banner({
-                title: "Veryfront",
-                subtitle: "is now running",
+                title: "Veryfront Code",
+                subtitle: "is running",
                 info: {
                     url: serverUrl,
                     ...(projectSlug ? { project: projectSlug } : {}),

package/esm/src/cli/commands/new.js

@@ -102,7 +102,7 @@ export async function newCommand(name, options = {}, env = getRuntimeEnv()) {
         exitProcess(1);
         return;
     }
-    const tui = createTui({ title: "Veryfront", showLogs: true });
+    const tui = createTui({ title: "Veryfront Code", showLogs: true });
     const restore = interceptConsole(tui);
     const localUrl = `http://${name}.veryfront.me:${port}`;
     const prodUrl = `https://${slug}.veryfront.com`;

package/esm/src/cli/index/command-router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command-router.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/index/command-router.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAwCH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAsD7C;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAuZlE"}
+{"version":3,"file":"command-router.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/index/command-router.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAwCH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAsD7C;;;;GAIG;AACH,wBAAsB,YAAY,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAwXlE"}

package/esm/src/cli/index/command-router.js

@@ -22,7 +22,7 @@ import { mergeCommand, parseMergeArgs } from "../commands/merge.js";
 import { deployCommand, parseDeployArgs } from "../commands/deploy.js";
 import { parseUpArgs, upCommand } from "../commands/up.js";
 import { newCommand, parseNewArgs } from "../commands/new.js";
-import { promptProjectName, showMainMenu } from "../commands/main.js";
+import { promptProjectName } from "../commands/main.js";
 import { issuesCommand } from "../commands/issues.js";
 import { login, logout, whoami } from "../auth/index.js";
 import { COMMANDS } from "../help/command-definitions.js";
@@ -32,7 +32,7 @@ import { handleBuildCommand } from "./build-handler.js";
 import { handleDevCommand } from "./dev-handler.js";
 import { handleGenerateCommand } from "./generate-handler.js";
 import { handleStudioCommand } from "./studio-handler.js";
-import { createMCPServer } from "../mcp/server.js";
+import { handleStartCommand } from "./start-handler.js";
 /**
  * Handle validation errors using central COMMANDS registry for usage
  */
@@ -371,11 +371,10 @@ export async function routeCommand(args) {
                 break;
             }
             case "mcp": {
-                const server = await createMCPServer({ stdio: true });
-                await new Promise(() => {
-                    /* never resolve - stdio loop runs until stdin closes */
-                });
-                await server.stop();
+                const { createMCPServer } = await import("../mcp/server.js");
+                const mcpServer = await createMCPServer({ stdio: true });
+                await new Promise(() => { });
+                await mcpServer.stop();
                 break;
             }
             case "issues":
@@ -385,39 +384,10 @@ export async function routeCommand(args) {
                 showHelp();
                 exitProcess(0);
                 return;
-            case undefined: {
-                const action = await showMainMenu();
-                switch (action) {
-                    case "new": {
-                        const name = await promptProjectName();
-                        if (name) {
-                            await newCommand(name, {});
-                        }
-                        break;
-                    }
-                    case "dev":
-                        await handleDevCommand(args);
-                        break;
-                    case "deploy": {
-                        const result = parseDeployArgs(args);
-                        if (result.success) {
-                            await deployCommand(result.data);
-                        }
-                        break;
-                    }
-                    case "login":
-                        await login();
-                        break;
-                    case "help":
-                        showHelp();
-                        break;
-                    case "exit":
-                    case null:
-                        exitProcess(0);
-                        break;
-                }
+            case undefined:
+                // Default: run full TUI dashboard (like `deno task start`)
+                await handleStartCommand(args);
                 break;
-            }
             default:
                 cliLogger.error(`Unknown command: ${command}\n`);
                 showHelp();

package/esm/src/cli/index/start-handler.d.ts

@@ -0,0 +1,3 @@
+import type { ParsedArgs } from "./types.js";
+export declare function handleStartCommand(args: ParsedArgs): Promise<void>;
+//# sourceMappingURL=start-handler.d.ts.map

package/esm/src/cli/index/start-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"start-handler.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/index/start-handler.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAkH7C,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAkExE"}