fix: Polyfill process in unplugin-typegpu (#2394)

Author: iwoplaza

packages/unplugin-typegpu/package.json

@@ -26,7 +26,6 @@
     "directory": "packages/unplugin-typegpu"
   },
   "type": "module",
-  "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
     ".": "./src/index.ts",

packages/unplugin-typegpu/src/babel.ts

@@ -1,8 +1,8 @@
-import * as t from '@babel/types';
 import type { NodePath, TraverseOptions } from '@babel/traverse';
 import defu from 'defu';
 import { transpileFn } from 'tinyest-for-wgsl';
 import { FORMAT_VERSION } from 'tinyest';
+import { t } from './core/babel-types.ts';
 import {
   type PluginState,
   defaultOptions,

packages/unplugin-typegpu/src/core/babel-types.ts

@@ -0,0 +1,5 @@
+// oxlint-disable-next-line import/no-unassigned-import -- imported for side effects
+import './polyfill-process.ts';
+
+import * as t from '@babel/types';
+export { t };

packages/unplugin-typegpu/src/core/common.ts

@@ -1,5 +1,5 @@
+import { t } from './babel-types.ts';
 import type { NodePath, TraverseOptions } from '@babel/traverse';
-import * as t from '@babel/types';
 import type { FilterPattern } from 'unplugin';
 import { MagicStringAST } from 'magic-string-ast';
 import { transpileFn } from 'tinyest-for-wgsl';

packages/unplugin-typegpu/src/core/factory.ts

@@ -6,7 +6,7 @@ import _traverse, { type NodePath } from '@babel/traverse';
 import { FORMAT_VERSION } from 'tinyest';
 import { transpileFn } from 'tinyest-for-wgsl';
 import * as parser from '@babel/parser';
-import * as t from '@babel/types';
+import { t } from './babel-types.ts';
 import {
   defaultOptions,
   earlyPruneRegex,

packages/unplugin-typegpu/src/core/polyfill-process.ts

@@ -0,0 +1,8 @@
+// The babel plugin can be imported in a browser, which doesn't have `process` defined
+if (typeof globalThis.process === 'undefined') {
+  // oxlint-disable-next-line typescript/no-explicit-any
+  (globalThis.process as any) = {};
+}
+if (typeof globalThis.process.env === 'undefined') {
+  globalThis.process.env = {};
+}