agent-stage 0.2.14 → 0.2.17

package/dist/commands/ls.js

@@ -1,132 +0,0 @@
-import { Command } from 'commander';
-import consola from 'consola';
-import c from 'picocolors';
-import { readdir, readFile } from 'fs/promises';
-import { existsSync } from 'fs';
-import { homedir } from 'os';
-import { join } from 'pathe';
-import { getWorkspaceDir, readRuntimeConfig, isInitialized } from '../utils/paths.js';
-import { BridgeClient } from '@agentstage/bridge/sdk';
-async function readLocalStores(localPagesDir) {
-    if (!existsSync(localPagesDir)) {
-        return [];
-    }
-    const entries = await readdir(localPagesDir, { withFileTypes: true });
-    const stores = [];
-    for (const entry of entries) {
-        if (!entry.isDirectory()) {
-            continue;
-        }
-        const pageId = entry.name;
-        const storePath = join(localPagesDir, pageId, 'store.json');
-        if (!existsSync(storePath)) {
-            continue;
-        }
-        try {
-            const content = await readFile(storePath, 'utf8');
-            const parsed = JSON.parse(content);
-            stores.push({
-                pageId: typeof parsed.pageId === 'string' ? parsed.pageId : pageId,
-                storeKey: 'main',
-                version: typeof parsed.version === 'number' ? parsed.version : 0,
-            });
-        }
-        catch {
-            // Ignore invalid local files in offline mode
-        }
-    }
-    return stores;
-}
-export const lsCommand = new Command('ls')
-    .description('List all pages and their store status')
-    .option('--offline', 'Skip Bridge WebSocket and list local store files only')
-    .action(async (options) => {
-    try {
-        if (!isInitialized()) {
-            consola.error('Project not initialized. Please run `agentstage init` first.');
-            process.exit(1);
-        }
-        const workspaceDir = await getWorkspaceDir();
-        const routesDir = join(workspaceDir, 'src', 'routes');
-        let pages = [];
-        if (existsSync(routesDir)) {
-            const entries = await readdir(routesDir, { withFileTypes: true });
-            pages = entries
-                .filter(e => e.isFile() && e.name.endsWith('.tsx') && !e.name.startsWith('_'))
-                .map(e => e.name.replace('.tsx', ''))
-                .filter(name => name !== 'index'); // index is the home page
-        }
-        console.log();
-        console.log(c.bold('Pages:'));
-        console.log();
-        let stores = [];
-        const localPagesDir = join(homedir(), '.agentstage', 'webapp', 'pages');
-        if (options.offline) {
-            stores = await readLocalStores(localPagesDir);
-        }
-        else {
-            const config = await readRuntimeConfig();
-            if (config) {
-                try {
-                    const client = new BridgeClient(`ws://localhost:${config.port}/_bridge`);
-                    await client.connect();
-                    stores = await client.listStores();
-                    client.disconnect();
-                }
-                catch {
-                    // Bridge 未运行
-                }
-            }
-        }
-        const pageSet = new Set(pages);
-        for (const store of stores) {
-            if (store.pageId !== 'index') {
-                pageSet.add(store.pageId);
-            }
-        }
-        const listedPages = Array.from(pageSet);
-        // Show home page
-        const homeStores = stores.filter(s => s.pageId === 'index');
-        if (homeStores.length > 0) {
-            console.log(`  ${c.green('●')} ${c.bold('/ (home)')}`);
-            for (const store of homeStores) {
-                console.log(`      └─ ${store.storeKey}  v${store.version}`);
-            }
-        }
-        else {
-            console.log(`  ${c.gray('○')} / (home)`);
-        }
-        // Show other pages
-        if (listedPages.length === 0) {
-            console.log(c.gray('  No additional pages. Create one with:'));
-            console.log(c.gray('  agentstage add-page <name>'));
-        }
-        else {
-            for (const page of listedPages) {
-                const pageStores = stores.filter(s => s.pageId === page);
-                if (pageStores.length > 0) {
-                    console.log(`  ${c.green('●')} ${c.bold('/' + page)}`);
-                    for (const store of pageStores) {
-                        console.log(`      └─ ${store.storeKey}  v${store.version}`);
-                    }
-                }
-                else {
-                    console.log(`  ${c.gray('○')} /${page}`);
-                }
-            }
-        }
-        console.log();
-        if (stores.length === 0) {
-            if (options.offline) {
-                console.log(c.gray(`No local store files found in ${localPagesDir}`));
-            }
-            else {
-                console.log(c.gray('Runtime is not running. Run `agentstage start` to see live status.'));
-            }
-            console.log();
-        }
-    }
-    catch (error) {
-        consola.error('Failed to list pages:', error.message);
-    }
-});

