everything-dev 0.1.4 → 0.2.0

package/package.json

@@ -1,11 +1,17 @@
 {
   "name": "everything-dev",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "type": "module",
   "main": "src/index.ts",
   "exports": {
     ".": "./src/index.ts",
-    "./types": "./src/types.ts"
+    "./types": "./src/types.ts",
+    "./config": "./src/config.ts",
+    "./ui": "./src/ui/index.ts",
+    "./ui/types": "./src/ui/types.ts",
+    "./ui/runtime": "./src/ui/runtime.ts",
+    "./ui/head": "./src/ui/head.ts",
+    "./ui/router": "./src/ui/router.ts"
   },
   "files": [
     "src"
@@ -50,6 +56,8 @@
     "zod": "4.3.5"
   },
   "devDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-router": "^1.0.0",
     "@types/bun": "^1.3.8",
     "@types/gradient-string": "^1.1.6",
     "@types/react": "^18.3.0",
@@ -57,5 +65,17 @@
     "playwright": "^1.58.1",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "@tanstack/react-router": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    },
+    "@tanstack/react-router": {
+      "optional": true
+    }
   }
 }

package/src/cli.ts

@@ -2,7 +2,7 @@
 import { spinner } from "@clack/prompts";
 import { program } from "commander";
 import { createPluginRuntime } from "every-plugin";
-import { type BosConfig, getConfigDir, getConfigPath, getPackages, getTitle, loadConfig } from "./config";
+import { type BosConfig, getConfigDir, getConfigPath, getPackages, loadConfig } from "./config";
 import BosPlugin from "./plugin";
 import { printBanner } from "./utils/banner";
 import { colors, frames, gradients, icons } from "./utils/theme";
