@upend/cli 0.1.1 → 0.1.2

package/bin/cli.ts

@@ -1,7 +1,18 @@
 #!/usr/bin/env bun
 
+import { existsSync } from "fs";
+
+// auto-load encrypted .env if present (skip for init — no .env yet)
 const args = process.argv.slice(2);
 const command = args[0];
+if (command !== "init" && existsSync(".env")) {
+  try {
+    const { config } = await import("@dotenvx/dotenvx");
+    config({ quiet: true });
+  } catch {
+    // dotenvx not available, env vars must be set manually
+  }
+}
 
 const commands: Record<string, () => Promise<void>> = {
   init: () => import("../src/commands/init").then((m) => m.default(args.slice(1))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upend/cli",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Anti-SaaS stack. Deploy live apps with Claude, Postgres, and rsync.",
   "type": "module",
   "bin": {
@@ -19,6 +19,7 @@
     "url": "https://github.com/cif/upend"
   },
   "dependencies": {
+    "@dotenvx/dotenvx": "^1.55.1",
     "hono": "^4.12.8",
     "jose": "^6.2.1",
     "postgres": "^3.4.8"

package/src/commands/dev.ts

@@ -23,7 +23,7 @@ export default async function dev(args: string[]) {
 
   // start API service
   log.info(`starting api → :${apiPort}`);
-  Bun.spawn(["bunx", "@dotenvx/dotenvx", "run", "--", "bun", "--watch", `${cliRoot}/src/services/gateway/index.ts`], {
+  Bun.spawn(["bun", "--watch", `${cliRoot}/src/services/gateway/index.ts`], {
     cwd: projectDir,
     env: { ...process.env, API_PORT: apiPort, UPEND_PROJECT: projectDir },
     stdout: "inherit",
@@ -32,7 +32,7 @@ export default async function dev(args: string[]) {
 
   // start Claude service
   log.info(`starting claude → :${claudePort}`);
-  Bun.spawn(["bunx", "@dotenvx/dotenvx", "run", "--", "bun", "--watch", `${cliRoot}/src/services/claude/index.ts`], {
+  Bun.spawn(["bun", "--watch", `${cliRoot}/src/services/claude/index.ts`], {
     cwd: projectDir,
     env: { ...process.env, CLAUDE_PORT: claudePort, UPEND_PROJECT: projectDir },
     stdout: "inherit",

package/src/commands/init.ts

@@ -340,10 +340,10 @@ All requests need \`Authorization: Bearer <jwt>\` header.
   log.blank();
   log.info(`cd ${name}`);
   if (!process.env.ANTHROPIC_API_KEY) {
-    log.info("upend env:set ANTHROPIC_API_KEY <your-key>");
+    log.info("bunx upend env:set ANTHROPIC_API_KEY <your-key>");
   }
-  log.info("upend migrate");
-  log.info("upend dev");
+  log.info("bunx upend migrate");
+  log.info("bunx upend dev");
   log.blank();
   if (databaseUrl) {
     log.dim(`database:  ${neonProjectId}`);

package/src/services/dashboard/public/index.html

@@ -190,6 +190,25 @@
   </div>
 </div>
 
+<!-- new app modal -->
+<div x-show="showNewAppModal" x-transition class="fixed inset-0 bg-black/60 flex items-center justify-center z-50">
+  <form @submit.prevent="submitNewApp()"
+    @keydown.escape="showNewAppModal = false"
+    class="bg-surface border border-border rounded-xl p-6 w-96 flex flex-col gap-4">
+    <h3 class="text-accent font-bold text-sm">new app</h3>
+    <input x-model="newAppName" x-ref="newAppNameInput" type="text" placeholder="app name (lowercase, no spaces)"
+      class="bg-bg border border-border rounded-md px-3 py-2 text-sm text-gray-200 font-mono outline-none focus:border-accent">
+    <textarea x-model="newAppDesc" rows="3" placeholder="what should this app do?"
+      class="bg-bg border border-border rounded-md px-3 py-2 text-sm text-gray-200 font-mono outline-none focus:border-accent resize-none"></textarea>
+    <div class="flex gap-2 justify-end">
+      <button type="button" @click="showNewAppModal = false"
+        class="text-muted text-xs px-3 py-1.5 rounded border border-border cursor-pointer hover:text-gray-200 font-mono">cancel</button>
+      <button type="submit" :disabled="!newAppName.trim() || !newAppDesc.trim()"
+        class="bg-accent text-black text-xs px-4 py-1.5 rounded font-bold cursor-pointer disabled:opacity-40 font-mono">create</button>
+    </div>
+  </form>
+</div>
+
 <!-- main panels -->
 <div x-show="token" class="flex-1 flex min-h-0">
   <!-- left: chat (native DOM) -->
@@ -385,6 +404,9 @@ function dashboard() {
     showSessionModal: false,
     showCloseModal: false,
     showPublishModal: false,
+    showNewAppModal: false,
+    newAppName: '',
+    newAppDesc: '',
     sessionTitle: '',
     _pendingPrompt: '',
 
@@ -826,10 +848,17 @@ function dashboard() {
 
     createNewApp() {
       this.appsOpen = false;
-      const name = window.prompt('app name (lowercase, no spaces):');
-      if (!name) return;
-      const desc = window.prompt('what should this app do?');
-      if (!desc) return;
+      this.newAppName = '';
+      this.newAppDesc = '';
+      this.showNewAppModal = true;
+      this.$nextTick(() => this.$refs.newAppNameInput?.focus());
+    },
+
+    submitNewApp() {
+      const name = this.newAppName.trim().toLowerCase().replace(/\s+/g, '-');
+      const desc = this.newAppDesc.trim();
+      if (!name || !desc) return;
+      this.showNewAppModal = false;
       this.prompt = `create an app called "${name}" in apps/${name}/. ${desc}`;
       this.sendPrompt();
     },