viagen 0.0.13 → 0.0.16

package/README.md

@@ -62,23 +62,23 @@ viagen({
   panelWidth: 420,           // chat panel width in px
   overlay: true,             // fix button on error overlay
   ui: true,                  // inject chat panel into pages
+  sandboxFiles: [...],       // copy files manually into sandbox
   systemPrompt: '...',       // custom system prompt (see below)
+  editable: ['src','conf'],  // files/dirs editable in the UI
 })
 ```
 
-### Sandbox Files
+### Editable Files
 
-Gitignored files (credentials, service accounts, etc.) aren't included when cloning from remote. To forward them into the sandbox, add a `viagen.sandboxFiles` array to your `package.json`:
+Add a file editor panel to the chat UI:
 
-```json
-{
-  "viagen": {
-    "sandboxFiles": ["creds.json", "service-account.json"]
-  }
-}
+```ts
+viagen({
+  editable: ['src/components', '.env', 'vite.config.ts']
+})
 ```
 
-These files are always overlaid into the sandbox regardless of deploy mode.
+Paths can be files or directories (directories include all files within). The editor appears as a "Files" tab in the chat panel. `.env` files get a key-value form with masked values.
 
 The default system prompt:
 
@@ -126,6 +126,9 @@ GET  /via/health      — check API key status
 GET  /via/error       — latest build error (if any)
 GET  /via/ui          — standalone chat interface
 GET  /via/iframe      — split view (app + chat side by side)
+GET  /via/files       — list editable files (when configured)
+GET  /via/file?path=  — read file content
+POST /via/file        — write file content { path, content }
 ```
 
 When `VIAGEN_AUTH_TOKEN` is set (always on in sandboxes), pass the token as a `Bearer` header or `?token=` query param.

package/dist/cli.js

@@ -835,11 +835,11 @@ async function sandbox(args) {
       "Note: Not a git repo \u2014 sandbox will use file upload (ephemeral)."
     );
   }
-  const pkgPath = join2(cwd, "package.json");
-  if (existsSync(pkgPath)) {
+  const configPath = join2(cwd, ".viagen", "config.json");
+  if (existsSync(configPath)) {
     try {
-      const pkg = JSON.parse(readFileSync2(pkgPath, "utf-8"));
-      const sandboxFiles = pkg.viagen?.sandboxFiles ?? [];
+      const config = JSON.parse(readFileSync2(configPath, "utf-8"));
+      const sandboxFiles = config.sandboxFiles ?? [];
       if (sandboxFiles.length > 0) {
         const extra = [];
         for (const file of sandboxFiles) {
@@ -852,7 +852,7 @@ async function sandbox(args) {
         }
         if (extra.length > 0) {
           overlayFiles = [...overlayFiles ?? [], ...extra];
-          console.log(`  Including ${extra.length} extra file(s) from sandboxFiles config.`);
+          console.log(`  Including ${extra.length} extra file(s) from sandboxFiles.`);
         }
       }
     } catch {
@@ -882,19 +882,23 @@ async function sandbox(args) {
     } : void 0,
     timeoutMinutes
   });
+  const iframeUrl = result.url.replace("?token=", "via/iframe?token=");
+  const chatUrl = result.url.replace("?token=", "via/ui?token=");
   console.log("");
   console.log("Sandbox deployed!");
   console.log("");
-  console.log(`  URL:        ${result.url}`);
+  console.log(`  App:        ${result.url}`);
+  console.log(`  Split view: ${iframeUrl}`);
+  console.log(`  Chat only:  ${chatUrl}`);
+  console.log("");
   console.log(`  Sandbox ID: ${result.sandboxId}`);
   console.log(
     `  Mode:       ${result.mode === "git" ? "git clone (can push)" : "file upload (ephemeral)"}`
   );
-  console.log(`  Token:      ${result.token}`);
   console.log(`  Timeout:    ${timeoutMinutes ?? 30} minutes`);
   console.log("");
   console.log(`Stop with: npx viagen sandbox stop ${result.sandboxId}`);
-  openBrowser2(result.url);
+  openBrowser2(iframeUrl);
 }
 function help() {
   console.log("viagen \u2014 Claude Code in your Vite dev server");

package/dist/index.d.ts

@@ -76,6 +76,12 @@ interface ViagenOptions {
      * @example ["config.json"]
      */
     sandboxFiles?: string[];
+    /**
+     * Files and directories editable through the UI file panel.
+     * Paths are relative to the project root. Directories include all files within.
+     * @example ['src/components', '.env', 'vite.config.ts']
+     */
+    editable?: string[];
 }
 
 declare function viagen(options?: ViagenOptions): Plugin;