package/dist/commands/restart.d.ts

@@ -1,2 +0,0 @@
-import { Command } from 'commander';
-export declare const restartCommand: Command;

package/dist/commands/restart.js

@@ -1,90 +0,0 @@
-import { Command } from 'commander';
-import * as p from '@clack/prompts';
-import consola from 'consola';
-import c from 'picocolors';
-import { execa } from 'execa';
-import { mkdir } from 'fs/promises';
-import { join } from 'pathe';
-import { getWorkspaceDir, saveRuntimeConfig, readRuntimeConfig, isInitialized } from '../utils/paths.js';
-async function killProcess(pid) {
-    try {
-        process.kill(pid, 'SIGTERM');
-        let attempts = 0;
-        while (attempts < 10) {
-            await new Promise(r => setTimeout(r, 500));
-            try {
-                process.kill(pid, 0);
-                attempts++;
-            }
-            catch {
-                break;
-            }
-        }
-        if (attempts >= 10) {
-            process.kill(pid, 'SIGKILL');
-        }
-    }
-    catch (error) {
-        if (error.code !== 'ESRCH')
-            throw error;
-    }
-}
-export const restartCommand = new Command('restart')
-    .description('Restart the Agentstage Runtime (stop and start)')
-    .option('-p, --port <port>', 'Port to run the web server on', '3000')
-    .action(async (options) => {
-    // 1. 检查是否已初始化
-    if (!isInitialized()) {
-        consola.error('Project not initialized. Please run `agentstage init` first.');
-        process.exit(1);
-    }
-    const workspaceDir = await getWorkspaceDir();
-    const port = parseInt(options.port, 10);
-    const s = p.spinner();
-    // 2. 停止现有服务
-    const existingConfig = await readRuntimeConfig();
-    if (existingConfig) {
-        s.start('Stopping current runtime...');
-        try {
-            await killProcess(existingConfig.pid);
-            s.stop('Runtime stopped');
-        }
-        catch (error) {
-            s.stop('Failed to stop runtime');
-            consola.warn('Continuing with start...');
-        }
-    }
-    // 3. 启动新服务
-    s.start('Starting Agentstage Runtime...');
-    try {
-        // 启动 TanStack Start 项目（包含 Bridge Gateway）
-        const subprocess = execa('npm', ['run', 'dev'], {
-            cwd: workspaceDir,
-            detached: true,
-            stdio: 'ignore',
-            env: {
-                ...process.env,
-                PORT: String(port),
-            },
-        });
-        await mkdir(join(workspaceDir, '.agentstage'), { recursive: true });
-        // 保存运行时配置
-        await saveRuntimeConfig({
-            pid: subprocess.pid,
-            port,
-            startedAt: new Date().toISOString(),
-        });
-        s.stop('Runtime restarted successfully');
-        console.log();
-        consola.success('Agentstage Runtime is running');
-        console.log(`  Web:    ${c.cyan(`http://localhost:${port}`)}`);
-        console.log(`  Bridge: ${c.cyan(`ws://localhost:${port}/_bridge`)}`);
-        console.log();
-        console.log(`  Workspace: ${c.gray(workspaceDir)}`);
-    }
-    catch (error) {
-        s.stop('Failed to start runtime');
-        consola.error(error.message);
-        process.exit(1);
-    }
-});

package/dist/commands/rm-page.d.ts

@@ -1,2 +0,0 @@
-import { Command } from 'commander';
-export declare const rmPageCommand: Command;

package/dist/commands/rm-page.js

@@ -1,32 +0,0 @@
-import { Command } from 'commander';
-import consola from 'consola';
-import { unlink } from 'fs/promises';
-import { existsSync } from 'fs';
-import { join } from 'pathe';
-import { getWorkspaceDir, isInitialized } from '../utils/paths.js';
-export const rmPageCommand = new Command('rm-page')
-    .description('Remove a page from the routes directory')
-    .argument('<name>', 'Page name')
-    .action(async (name) => {
-    // 检查是否已初始化
-    if (!isInitialized()) {
-        consola.error('Project not initialized. Please run `agentstage init` first.');
-        process.exit(1);
-    }
-    try {
-        const workspaceDir = await getWorkspaceDir();
-        const routesDir = join(workspaceDir, 'src', 'routes');
-        const pageFile = join(routesDir, `${name}.tsx`);
-        if (!existsSync(pageFile)) {
-            consola.error(`Page "${name}" not found at src/routes/${name}.tsx`);
-            process.exit(1);
-        }
-        await unlink(pageFile);
-        consola.success(`Page "${name}" deleted`);
-        console.log(`  Note: TanStack Router will automatically remove the route`);
-    }
-    catch (error) {
-        consola.error('Failed to delete page:', error.message);
-        process.exit(1);
-    }
-});

package/dist/commands/start.d.ts

@@ -1,2 +0,0 @@
-import { Command } from 'commander';
-export declare const startCommand: Command;

package/dist/commands/start.js

@@ -1,82 +0,0 @@
-import { Command } from 'commander';
-import * as p from '@clack/prompts';
-import consola from 'consola';
-import c from 'picocolors';
-import { execa } from 'execa';
-import { mkdir } from 'fs/promises';
-import { existsSync } from 'fs';
-import { join } from 'pathe';
-import { getWorkspaceDir, saveRuntimeConfig, isInitialized, readRuntimeConfig } from '../utils/paths.js';
-export const startCommand = new Command('start')
-    .description('Start the Agentstage Runtime (Vite dev server with Bridge)')
-    .option('-p, --port <port>', 'Port to run the web server on', '3000')
-    .action(async (options) => {
-    // 1. 检查是否已初始化
-    if (!isInitialized()) {
-        consola.error('Project not initialized. Please run `agentstage init` first.');
-        process.exit(1);
-    }
-    const workspaceDir = await getWorkspaceDir();
-    const port = parseInt(options.port, 10);
-    // 2. 检查是否已运行
-    const existingConfig = await readRuntimeConfig();
-    if (existingConfig) {
-        try {
-            process.kill(existingConfig.pid, 0);
-            consola.warn(`Runtime is already running (PID: ${existingConfig.pid}, Port: ${existingConfig.port})`);
-            console.log(`  Web:    ${c.cyan(`http://localhost:${existingConfig.port}`)}`);
-            console.log(`  Bridge: ${c.cyan(`ws://localhost:${existingConfig.port}/_bridge`)}`);
-            return;
-        }
-        catch {
-            // 进程不存在，继续启动
-        }
-    }
-    // 3. 检查是否需要安装依赖
-    const nodeModulesPath = join(workspaceDir, 'node_modules');
-    if (!existsSync(nodeModulesPath)) {
-        const s = p.spinner();
-        s.start('Installing dependencies...');
-        try {
-            await execa('npm', ['install'], { cwd: workspaceDir, stdio: 'pipe' });
-            s.stop('Dependencies installed');
-        }
-        catch (error) {
-            s.stop('Failed to install dependencies');
-            consola.error(error.message);
-            process.exit(1);
-        }
-    }
-    const s = p.spinner();
-    s.start('Starting Agentstage Runtime...');
-    try {
-        // 4. 启动 Vite dev server
-        // WebSocket 会通过 bridgePlugin() 自动挂载到 Vite server
-        const subprocess = execa('npx', ['vite', '--port', String(port), '--host'], {
-            cwd: workspaceDir,
-            detached: true,
-            stdio: 'ignore',
-        });
-        await mkdir(join(workspaceDir, '.agentstage'), { recursive: true });
-        // 5. 保存运行时配置
-        await saveRuntimeConfig({
-            pid: subprocess.pid,
-            port,
-            startedAt: new Date().toISOString(),
-        });
-        // 6. 等待一下确保服务启动
-        await new Promise(resolve => setTimeout(resolve, 2000));
-        s.stop('Runtime started successfully');
-        console.log();
-        consola.success('Agentstage Runtime is running');
-        console.log(`  Web:    ${c.cyan(`http://localhost:${port}`)}`);
-        console.log(`  Bridge: ${c.cyan(`ws://localhost:${port}/_bridge`)}`);
-        console.log();
-        console.log(`  Workspace: ${c.gray(workspaceDir)}`);
-    }
-    catch (error) {
-        s.stop('Failed to start runtime');
-        consola.error(error.message);
-        process.exit(1);
-    }
-});

package/dist/commands/watch.d.ts

@@ -1,2 +0,0 @@
-import { Command } from 'commander';
-export declare const watchCommand: Command;

package/dist/commands/watch.js

@@ -1,54 +0,0 @@
-import { Command } from 'commander';
-import consola from 'consola';
-import c from 'picocolors';
-import { BridgeClient } from '@agentstage/bridge/sdk';
-import { readRuntimeConfig, isInitialized } from '../utils/paths.js';
-export const watchCommand = new Command('watch')
-    .description('Watch a page for real-time changes')
-    .argument('<page>', 'Page ID')
-    .action(async (pageId) => {
-    try {
-        // 1. 检查是否已初始化
-        if (!isInitialized()) {
-            consola.error('Project not initialized. Please run `agentstage init` first.');
-            process.exit(1);
-        }
-        // 2. 检查是否已启动
-        const config = await readRuntimeConfig();
-        if (!config) {
-            consola.error('Runtime is not running. Please run `agentstage start` first.');
-            process.exit(1);
-        }
-        const client = new BridgeClient(`ws://localhost:${config.port}/_bridge`);
-        client.onEvent((event) => {
-            const timestamp = new Date().toISOString();
-            console.log(c.gray(`[${timestamp}]`), event);
-        });
-        await client.connect();
-        // 查找并订阅所有该 page 的 stores
-        const stores = await client.listStores();
-        const pageStores = stores.filter(s => s.pageId === pageId);
-        if (pageStores.length === 0) {
-            consola.error(`Page "${pageId}" not found`);
-            client.disconnect();
-            process.exit(1);
-        }
-        for (const store of pageStores) {
-            client.subscribe(store.id);
-        }
-        consola.success(`Watching ${c.cyan(pageId)}. Press Ctrl+C to exit.`);
-        console.log();
-        // 保持运行
-        process.on('SIGINT', () => {
-            console.log();
-            consola.info('Stopped watching');
-            client.disconnect();
-            process.exit(0);
-        });
-        await new Promise(() => { });
-    }
-    catch (error) {
-        consola.error('Failed to watch page:', error.message);
-        process.exit(1);
-    }
-});

package/template/components.json

@@ -1,17 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "tailwind.config.js",
-    "css": "src/index.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
-  }
-}

package/template/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Agentstage App</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/template/package.json

@@ -1,41 +0,0 @@
-{
-  "name": "agentstage-app",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "type-check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@agentstage/render": "workspace:*",
-    "@tanstack/react-router": "^1.114.3",
-    "@tanstack/router-core": "^1.114.3",
-    "@tanstack/router-devtools": "^1.114.3",
-    "agent-stage-bridge": "workspace:*",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "lucide-react": "^0.564.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "tailwind-merge": "^2.2.0",
-    "tailwindcss-animate": "^1.0.7",
-    "zod": "^3.23.0",
-    "zustand": "^4.5.0"
-  },
-  "devDependencies": {
-    "@radix-ui/react-slot": "^1.0.2",
-    "@tanstack/router-generator": "^1.114.3",
-    "@tanstack/router-plugin": "^1.114.3",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.17",
-    "postcss": "^8.5.0",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.4.21"
-  }
-}

package/template/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}

package/template/src/components/PageRenderer.tsx

@@ -1,108 +0,0 @@
-import { useEffect, useState } from 'react'
-import type { Spec } from '@agentstage/render'
-import { Renderer, defineRegistry, defineCatalog, schema } from '@agentstage/render'
-import { shadcnComponents, shadcnComponentDefinitions } from '@agentstage/render/shadcn'
-import type { Bridge } from '../lib/bridge'
-import { BridgeStateProvider } from './bridge-state-provider'
-
-interface PageRendererProps {
-  pageId: string
-  bridge: Bridge
-}
-
-// Create catalog with all shadcn components
-const catalog = defineCatalog(schema, {
-  components: {
-    Card: shadcnComponentDefinitions.Card,
-    Button: shadcnComponentDefinitions.Button,
-    Input: shadcnComponentDefinitions.Input,
-    Stack: shadcnComponentDefinitions.Stack,
-    Text: shadcnComponentDefinitions.Text,
-    Heading: shadcnComponentDefinitions.Heading,
-    Badge: shadcnComponentDefinitions.Badge,
-    Separator: shadcnComponentDefinitions.Separator,
-    Dialog: shadcnComponentDefinitions.Dialog,
-    Tabs: shadcnComponentDefinitions.Tabs,
-    Table: shadcnComponentDefinitions.Table,
-  },
-  actions: {},
-})
-
-// Create registry
-const { registry } = defineRegistry(catalog, {
-  components: {
-    Card: shadcnComponents.Card,
-    Button: shadcnComponents.Button,
-    Input: shadcnComponents.Input,
-    Stack: shadcnComponents.Stack,
-    Text: shadcnComponents.Text,
-    Heading: shadcnComponents.Heading,
-    Badge: shadcnComponents.Badge,
-    Separator: shadcnComponents.Separator,
-    Dialog: shadcnComponents.Dialog,
-    Tabs: shadcnComponents.Tabs,
-    Table: shadcnComponents.Table,
-  },
-})
-
-export function PageRenderer({ pageId, bridge }: PageRendererProps) {
-  const [uiSpec, setUiSpec] = useState<Spec | null>(null)
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-
-  useEffect(() => {
-    // Load ui.json
-    fetch(`/src/pages/${pageId}/ui.json`)
-      .then((res) => {
-        if (!res.ok) throw new Error(`Failed to load ui.json: ${res.status}`)
-        return res.json()
-      })
-      .then((spec) => {
-        setUiSpec(spec)
-        setLoading(false)
-      })
-      .catch((err) => {
-        setError(err.message)
-        setLoading(false)
-      })
-  }, [pageId])
-
-  // Connect to bridge
-  useEffect(() => {
-    bridge.connect().then((result: { storeId: string }) => {
-      console.log('Connected to bridge:', result.storeId)
-    })
-  }, [bridge])
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center min-h-screen">
-        <div className="animate-pulse text-muted-foreground">Loading UI...</div>
-      </div>
-    )
-  }
-
-  if (error) {
-    return (
-      <div className="flex items-center justify-center min-h-screen">
-        <div className="text-destructive">Error: {error}</div>
-      </div>
-    )
-  }
-
-  if (!uiSpec) {
-    return (
-      <div className="flex items-center justify-center min-h-screen">
-        <div className="text-muted-foreground">No UI spec found</div>
-      </div>
-    )
-  }
-
-  return (
-    <BridgeStateProvider bridge={bridge}>
-      <div className="min-h-screen bg-background p-8">
-        <Renderer spec={uiSpec} registry={registry} />
-      </div>
-    </BridgeStateProvider>
-  )
-}