tsconfig: Use "solution" tsconfig for more correct type checking

The change in 2aa6462 is resulting in a vite.config.js and
vite.config.d.ts being generated which we don't want. The
work-around. To fix this, lets do the "solution" tsconfig
approach as used by the create-vue project. This results in
things like the following, all of which aren't enforced
currently:

* tsc allows "process.cwd()" in vite.config.ts and sum.test.ts
  but not in any src files such as app.ts
* tsc allows document.createElement() in src files such as app.ts
  and in sum.test.ts (because jsdom exists there) but not in
  vite.config.ts which is just pure node environment.
* Can't import test files into src files
* Allows using new features such as "".replaceAll() in vite.config.ts
  which should be allowed because we're using node 20.

See:
* vitejs/vite#15913
* https://github.com/vuejs/create-vue/blob/12bf2889b9ca981bcfed894a7c24fa9db5e7bad5/template/tsconfig/base/tsconfig.app.json
* https://github.com/vuejs/create-vue/blob/12bf2889b9ca981bcfed894a7c24fa9db5e7bad5/template/tsconfig/base/tsconfig.node.json
* https://github.com/vuejs/create-vue/blob/12bf2889b9ca981bcfed894a7c24fa9db5e7bad5/template/tsconfig/vitest/tsconfig.vitest.json

Author: philbates35

.eslintignore

@@ -5,5 +5,5 @@
 !resources/
 !package.json
 !tsconfig.json
-!tsconfig.node.json
+!tsconfig.*.json
 !vite.config.ts

.eslintrc.cjs

@@ -11,7 +11,12 @@ module.exports = {
   ],
   parser: "@typescript-eslint/parser",
   parserOptions: {
-    project: ["./tsconfig.json", "./tsconfig.node.json"],
+    project: [
+      "./tsconfig.json",
+      "./tsconfig.app.json",
+      "./tsconfig.node.json",
+      "./tsconfig.vitest.json",
+    ],
     tsconfigRootDir: __dirname,
   },
   plugins: ["import"],

.gitignore

@@ -16,7 +16,6 @@ Homestead.yaml
 auth.json
 npm-debug.log
 yarn-error.log
-*.tsbuildinfo
 /.fleet
 /.idea
 /.vscode

.prettierignore

@@ -6,5 +6,5 @@
 !.eslintrc.cjs
 !package.json
 !tsconfig.json
-!tsconfig.node.json
+!tsconfig.*.json
 !vite.config.ts

package.json

@@ -11,6 +11,7 @@
     "format-check": "prettier . --check"
   },
   "devDependencies": {
+    "@tsconfig/node20": "^20.1.2",
     "@types/jsdom": "^21.1.6",
     "@types/node": "^20.11.20",
     "@vitest/coverage-v8": "^1.2.2",

pnpm-lock.yaml

@@ -0,0 +1,33 @@
+{
+  "include": ["resources/js"],
+  "exclude": ["resources/js/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    // Set to empty to avoid accidental inclusion of unwanted types
+    "types": [],
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+
+    /* Absolute imports */
+    "paths": {
+      "@/*": ["./resources/js/*"]
+    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  }
+}

tsconfig.app.json

@@ -1,29 +1,14 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ESNext", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-
-    /* Absolute imports */
-    "paths": {
-      "@/*": ["./resources/js/*"]
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
     },
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["resources/js"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.vitest.json"
+    }
+  ]
 }

tsconfig.json

@@ -1,11 +1,13 @@
 {
+  "extends": "@tsconfig/node20/tsconfig.json",
+  "include": ["vite.config.ts"],
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
     "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["vite.config.ts"]
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
 }

tsconfig.node.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.app.json",
+  "exclude": [],
+  "compilerOptions": {
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
+    "types": ["node", "jsdom"],
+    "lib": []
+  }
+}