create-omg 0.4.41 → 0.4.43

package/dist/templates/react-ts/tsconfig.app.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "module": "esnext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+
+    /* Path alias — keep in lockstep with vite.config.ts */
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/dist/templates/react-ts/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "paths": { "@/*": ["./src/*"] }
+  }
+}

package/dist/templates/react-ts/tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2023",
+    "lib": ["ES2023"],
+    "module": "esnext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

package/dist/{template → templates/react-ts}/vite.config.ts

@@ -3,9 +3,17 @@ import { defineConfig } from 'vite-plus'
 import react from '@vitejs/plugin-react'
 import tailwindcss from '@tailwindcss/vite'
 import vibes from '@omg-dev/vite-plugin'
+import { tanstackRouter } from '@tanstack/router-plugin/vite'
 
 export default defineConfig({
-  plugins: [react(), tailwindcss(), vibes()],
+  plugins: [
+    // Must come before react(): it generates src/routeTree.gen.ts from
+    // src/routes/ and code-splits each route into its own chunk.
+    tanstackRouter({ target: 'react', autoCodeSplitting: true }),
+    react(),
+    tailwindcss(),
+    vibes(),
+  ],
   resolve: {
     // pi (and humans copying from shadcn docs) reaches for '@/components/...'
     // unconditionally. Bake the alias here so the import resolves in every

package/dist/templates/react-ts-start/AGENTS.md

@@ -0,0 +1,75 @@
+# Design system — non-negotiable
+
+This app ships a locked design system (shadcn/ui, Tailwind v4, preset theme).
+Follow these rules on every UI change.
+
+## Colors: semantic tokens only
+
+Tailwind's default palette is **removed** (see the lock block in
+`src/index.css`). `bg-indigo-600`, `text-zinc-400`, `border-slate-700`, etc.
+compile to **nothing** — if a color class has no visible effect, this is why.
+
+- Use: `bg-background`, `bg-card`, `bg-primary`, `bg-secondary`, `bg-muted`,
+  `bg-accent`, `bg-destructive`, `text-foreground`, `text-muted-foreground`,
+  `border-border`, `ring-ring` (+ their `-foreground` pairs, opacity works:
+  `bg-primary/15`).
+- Never hand-edit the token values in `src/index.css`. To change the look,
+  switch the whole preset:
+  `bunx --bun shadcn@latest init --preset <code> --force`
+  (named presets: `nova` `vega` `maia` `lyra` `mira` `luma` `sera`), then
+  verify `vite.config.ts` kept `host`/`allowedHosts`/`cors`/`hmr` and the
+  `@` alias.
+- Don't force the `.dark` class or invent a dark theme unless the user asks;
+  presets already handle light/dark.
+
+## Components: use `src/components/ui/` before writing anything
+
+The full inventory is pre-installed — **never hand-roll one of these with
+divs** (no div-built tab bars, toggles, sliders, dropdowns, modals):
+
+`tabs` `dialog` `sheet` `popover` `tooltip` `dropdown-menu` `select` `input`
+`textarea` `label` `checkbox` `radio-group` `switch` `slider` `toggle-group`
+`badge` `separator` `skeleton` `progress` `avatar` `scroll-area` `accordion`
+— plus the vendored delight primitives: `button`, `card`, `bottom-nav`,
+`otp-input`, `animated-number`, `animated-text`, `scroll-affordance`,
+`transitions` (`.vui-t-*` motion), `sound`.
+
+- Import via the alias: `import { Tabs, TabsList } from "@/components/ui/tabs"`.
+- Missing a component? `yes n | bunx --bun shadcn@latest add <name>`
+  (answer No to overwrite prompts — the vendored primitives must survive).
+- Never hand-edit files in `src/components/ui/`.
+- Motion: use `transitions.tsx` / `.vui-*` classes and the `animated-*`
+  primitives; don't write bespoke keyframe animations for patterns they cover.
+
+## Routing + SSR: TanStack Start
+
+This app is **server-rendered**. There is no `index.html` and no `src/main.tsx`
+— `src/routes/__root.tsx` IS the HTML document, rendered per request.
+
+```tsx
+// src/routes/pricing.tsx  →  /pricing
+import { createFileRoute } from "@tanstack/react-router"
+
+export const Route = createFileRoute("/pricing")({ component: Pricing })
+
+function Pricing() { return <main>...</main> }
+```
+
+- `src/App.tsx` is the `/` route's component — keep the home view there.
+- Anything that used to go in `index.html` (meta, title, fonts, icons) belongs
+  in the root route's `head()`.
+- `src/router.tsx` exports `getRouter()`. It must return a **fresh** router on
+  every call — the server calls it per request, and a shared instance would
+  leak one visitor's state into another's page.
+- **Every component renders on the server first.** Touching `window`,
+  `document`, or `localStorage` during render crashes the request instead of
+  just the client. Put browser-only work in `useEffect`.
+- Navigate with `<Link to="/pricing">` from `@tanstack/react-router`.
+- `src/routeTree.gen.ts` is generated from `src/routes/` — never edit it.
+
+## Environment
+
+- Project dir `/home/user/project`, package manager **bun**.
+- Dev server is already running on 5173 with HMR — never start another.
+- Read `.agents/skills/vibes-create-app` at the start of a new build and the
+  `shadcn` skill before composing components.

package/dist/templates/react-ts-start/README.md

@@ -0,0 +1,58 @@
+# react-ts-start — TanStack Start (SSR) variant
+
+**Experimental.** The default starter is `react-ts` (SPA + TanStack Router,
+prerendered). Reach for this one only when a page genuinely needs
+server-rendered HTML per request — personalized content above the fold, or
+SEO on pages whose content isn't known at build time.
+
+```bash
+bun create omg my-app --template react-ts-start
+```
+
+## How it differs from `react-ts`
+
+|                | `react-ts`                       | `react-ts-start`                        |
+|----------------|----------------------------------|-----------------------------------------|
+| HTML           | `index.html` + build-time bake   | rendered per request by `__root.tsx`     |
+| Entry          | `src/main.tsx`                   | `src/router.tsx` (`getRouter`)           |
+| Build output   | `dist/`                          | `dist/client/` + `dist/server/server.js` |
+| Static deploy  | yes, when there's no db/functions| never — SSR needs a running server       |
+
+## How it's served
+
+`vibes-build` detects SSR by the presence of `dist/server/server.js` and
+generates a different `.vibes/server.mjs`: `@omg-dev/server` still owns
+`/api/*`, auth, websockets and the assets in `dist/client`, and anything it
+doesn't claim falls through to Start's fetch handler via the `notFound` seam.
+`bun build` inlines Start's server bundle (plus react, h3, seroval) so the
+runtime keeps its no-`node_modules` contract.
+
+## Known gaps
+
+Tracked in the PR that added this template — do not assume these work:
+
+- **`bun run dev` does not serve pages.** This is the blocker. Start's dev-mode
+  SSR middleware never engages under vite-plus: `/api/*` answers 200 but every
+  document request falls through to a bare 404. Measured against this template
+  with vite-plus 0.1.21 vs stock vite 8.0.13 on the same config and app:
+
+  | dev server | `GET /` |
+  |---|---|
+  | vite-plus 0.1.21 | **404** (no SSR middleware) |
+  | vite 8.0.13 | 200, 24.7KB server-rendered HTML |
+
+  Not caused by `@omg-dev/vite-plugin` — removing it changes nothing.
+  **Production builds are unaffected** and fully work under vite-plus. But a
+  sandbox's whole inner loop is `bun run dev`, so this template can't live in
+  one until it's resolved (upstream fix, or a dev-only stock-vite path).
+
+- **PWA + analytics tags are not injected.** Both ride `transformIndexHtml` in
+  `@omg-dev/vite-plugin`, and there is no `index.html` here. They need to move
+  into the root route's `head()`.
+- **The dev error-sink script isn't injected either** (same reason), so pi's
+  between-turn error reading is degraded in dev.
+- **No Firecracker bake.** This template is CLI-only; it is not registered as a
+  sandbox snapshot template and the dashboard cannot create one.
+- **`@tanstack/react-start` declares `vite: >=7`,** while this repo is on
+  vite 8 via vite-plus. It builds and runs today, but that's outside its
+  supported range — expect churn on upgrades.