refactor: i18n setup w/ SSG + CI

.editorconfig

@@ -6,4 +6,8 @@ insert_final_newline = false
 indent_style = tab
 charset = utf-8
 trim_trailing_whitespace = true
-tab_width = 4
+tab_width = 4
+
+[*.{yaml,yml}]
+indent_style = space
+indent_size = 2

.env.example

@@ -12,6 +12,4 @@
 # Drizzle
 DATABASE_URL="mysql://root:password@localhost:3306/ynot-dev"
 
-# Example:
-# SERVERVAR="foo"
-# NEXT_PUBLIC_CLIENTVAR="bar"
+NEXT_PUBLIC_BASE_URL="https://y-not.dev"

.eslintrc.cjs

@@ -1,61 +1,76 @@
 /** @type {import("eslint").Linter.Config} */
 const config = {
-  "parser": "@typescript-eslint/parser",
-  "parserOptions": {
-    "project": true
-  },
-  "plugins": [
-    "@typescript-eslint",
-    "drizzle"
-  ],
-  "extends": [
-    "next/core-web-vitals",
-    "plugin:@typescript-eslint/recommended-type-checked",
-    "plugin:@typescript-eslint/stylistic-type-checked"
-  ],
-  "rules": {
-    "@typescript-eslint/array-type": "off",
-    "@typescript-eslint/consistent-type-definitions": "off",
-    "@typescript-eslint/consistent-type-imports": [
-      "warn",
-      {
-        "prefer": "type-imports",
-        "fixStyle": "inline-type-imports"
-      }
-    ],
-    "@typescript-eslint/no-unused-vars": [
-      "warn",
-      {
-        "argsIgnorePattern": "^_"
-      }
-    ],
-    "@typescript-eslint/require-await": "off",
-    "@typescript-eslint/no-misused-promises": [
-      "error",
-      {
-        "checksVoidReturn": {
-          "attributes": false
-        }
-      }
-    ],
-    "drizzle/enforce-delete-with-where": [
-      "error",
-      {
-        "drizzleObjectName": [
-          "db",
-          "ctx.db"
-        ]
-      }
-    ],
-    "drizzle/enforce-update-with-where": [
-      "error",
-      {
-        "drizzleObjectName": [
-          "db",
-          "ctx.db"
-        ]
-      }
-    ]
-  }
+	"parser": "@typescript-eslint/parser",
+	"parserOptions": {
+		"project": true
+	},
+	"plugins": [
+		"@typescript-eslint",
+		"drizzle"
+	],
+	"extends": [
+		"next/core-web-vitals",
+		"plugin:@typescript-eslint/recommended",
+		"plugin:@typescript-eslint/recommended-type-checked",
+		"plugin:@typescript-eslint/stylistic-type-checked"
+	],
+	"rules": {
+		"@typescript-eslint/array-type": "off",
+		"@typescript-eslint/consistent-type-definitions": "off",
+		"@typescript-eslint/consistent-type-imports": [
+			"warn",
+			{
+				"prefer": "type-imports",
+				"fixStyle": "inline-type-imports"
+			}
+		],
+		"@typescript-eslint/no-unused-vars": [
+			"warn",
+			{
+				"argsIgnorePattern": "^_"
+			}
+		],
+		"no-restricted-imports": ["error", {
+			"paths": [
+				{
+					"name": "next/navigation",
+					"importNames": ["redirect", "usePathname", "useRouter", "getPathname"],
+					"message": "Please use the peer component from `@/i18n/navigation` instead.",
+				},
+				{
+					"name": "next/link",
+					"importNames": ["Link", 'default'],
+					"message": "Please use the peer component from `@/i18n/navigation` instead.",
+				}
+			]
+		}],
+		"@typescript-eslint/require-await": "off",
+		"@typescript-eslint/no-misused-promises": [
+			"error",
+			{
+				"checksVoidReturn": {
+					"attributes": false
+				}
+			}
+		],
+		"drizzle/enforce-delete-with-where": [
+			"error",
+			{
+				"drizzleObjectName": [
+					"db",
+					"ctx.db"
+				]
+			}
+		],
+		"drizzle/enforce-update-with-where": [
+			"error",
+			{
+				"drizzleObjectName": [
+					"db",
+					"ctx.db"
+				]
+			}
+		]
+	}
 }
 module.exports = config;

.github/workflows/ci.yaml

@@ -1,23 +1,54 @@
 name: CI
 
-on: [push, pull_request]
+on:
+  push:
+  pull_request:
+    types: [opened, reopened]
 
 jobs:
-  build:
+  typecheck-and-lint:
+    name: Typecheck and Lint
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v2
 
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Install Dependencies
-        run: npm install -g pnpm && pnpm install
+        run: pnpm install
 
       - name: Copy .env.example files
         shell: bash
         run: find . -type f -name ".env.example" -exec sh -c 'cp "$1" "${1%.*}"' _ {} \;
 
       - name: Typecheck
-        run: pnpm typecheck
+        run: pnpm run typecheck
 
       - name: Lint
-        run: pnpm lint
+        run: pnpm run lint
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    needs: typecheck-and-lint
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
+      - name: Install Dependencies
+        run: pnpm install
+
+      - name: Copy .env.example files
+        shell: bash
+        run: find . -type f -name ".env.example" -exec sh -c 'cp "$1" "${1%.*}"' _ {} \;
+
+      - name: Build
+        run: pnpm run build

.github/workflows/localeChecks.yaml

@@ -0,0 +1,22 @@
+name: Locale Checks
+
+on:
+  push:
+  pull_request:
+    types: [opened, reopened]
+
+jobs:
+  locale-checks:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Install Dependencies
+        run: npm install
+
+      - name: JSONify Locales
+        run: npm run locales:JSONify
+
+      - name: Check Locales
+        run: npm run locales:check

.gitignore

@@ -7,6 +7,7 @@
 
 # testing
 /coverage
+/JSONLocales
 
 # database
 /prisma/db.sqlite

.vscode/settings.json

@@ -0,0 +1,16 @@
+{
+	"typescript.preferences.autoImportSpecifierExcludeRegexes": [
+		"@radix-ui",
+		"radix-ui",
+		"next/router",
+		"next/dist",
+		"react-day-picker",
+		"^lucide-react/dist/lucide-react.suffixed$",
+		"react-email"
+	],
+	"editor.codeActionsOnSave": {
+        "source.organizeImports": "explicit",
+        "source.removeUnusedImports": "explicit"
+    },
+	"typescript.tsdk": "node_modules\\typescript\\lib"
+}

global.ts

@@ -0,0 +1,9 @@
+import { locales } from '@/i18n/config';
+import fr from '@/i18n/locales/fr';
+
+declare module 'next-intl' {
+  interface AppConfig {
+    Locale: (typeof locales)[number];
+    Messages: typeof fr;
+  }
+}

lucide-react.d.ts

@@ -0,0 +1,3 @@
+declare module 'lucide-react' {
+  export * from 'lucide-react/dist/lucide-react.suffixed'
+}