Drop ssr.tsx and pass entrypoint to vite

Author: nerlichman

app/frontend/entrypoints/inertia.tsx

@@ -43,4 +43,6 @@ void createInertiaApp({
 })
 
 // This will set light / dark mode on load...
-initializeTheme()
+if (typeof localStorage !== "undefined") {
+  initializeTheme()
+}

app/frontend/routes/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @file Generated by js-routes 2.3.6. Based on Rails 8.1.2 routes of ReactStarterKit::Application.
+ * @file Generated by js-routes 2.3.6. Based on Rails 8.1.3 routes of ReactStarterKit::Application.
  * @version 743c630cafd479b5d9ad42a7803e8be1fdeb9448419ce21d215b267e2b0ae749
  * @see https://github.com/railsware/js-routes
  */

app/frontend/routes/index.js

@@ -1,5 +1,5 @@
 /**
- * @file Generated by js-routes 2.3.6. Based on Rails 8.1.2 routes of ReactStarterKit::Application.
+ * @file Generated by js-routes 2.3.6. Based on Rails 8.1.3 routes of ReactStarterKit::Application.
  * @version 743c630cafd479b5d9ad42a7803e8be1fdeb9448419ce21d215b267e2b0ae749
  * @see https://github.com/railsware/js-routes
  */

app/frontend/ssr/ssr.ts

@@ -1,6 +1,7 @@
 {
   "all": {
     "sourceCodeDir": "app/frontend",
+    "ssrEntrypoint": "~/entrypoints/inertia.tsx",
     "watchAdditionalPaths": []
   },
   "development": {

config/vite.json

@@ -20,7 +20,7 @@
   "dependencies": {
     "@headlessui/react": "^2.2.0",
     "@inertiajs/react": "^3.0",
-    "@inertiajs/vite": "^3.0",
+    "@inertiajs/vite": "^3.0.0",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
@@ -56,6 +56,7 @@
     "lint": "eslint '*.{js,mjs,cjs,ts}' app/frontend --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "npm run lint -- --fix",
     "format": "prettier --check 'app/frontend' '*.{js,mjs,cjs,ts}'",
-    "format:fix": "npm run format -- --write"
+    "format:fix": "npm run format -- --write",
+    "build": "vite build && vite build --ssr"
   }
 }

package-lock.json

@@ -4,11 +4,11 @@ import react from "@vitejs/plugin-react"
 import { defineConfig } from "vite"
 import RubyPlugin from "vite-plugin-ruby"
 
-export default defineConfig({
-  ssr: {
-    // prebuilds ssr.js so we can drop node_modules from the resulting container
-    noExternal: true,
-  },
+export default defineConfig(({ command }) => ({
+  ssr:
+    command === "build"
+      ? { noExternal: true } // prebuild ssr.js so we can drop node_modules from the container
+      : undefined,
   plugins: [
     react({
       babel: {
@@ -17,6 +17,10 @@ export default defineConfig({
     }),
     tailwindcss(),
     RubyPlugin(),
-    inertia(),
+    inertia({
+      ssr: {
+        entry: "./entrypoints/inertia.tsx",
+      },
+    }),
   ],
-})
+}))