openmagic 0.31.0 → 0.31.2

package/README.md

@@ -25,17 +25,25 @@ No framework plugin. No IDE extension. No account. Bring your own API key.
 
 ---
 
+<div align="center">
+
+![OpenMagic Demo](https://raw.githubusercontent.com/Kalmuraee/OpenMagic/main/docs/demo.gif)
+
+</div>
+
+---
+
 ## Quick Start
 
 ```bash
 # 1. Start your dev server as usual
 npm run dev
 
-# 2. Launch OpenMagic (auto-detects your dev server)
+# 2. In your project folder, run OpenMagic (auto-detects your dev server)
 npx openmagic@latest
 ```
 
-A proxied version of your app opens with the AI toolbar overlaid. That is it.
+Run `npx openmagic@latest` from your project folder so it can find your source files and dev server. A proxied version of your app opens with the AI toolbar overlaid. That is it.
 
 ---
 
@@ -77,7 +85,7 @@ OpenMagic is a single-port reverse proxy. It sits between your browser and your
                         +-----------------------+
 ```
 
-1. **Proxy** -- All requests forward to your dev server. HTML responses get a `<script>` tag injected before `</body>`.
+1. **Proxy** -- All requests forward to your dev server. HTML responses get the toolbar `<script>` tag appended automatically.
 2. **Toolbar** -- A Shadow DOM Web Component. Fully isolated from your app's styles.
 3. **Server** -- Local Node.js process handling file I/O and proxying LLM calls. API keys never leave your machine.
 4. **HMR** -- When the AI modifies source files, your dev server's hot module replacement picks up changes automatically.
@@ -129,7 +137,7 @@ Stop with `Ctrl+C`. No files modified. No dependencies added. No traces.
 | `-p, --port <port>` | Dev server port to proxy | Auto-detect |
 | `-l, --listen <port>` | OpenMagic proxy port | `4567` |
 | `-r, --root <paths...>` | Project root directories | Current directory |
-| `--host <host>` | Dev server host | `127.0.0.1` |
+| `--host <host>` | Dev server host | `localhost` |
 | `--no-open` | Do not auto-open browser | `false` |
 
 ### Multi-Repo Support
@@ -145,7 +153,7 @@ Settings persist in `~/.openmagic/config.json` (your home directory, never in yo
 ```json
 {
   "provider": "anthropic",
-  "model": "claude-opus-4-6-20260326",
+  "model": "claude-opus-4-6",
   "apiKey": "sk-ant-..."
 }
 ```
@@ -162,7 +170,7 @@ npx openmagic --port 3000
 
 ## Security
 
-- **Localhost only** -- The proxy and WebSocket bind to `127.0.0.1`. Not accessible from the network.
+- **Localhost only** -- The proxy and WebSocket bind to `localhost`. Not accessible from the network.
 - **Session tokens** -- Each session generates a random token. The toolbar authenticates before accessing any API.
 - **Path sandboxing** -- File operations are restricted to configured root directories. Symlinks that escape the root are rejected.
 - **API keys stay local** -- Keys live in `~/.openmagic/config.json`. They are proxied through the local server, never exposed to the browser or any third party.
@@ -245,7 +253,7 @@ See the repo for project structure and contribution guidelines.
 
 ## License
 
-MIT -- Copyright (c) 2025-2026 Khalid Almuraee. See [LICENSE](./LICENSE) for details.
+MIT -- Copyright (c) 2026 Khalid Almuraee. See [LICENSE](./LICENSE) for details.
 
 ---
 

package/dist/cli.js

@@ -1449,7 +1449,7 @@ async function handleLlmChat(params, onChunk, onDone, onError) {
 }
 
 // src/server.ts
-var VERSION = "0.31.0";
+var VERSION = "0.31.1";
 var __dirname = dirname2(fileURLToPath(import.meta.url));
 function attachOpenMagic(httpServer, roots) {
   function handleRequest(req, res) {
@@ -1991,7 +1991,7 @@ process.on("uncaughtException", (err) => {
 });
 var childProcesses = [];
 var lastDetectedPort = null;
-var VERSION2 = "0.31.0";
+var VERSION2 = "0.31.1";
 function ask(question) {
   const rl = createInterface({ input: process.stdin, output: process.stdout });
   return new Promise((resolve3) => {