ref(typescript): Remove dom types from main tsconfig (#12836)

Remove `dom` types from `packages/typescript/tsconfig.json` and add it
to the respective packages that need them.

This is important because we should only be adding `dom` types to
packages that will be used in the browser.

Author: AbhiPrasad

dev-packages/node-integration-tests/suites/tsconfig.json

@@ -1,3 +1,9 @@
 {
   "extends": "../tsconfig.test.json",
+
+  "compilerOptions": {
+    // Although this seems wrong to include `DOM` here, it's necessary to make
+    // global fetch available in tests in lower Node versions.
+    "lib": ["DOM", "ES2018"],
+  }
 }

dev-packages/node-integration-tests/tsconfig.json

@@ -4,6 +4,9 @@
   "include": ["utils/**/*.ts", "src/**/*.ts"],
 
   "compilerOptions": {
+    // Although this seems wrong to include `DOM` here, it's necessary to make
+    // global fetch available in tests in lower Node versions.
+    "lib": ["DOM", "ES2018"],
     // package-specific options
     "esModuleInterop": true,
     "types": ["node", "jest"]

dev-packages/node-integration-tests/tsconfig.test.json

@@ -4,6 +4,9 @@
   "include": ["suites/**/*.ts"],
 
   "compilerOptions": {
+    // Although this seems wrong to include `DOM` here, it's necessary to make
+    // global fetch available in tests in lower Node versions.
+    "lib": ["DOM", "ES2018"],
     // should include all types from `./tsconfig.json` plus types for all test frameworks used
     "types": ["node", "jest"]
 

packages/angular/tsconfig.ngc.json

@@ -7,7 +7,7 @@
   "compilerOptions": {
     "target": "es2018",
     "declarationMap": false,
-    "lib": ["dom", "es2018"],
+    "lib": ["DOM", "ES2018"],
     "baseUrl": "./"
   },
   "angularCompilerOptions": {

packages/browser-utils/tsconfig.json

@@ -4,6 +4,6 @@
   "include": ["src/**/*"],
 
   "compilerOptions": {
-    // package-specific options
+    "lib": ["DOM", "ES2018"],
   }
 }

packages/browser/tsconfig.json

@@ -4,6 +4,6 @@
   "include": ["src/**/*", "test/loader.js"],
 
   "compilerOptions": {
-    // package-specific options
+    "lib": ["DOM", "ES2018"],
   }
 }

packages/core/tsconfig.test.json

@@ -4,6 +4,7 @@
   "include": ["test/**/*"],
 
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     // should include all types from `./tsconfig.json` plus types for all test frameworks used
     "types": ["node", "jest"]
 

packages/ember/tsconfig.json

@@ -2,6 +2,7 @@
   "extends": "../../tsconfig.json",
   "compilerOptions": {
     "target": "es2022",
+    "lib": ["DOM", "ES2022"],
     "allowJs": true,
     "moduleResolution": "node",
     "allowSyntheticDefaultImports": true,

packages/gatsby/tsconfig.json

@@ -4,6 +4,7 @@
   "include": ["src/**/*"],
 
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     // package-specific options
     "jsx": "react"
   }

packages/react/tsconfig.json

@@ -4,6 +4,7 @@
   "include": ["src/**/*"],
 
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     // package-specific options
     "esModuleInterop": true,
     "jsx": "react"

packages/remix/tsconfig.test.json

@@ -4,6 +4,7 @@
   "include": ["test/**/*", "vitest.config.ts"],
 
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     "types": ["node", "jest"],
     "esModuleInterop": true
   }

packages/replay-canvas/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     "module": "esnext"
   },
   "include": ["src/**/*.ts"]

packages/replay-canvas/tsconfig.test.json

@@ -4,6 +4,7 @@
   "include": ["test/**/*.ts", "jest.config.ts", "jest.setup.ts"],
 
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     "types": ["node", "jest"],
     "esModuleInterop": true,
     "allowJs": true,

packages/replay-internal/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
     "module": "esnext"
   },
   "include": ["src/**/*.ts"]

packages/solid/tsconfig.json

@@ -3,5 +3,7 @@
 
   "include": ["src/**/*"],
 
-  "compilerOptions": {}
+  "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
+  }
 }

packages/svelte/tsconfig.json

@@ -3,5 +3,7 @@
 
   "include": ["src/**/*"],
 
-  "compilerOptions": {}
+  "compilerOptions": {
+    "lib": ["DOM", "ES2018"],
+  }
 }

packages/typescript/tsconfig.json

@@ -7,7 +7,7 @@
     "importHelpers": true,
     "inlineSources": true,
     "isolatedModules": true,
-    "lib": ["es2018", "dom"],
+    "lib": ["ES2018"],
     "moduleResolution": "node",
     "noErrorTruncation": true,
     "noFallthroughCasesInSwitch": true,

packages/vercel-edge/tsconfig.json

@@ -4,7 +4,10 @@
   "include": ["src/**/*"],
 
   "compilerOptions": {
-    // package-specific options
+    // Note: using `dom` here is inaccurate for the vercel-edge runtime, but needed
+    // because @edge-runtime/types does not type things like fetch or RequestInit
+    // ref: https://github.com/vercel/edge-runtime/issues/506
+    "lib": ["DOM", "ES2018"],
     "types": ["@edge-runtime/types"]
   }
 }

packages/vue/tsconfig.json

@@ -4,6 +4,6 @@
   "include": ["src/**/*"],
 
   "compilerOptions": {
-    // package-specific options
+    "lib": ["DOM", "ES2018"],
   }
 }

packages/wasm/tsconfig.json

@@ -4,6 +4,6 @@
   "include": ["src/**/*"],
 
   "compilerOptions": {
-    // package-specific options
+    "lib": ["DOM", "ES2018"],
   }
 }