create-rivet 0.0.0-stage → 0.1.0-alpha.0

package/templates/starter-ui/src/styles.css

@@ -0,0 +1,11 @@
+/* Tailwind first, then the @rivetjs/ui styles (Rivet theme; other looks = @rivetjs/ui/theme presets pasted after it). */
+@import "tailwindcss";
+@import "@rivetjs/ui/styles";
+/* Scan the app's source for class names (explicit, so it also works in ignored folders). */
+@source "./**/*.{ts,tsx}";
+
+@layer base {
+  body {
+    @apply m-0 bg-background font-sans text-foreground antialiased;
+  }
+}

package/templates/starter-ui/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "es2023",
+    "lib": ["es2023", "dom", "dom.iterable"],
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "strict": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    // TypeScript 6+ defaults this to true (TS2882 on `import "./styles.css"`); Vite handles side-effect imports.
+    "noUncheckedSideEffectImports": false,
+    "jsx": "preserve",
+    "jsxImportSource": "@rivetjs/runtime",
+    "types": ["node"],
+    "plugins": [{ "name": "@rivetjs/typescript-plugin" }]
+  },
+  "include": ["src", "*.ts", ".rivet/routes.d.ts"]
+}

package/templates/starter-ui/vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from "vite";
+import tailwindcss from "@tailwindcss/vite";
+import { rivetRouter } from "@rivetjs/router/vite";
+
+// Pages in src/routes are rendered to HTML files at build time (`mode: "static"`).
+// Route files and the components they import resume automatically (`resume.appModules`, default true).
+export default defineConfig({
+  plugins: [rivetRouter({ mode: "static", styles: ["src/styles.css"] }), tailwindcss()],
+});