viagen 0.0.4 → 0.0.8

package/README.md

@@ -1,6 +1,6 @@
 # viagen
 
-A Vite plugin and CLI tool that enables you to use Claude Code in a sandbox — instantly.
+A dev server plugin (Vite + webpack) and CLI tool that enables you to use Claude Code in a sandbox — instantly.
 
 ## Prerequisites
 
@@ -11,9 +11,11 @@ A Vite plugin and CLI tool that enables you to use Claude Code in a sandbox —
 ## Step 1 — Add viagen to your app
 
 ```bash
-npm install viagen
+npm install --save-dev viagen
 ```
 
+### Vite
+
 ```ts
 // vite.config.ts
 import { defineConfig } from 'vite'
@@ -24,6 +26,22 @@ export default defineConfig({
 })
 ```
 
+### webpack
+
+```js
+// webpack.config.js
+const { setupViagen } = require('viagen/webpack')
+
+module.exports = {
+  devServer: {
+    setupMiddlewares: (middlewares, devServer) => {
+      setupViagen(devServer)
+      return middlewares
+    }
+  }
+}
+```
+
 ## Step 2 — Setup
 
 ```bash
@@ -72,7 +90,10 @@ The default system prompt:
 You are embedded in a Vite dev server as the "viagen" plugin. Your job is to
 help build and modify the app. Files you edit will trigger Vite HMR
 automatically. You can read .viagen/server.log to check recent Vite dev server
-output (compile errors, HMR updates, warnings). Be concise.
+output (compile errors, HMR updates, warnings). When running in a sandbox with
+git, the gh CLI is available and authenticated — you can create pull requests,
+comment on issues, and manage releases. If Vercel credentials are set, you can
+run "vercel deploy" to publish a preview and share the URL. Be concise.
 ```
 
 Recent build errors are automatically appended to give Claude context about what went wrong. To customize the prompt, you can replace it entirely or extend the default:
@@ -89,6 +110,18 @@ viagen({
 })
 ```
 
+## webpack Options
+
+```js
+setupViagen(devServer, {
+  position: 'bottom-right',  // toggle button position
+  model: 'sonnet',           // claude model
+  panelWidth: 420,           // chat panel width in px
+  ui: true,                  // inject chat panel into pages
+  systemPrompt: '...',       // custom system prompt
+})
+```
+
 ## API
 
 Every viagen endpoint is available as an API. Build your own UI, integrate with CI, or script Claude from the command line.
@@ -99,6 +132,7 @@ POST /via/chat/reset  — clear conversation history
 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)
 ```
 
 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

@@ -76,7 +76,7 @@ async function deploySandbox(opts) {
         "user.email",
         opts.git.userEmail
       ]);
-      await sandbox2.runCommand("git", ["checkout", opts.git.branch]);
+      await sandbox2.runCommand("git", ["checkout", "-B", opts.git.branch]);
       await sandbox2.runCommand("bash", [
         "-c",
         `echo 'https://x-access-token:${opts.git.token}@${extractHost(opts.git.remoteUrl)}' > ~/.git-credentials`
@@ -87,6 +87,18 @@ async function deploySandbox(opts) {
         "credential.helper",
         "store"
       ]);
+      await sandbox2.runCommand("bash", [
+        "-c",
+        "apt-get update -qq && apt-get install -y -qq gh > /dev/null 2>&1 || true"
+      ]);
+      if (opts.vercel) {
+        await sandbox2.runCommand("npm", [
+          "install",
+          "-g",
+          "vercel",
+          "--silent"
+        ]);
+      }
       if (opts.overlayFiles && opts.overlayFiles.length > 0) {
         await sandbox2.writeFiles(opts.overlayFiles);
       }
@@ -96,7 +108,11 @@ async function deploySandbox(opts) {
         await sandbox2.writeFiles(files);
       }
     }
-    const envLines = [`VIAGEN_AUTH_TOKEN=${token}`];
+    const envLines = [
+      `VIAGEN_AUTH_TOKEN=${token}`,
+      `VIAGEN_SESSION_START=${Math.floor(Date.now() / 1e3)}`,
+      `VIAGEN_SESSION_TIMEOUT=${(opts.timeoutMinutes ?? 30) * 60}`
+    ];
     if (opts.apiKey) {
       envLines.push(`ANTHROPIC_API_KEY=${opts.apiKey}`);
     } else if (opts.oauth) {
@@ -107,6 +123,11 @@ async function deploySandbox(opts) {
     if (opts.git) {
       envLines.push(`GITHUB_TOKEN=${opts.git.token}`);
     }
+    if (opts.vercel) {
+      envLines.push(`VERCEL_TOKEN=${opts.vercel.token}`);
+      envLines.push(`VERCEL_ORG_ID=${opts.vercel.teamId}`);
+      envLines.push(`VERCEL_PROJECT_ID=${opts.vercel.projectId}`);
+    }
     await sandbox2.writeFiles([
       {
         path: ".env",
@@ -697,6 +718,11 @@ async function sandbox(args) {
     } : void 0,
     git: deployGit,
     overlayFiles,
+    vercel: env["VERCEL_TOKEN"] && env["VERCEL_TEAM_ID"] && env["VERCEL_PROJECT_ID"] ? {
+      token: env["VERCEL_TOKEN"],
+      teamId: env["VERCEL_TEAM_ID"],
+      projectId: env["VERCEL_PROJECT_ID"]
+    } : void 0,
     timeoutMinutes
   });
   console.log("");

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
 
-declare const DEFAULT_SYSTEM_PROMPT = "You are embedded in a Vite dev server as the \"viagen\" plugin. Your job is to help build and modify the app. Files you edit will trigger Vite HMR automatically. You can read .viagen/server.log to check recent Vite dev server output (compile errors, HMR updates, warnings). Be concise.";
+declare const DEFAULT_SYSTEM_PROMPT = "You are embedded in a Vite dev server as the \"viagen\" plugin. Your job is to help build and modify the app. Files you edit will trigger Vite HMR automatically. You can read .viagen/server.log to check recent Vite dev server output (compile errors, HMR updates, warnings). When running in a sandbox with git, the gh CLI is available and authenticated \u2014 you can create pull requests, comment on issues, and manage releases. If Vercel credentials are set, you can run \"vercel deploy\" to publish a preview and share the URL. Be concise.";
 
 interface GitInfo {
     /** HTTPS remote URL (transformed from SSH if needed). */
@@ -32,6 +32,12 @@ interface DeploySandboxOptions {
         path: string;
         content: Buffer;
     }[];
+    /** Vercel credentials for preview deploys from the sandbox. */
+    vercel?: {
+        token: string;
+        teamId: string;
+        projectId: string;
+    };
     /** Sandbox timeout in minutes (default: 30, max depends on Vercel plan). */
     timeoutMinutes?: number;
 }