@mushi-mushi/cli 0.22.1 → 0.23.0

package/README.md

@@ -2,7 +2,7 @@
 
 > **Your AI wrote it. Mushi tells you why it broke.**
 
-Set up the Mushi SDK, wire Cursor MCP, and triage reports from your terminal.
+Set up the Mushi SDK, wire Cursor MCP, and review bugs from your terminal.
 
 Positioning and product overview: [docs site](https://github.com/kensaurus/mushi-mushi/blob/master/apps/docs/content/quickstart/index.mdx) · [VISION.md](https://github.com/kensaurus/mushi-mushi/blob/master/VISION.md)
 
@@ -51,7 +51,7 @@ npx mushi-mushi
 The wizard:
 
 1. **Prerequisite step** (unless flags/config already present): open console to create a project, paste existing credentials, or exit to run `mushi login` first.
-2. Detects your framework (Next.js, Nuxt, SvelteKit, Angular, Expo, Capacitor, plain React/Vue/Svelte, or vanilla JS) from `package.json` and config files.
+2. Detects your framework (Next.js, Remix, Astro, Nuxt, SvelteKit, Angular, Expo, Capacitor, Create React App, Solid/SolidStart, plain React/Vue/Svelte, Express/Fastify/Hono, or vanilla JS) from `package.json` and config files — and writes the correct client env-var prefix for each (`NEXT_PUBLIC_`, `VITE_`, `PUBLIC_`, `REACT_APP_`, `EXPO_PUBLIC_`, or bare `MUSHI_*`).
 3. Calls **`GET /v1/sync/whoami`** to verify Project ID + API key before installing anything.
 4. Picks the right SDK package (`@mushi-mushi/react`, `@mushi-mushi/vue`, etc.) plus `@mushi-mushi/web` when the framework SDK is API-only.
 5. Detects your package manager (npm / pnpm / yarn / bun) from your lockfile and installs with that — `shell: false`, with Windows `.cmd` shim resolution.

package/dist/{chunk-JAUKBLPK.js → chunk-AIZRI665.js}

@@ -4,6 +4,10 @@ import { join } from "path";
 var FRAMEWORK_IDS = [
   "next",
   "react",
+  "cra",
+  "remix",
+  "astro",
+  "solid",
   "vue",
   "nuxt",
   "svelte",
@@ -57,6 +61,90 @@ createRoot(document.getElementById('root')!).render(
     <App />
   </MushiProvider>
 )`
+  },
+  cra: {
+    id: "cra",
+    label: "Create React App",
+    packageName: "@mushi-mushi/react",
+    needsWebPackage: false,
+    // CRA inlines only REACT_APP_*-prefixed vars into process.env at build time.
+    snippet: () => `// src/index.tsx
+import { MushiProvider } from '@mushi-mushi/react'
+
+root.render(
+  <MushiProvider config={{
+    projectId: process.env.REACT_APP_MUSHI_PROJECT_ID,
+    apiKey: process.env.REACT_APP_MUSHI_API_KEY,
+  }}>
+    <App />
+  </MushiProvider>
+)`
+  },
+  remix: {
+    id: "remix",
+    label: "Remix",
+    packageName: "@mushi-mushi/react",
+    needsWebPackage: false,
+    // Remix doesn't inline client env. Expose public values at runtime via the
+    // root loader + window.ENV (works on both the classic compiler and Vite).
+    snippet: () => `// app/root.tsx
+import { MushiProvider } from '@mushi-mushi/react'
+import { useLoaderData } from '@remix-run/react'
+
+export async function loader() {
+  return { ENV: {
+    MUSHI_PROJECT_ID: process.env.MUSHI_PROJECT_ID,
+    MUSHI_API_KEY: process.env.MUSHI_API_KEY,
+  } }
+}
+
+export default function App() {
+  const { ENV } = useLoaderData<typeof loader>()
+  return (
+    <html>
+      <body>
+        <MushiProvider config={{ projectId: ENV.MUSHI_PROJECT_ID, apiKey: ENV.MUSHI_API_KEY }}>
+          <Outlet />
+        </MushiProvider>
+        <Scripts />
+      </body>
+    </html>
+  )
+}`
+  },
+  astro: {
+    id: "astro",
+    label: "Astro",
+    packageName: "@mushi-mushi/web",
+    needsWebPackage: false,
+    // Astro exposes only PUBLIC_*-prefixed vars to client code (Vite-based).
+    snippet: () => `---
+// src/layouts/Layout.astro (add this <script> once, e.g. in your base layout)
+---
+<script>
+  import { Mushi } from '@mushi-mushi/web'
+  Mushi.init({
+    projectId: import.meta.env.PUBLIC_MUSHI_PROJECT_ID,
+    apiKey: import.meta.env.PUBLIC_MUSHI_API_KEY,
+  })
+</script>`
+  },
+  solid: {
+    id: "solid",
+    label: "Solid",
+    packageName: "@mushi-mushi/web",
+    needsWebPackage: false,
+    // Solid / SolidStart are Vite-based → VITE_*-prefixed client env.
+    snippet: () => `// src/index.tsx (or src/app.tsx for SolidStart)
+import { onMount } from 'solid-js'
+import { Mushi } from '@mushi-mushi/web'
+
+onMount(() => {
+  Mushi.init({
+    projectId: import.meta.env.VITE_MUSHI_PROJECT_ID,
+    apiKey: import.meta.env.VITE_MUSHI_API_KEY,
+  })
+})`
   },
   vue: {
     id: "vue",
@@ -287,10 +375,16 @@ function detectFramework(cwd, pkg) {
   if (deps.has("@angular/core")) return FRAMEWORKS.angular;
   if (deps.has("expo")) return FRAMEWORKS.expo;
   if (deps.has("react-native")) return FRAMEWORKS["react-native"];
+  if (deps.has("@remix-run/react") || deps.has("@remix-run/node") || deps.has("@remix-run/serve")) {
+    return FRAMEWORKS.remix;
+  }
+  if (deps.has("astro")) return FRAMEWORKS.astro;
+  if (deps.has("@solidjs/start") || deps.has("solid-js")) return FRAMEWORKS.solid;
   if (deps.has("@capacitor/core") && deps.has("react")) return FRAMEWORKS.react;
   if (deps.has("@capacitor/core")) return FRAMEWORKS.capacitor;
   if (deps.has("svelte")) return FRAMEWORKS.svelte;
   if (deps.has("vue")) return FRAMEWORKS.vue;
+  if (deps.has("react-scripts")) return FRAMEWORKS.cra;
   if (deps.has("react")) return FRAMEWORKS.react;
   if (deps.has("express")) return FRAMEWORKS.express;
   if (deps.has("fastify")) return FRAMEWORKS.fastify;
@@ -303,6 +397,12 @@ function detectFramework(cwd, pkg) {
   }
   if (existsSync(join(cwd, "svelte.config.js"))) return FRAMEWORKS.svelte;
   if (existsSync(join(cwd, "angular.json"))) return FRAMEWORKS.angular;
+  if (existsSync(join(cwd, "remix.config.js")) || existsSync(join(cwd, "remix.config.ts"))) {
+    return FRAMEWORKS.remix;
+  }
+  if (existsSync(join(cwd, "astro.config.mjs")) || existsSync(join(cwd, "astro.config.ts")) || existsSync(join(cwd, "astro.config.js"))) {
+    return FRAMEWORKS.astro;
+  }
   return FRAMEWORKS.vanilla;
 }
 function detectPackageManager(cwd) {
@@ -331,7 +431,7 @@ function envVarsToWrite(apiKey, projectId, framework, endpoint) {
       endpointLine
     ].filter(Boolean).join("\n");
   }
-  if (framework.id === "react-native") {
+  if (framework.id === "react-native" || framework.id === "remix") {
     return [
       `MUSHI_PROJECT_ID=${projectId}`,
       `MUSHI_API_KEY=${apiKey}`,
@@ -345,7 +445,7 @@ function envVarsToWrite(apiKey, projectId, framework, endpoint) {
       endpointLine ? `EXPO_PUBLIC_${endpointLine}` : null
     ].filter(Boolean).join("\n");
   }
-  const prefix = framework.id === "next" ? "NEXT_PUBLIC_" : framework.id === "nuxt" ? "NUXT_PUBLIC_" : "VITE_";
+  const prefix = framework.id === "next" ? "NEXT_PUBLIC_" : framework.id === "nuxt" ? "NUXT_PUBLIC_" : framework.id === "cra" ? "REACT_APP_" : framework.id === "astro" ? "PUBLIC_" : "VITE_";
   return [
     `${prefix}MUSHI_PROJECT_ID=${projectId}`,
     `${prefix}MUSHI_API_KEY=${apiKey}`,

package/dist/chunk-BY5SZYRO.js

@@ -0,0 +1,6 @@
+// src/version.ts
+var MUSHI_CLI_VERSION = true ? "0.23.0" : "0.0.0-dev";
+
+export {
+  MUSHI_CLI_VERSION
+};