@@ -21,9 +21,6 @@ function getHelpHeader(config: BosConfig | null, configPath: string): string {
     lines.push(`  ${colors.dim("Account")} ${colors.cyan(config.account)}`);
     lines.push(`  ${colors.dim("Gateway")} ${colors.white(config.gateway?.production ?? "not configured")}`);
     lines.push(`  ${colors.dim("Config ")} ${colors.dim(configPath)}`);
-    if (host?.description) {
-      lines.push(`  ${colors.dim("About  ")} ${colors.white(host.description)}`);
-    }
   } else {
     lines.push(`  ${colors.dim("No project config found")}`);
     lines.push(`  ${colors.dim("Run")} ${colors.cyan("bos create project <name>")} ${colors.dim("to get started")}`);
@@ -48,7 +45,6 @@ async function main() {
   const config = loadConfig();
   const configPath = config ? getConfigPath() : process.cwd();
   const packages = config ? getPackages() : [];
-  const title = config ? getTitle() : "BOS CLI";
 
   if (config) {
     const envPath = `${getConfigDir()}/.env.bos`;
@@ -69,7 +65,7 @@ async function main() {
     }
   }
 
-  printBanner(title);
+  printBanner("BOS CLI");
 
   const runtime = createPluginRuntime({
     registry: {
@@ -113,10 +109,6 @@ async function main() {
 
       const host = result.config.app.host;
       console.log(colors.magenta(`  ┌─ HOST ${"─".repeat(42)}┐`));
-      console.log(`  ${colors.magenta("│")} ${colors.dim("title")}        ${colors.white(host.title)}`);
-      if (host.description) {
-        console.log(`  ${colors.magenta("│")} ${colors.dim("description")}  ${colors.gray(host.description)}`);
-      }
       console.log(`  ${colors.magenta("│")} ${colors.dim("development")}  ${colors.cyan(host.development)}`);
       console.log(`  ${colors.magenta("│")} ${colors.dim("production")}   ${colors.green(host.production)}`);
       console.log(colors.magenta(`  └${"─".repeat(49)}┘`));
@@ -238,7 +230,7 @@ async function main() {
           new OpenAPIReferencePlugin({
             schemaConverters: [new ZodToJsonSchemaConverter()],
             specGenerateOptions: {
-              info: { title: "BOS CLI API", version: "1.0.0" },
+              info: { title: "everything-dev api", version: "1.0.0" },
               servers: [{ url: `http://localhost:${port}/api` }],
             },
           }),
@@ -248,7 +240,7 @@ async function main() {
 
       app.get("/", (c) => c.json({ 
         ok: true, 
-        plugin: "bos-cli", 
+        plugin: "everything-dev", 
         status: "ready",
         endpoints: {
           health: "/",
@@ -341,47 +333,49 @@ async function main() {
     });
 
   program
-    .command("deploy")
-    .description(`Build and deploy to Zephyr Cloud (${packages.join(", ")})`)
-    .argument("[packages]", "Packages to deploy (comma-separated: host,ui,api)", "all")
+    .command("publish")
+    .description("Build, deploy, and publish to Near Social (full release)")
+    .argument("[packages]", "Packages to build/deploy (comma-separated: host,ui,api)", "all")
     .option("--force", "Force rebuild")
+    .option("--network <network>", "Network: mainnet | testnet", "mainnet")
+    .option("--path <path>", "Near Social relative path", "bos.config.json")
+    .option("--dry-run", "Show what would be published without sending")
     .addHelpText("after", `
+Release Workflow:
+  1. Build packages (bun run build)
+  2. Deploy to Zephyr Cloud (updates production URLs)
+  3. Publish config to Near Social
+
 Zephyr Configuration:
   Set ZE_SERVER_TOKEN and ZE_USER_EMAIL in .env.bos for CI/CD deployment.
   Docs: https://docs.zephyr-cloud.io/features/ci-cd-server-token
 `)
     .action(async (pkgs: string, options) => {
       console.log();
-      console.log(`  ${icons.pkg} Building & deploying...`);
+      console.log(`  ${icons.pkg} Starting release workflow...`);
+      console.log(colors.dim(`  Account: ${config?.account}`));
+      console.log(colors.dim(`  Network: ${options.network}`));
+      console.log();
 
-      const result = await client.build({
-        packages: pkgs,
-        force: options.force || false,
-        deploy: true,
-      });
+      if (!options.dryRun) {
+        console.log(`  ${icons.pkg} Step 1/3: Building & deploying...`);
 
-      if (result.status === "error") {
-        console.error(colors.error(`${icons.err} Deploy failed`));
-        process.exit(1);
-      }
+        const buildResult = await client.build({
+          packages: pkgs,
+          force: options.force || false,
+          deploy: true,
+        });
 
-      console.log();
-      console.log(colors.green(`${icons.ok} Deployed: ${result.built.join(", ")}`));
-      console.log(colors.dim(`  Deployed to Zephyr Cloud`));
-      console.log();
-    });
+        if (buildResult.status === "error") {
+          console.error(colors.error(`${icons.err} Build/deploy failed`));
+          process.exit(1);
+        }
 
-  program
-    .command("publish")
-    .description("Publish bos.config.json to on-chain registry (Near Social)")
-    .option("--network <network>", "Network: mainnet | testnet", "mainnet")
-    .option("--path <path>", "Near Social relative path", "bos.config.json")
-    .option("--dry-run", "Show what would be published without sending")
-    .action(async (options) => {
-      console.log();
-      console.log(`  ${icons.pkg} Publishing to Near Social...`);
-      console.log(colors.dim(`  Account: ${config?.account}`));
-      console.log(colors.dim(`  Network: ${options.network}`));
+        console.log(colors.green(`  ${icons.ok} Built & deployed: ${buildResult.built.join(", ")}`));
+        console.log();
+      }
+
+      console.log(`  ${icons.pkg} ${options.dryRun ? "Dry run:" : "Step 2/3:"} Publishing to Near Social...`);
 
       if (options.dryRun) {
         console.log(colors.cyan(`  ${icons.scan} Dry run mode - no transaction will be sent`));
@@ -406,11 +400,12 @@ Zephyr Configuration:
         return;
       }
 
-      console.log();
-      console.log(colors.green(`${icons.ok} Published!`));
+      console.log(colors.green(`  ${icons.ok} Published to Near Social`));
       console.log(`  ${colors.dim("TX:")} ${result.txHash}`);
       console.log(`  ${colors.dim("URL:")} ${result.registryUrl}`);
       console.log();
+      console.log(colors.green(`${icons.ok} Release complete!`));
+      console.log();
     });
 
   program
@@ -742,40 +737,38 @@ Zephyr Configuration:
     });
 
   program
-    .command("sync")
-    .description("Sync dependencies and config from published bos.config.json")
-    .option("--account <account>", "NEAR account to sync from (default: from config)")
-    .option("--gateway <gateway>", "Gateway domain to sync from (default: from config)")
+    .command("update")
+    .description("Update from published config (host prod, secrets, shared deps, UI files)")
+    .option("--account <account>", "NEAR account to update from (default: from config)")
+    .option("--gateway <gateway>", "Gateway domain (default: from config)")
     .option("--network <network>", "Network: mainnet | testnet", "mainnet")
-    .option("--force", "Force sync even if versions match")
-    .option("--files", "Also sync template files (tsconfig, etc.)")
-    .action(async (options: { account?: string; gateway?: string; network?: string; force?: boolean; files?: boolean }) => {
+    .option("--force", "Force update even if versions match")
+    .action(async (options: { account?: string; gateway?: string; network?: string; force?: boolean }) => {
       console.log();
       const gateway = config?.gateway as { production?: string } | undefined;
       const gatewayDomain = gateway?.production?.replace(/^https?:\/\//, "") || "everything.dev";
       const source = `${options.account || config?.account || "every.near"}/${options.gateway || gatewayDomain}`;
 
       const s = spinner();
-      s.start(`Syncing from ${source}...`);
+      s.start(`Updating from ${source}...`);
 
-      const result = await client.sync({
+      const result = await client.update({
         account: options.account,
         gateway: options.gateway,
         network: (options.network as "mainnet" | "testnet") || "mainnet",
         force: options.force || false,
-        files: options.files || false,
       });
 
       if (result.status === "error") {
-        s.stop(colors.error(`${icons.err} Sync failed: ${result.error || "Unknown error"}`));
+        s.stop(colors.error(`${icons.err} Update failed: ${result.error || "Unknown error"}`));
         process.exit(1);
       }
 
-      s.stop(colors.green(`${icons.ok} Synced from ${source}`));
+      s.stop(colors.green(`${icons.ok} Updated from ${source}`));
 
       console.log();
       console.log(colors.cyan(frames.top(52)));
-      console.log(`  ${icons.ok} ${gradients.cyber("SYNCED")}`);
+      console.log(`  ${icons.ok} ${gradients.cyber("UPDATED")}`);
       console.log(colors.cyan(frames.bottom(52)));
       console.log();
       console.log(`  ${colors.dim("Source:")}   ${colors.cyan(`${result.account}/${result.gateway}`)}`);
@@ -793,7 +786,7 @@ Zephyr Configuration:
 
       if (result.filesSynced && result.filesSynced.length > 0) {
         const totalFiles = result.filesSynced.reduce((sum, pkg) => sum + pkg.files.length, 0);
-        console.log(colors.green(`  ${icons.ok} Synced ${totalFiles} files`));
+        console.log(colors.green(`  ${icons.ok} Synced ${totalFiles} UI files`));
         for (const pkg of result.filesSynced) {
           console.log(colors.dim(`    ${pkg.package}: ${pkg.files.join(", ")}`));
         }

package/src/components/dev-view.tsx

@@ -1,7 +1,7 @@
 import { Box, render, Text, useApp, useInput } from "ink";
 import { useEffect, useState } from "react";
 import { linkify } from "../utils/linkify";
-import { colors, divider, gradients, icons, frames } from "../utils/theme";
+import { colors, divider, frames, gradients, icons } from "../utils/theme";
 
 export type ProcessStatus = "pending" | "starting" | "ready" | "error";
 
@@ -11,6 +11,7 @@ export interface ProcessState {
   port: number;
   message?: string;
   source?: "local" | "remote";
+  proxyTarget?: string;
 }
 
 export interface LogEntry {
@@ -24,6 +25,7 @@ interface DevViewProps {
   processes: ProcessState[];
   logs: LogEntry[];
   description: string;
+  proxyTarget?: string;
   onExit?: () => void;
   onExportLogs?: () => void;
 }
@@ -64,14 +66,14 @@ function ProcessRow({ proc }: { proc: ProcessState }) {
       <Text>{"  "}</Text>
       <StatusIcon status={proc.status} />
       <Text> </Text>
-      <Text color={color} bold>{proc.name.toUpperCase().padEnd(6)}</Text>
+      <Text color={color} bold>
+        {proc.name.toUpperCase().padEnd(6)}
+      </Text>
       <Text color="gray">{sourceLabel.padEnd(10)}</Text>
       <Text color={proc.status === "ready" ? "#00ff41" : "gray"}>
         {statusText}
       </Text>
-      {proc.port > 0 && (
-        <Text color="#00ffff"> {portStr}</Text>
-      )}
+      {proc.port > 0 && <Text color="#00ffff"> {portStr}</Text>}
     </Box>
   );
 }
@@ -82,15 +84,33 @@ function LogLine({ entry }: { entry: LogEntry }) {
   return (
     <Box>
       <Text color={color}>[{entry.source}]</Text>
-      <Text color={entry.isError ? "#ff3366" : undefined}> {linkify(entry.line)}</Text>
+      <Text color={entry.isError ? "#ff3366" : undefined}>
+        {" "}
+        {linkify(entry.line)}
+      </Text>
     </Box>
   );
 }
 
+function truncateUrl(url: string, maxLen: number): string {
+  if (url.length <= maxLen) return url;
+  try {
+    const parsed = new URL(url);
+    const host = parsed.host;
+    if (host.length > maxLen - 10) {
+      return `${host.slice(0, maxLen - 13)}...`;
+    }
+    return host;
+  } catch {
+    return `${url.slice(0, maxLen - 3)}...`;
+  }
+}
+
 function DevView({
   processes,
   logs,
   description,
+  proxyTarget,
   onExit,
   onExportLogs,
 }: DevViewProps) {
@@ -133,14 +153,29 @@ function DevView({
       {allReady && (
         <Box marginBottom={1} flexDirection="column">
           <Box>
-            <Text color="#00ff41">{"  "}{icons.app} APP READY</Text>
+            <Text color="#00ff41">
+              {"  "}
+              {icons.app} APP READY
+            </Text>
           </Box>
           <Box>
-            <Text color="#00ff41" bold>{"  "}{icons.arrow} http://localhost:{hostPort}</Text>
+            <Text color="#00ff41" bold>
+              {"  "}
+              {icons.arrow} http://localhost:{hostPort}
+            </Text>
           </Box>
         </Box>
       )}
 
+      {proxyTarget && (
+        <Box marginBottom={1}>
+          <Text color="#ffaa00">
+            {"  "}
+            {icons.arrow} API PROXY → {truncateUrl(proxyTarget, 38)}
+          </Text>
+        </Box>
+      )}
+
       <Box marginTop={0} marginBottom={0}>
         <Text>{colors.dim(divider(52))}</Text>
       </Box>
@@ -160,7 +195,10 @@ function DevView({
             ? `${icons.ok} All ${total} services running`
             : `${icons.scan} ${readyCount}/${total} ready`}
         </Text>
-        <Text color="gray"> {icons.dot} q quit {icons.dot} l logs</Text>
+        <Text color="gray">
+          {" "}
+          {icons.dot} q quit {icons.dot} l logs
+        </Text>
       </Box>
 
       {recentLogs.length > 0 && (
@@ -199,6 +237,7 @@ export function renderDevView(
   let processes = [...initialProcesses];
   let logs: LogEntry[] = [];
   let rerender: (() => void) | null = null;
+  const proxyTarget = env.API_PROXY;
 
   const updateProcess = (
     name: string,
@@ -232,6 +271,7 @@ export function renderDevView(
         processes={processes}
         logs={logs}
         description={description}
+        proxyTarget={proxyTarget}
         onExit={onExit}
         onExportLogs={onExportLogs}
       />

package/src/components/streaming-view.ts

@@ -1,7 +1,10 @@
+import chalk from "chalk";
 import { linkify } from "../utils/linkify";
 import { colors, icons } from "../utils/theme";
 import type { ProcessState, ProcessStatus } from "./dev-view";
 
+const orange = chalk.hex("#ffaa00");
+
 export interface StreamingViewHandle {
   updateProcess: (name: string, status: ProcessStatus, message?: string) => void;
   addLog: (source: string, line: string, isError?: boolean) => void;
@@ -34,7 +37,7 @@ const getStatusIcon = (status: ProcessStatus): string => {
 export function renderStreamingView(
   initialProcesses: ProcessState[],
   description: string,
-  _env: Record<string, string>,
+  env: Record<string, string>,
   onExit?: () => void,
   _onExportLogs?: () => void,
 ): StreamingViewHandle {
@@ -46,6 +49,7 @@ export function renderStreamingView(
   let allReadyPrinted = false;
   const hostProcess = initialProcesses.find(p => p.name === "host");
   const hostPort = hostProcess?.port || 3000;
+  const proxyTarget = env.API_PROXY;
 
   console.log();
   console.log(colors.cyan(`${"─".repeat(52)}`));
@@ -53,6 +57,11 @@ export function renderStreamingView(
   console.log(colors.cyan(`${"─".repeat(52)}`));
   console.log();
 
+  if (proxyTarget) {
+    console.log(orange(`  ${icons.arrow} API PROXY → ${proxyTarget}`));
+    console.log();
+  }
+
   for (const proc of initialProcesses) {
     const color = getServiceColor(proc.name);
     const sourceLabel = proc.source ? ` (${proc.source})` : "";

package/src/config.ts

@@ -6,10 +6,11 @@ import type {
   HostConfig,
   PortConfig,
   RemoteConfig,
+  RuntimeConfig,
   SourceMode,
 } from "./types";
 
-export type { AppConfig, BosConfig, GatewayConfig, HostConfig, PortConfig, RemoteConfig, SourceMode };
+export type { AppConfig, BosConfig, GatewayConfig, HostConfig, PortConfig, RemoteConfig, RuntimeConfig, SourceMode };
 
 export const DEFAULT_DEV_CONFIG: AppConfig = {
   host: "local",
@@ -132,14 +133,6 @@ export function getAccount(): string {
   return config.account;
 }
 
-export function getTitle(): string {
-  const config = loadConfig();
-  if (!config) {
-    throw new Error("No bos.config.json found");
-  }
-  return config.app.host.title;
-}
-
 export function getComponentUrl(
   component: "host" | "ui" | "api",
   source: SourceMode
@@ -247,3 +240,47 @@ export async function getExistingPackages(packages: string[]): Promise<{ existin
 
   return { existing, missing };
 }
+
+export async function loadBosConfig(
+  env: "development" | "production" = "production"
+): Promise<RuntimeConfig> {
+  const configPath = process.env.BOS_CONFIG_PATH;
+  
+  let bosConfig: BosConfig;
+  if (configPath) {
+    const file = Bun.file(configPath);
+    const text = await file.text();
+    bosConfig = JSON.parse(text) as BosConfig;
+  } else {
+    const config = loadConfig();
+    if (!config) {
+      throw new Error("No bos.config.json found");
+    }
+    bosConfig = config;
+  }
+
+  const uiConfig = bosConfig.app.ui as RemoteConfig;
+  const apiConfig = bosConfig.app.api as RemoteConfig;
+
+  return {
+    env,
+    account: bosConfig.account,
+    title: bosConfig.account,
+    hostUrl: bosConfig.app.host[env],
+    shared: bosConfig.shared,
+    ui: {
+      name: uiConfig.name,
+      url: uiConfig[env],
+      ssrUrl: uiConfig.ssr,
+      source: "remote",
+    },
+    api: {
+      name: apiConfig.name,
+      url: apiConfig[env],
+      source: "remote",
+      proxy: apiConfig.proxy,
+      variables: apiConfig.variables,
+      secrets: apiConfig.secrets,
+    },
+  };
+}

package/src/contract.ts

@@ -211,16 +211,15 @@ const GatewaySyncResultSchema = z.object({
   error: z.string().optional(),
 });
 
-const SyncOptionsSchema = z.object({
+const UpdateOptionsSchema = z.object({
   account: z.string().optional(),
   gateway: z.string().optional(),
   network: z.enum(["mainnet", "testnet"]).default("mainnet"),
   force: z.boolean().optional(),
-  files: z.boolean().optional(),
 });
 
-const SyncResultSchema = z.object({
-  status: z.enum(["synced", "error"]),
+const UpdateResultSchema = z.object({
+  status: z.enum(["updated", "error"]),
   account: z.string(),
   gateway: z.string(),
   socialUrl: z.string().optional(),
@@ -500,10 +499,10 @@ export const bosContract = oc.router({
     .input(GatewaySyncOptionsSchema)
     .output(GatewaySyncResultSchema),
 
-  sync: oc
-    .route({ method: "POST", path: "/sync" })
-    .input(SyncOptionsSchema)
-    .output(SyncResultSchema),
+  update: oc
+    .route({ method: "POST", path: "/update" })
+    .input(UpdateOptionsSchema)
+    .output(UpdateResultSchema),
 
   depsUpdate: oc
     .route({ method: "POST", path: "/deps/update" })
@@ -580,8 +579,8 @@ export type SecretsDeleteResult = z.infer<typeof SecretsDeleteResultSchema>;
 export type LoginOptions = z.infer<typeof LoginOptionsSchema>;
 export type LoginResult = z.infer<typeof LoginResultSchema>;
 export type LogoutResult = z.infer<typeof LogoutResultSchema>;
-export type SyncOptions = z.infer<typeof SyncOptionsSchema>;
-export type SyncResult = z.infer<typeof SyncResultSchema>;
+export type UpdateOptions = z.infer<typeof UpdateOptionsSchema>;
+export type UpdateResult = z.infer<typeof UpdateResultSchema>;
 export type DepsUpdateOptions = z.infer<typeof DepsUpdateOptionsSchema>;
 export type DepsUpdateResult = z.infer<typeof DepsUpdateResultSchema>;
 export type FilesSyncOptions = z.infer<typeof FilesSyncOptionsSchema>;