Merge branch 'master' of https://github.com/GabenGar/trimps-x

.gitignore

@@ -1,3 +1,10 @@
-dist
+# output folder
+/dist
+
+/.cache
+.env
+
 node_modules
+
+# VSCode workspace file
 *.code-workspace

.vscode/settings.json

@@ -1,5 +1,14 @@
 {
   "[javascript]": {
     "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
   }
 }

.vscode/workspace.code-workspace.example

@@ -0,0 +1,16 @@
+{
+  "folders": [
+    {
+      "path": "."
+    }
+  ],
+  "settings": {
+    "files.exclude": {
+      "**/.git": true,
+      "**/node_modules": true
+    }
+  },
+  "extensions": {
+    "recommendations": ["biomejs.biome"]
+  }
+}

README.md

@@ -1 +1,39 @@
-# Trimps.github.io
+# gabengar.github.io/trimps-x
+
+## Development
+
+You can develop your SPA app just like you would a normal Remix app, via:
+
+```sh
+npm run dev
+```
+
+## Deployment
+
+When you are ready to build a production version of your app, `npm run build` will generate your assets and an `index.html` for the SPA.
+
+```sh
+npm run build
+```
+
+### Preview
+
+You can preview the build locally with [vite preview](https://vitejs.dev/guide/cli#vite-preview) to serve all routes via the single `index.html` file:
+
+```sh
+npm run preview
+```
+
+> [!IMPORTANT]
+>
+> `vite preview` is not designed for use as a production server
+
+### Deployment
+
+You can then serve your app from any HTTP server of your choosing. The server should be configured to serve multiple paths from a single root `/index.html` file (commonly called "SPA fallback"). Other steps may be required if the server doesn't directly support this functionality.
+
+For a simple example, you could use [sirv-cli](https://www.npmjs.com/package/sirv-cli):
+
+```shellscript
+npx sirv-cli build/client/ --single
+```

biome.jsonc

@@ -9,7 +9,10 @@
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true
+      "recommended": true,
+      "complexity": {
+        "noForEach": "off"
+      }
     }
   },
   "formatter": {