Feat/v2 routes

.eslintrc

@@ -1,74 +1,74 @@
 {
-  "plugins": ["tailwindcss"],
-  "extends": [
-    "@remix-run/eslint-config",
-    "@remix-run/eslint-config/node",
-    "plugin:tailwindcss/recommended",
-    "prettier"
-  ],
-  "parserOptions": {
-    "project": ["./tsconfig.json"]
-  },
-  "settings": {
-    // Help eslint-plugin-tailwindcss to parse Tailwind classes outside of className
-    "tailwindcss": {
-      "callees": ["tw"]
-    },
-    "jest": {
-      "version": 27
-    }
-  },
-  "rules": {
-    "no-console": "warn",
-    "arrow-body-style": ["warn", "as-needed"],
-    // @typescript-eslint
-    "@typescript-eslint/no-duplicate-imports": "error",
-    "@typescript-eslint/consistent-type-imports": "error",
-    "@typescript-eslint/no-unused-vars": [
-      "warn",
-      {
-        "vars": "all",
-        "args": "all",
-        "argsIgnorePattern": "^_",
-        "destructuredArrayIgnorePattern": "^_",
-        "ignoreRestSiblings": false
-      }
-    ],
-    //import
-    "import/no-cycle": "error",
-    "import/no-unresolved": "error",
-    "import/no-default-export": "warn",
-    "import/order": [
-      "error",
-      {
-        "groups": ["builtin", "external", "internal"],
-        "pathGroups": [
-          {
-            "pattern": "react",
-            "group": "external",
-            "position": "before"
-          }
-        ],
-        "pathGroupsExcludedImportTypes": ["react"],
-        "newlines-between": "always",
-        "alphabetize": {
-          "order": "asc",
-          "caseInsensitive": true
-        }
-      }
-    ]
-  },
-  "overrides": [
-    {
-      "files": [
-        "./app/root.tsx",
-        "./app/entry.client.tsx",
-        "./app/entry.server.tsx",
-        "./app/routes/**/*.tsx"
-      ],
-      "rules": {
-        "import/no-default-export": "off"
-      }
-    }
-  ]
+	"plugins": ["tailwindcss"],
+	"extends": [
+		"@remix-run/eslint-config",
+		"@remix-run/eslint-config/node",
+		"plugin:tailwindcss/recommended",
+		"prettier"
+	],
+	"parserOptions": {
+		"project": ["./tsconfig.json"]
+	},
+	"settings": {
+		// Help eslint-plugin-tailwindcss to parse Tailwind classes outside of className
+		"tailwindcss": {
+			"callees": ["tw"]
+		},
+		"jest": {
+			"version": 27
+		}
+	},
+	"rules": {
+		"no-console": "warn",
+		"arrow-body-style": ["warn", "as-needed"],
+		// @typescript-eslint
+		"@typescript-eslint/no-duplicate-imports": "error",
+		"@typescript-eslint/consistent-type-imports": "error",
+		"@typescript-eslint/no-unused-vars": [
+			"warn",
+			{
+				"vars": "all",
+				"args": "all",
+				"argsIgnorePattern": "^_",
+				"destructuredArrayIgnorePattern": "^_",
+				"ignoreRestSiblings": false
+			}
+		],
+		//import
+		"import/no-cycle": "error",
+		"import/no-unresolved": "error",
+		"import/no-default-export": "warn",
+		"import/order": [
+			"error",
+			{
+				"groups": ["builtin", "external", "internal"],
+				"pathGroups": [
+					{
+						"pattern": "react",
+						"group": "external",
+						"position": "before"
+					}
+				],
+				"pathGroupsExcludedImportTypes": ["react"],
+				"newlines-between": "always",
+				"alphabetize": {
+					"order": "asc",
+					"caseInsensitive": true
+				}
+			}
+		]
+	},
+	"overrides": [
+		{
+			"files": [
+				"./app/root.tsx",
+				"./app/entry.client.tsx",
+				"./app/entry.server.tsx",
+				"./app/routes/**/*.tsx"
+			],
+			"rules": {
+				"import/no-default-export": "off"
+			}
+		}
+	]
 }

.github/workflows/for-this-stack-repo-only.yml

