create-muten 0.0.10 → 0.0.11

package/index.js

@@ -2,7 +2,7 @@
 // create-muten — scaffold a new Muten app, with modern interactive prompts (@clack/prompts).
 //
 //   npm create muten@latest [name]              (or: npx create-muten)
-//   create-muten [name] [--template basic|routing|full] [--css|--scss] [--tailwind] [--daisyui] [--svelte] [--react] [--pm npm|pnpm|yarn|bun] [--no-install]
+//   create-muten [name] [--template muten|react|svelte] [--css|--scss] [--tailwind] [--daisyui] [--vercel] [--tauri] [--pm npm|pnpm|yarn|bun] [--no-install]
 //
 // Stylesheet (CSS or SCSS) is the base; Tailwind is an optional add-on ON TOP of CSS (it's a styling
 // library, not a stylesheet replacement). Interactive in a TTY; flags / non-TTY make it scriptable.
@@ -54,7 +54,6 @@ const WELCOME_CSS = `
 .stat-l { color: #71717a; font-size: 12px; line-height: 1.45; margin-top: 6px; }
 .section { display: flex; flex-direction: column; gap: 14px; }
 .h2 { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
-.snippet { background: #18181b; color: #e4e4e7; border-radius: 14px; padding: 20px 22px; margin: 0; overflow-x: auto; white-space: pre; font: 13px/1.7 ui-monospace, 'SF Mono', Menlo, Consolas, monospace; }
 .note { color: #71717a; font-size: 13px; line-height: 1.55; }
 .cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
 .card { border: 1px solid #e4e4e7; border-radius: 14px; padding: 18px; background: #fff; }
@@ -120,8 +119,9 @@ const TAURI_NOTE = (pm) => `
 This app also ships as a native desktop app via Tauri (\`src-tauri/\`). The SAME \`.muten\` frontend runs in
 an OS-webview window — build the UI exactly like the web app (routing works as-is: the webview runs the SPA,
 no server, no URL bar, no fallback needed).
-- \`${pm} run tauri dev\` — run the desktop app (hot-reloads the frontend).
-- \`${pm} run tauri build\` — native installer in \`src-tauri/target/release/bundle/\`.
+- \`${pm} run tauri:dev\` — run the desktop app (opens the native window; hot-reloads the frontend).
+- \`${pm} run tauri:build\` — standalone native installer in \`src-tauri/target/release/bundle/\` (frontend embedded, no server).
+- (\`${pm} run tauri\` alone does nothing — the Tauri CLI needs a subcommand like \`dev\`/\`build\`.)
 - Needs the **Rust toolchain** on the machine (https://rustup.rs) — Tauri compiles a small native shell. Not auto-installed.
 - Custom icon: \`${pm} run tauri icon path/to/logo.png\` regenerates \`src-tauri/icons/\`.
 `;
@@ -247,7 +247,8 @@ async function main() {
     conf.build.beforeBuildCommand = `${pm} run build`;
     writeFileSync(confPath, JSON.stringify(conf, null, 2) + '\n');
     addDev({ '@tauri-apps/cli': '^2.0.0' });
-    pkg.scripts = { ...pkg.scripts, tauri: 'tauri' };
+    // `tauri` alone errors (it needs a subcommand) → ship explicit run scripts so `tauri dev`/`build` are obvious.
+    pkg.scripts = { ...pkg.scripts, tauri: 'tauri', 'tauri:dev': 'tauri dev', 'tauri:build': 'tauri build' };
     appendAgents(TAURI_NOTE(pm));
   }
   writeFileSync(join(target, 'vite.config.mjs'), viteConfig({ tailwind, svelte, react })); // composed: muten + chosen plugins

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-muten",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Scaffold a new Muten app.",
   "repository": {
     "type": "git",
@@ -19,5 +19,5 @@
     "picocolors": "^1.0.1"
   },
   "keywords": ["muten", "create-muten", "scaffold", "starter", "cli", "frontend"],
-  "files": ["index.js", "template", "template-tauri", "overlays"]
+  "files": ["index.js", "template", "template-tauri"]
 }

package/template/src/pages/home/home.muten

@@ -1,6 +1,5 @@
 # The starter welcome page. Skin with class(…) + src/styles.css. Delete it and build your own — or just
