create-claudius 1.8.0 → 1.9.0

package/templates/react/package.json

@@ -1,23 +1,23 @@
-{
-  "name": "{{PROJECT_NAME}}",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --noEmit && vite build",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "claudius-chat-widget": "{{WIDGET_VERSION}}",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "typescript": "^5.6.0",
-    "vite": "^6.0.0"
-  }
-}
+{
+  "name": "{{PROJECT_NAME}}",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --noEmit && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "claudius-chat-widget": "{{WIDGET_VERSION}}",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "typescript": "^5.6.0",
+    "vite": "^6.0.0"
+  }
+}

package/templates/react/src/App.tsx

@@ -1,31 +1,31 @@
-import { ChatWidget } from "claudius-chat-widget";
-import "claudius-chat-widget/style.css";
-
-const pageStyle: React.CSSProperties = {
-  fontFamily: "system-ui, -apple-system, Segoe UI, Roboto, sans-serif",
-  display: "grid",
-  placeItems: "center",
-  minHeight: "100vh",
-  margin: 0,
-};
-
-export function App() {
-  return (
-    <main style={pageStyle}>
-      <div style={{ maxWidth: "32rem", padding: "2rem", textAlign: "center" }}>
-        <h1>{{PROJECT_NAME}}</h1>
-        <p>
-          Edit <code>src/App.tsx</code> and configure the widget via its props. The
-          launcher is in the corner.
-        </p>
-      </div>
-
-      <ChatWidget
-        apiUrl="{{API_URL}}"
-        title="{{PROJECT_NAME}}"
-        theme="{{THEME}}"
-        accentColor="{{ACCENT_COLOR}}"
-      />
-    </main>
-  );
-}
+import { ChatWidget } from "claudius-chat-widget";
+import "claudius-chat-widget/style.css";
+
+const pageStyle: React.CSSProperties = {
+  fontFamily: "system-ui, -apple-system, Segoe UI, Roboto, sans-serif",
+  display: "grid",
+  placeItems: "center",
+  minHeight: "100vh",
+  margin: 0,
+};
+
+export function App() {
+  return (
+    <main style={pageStyle}>
+      <div style={{ maxWidth: "32rem", padding: "2rem", textAlign: "center" }}>
+        <h1>{{PROJECT_NAME}}</h1>
+        <p>
+          Edit <code>src/App.tsx</code> and configure the widget via its props. The
+          launcher is in the corner.
+        </p>
+      </div>
+
+      <ChatWidget
+        apiUrl="{{API_URL}}"
+        title="{{PROJECT_NAME}}"
+        theme="{{THEME}}"
+        accentColor="{{ACCENT_COLOR}}"
+      />
+    </main>
+  );
+}

package/templates/react/src/main.tsx

@@ -1,9 +1,9 @@
-import React from "react";
-import { createRoot } from "react-dom/client";
-import { App } from "./App";
-
-createRoot(document.getElementById("root")!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./App";
+
+createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);

package/templates/react/tsconfig.json

@@ -1,17 +1,17 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "skipLibCheck": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "useDefineForClassFields": true
-  },
-  "include": ["src", "vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "useDefineForClassFields": true
+  },
+  "include": ["src", "vite.config.ts"]
+}

package/templates/react/vite.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-export default defineConfig({
-  plugins: [react()],
-});
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+});

package/templates/vanilla/README.md