@@ -1,60 +1,60 @@
 name: 🚀 Check Stack
 on:
-  push:
-    branches:
-      - main
-      - dev
-  pull_request: {}
+    push:
+        branches:
+            - main
+            - dev
+    pull_request: {}
 permissions:
-  actions: write
-  contents: read
+    actions: write
+    contents: read
 
 jobs:
-  lint:
-    name: ⬣ ESLint
-    runs-on: ubuntu-latest
-    steps:
-      - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected]
-
-      - name: ⬇️ Checkout repo
-        uses: actions/checkout@v3
-
-      - name: ⎔ Setup node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 16
-
-      - name: 📥 Download deps
-        uses: bahmutov/npm-install@v1
-        with:
-          useLockFile: false
-
-      - name: ⚙️ Build CSS
-        run: npm run generate:css
-
-      - name: 🔬 Lint
-        run: npm run lint
-
-  typecheck:
-    name: ʦ TypeScript
-    runs-on: ubuntu-latest
-    steps:
-      - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected]
-
-      - name: ⬇️ Checkout repo
-        uses: actions/checkout@v3
-
-      - name: ⎔ Setup node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 16
-
-      - name: 📥 Download deps
-        uses: bahmutov/npm-install@v1
-        with:
-          useLockFile: false
-
-      - name: 🔎 Type check
-        run: npm run typecheck --if-present
+    lint:
+        name: ⬣ ESLint
+        runs-on: ubuntu-latest
+        steps:
+            - name: 🛑 Cancel Previous Runs
+              uses: styfle/[email protected]
+
+            - name: ⬇️ Checkout repo
+              uses: actions/checkout@v3
+
+            - name: ⎔ Setup node
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 16
+
+            - name: 📥 Download deps
+              uses: bahmutov/npm-install@v1
+              with:
+                  useLockFile: false
+
+            - name: ⚙️ Build CSS
+              run: npm run generate:css
+
+            - name: 🔬 Lint
+              run: npm run lint
+
+    typecheck:
+        name: ʦ TypeScript
+        runs-on: ubuntu-latest
+        steps:
+            - name: 🛑 Cancel Previous Runs
+              uses: styfle/[email protected]
+
+            - name: ⬇️ Checkout repo
+              uses: actions/checkout@v3
+
+            - name: ⎔ Setup node
+              uses: actions/setup-node@v3
+              with:
+                  node-version: 16
+
+            - name: 📥 Download deps
+              uses: bahmutov/npm-install@v1
+              with:
+                  useLockFile: false
+
+            - name: 🔎 Type check
+              run: npm run typecheck --if-present

.gitignore

@@ -5,4 +5,7 @@ node_modules
 .env
 .cache
 
-/app/styles/tailwind.css
+# lock files
+package-lock.json
+yarn.lock
+pnpm-lock.yaml

.prettierrc.cjs

@@ -0,0 +1,5 @@
+/** @type {import("prettier").Options} */
+module.exports = {
+	tabWidth: 4,
+	useTabs: true,
+};

.vscode/settings.json

@@ -1,5 +1,8 @@
 {
-  "tailwindCSS.experimental.classRegex": [
-    ["tw\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
-  ]
+	"tailwindCSS.experimental.classRegex": [
+		["tw\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
+	],
+	"typescript.tsdk": "node_modules/typescript/lib",
+    "editor.tabSize": 4,
+    "editor.insertSpaces": false,
 }

Dockerfile

@@ -1,5 +1,5 @@
 # base node image
-FROM node:16-bullseye-slim as base
+FROM node:18-bookworm-slim as base
 
 # set for base and all layer that inherit from it
 ENV NODE_ENV production
@@ -12,7 +12,7 @@ FROM base as deps
 
 WORKDIR /myapp
 
-ADD package.json package-lock.json ./
+ADD package.json ./
 RUN npm install --production=false
 
 # Setup production node_modules
@@ -21,7 +21,7 @@ FROM base as production-deps
 WORKDIR /myapp
 
 COPY --from=deps /myapp/node_modules /myapp/node_modules
-ADD package.json package-lock.json ./
+ADD package.json ./
 RUN npm prune --production
 
 # Build the app