chore: Simplify tsconfig.json

apps/typegpu-docs/package.json

@@ -58,6 +58,7 @@
     "@types/babel__standalone": "^7.1.9",
     "@types/babel__template": "^7.4.4",
     "@types/babel__traverse": "^7.20.7",
+    "@types/node": "^24.0.3",
     "@webgpu/types": "catalog:",
     "astro-vtbot": "^2.0.6",
     "autoprefixer": "^10.4.21",

apps/typegpu-docs/src/components/stackblitz/openInStackBlitz.ts

@@ -65,7 +65,7 @@ ${example.htmlFile.content}
         "module": "ESNext",
         "lib": ["ES2020", "DOM", "DOM.Iterable"],
         "skipLibCheck": true,
-        "typeRoots": ["./node_modules/@webgpu/types", "./node_modules/@types"],
+        "types": ["@webgpu/types"],
         "moduleResolution": "node",
         "allowImportingTsExtensions": true,
         "isolatedModules": true,

apps/typegpu-docs/src/content/docs/integration/react-native/index.mdx

@@ -45,7 +45,7 @@ npm install react-native-wgpu
 npm install typegpu
 ```
 
-If you use TypeScript, then it's also recommended to install WebGPU types:
+Since WebGPU is still yet to reach baseline in browsers, types for it need to be installed separately:
 
 ```sh
 npm i --save-dev @webgpu/types
@@ -54,9 +54,7 @@ npm i --save-dev @webgpu/types
 ```js title="tsconfig.json"
 {
   "compilerOptions": {
-    "typeRoots": [
-      "./node_modules/@webgpu/types"
-    ]
+    "types": ["@webgpu/types"]
   },
 }
 ```

apps/typegpu-docs/tsconfig.json

@@ -3,11 +3,7 @@
   "compilerOptions": {
     "jsx": "react-jsx",
     "jsxImportSource": "react",
-    "typeRoots": [
-      "./node_modules/@webgpu/types",
-      "./node_modules/@types",
-      "src/types"
-    ]
+    "types": ["@webgpu/types", "@types/dom-mediacapture-transform"]
   },
   "include": [".astro/types.d.ts", "**/*"],
   "exclude": ["dist"]

package.json

@@ -9,7 +9,7 @@
     "fix": "biome lint --write . && deno fmt",
     "test": "pnpm run test:circular-deps && pnpm run test:types && pnpm run test:style && pnpm run test:unit-and-attest",
     "test:circular-deps": "pnpm dpdm -T --exit-code circular:1 packages/**/index.ts",
-    "test:types": "pnpm run -r --parallel test:types && pwd",
+    "test:types": "pnpm run -r --parallel test:types",
     "test:style": "biome lint . && deno fmt --check",
     "test:unit-and-attest": "vitest run",
     "test:unit": "ATTEST_skipTypes=1 vitest run",
@@ -33,7 +33,6 @@
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@typegpu/tgpu-dev-cli": "workspace:*",
-    "@types/node": "^22.13.14",
     "@vitest/coverage-v8": "3.1.2",
     "@webgpu/types": "catalog:",
     "dpdm": "^3.14.0",
@@ -44,7 +43,12 @@
   },
   "packageManager": "[email protected]+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af",
   "pnpm": {
-    "onlyBuiltDependencies": ["@biomejs/biome", "esbuild", "sharp"],
+    "onlyBuiltDependencies": [
+      "@biomejs/biome",
+      "@tailwindcss/oxide",
+      "esbuild",
+      "sharp"
+    ],
     "overrides": {
       "rollup": "4.34.8"
     }

packages/tgpu-jit/tsconfig.json

@@ -1,8 +1,5 @@
 {
   "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "typeRoots": ["./node_modules/@types"]
-  },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]
 }

packages/tgpu-jit/tsconfig.test.json

@@ -1,8 +1,5 @@
 {
   "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "typeRoots": ["./node_modules/@types"]
-  },
   "include": ["src/**/*", "tests/**/*"],
   "exclude": ["node_modules", "dist"]
 }

packages/tgpu-wgsl-parser/tsconfig.json

@@ -1,8 +1,5 @@
 {
   "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "typeRoots": ["./node_modules/@webgpu/types", "./node_modules/@types"]
-  },
   "include": ["src/**/*", "tests/**/*"],
   "exclude": ["node_modules", "dist"]
 }

packages/typegpu-color/package.json

@@ -35,7 +35,6 @@
   },
   "devDependencies": {
     "@typegpu/tgpu-dev-cli": "workspace:*",
-    "@types/node": "^22.13.14",
     "@webgpu/types": "catalog:",
     "typegpu": "workspace:*",
     "typescript": "catalog:",

packages/typegpu-noise/package.json

@@ -35,7 +35,6 @@
   },
   "devDependencies": {
     "@typegpu/tgpu-dev-cli": "workspace:*",
-    "@types/node": "^22.13.14",
     "@webgpu/types": "catalog:",
     "unbuild": "catalog:",
     "typegpu": "workspace:*",

packages/typegpu/package.json

@@ -68,7 +68,6 @@
   "devDependencies": {
     "@ark/attest": "^0.46.0",
     "@typegpu/tgpu-dev-cli": "workspace:*",
-    "@types/node": "^22.13.14",
     "@webgpu/types": "catalog:",
     "arktype": "catalog:",
     "jiti": "^2.4.2",

packages/typegpu/src/errors.ts

@@ -4,6 +4,7 @@ import type { TgpuVertexLayout } from './core/vertexLayout/vertexLayout.ts';
 import type { AnyData, Disarray } from './data/dataTypes.ts';
 import type { WgslArray } from './data/wgslTypes.ts';
 import { getName } from './shared/meta.ts';
+import { DEV } from './shared/dev.ts';
 import type { TgpuBindGroupLayout } from './tgpuBindGroupLayout.ts';
 
 const prefix = 'Invariant failed';
@@ -21,7 +22,7 @@ export function invariant(
   }
 
   // In production we strip the message but still throw
-  if (process.env.NODE_ENV === 'production') {
+  if (!DEV) {
     throw new Error(prefix);
   }
 

packages/typegpu/src/shared/dev.ts

@@ -0,0 +1,9 @@
+/**
+ * This can be used to branch functionality between "dev" and "prod" modes, so that our
+ * library can omit doing unnecessary work once it's out in the wild
+ *
+ * Even though the value of this constant uses Node.js specific APIs, pretty much every
+ * bundler replaces the expression below with either `development` or `production`
+ */
+// biome-ignore lint/suspicious/noExplicitAny: the types are not important here
+export const DEV = (globalThis as any).process.env.NODE_ENV === 'development';

packages/typegpu/tsup.config.ts

@@ -16,9 +16,4 @@ export default defineConfig({
   minify: !inDevMode,
   clean: true,
   dts: true,
-  define: {
-    'process.env.NODE_ENV': JSON.stringify(
-      inDevMode ? 'development' : 'production',
-    ),
-  },
 });