@@ -1,19 +1,19 @@
-# {{PROJECT_NAME}}
-
-A static site with the [Claudius](https://claudius-docs.pages.dev) chat widget
-embedded via the CDN — no build step required for the widget itself.
-
-```bash
-pnpm install
-pnpm dev
-```
-
-The widget is configured in `index.html` via `window.ClaudiusConfig`:
-
-- `apiUrl` — your deployed Claudius worker (currently `{{API_URL}}`)
-- `theme` — `{{THEME}}`
-- `accentColor` — `{{ACCENT_COLOR}}`
-
-You need a running Claudius worker for the chat to respond. See the
-[worker setup guide](https://claudius-docs.pages.dev/deployment/worker/), or
-re-run the scaffolder with `--worker` to generate one.
+# {{PROJECT_NAME}}
+
+A static site with the [Claudius](https://claudius-docs.pages.dev) chat widget
+embedded via the CDN — no build step required for the widget itself.
+
+```bash
+pnpm install
+pnpm dev
+```
+
+The widget is configured in `index.html` via `window.ClaudiusConfig`:
+
+- `apiUrl` — your deployed Claudius worker (currently `{{API_URL}}`)
+- `theme` — `{{THEME}}`
+- `accentColor` — `{{ACCENT_COLOR}}`
+
+You need a running Claudius worker for the chat to respond. See the
+[worker setup guide](https://claudius-docs.pages.dev/deployment/worker/), or
+re-run the scaffolder with `--worker` to generate one.

package/templates/vanilla/_gitignore

@@ -1,4 +1,4 @@
-node_modules
-dist
-*.local
-.DS_Store
+node_modules
+dist
+*.local
+.DS_Store

package/templates/vanilla/index.html

@@ -1,60 +1,60 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>{{PROJECT_NAME}}</title>
-    <!-- Claudius widget styles (CDN, auto-updates within v1.x) -->
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/gh/PMDevSolutions/Claudius@1/cdn/claudius.css"
-    />
-    <style>
-      :root {
-        font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
-        line-height: 1.5;
-      }
-      body {
-        margin: 0;
-        min-height: 100vh;
-        display: grid;
-        place-items: center;
-        background: #f8fafc;
-        color: #0f172a;
-      }
-      main {
-        max-width: 32rem;
-        padding: 2rem;
-        text-align: center;
-      }
-      code {
-        background: #e2e8f0;
-        padding: 0.15em 0.4em;
-        border-radius: 0.3em;
-      }
-    </style>
-  </head>
-  <body>
-    <main>
-      <h1>{{PROJECT_NAME}}</h1>
-      <p>
-        Your Claudius chat widget is live in the corner. Configure it by editing
-        <code>window.ClaudiusConfig</code> in <code>index.html</code>.
-      </p>
-    </main>
-
-    <!-- Claudius Chat Widget -->
-    <script>
-      window.ClaudiusConfig = {
-        apiUrl: "{{API_URL}}",
-        title: "{{PROJECT_NAME}}",
-        theme: "{{THEME}}",
-        accentColor: "{{ACCENT_COLOR}}",
-      };
-    </script>
-    <script
-      src="https://cdn.jsdelivr.net/gh/PMDevSolutions/Claudius@1/cdn/claudius.iife.js"
-      defer
-    ></script>
-  </body>
-</html>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+    <!-- Claudius widget styles (CDN, auto-updates within v1.x) -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/gh/PMDevSolutions/Claudius@1/cdn/claudius.css"
+    />
+    <style>
+      :root {
+        font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
+        line-height: 1.5;
+      }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        background: #f8fafc;
+        color: #0f172a;
+      }
+      main {
+        max-width: 32rem;
+        padding: 2rem;
+        text-align: center;
+      }
+      code {
+        background: #e2e8f0;
+        padding: 0.15em 0.4em;
+        border-radius: 0.3em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>{{PROJECT_NAME}}</h1>
+      <p>
+        Your Claudius chat widget is live in the corner. Configure it by editing
+        <code>window.ClaudiusConfig</code> in <code>index.html</code>.
+      </p>
+    </main>
+
+    <!-- Claudius Chat Widget -->
+    <script>
+      window.ClaudiusConfig = {
+        apiUrl: "{{API_URL}}",
+        title: "{{PROJECT_NAME}}",
+        theme: "{{THEME}}",
+        accentColor: "{{ACCENT_COLOR}}",
+      };
+    </script>
+    <script
+      src="https://cdn.jsdelivr.net/gh/PMDevSolutions/Claudius@1/cdn/claudius.iife.js"
+      defer
+    ></script>
+  </body>
+</html>

package/templates/vanilla/package.json

@@ -1,14 +1,14 @@
-{
-  "name": "{{PROJECT_NAME}}",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "vite": "^6.0.0"
-  }
-}
+{
+  "name": "{{PROJECT_NAME}}",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vite": "^6.0.0"
+  }
+}

package/templates/worker/.dev.vars.example

@@ -1,3 +1,3 @@
-# Copy this file to .dev.vars and fill in your key for local development:
-#   cp .dev.vars.example .dev.vars
-ANTHROPIC_API_KEY=
+# Copy this file to .dev.vars and fill in your key for local development:
+#   cp .dev.vars.example .dev.vars
+ANTHROPIC_API_KEY=

package/templates/worker/README.md

@@ -1,34 +1,34 @@
-# {{PROJECT_NAME}}-worker
-
-A minimal [Cloudflare Worker](https://workers.cloudflare.com) that keeps your
-Anthropic API key server-side and powers the Claudius widget. It exposes
-`POST /api/chat` and `GET /api/health`, with CORS and a small KV-backed rate limit.
-
-> This is a trimmed starter. For the full-featured worker (analytics, configurable
-> rate limits, richer error handling), see the
-> [Claudius worker](https://github.com/PMDevSolutions/Claudius/tree/main/worker).
-
-## Local development
-
-```bash
-pnpm install
-cp .dev.vars.example .dev.vars   # then add your ANTHROPIC_API_KEY
-pnpm dev                          # http://localhost:8787
-```
-
-## Deploy
-
-```bash
-# 1. Create the KV namespace and paste the id(s) into wrangler.toml
-npx wrangler kv namespace create RATE_LIMIT
-
-# 2. Store your API key as a secret
-npx wrangler secret put ANTHROPIC_API_KEY
-
-# 3. Deploy
-npx wrangler deploy
-```
-
-After deploying, set `ALLOWED_ORIGIN` (in `wrangler.toml` or the Cloudflare
-dashboard) to your site's origin, and point the widget's `apiUrl` at the worker
-URL.
+# {{PROJECT_NAME}}-worker
+
+A minimal [Cloudflare Worker](https://workers.cloudflare.com) that keeps your
+Anthropic API key server-side and powers the Claudius widget. It exposes
+`POST /api/chat` and `GET /api/health`, with CORS and a small KV-backed rate limit.
+
+> This is a trimmed starter. For the full-featured worker (analytics, configurable
+> rate limits, richer error handling), see the
+> [Claudius worker](https://github.com/PMDevSolutions/Claudius/tree/main/worker).
+
+## Local development
+
+```bash
+pnpm install
+cp .dev.vars.example .dev.vars   # then add your ANTHROPIC_API_KEY
+pnpm dev                          # http://localhost:8787
+```
+
+## Deploy
+
+```bash
+# 1. Create the KV namespace and paste the id(s) into wrangler.toml
+npx wrangler kv namespace create RATE_LIMIT
+
+# 2. Store your API key as a secret
+npx wrangler secret put ANTHROPIC_API_KEY
+
+# 3. Deploy
+npx wrangler deploy
+```
+
+After deploying, set `ALLOWED_ORIGIN` (in `wrangler.toml` or the Cloudflare
+dashboard) to your site's origin, and point the widget's `apiUrl` at the worker
+URL.

package/templates/worker/_gitignore

@@ -1,5 +1,5 @@
-node_modules
-.wrangler
-dist
-.dev.vars
-.DS_Store
+node_modules
+.wrangler
+dist
+.dev.vars
+.DS_Store

package/templates/worker/package.json

@@ -1,18 +1,18 @@
-{
-  "name": "{{PROJECT_NAME}}-worker",
-  "private": true,
-  "version": "0.0.0",
-  "scripts": {
-    "dev": "wrangler dev",
-    "deploy": "wrangler deploy"
-  },
-  "dependencies": {
-    "@anthropic-ai/sdk": "^0.52.0",
-    "hono": "^4.7.0"
-  },
-  "devDependencies": {
-    "@cloudflare/workers-types": "^4.20240909.0",
-    "typescript": "^5.6.0",
-    "wrangler": "^4.6.0"
-  }
-}
+{
+  "name": "{{PROJECT_NAME}}-worker",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "wrangler dev",
+    "deploy": "wrangler deploy"
+  },
+  "dependencies": {
+    "@anthropic-ai/sdk": "^0.52.0",
+    "hono": "^4.7.0"
+  },
+  "devDependencies": {
+    "@cloudflare/workers-types": "^4.20240909.0",
+    "typescript": "^5.6.0",
+    "wrangler": "^4.6.0"
+  }
+}