create-omg 0.4.41 → 0.4.42

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

@@ -0,0 +1,58 @@
+{
+  "name": "react-ts-start",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "mkdir -p $HOME/.bun/bin && ln -sf $(command -v bun) $HOME/.bun/bin/node && PATH=$HOME/.bun/bin:$PATH bun ./node_modules/vite-plus/dist/bin.js dev --host 0.0.0.0",
+    "build": "mkdir -p $HOME/.bun/bin && ln -sf $(command -v bun) $HOME/.bun/bin/node && PATH=$HOME/.bun/bin:$PATH bun ./node_modules/vite-plus/dist/bin.js build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@fontsource-variable/geist": "^5.3.0",
+    "@omg-dev/ai": "^0.4.0",
+    "@omg-dev/auth": "^0.4.0",
+    "@omg-dev/db-collection": "^0.4.0",
+    "@omg-dev/media": "^0.4.0",
+    "@omg-dev/pwa": "^0.4.0",
+    "@omg-dev/schema": "^0.4.0",
+    "@omg-dev/sdk": "^0.4.0",
+    "@omg-dev/server": "^0.4.0",
+    "@tanstack/react-router": "^1.170.25",
+    "@tanstack/react-start": "^1.168.42",
+    "better-drizzle": "^0.1.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "drizzle-orm": "^0.45.2",
+    "lucide-react": "^1.16.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "shadcn": "^4.15.0",
+    "tailwind-merge": "^3.5.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@tailwindcss/vite": "^4.1.0",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript/native": "npm:typescript@~7.0.2",
+    "@omg-dev/vite-plugin": "^0.4.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "tailwindcss": "^4.1.0",
+    "typescript": "npm:@typescript/typescript6@6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.4",
+    "vite-plus": "0.1.21"
+  },
+  "overrides": {
+    "nanoid": "^3.3.18"
+  }
+}

package/dist/templates/react-ts-start/src/routeTree.gen.ts

@@ -0,0 +1,68 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as IndexRouteImport } from './routes/index'
+
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths: '/'
+  fileRoutesByTo: FileRoutesByTo
+  to: '/'
+  id: '__root__' | '/'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()
+
+import type { getRouter } from './router.tsx'
+import type { createStart } from '@tanstack/react-start'
+declare module '@tanstack/react-start' {
+  interface Register {
+    ssr: true
+    router: Awaited<ReturnType<typeof getRouter>>
+  }
+}

package/dist/templates/react-ts-start/src/router.tsx

@@ -0,0 +1,18 @@
+import { createRouter } from "@tanstack/react-router"
+import { routeTree } from "./routeTree.gen"
+
+// TanStack Start calls this on both sides: once per request on the server, once
+// on the client during hydration. It must return a FRESH router every time —
+// a shared instance would leak one request's resolved match state into the next.
+export function getRouter() {
+  return createRouter({
+    routeTree,
+    scrollRestoration: true,
+  })
+}
+
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: ReturnType<typeof getRouter>
+  }
+}

package/dist/templates/react-ts-start/src/routes/__root.tsx

@@ -0,0 +1,40 @@
+/// <reference types="vite/client" />
+import { createRootRoute, HeadContent, Outlet, Scripts } from "@tanstack/react-router"
+import type { ReactNode } from "react"
+import appCss from "@/index.css?url"
+
+// In Start there is no index.html — this component IS the HTML document, and
+// it is rendered on the server for every request. Anything you would have put
+// in index.html (meta, fonts, analytics) goes in `head` or in RootDocument.
+export const Route = createRootRoute({
+  head: () => ({
+    meta: [
+      { charSet: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { title: "omg app" },
+    ],
+    links: [
+      { rel: "stylesheet", href: appCss },
+      { rel: "icon", href: "/favicon.svg" },
+    ],
+  }),
+  shellComponent: RootDocument,
+})
+
+function RootDocument({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <HeadContent />
+      </head>
+      <body>
+        {children}
+        <Scripts />
+      </body>
+    </html>
+  )
+}
+
+export default function Root() {
+  return <Outlet />
+}

package/dist/templates/react-ts-start/src/routes/index.tsx

@@ -0,0 +1,7 @@
+import { createFileRoute } from "@tanstack/react-router"
+import App from "@/App"
+
+// "/" — server-rendered on first paint, then hydrated.
+export const Route = createFileRoute("/")({
+  component: App,
+})

package/dist/templates/react-ts-start/vite.config.ts

@@ -0,0 +1,29 @@
+import path from 'node:path'
+import { defineConfig } from 'vite-plus'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+import vibes from '@omg-dev/vite-plugin'
+import { tanstackStart } from '@tanstack/react-start/plugin/vite'
+
+export default defineConfig({
+  plugins: [
+    // Order matters. tailwind before start (start reads the resolved CSS URL
+    // for the root route's stylesheet link), and customViteReactPlugin lets us
+    // keep our own react() below rather than Start's bundled copy.
+    tailwindcss(),
+    tanstackStart({ customViteReactPlugin: true }),
+    react(),
+    vibes(),
+  ],
+  resolve: {
+    alias: { '@': path.resolve(__dirname, './src') },
+  },
+  server: {
+    host: '0.0.0.0',
+    allowedHosts: true,
+    cors: true,
+    hmr: {
+      overlay: false,
+    },
+  },
+})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-omg",
-  "version": "0.4.41",
+  "version": "0.4.42",
   "description": "Create a new omg.dev app.",
   "type": "module",
   "bin": {

package/dist/template/src/main.tsx

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import App from './App.tsx'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)