-# ask your AI assistant; it has the full muten reference in .claude/. The code sample is a Custom component
-# (src/components/Snippet.js) because a .muten string can't hold the quotes/braces of muten source.
+# ask your AI assistant; it has the full muten reference in .claude/. Pure muten — no JS, no escape hatch.
 screen home
 
 Page class("welcome") {
@@ -19,12 +18,6 @@ Page class("welcome") {
       Stack class("stat") { Title "0 KB" h3 class("stat-n")  Text "on a static page" class("stat-l") }
     }
 
-    Stack class("section") {
-      Title "A whole page, in muten" h2 class("h2")
-      Custom Snippet
-      Text "Reactivity is automatic — read a state and only that spot re-renders. No hooks, no effects to wire." class("note")
-    }
-
     Stack class("section") {
       Title "Where to go next" h2 class("h2")
       Stack class("cards") {

package/overlays/full/src/app.muten

@@ -1,21 +0,0 @@
-# The app ROOT. `api` is the backend config (one place: base URL + default headers) — every `sources`
-# inherits it. The shell's navbar reads the cart store (global) and shows a live count.
-api {
-  base: "https://fakestoreapi.com"
-}
-
-shell {
-  Header style(row, between, center) class("p-4 shadow bg-white") {
-    Link "Shop" -> / class("text-xl font-bold")
-    Nav "Main" style(row, gap.md, center) {
-      Link "Products" -> /products
-      Span "🛒 {cart.count}" class("font-medium")
-    }
-  }
-  slot
-}
-
-routes {
-  /         -> home
-  /products -> products
-}

package/overlays/full/src/cart.store

@@ -1,9 +0,0 @@
-# An app-global store (any `*.store` under src/). State is shared across pages + the shell, no imports.
-# `get` is a derived value; `action`s are the only way to mutate.
-state { items = [] : list<text> }
-
-get count = items.length
-
-action add mutates items <- id {
-  items.push(id)
-}

package/overlays/full/src/pages/products/products.muten

@@ -1,26 +0,0 @@
-# A real data page: `query` state backed by a `sources` URL (relative → joined to the app's `api.base`).
-# `muten build` fetches it at build and bakes the rows into the HTML (SSG); the runtime then takes over.
-# Clicking "Add" calls the cart store action — the navbar count updates reactively.
-screen products
-
-meta { title "Products" }
-
-entity Product { title text  price text }
-
-state { products = query products : list<Product> }
-
-sources { products: "/products" }
-
-Page style(padding.lg, gap.md) {
-  Title "Products" class("text-2xl font-bold")
-  when products.loading { Text "Loading…" class("opacity-60") }
-  each products as p {
-    Stack style(gap.sm) class("p-4 rounded-lg shadow bg-white") {
-      Text "{p.title}" class("font-semibold")
-      Stack style(row, between, center) {
-        Span "$ {p.price}" class("text-lg")
-        Button "Add to cart" -> cart.add(p.id) class("px-3 py-1 rounded bg-black text-white")
-      }
-    }
-  }
-}

package/overlays/routing/src/app.muten

@@ -1,19 +0,0 @@
-# The app ROOT. A persistent `shell { … slot … }` wraps every page (navbar here); `slot` is where the
-# active page mounts. `routes` maps a real-path URL to a page (the folder under src/pages/).
-shell {
-  Header style(row, between, center) class("nav") {
-    Link "Home" -> /
-    Nav "Main" {
-      Link "About" -> /about
-    }
-  }
-  slot
-  Footer style(padding.md) {
-    Text "Built with Muten"
-  }
-}
-
-routes {
-  /      -> home
-  /about -> about
-}

package/overlays/routing/src/pages/about/about.muten

@@ -1,15 +0,0 @@
-# A second page. `meta { … }` sets the <head> title/description (og:* auto-derived) — applied on
-# navigation and baked into the static HTML at build. This page has no reactivity, so `muten build`
-# pre-renders it to zero-JS HTML (crawlable).
-screen about
-
-meta {
-  title "About"
-  description "About this Muten app."
-}
-
-Page style(padding.lg, gap.md) {
-  Title "About"
-  Text "Static pages compile to zero-JS HTML at build — crawlable and instant."
-  Link "← Home" -> /
-}

package/template/src/components/Snippet.js

@@ -1,19 +0,0 @@
-// Welcome-page code block (a `Custom` host component — the escape hatch for anything muten can't express).
-// The snippet lives here in JS so it can contain quotes and { } that a .muten string can't. Delete with
-// the welcome page. Used from home.muten as: Custom Snippet
-const CODE = `screen home
-
-state { count = 0 : number }
-action inc mutates count { count.set(count + 1) }
-
-Page style(padding.lg, gap.md) {
-  Title "Count: {count}"
-  Button "+1" -> inc
-}`;
-
-function mount(el) {
-  const pre = document.createElement('pre');
-  pre.className = 'snippet';
-  pre.textContent = CODE;
-  el.appendChild(pre);
-}