anhedral 0.1.1 → 0.1.3

package/dist/templates/extension.js

@@ -1,37 +1,53 @@
+import { rmSync } from 'node:fs';
 import path from 'node:path';
 import { writeFile, exec } from '../util.js';
+import { anhedralPrint } from '../print.js';
 import { resolveToolchainChannel, resolveToolchain, toolPackageRef } from '../toolchain.js';
 export async function scaffoldExtension(root, { projectName, displayName }) {
-    const dir = path.join(root, 'extension');
+    const appsRoot = path.join(root, 'apps');
+    const dir = path.join(appsRoot, 'extension');
     const toolchain = resolveToolchain(resolveToolchainChannel(process.env.ANHEDRAL_TOOLCHAIN));
-    // ── 1. Scaffold via WXT CLI ───────────────────────────────────────────
-    console.log('  Scaffolding WXT extension...');
-    exec(`pnpm dlx ${toolPackageRef('wxt', toolchain.wxt)} init extension -t react --pm pnpm`, root);
-    // ── 2. Overwrite package.json with proper scripts ──────────────────────
+    anhedralPrint.section('Chrome extension (WXT)');
+    anhedralPrint.step('Scaffolding WXT extension');
+    writeFile(path.join(appsRoot, '.gitkeep'), '');
+    exec(`pnpm dlx ${toolPackageRef('wxt', toolchain.wxt)} init extension -t react --pm pnpm`, appsRoot);
     writePackageJson(dir, projectName);
-    // ── 3. Install dependencies ───────────────────────────────────────────
-    console.log('  Installing Clerk + React + UI dependencies...');
-    exec('pnpm add @clerk/chrome-extension react react-dom clsx tailwind-merge class-variance-authority lucide-react', dir);
-    exec(`pnpm add -D @types/chrome @types/react @types/react-dom @wxt-dev/module-react autoprefixer postcss tailwindcss typescript ${toolPackageRef('wxt', toolchain.wxt)}`, dir);
-    // ── 4. Write config files ─────────────────────────────────────────────
+    anhedralPrint.done('WXT extension scaffolded');
+    anhedralPrint.step('Installing Clerk + React + Tailwind dependencies');
+    exec(`pnpm add -D @types/chrome @types/react @types/react-dom @wxt-dev/module-react autoprefixer postcss tailwindcss@3.4.19 typescript@5.9.3 ${toolPackageRef('wxt', toolchain.wxt)}`, dir);
+    exec('pnpm add @clerk/chrome-extension react react-dom clsx tailwind-merge class-variance-authority lucide-react@0.468.0', dir);
+    anhedralPrint.done('Extension dependencies installed');
+    cleanWxtStarterFiles(dir);
     writeWxtConfig(dir, displayName);
     writeTsConfig(dir);
     writeEnvExample(dir);
+    writeEnvFile(dir);
     writePostcssConfig(dir);
     writeTailwindConfig(dir);
     writeShadcnConfig(dir);
+    writeReadme(dir, displayName);
     writeCnUtil(dir);
-    // ── 5. Write source files ─────────────────────────────────────────────
     writeAuthContext(dir);
     writeApiClient(dir);
     writeBackground(dir);
+    writeContentScript(dir);
     writeSidepanelEntry(dir);
     writeSidepanelHtml(dir, displayName);
     writeSidepanelApp(dir);
     writeStyles(dir);
-    // ── 6. Add shadcn button component (sets up CSS variables + component) ─
-    console.log('  Adding shadcn button component...');
+    anhedralPrint.step('Adding shadcn button component');
     exec(`pnpm dlx ${toolPackageRef('shadcn', toolchain.shadcn)} add button`, dir);
+    writeStyles(dir);
+    anhedralPrint.done('shadcn button installed');
+}
+function cleanWxtStarterFiles(dir) {
+    for (const relativePath of [
+        'entrypoints',
+        'assets/react.svg',
+        'public/wxt.svg',
+    ]) {
+        rmSync(path.join(dir, relativePath), { recursive: true, force: true });
+    }
 }
 function writePackageJson(dir, projectName) {
     writeFile(path.join(dir, 'package.json'), JSON.stringify({
@@ -64,7 +80,7 @@ export default defineConfig({
       description: '${displayName} Chrome Extension',
       version: '0.1.0',
       ...(crxPublicKey ? { key: crxPublicKey } : {}),
-      permissions: ['cookies', 'storage'],
+      permissions: ['activeTab', 'cookies', 'storage'],
       host_permissions: [],
       action: {
         default_title: 'Open ${displayName}',
@@ -87,6 +103,7 @@ function writeTsConfig(dir) {
             forceConsistentCasingInFileNames: true,
             resolveJsonModule: true,
             isolatedModules: true,
+            allowImportingTsExtensions: true,
             noEmit: true,
             jsx: 'react-jsx',
             lib: ['DOM', 'DOM.Iterable', 'ESNext'],
@@ -111,12 +128,29 @@ VITE_WEBSITE_URL=http://localhost:8081
 # Chrome Extension CRX public key (optional, for stable extension ID)
 VITE_CRX_PUBLIC_KEY=
 
+# RevenueCat Web Billing URL (optional, for subscription management)
+VITE_RC_BILLING_URL=
+`);
+}
+function writeEnvFile(dir) {
+    writeFile(path.join(dir, '.env'), `# Clerk Authentication
+VITE_CLERK_PUBLISHABLE_KEY=
+
+# Backend API URL
+VITE_API_URL=http://localhost:8787
+
+# Website URL (for sign-up and subscription links)
+VITE_WEBSITE_URL=http://localhost:8081
+
+# Chrome Extension CRX public key (optional, for stable extension ID)
+VITE_CRX_PUBLIC_KEY=
+
 # RevenueCat Web Billing URL (optional, for subscription management)
 VITE_RC_BILLING_URL=
 `);
 }
 function writePostcssConfig(dir) {
-    writeFile(path.join(dir, 'postcss.config.js'), `module.exports = {
+    writeFile(path.join(dir, 'postcss.config.cjs'), `module.exports = {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},
@@ -157,14 +191,79 @@ export function cn(...inputs: ClassValue[]) {
 `);
 }
 function writeTailwindConfig(dir) {
-    writeFile(path.join(dir, 'tailwind.config.js'), `/** @type {import('tailwindcss').Config} */
+    writeFile(path.join(dir, 'tailwind.config.cjs'), `/** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ['./src/**/*.{ts,tsx,html}'],
-  theme: { extend: {} },
+  theme: {
+    extend: {
+      colors: {
+        border: 'hsl(var(--border))',
+        input: 'hsl(var(--input))',
+        ring: 'hsl(var(--ring))',
+        background: 'hsl(var(--background))',
+        foreground: 'hsl(var(--foreground))',
+        primary: {
+          DEFAULT: 'hsl(var(--primary))',
+          foreground: 'hsl(var(--primary-foreground))',
+        },
+        secondary: {
+          DEFAULT: 'hsl(var(--secondary))',
+          foreground: 'hsl(var(--secondary-foreground))',
+        },
+        destructive: {
+          DEFAULT: 'hsl(var(--destructive))',
+          foreground: 'hsl(var(--destructive-foreground))',
+        },
+        muted: {
+          DEFAULT: 'hsl(var(--muted))',
+          foreground: 'hsl(var(--muted-foreground))',
+        },
+        accent: {
+          DEFAULT: 'hsl(var(--accent))',
+          foreground: 'hsl(var(--accent-foreground))',
+        },
+        popover: {
+          DEFAULT: 'hsl(var(--popover))',
+          foreground: 'hsl(var(--popover-foreground))',
+        },
+        card: {
+          DEFAULT: 'hsl(var(--card))',
+          foreground: 'hsl(var(--card-foreground))',
+        },
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },
+    },
+  },
   plugins: [],
 };
 `);
 }
+function writeReadme(dir, displayName) {
+    writeFile(path.join(dir, 'README.md'), `# ${displayName} Chrome Extension
+
+WXT side-panel extension generated by anhedral.
+
+## Development
+
+\`\`\`bash
+pnpm dev
+pnpm build
+pnpm zip
+\`\`\`
+
+Set \`VITE_CLERK_PUBLISHABLE_KEY\` and \`VITE_API_URL\` in \`.env\` before using auth-backed routes. Set \`VITE_CRX_PUBLIC_KEY\` only when you need a stable Chrome extension ID.
+
+## Chrome
+
+Run \`pnpm build\`, then load \`.output/chrome-mv3\` as an unpacked extension from \`chrome://extensions\`.
+
+The browser action opens the side panel. The background script initializes Clerk, the side panel handles sign-in/subscription state, and the content script is ready for page-to-extension messages.
+`);
+}
 function writeAuthContext(dir) {
     writeFile(path.join(dir, 'src/contexts/auth-context.tsx'), `import * as React from 'react';
 import { ClerkProvider, useAuth as useClerkAuth, useUser } from '@clerk/chrome-extension';
@@ -379,6 +478,23 @@ export default defineBackground(() => {
 });
 `);
 }
+function writeContentScript(dir) {
+    writeFile(path.join(dir, 'src/entrypoints/content.ts'), `export default defineContentScript({
+  matches: ['<all_urls>'],
+  main() {
+    chrome.runtime.onMessage.addListener((message, _sender, sendResponse) => {
+      if (message?.type !== 'ANHEDRAL_PAGE_SNAPSHOT') return false;
+
+      sendResponse({
+        title: document.title,
+        location: window.location.href,
+      });
+      return true;
+    });
+  },
+});
+`);
+}
 function writeSidepanelEntry(dir) {
     writeFile(path.join(dir, 'src/entrypoints/sidepanel/main.tsx'), `import * as React from 'react';
 import { createRoot } from 'react-dom/client';
@@ -418,9 +534,33 @@ function writeSidepanelApp(dir) {
     writeFile(path.join(dir, 'src/entrypoints/sidepanel/app.tsx'), `import * as React from 'react';
 import { useAuth } from '../../contexts/auth-context';
 import { SignIn } from '@clerk/chrome-extension';
+import { Button } from '../../components/ui/button';
+
+type PageSnapshot = {
+  title: string;
+  location: string;
+};
 
 export function SidePanelApp() {
   const { isSignedIn, isLoading, signOut, subscription } = useAuth();
+  const [page, setPage] = React.useState<PageSnapshot | null>(null);
+  const [pageError, setPageError] = React.useState<string | null>(null);
+
+  const readActivePage = React.useCallback(async () => {
+    setPageError(null);
+    const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
+    if (!tab.id) {
+      setPageError('No active tab is available.');
+      return;
+    }
+
+    try {
+      const response = await chrome.tabs.sendMessage(tab.id, { type: 'ANHEDRAL_PAGE_SNAPSHOT' });
+      setPage(response as PageSnapshot);
+    } catch {
+      setPageError('Refresh the active page, then try again.');
+    }
+  }, []);
 
   if (isLoading) {
     return <div style={{ padding: 24, textAlign: 'center' }}>Loading...</div>;
@@ -438,7 +578,15 @@ export function SidePanelApp() {
     <div style={{ padding: 24 }}>
       <h2>Welcome!</h2>
       <p>Subscription: {subscription.status}</p>
-      <button onClick={signOut}>Sign Out</button>
+      <Button type="button" onClick={() => void readActivePage()}>Read active page</Button>
+      {page ? (
+        <div style={{ marginTop: 16 }}>
+          <strong>{page.title || 'Untitled page'}</strong>
+          <p style={{ overflowWrap: 'anywhere' }}>{page.location}</p>
+        </div>
+      ) : null}
+      {pageError ? <p style={{ color: 'hsl(var(--destructive))' }}>{pageError}</p> : null}
+      <Button type="button" variant="outline" onClick={signOut}>Sign Out</Button>
     </div>
   );
 }
@@ -449,6 +597,40 @@ function writeStyles(dir) {
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 9%;
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 9%;
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 63.9%;
+    --radius: 0.5rem;
+  }
+
+  * {
+    border-color: hsl(var(--border));
+  }
+
+  body {
+    background: hsl(var(--background));
+    color: hsl(var(--foreground));
+  }
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

package/dist/templates/frontend.js

@@ -1,26 +1,27 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import { writeAnhedralLogo } from '../branding.js';
+import { anhedralPrint } from '../print.js';
 import { appendGitignore, writeFile, exec, execExpect, liftNestedProject } from '../util.js';
 import { resolveToolchainChannel, resolveToolchain, toolPackageRef } from '../toolchain.js';
 export async function scaffoldFrontend(root, { projectName, displayName }) {
-    const dir = path.join(root, 'frontend');
+    const dir = path.join(root, 'apps/mobile');
     const toolchain = resolveToolchain(resolveToolchainChannel(process.env.ANHEDRAL_TOOLCHAIN));
-    // ── 1. Scaffold via react-native-reusables CLI ────────────────────────
-    console.log('  Scaffolding Expo app with react-native-reusables...');
+    anhedralPrint.section('Mobile (Expo)');
+    anhedralPrint.step('Scaffolding Expo app with react-native-reusables');
     fs.mkdirSync(dir, { recursive: true });
     await execExpect(`pnpm dlx ${toolPackageRef('@react-native-reusables/cli', toolchain.reactNativeReusables)} init -t clerk-auth`, dir, [
         ['What is the name of your project?', projectName],
         ['Would you like to install dependencies?', 'n'],
         ['Would you like to initialize a Git repository?', 'n'],
     ]);
-    // The CLI scaffolds into a subdir named after the project — move contents up
     liftNestedProject(dir, projectName);
-    console.log('  Installing frontend dependencies...');
-    exec('pnpm install', dir);
+    anhedralPrint.done('Expo app scaffolded');
+    anhedralPrint.step('Installing mobile dependencies');
+    exec('pnpm install --no-frozen-lockfile', dir);
     patchFrontendPackageJson(dir);
     appendGitignore(dir, ['.env', '.env.*', '!.env.example']);
-    // ── 2. Patch in API client ────────────────────────────────────────────
+    anhedralPrint.done('Mobile dependencies installed');
     writeApiClient(dir);
     writeConfigFile(dir);
     writeApiHook(dir);
@@ -30,19 +31,19 @@ export async function scaffoldFrontend(root, { projectName, displayName }) {
     writeEnvExample(dir);
     writeEnvFile(dir);
     writeAnhedralLogo(dir);
-    // ── 2b. Write subscription files ─────────────────────────────────────
     writeSubscriptionProvider(dir);
     writeUseSubscription(dir);
-    // ── 3. Install extra dependencies ─────────────────────────────────────
-    console.log('  Installing additional dependencies...');
+    anhedralPrint.step('Installing image picker + RevenueCat SDKs');
     exec('pnpm exec expo install expo-image-picker', dir);
     exec('pnpm add react-native-purchases react-native-purchases-ui @revenuecat/purchases-js', dir);
+    anhedralPrint.done('Additional mobile SDKs installed');
 }
 function patchFrontendPackageJson(dir) {
     const filePath = path.join(dir, 'package.json');
     const packageJson = JSON.parse(fs.readFileSync(filePath, 'utf8'));
     packageJson.scripts = {
         ...(packageJson.scripts ?? {}),
+        build: 'pnpm typecheck',
         typecheck: 'tsc --noEmit',
     };
     writeFile(filePath, JSON.stringify(packageJson, null, 2) + '\n');

package/dist/toolchain.d.ts

@@ -2,12 +2,9 @@ export declare const TOOLCHAIN_CHANNELS: readonly ["latest", "stable"];
 export type ToolchainChannel = (typeof TOOLCHAIN_CHANNELS)[number];
 export type ToolchainSpec = {
     verifiedAt: string | null;
-    viteCreate: string;
     shadcn: string;
     reactNativeReusables: string;
     wxt: string;
-    tauriCli: string;
-    tauriApi: string;
 };
 export declare function resolveToolchainChannel(value: string | undefined): ToolchainChannel;
 export declare function resolveToolchain(channel: ToolchainChannel): ToolchainSpec;

package/dist/toolchain.js

@@ -2,27 +2,18 @@ export const TOOLCHAIN_CHANNELS = ['latest', 'stable'];
 const TOOLCHAIN_SPECS = {
     latest: {
         verifiedAt: null,
-        viteCreate: 'latest',
         shadcn: 'latest',
         reactNativeReusables: 'latest',
         wxt: 'latest',
-        tauriCli: 'latest',
-        tauriApi: 'latest',
     },
     stable: {
         verifiedAt: '2026-03-22',
-        // renovate: datasource=npm depName=create-vite
-        viteCreate: '7.1.4',
         // renovate: datasource=npm depName=shadcn
         shadcn: '4.1.0',
         // renovate: datasource=npm depName=@react-native-reusables/cli
         reactNativeReusables: '0.5.0',
         // renovate: datasource=npm depName=wxt
         wxt: '0.20.20',
-        // renovate: datasource=npm depName=@tauri-apps/cli
-        tauriCli: '2.8.4',
-        // renovate: datasource=npm depName=@tauri-apps/api
-        tauriApi: '2.8.0',
     },
 };
 export function resolveToolchainChannel(value) {

package/dist/util.js

@@ -13,13 +13,42 @@ export function appendGitignore(root, lines) {
     const merged = [...new Set([...existing, ...lines])];
     writeFile(filePath, merged.join('\n') + '\n');
 }
+const VERBOSE = process.env.ANHEDRAL_VERBOSE === '1';
+function dumpFailure(error, cmd) {
+    const err = error;
+    const stdoutText = err.stdout ? err.stdout.toString() : '';
+    const stderrText = err.stderr ? err.stderr.toString() : '';
+    if (stdoutText)
+        process.stderr.write(stdoutText);
+    if (stderrText)
+        process.stderr.write(stderrText);
+    throw new Error(`Command failed (exit ${err.status ?? '?'}): ${cmd}`);
+}
 export function exec(cmd, cwd) {
-    console.log(`  $ ${cmd}`);
-    execSync(cmd, { cwd, stdio: 'inherit' });
+    if (VERBOSE) {
+        console.log(`  $ ${cmd}`);
+        execSync(cmd, { cwd, stdio: 'inherit' });
+        return;
+    }
+    try {
+        execSync(cmd, { cwd, stdio: ['ignore', 'pipe', 'pipe'] });
+    }
+    catch (error) {
+        dumpFailure(error, cmd);
+    }
 }
 export function execWithInput(cmd, cwd, stdinInput) {
-    console.log(`  $ ${cmd}`);
-    execSync(cmd, { cwd, stdio: ['pipe', 'inherit', 'inherit'], input: stdinInput });
+    if (VERBOSE) {
+        console.log(`  $ ${cmd}`);
+        execSync(cmd, { cwd, stdio: ['pipe', 'inherit', 'inherit'], input: stdinInput });
+        return;
+    }
+    try {
+        execSync(cmd, { cwd, stdio: ['pipe', 'pipe', 'pipe'], input: stdinInput });
+    }
+    catch (error) {
+        dumpFailure(error, cmd);
+    }
 }
 function moveDirectoryContents(sourceDir, targetDir) {
     for (const entry of readdirSync(sourceDir, { withFileTypes: true })) {
@@ -63,11 +92,14 @@ function trimOutputTail(output, maxLength = 4000) {
     return output.slice(output.length - maxLength);
 }
 export async function execExpect(cmd, cwd, prompts, timeoutMs = 120_000) {
-    console.log(`  $ ${cmd}`);
+    if (VERBOSE) {
+        console.log(`  $ ${cmd}`);
+    }
     await new Promise((resolve, reject) => {
-        const child = spawn('bash', ['-lc', cmd], {
+        const child = spawn(cmd, {
             cwd,
             env: process.env,
+            shell: true,
             stdio: ['pipe', 'pipe', 'pipe'],
         });
         let combinedOutput = '';
@@ -90,7 +122,8 @@ export async function execExpect(cmd, cwd, prompts, timeoutMs = 120_000) {
         const handleChunk = (chunk, target) => {
             const text = chunk.toString();
             combinedOutput += text;
-            target.write(text);
+            if (VERBOSE)
+                target.write(text);
             maybeAnswerPrompt();
         };
         const timeoutId = setTimeout(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "anhedral",
-  "version": "0.1.1",
-  "description": "Opinionated init CLI for Next, Next + Fastify, Expo + Fastify, and backend starters with Neon, Drizzle, R2, auth, and billing integrations.",
+  "version": "0.1.3",
+  "description": "Opinionated init CLI for Expo or Next.js fullstack workspaces with Fastify, WXT, shared packages, Neon, Drizzle, Clerk, Stripe, RevenueCat, and R2.",
   "type": "module",
   "bin": {
     "anhedral": "bin/anhedral.js"
@@ -23,8 +23,7 @@
     "url": "https://github.com/anhedral/anhedral-init/issues"
   },
   "publishConfig": {
-    "access": "public",
-    "provenance": true
+    "access": "public"
   },
   "engines": {
     "node": ">=20.0.0"
@@ -37,14 +36,13 @@
     "test": "pnpm test:cli",
     "pretest": "pnpm build",
     "prepublishOnly": "pnpm test:all",
-    "test:cli": "node scripts/test-cli.js",
-    "test:cli:validation": "node scripts/test-cli-validation.js",
-    "test:cli:scaffold": "node scripts/test-cli-scaffold-headless.js",
-    "test:e2e": "node scripts/test-e2e-public-stacks.js",
-    "test:e2e:latest": "node scripts/test-e2e-public-stacks.js --toolchain latest",
+    "test:cli": "node tests/test-cli.js",
+    "test:cli:validation": "node tests/test-cli-validation.js",
+    "test:e2e": "node tests/test-e2e-public-stacks.js",
+    "test:e2e:latest": "node tests/test-e2e-public-stacks.js --toolchain latest",
     "test:all": "pnpm test && pnpm test:e2e",
     "release:check": "pnpm test:all && npm pack --dry-run",
-    "demo:refresh": "pnpm build && node scripts/refresh-demo.js"
+    "demo:refresh": "pnpm build && node tests/refresh-demo.js"
   },
   "keywords": [
     "cli",
@@ -55,7 +53,7 @@
     "drizzle",
     "neondb",
     "revenuecat",
-    "better-auth",
+    "wxt",
     "shadcn"
   ],
   "license": "MIT",