chore(build): process is undefined in browser

src/types/global.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable no-var */
-declare module globalThis {
+declare module global {
   var abortController: AbortController
   var abortSignal: AbortSignal
 }

src/utils/create-request.ts

@@ -72,16 +72,16 @@ export const createRequest: RequestFunction = async (
 
     if (isAbortControllerSupported) {
       // Expose the AbortController instance
-      globalThis.abortController = new AbortController()
+      global.abortController = new AbortController()
 
       // Use the external AbortController instance
-      globalThis.abortSignal = signal ? signal : globalThis.abortController.signal
+      global.abortSignal = signal ? signal : global.abortController.signal
     }
 
     const timeoutId =
       timeout && isAbortControllerSupported
         ? setTimeout(() => {
-            globalThis.abortController.abort()
+            global.abortController.abort()
 
             // Execute post-timeout hook
             if (hooks?.postTimeout) {
@@ -121,7 +121,7 @@ export const createRequest: RequestFunction = async (
 
     const requestOptions = {
       method,
-      signal: isAbortControllerSupported ? globalThis.abortSignal : null,
+      signal: isAbortControllerSupported ? global.abortSignal : null,
       headers: reqHeaders,
       ...otherOptions,
       body: requestBody,

src/utils/get-abort-controller.ts

@@ -1,5 +1,4 @@
 import { isAbortControllerSupported } from './constant.js'
 
 // Expose the AbortController instance through the library interface
-export const getAbortController = () =>
-  isAbortControllerSupported ? globalThis.abortController : null
+export const getAbortController = () => (isAbortControllerSupported ? global.abortController : null)

webpack.config.ts

@@ -1,29 +1,32 @@
 // @ts-check
-const path = require("path");
+const path = require('path')
 
 module.exports = /** @type { import('webpack').Configuration } */ {
-  mode: "production",
-  entry: "./src/index.ts",
-  devtool: "source-map",
+  mode: 'production',
+  entry: './src/index.ts',
+  devtool: 'source-map',
   output: {
     library: {
-      name: "hypf",
-      type: "umd",
+      name: 'hypf',
+      type: 'umd',
       umdNamedDefine: true,
     },
-    path: path.resolve(__dirname, "browser"),
-    filename: "hyperfetch-browser.min.js",
+    path: path.resolve(__dirname, 'browser'),
+    filename: 'hyperfetch-browser.min.js',
+  },
+  externals: {
+    'node:process': '{}',
   },
   resolve: {
     extensionAlias: {
-      ".js": [".js", ".ts"],
+      '.js': ['.js', '.ts'],
     },
-    extensions: [".ts", ".js"],
+    extensions: ['.ts', '.js'],
   },
   module: {
     rules: [
       // all files with a `.ts`, `.cts`, `.mts` or `.tsx` extension will be handled by `ts-loader`
-      { test: /\.([cm]?ts|tsx)$/, loader: "ts-loader" },
+      { test: /\.([cm]?ts|tsx)$/, loader: 'ts-loader' },
     ],
   },
-};
+}