⚙️ tsconfig 用の workspace 作る

.github/workflows/ci.yaml

@@ -44,3 +44,22 @@ jobs:
         run: pnpm install --frozen-lockfile
       - name: Run biome
         run: pnpm run check
+
+  typecheck:
+    runs-on: ubuntu-22.04
+    needs: install
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
+        with:
+          version: 9
+      - name: Use Node.js 20
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: "pnpm"
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Run typecheck
+        run: pnpm run typecheck

apps/client/package.json

@@ -25,6 +25,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@repo/typescript-config": "workspace:*",
     "@remix-run/dev": "^2.9.2",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",

apps/client/tsconfig.json

@@ -1,4 +1,5 @@
 {
+  "extends": "@repo/typescript-config/remix.json",
   "include": [
     "**/*.ts",
     "**/*.tsx",
@@ -8,27 +9,11 @@
     "**/.client/**/*.tsx"
   ],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
-    "types": ["@remix-run/node", "vite/client"],
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "jsx": "react-jsx",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
-    "target": "ES2022",
-    "strict": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["./app/*"]
     },
 
-    "jsxImportSource": "@emotion/react",
-
-    // Vite takes care of building everything, not tsc.
-    "noEmit": true
+    "jsxImportSource": "@emotion/react"
   }
 }

package.json

@@ -6,6 +6,7 @@
   "scripts": {
     "check": "biome check apps ./*.json",
     "check:fix": "pnpm run check --apply",
+    "typecheck": "turbo typecheck",
     "build": "turbo build",
     "dev": "turbo dev"
   },

packages/typescript-config/base.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "display": "Default",
+  "compilerOptions": {
+    "composite": false,
+    "declaration": true,
+    "declarationMap": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "inlineSources": false,
+    "isolatedModules": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "preserveWatchOutput": true,
+    "skipLibCheck": true,
+    "strict": true
+  }
+}

packages/typescript-config/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@repo/typescript-config",
+  "version": "1.0.0",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public"
+  }
+}

packages/typescript-config/remix.json

@@ -0,0 +1,17 @@
+{
+  "extends": "./base.json",
+  "compilerOptions": {
+    "types": ["@remix-run/node", "vite/client"],
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noEmit": true
+  }
+}

pnpm-workspace.yaml

@@ -1,2 +1,3 @@
 packages:
   - 'apps/*'
+  - 'packages/*'

turbo.json

@@ -4,6 +4,7 @@
     "build": {
       "outputs": ["build"]
     },
+    "typecheck": {},
     "dev": {
       "cache": false,
       "persistent": true