enhance: Reduce bundle size by removing bloated polyfills (#3384)

ntucker · web-flow · commit 24ad679f58c7 · 2025-02-27T06:43:43.000-08:00
diff --git a/.changeset/smooth-seals-shake.md b/.changeset/smooth-seals-shake.md
@@ -0,0 +1,13 @@
+---
+'@data-client/use-enhanced-reducer': patch
+'@data-client/normalizr': patch
+'@data-client/endpoint': patch
+'@data-client/graphql': patch
+'@data-client/react': patch
+'@data-client/core': patch
+'@data-client/rest': patch
+'@data-client/test': patch
+'@data-client/img': patch
+---
+
+Reduce bundle sizes by 30% by removing unneeded polyfills
diff --git a/babel.config.js b/babel.config.js
@@ -9,13 +9,14 @@ module.exports = function (api) {
       process.env.BROWSERSLIST_ENV +
       process.env.COMPILE_TARGET +
       process.env.POLYFILL_TARGETS +
-      '0',
+      '1',
   );
   return {
     presets: [
       [
         '@anansi',
         {
+          polyfillMethod: false,
           hasJsxRuntime: true,
           loose: true,
           resolver: {
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -124,9 +124,8 @@
     "url": "https://github.com/reactive/data-client/issues"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
+    "@babel/runtime": "^7.20.0",
     "@data-client/normalizr": "^0.14.20",
-    "core-js-pure": "^3.40.0",
     "flux-standard-action": "^2.1.1"
   },
   "devDependencies": {
diff --git a/packages/core/rollup.config.mjs b/packages/core/rollup.config.mjs
@@ -15,7 +15,7 @@ import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies)
   //.concat(Object.keys(pkg.peerDependencies))
-  .filter(dep => ![].includes(dep));
+  .filter(dep => !['@babel/runtime'].includes(dep));
 
 const extensions = ['.js', '.ts', '.tsx', '.mjs', '.json', '.node', '.jsx'];
 const nativeExtensions = ['.native.ts', ...extensions];
diff --git a/packages/endpoint/package.json b/packages/endpoint/package.json
@@ -133,8 +133,7 @@
     "url": "https://github.com/reactive/data-client/issues"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
-    "core-js-pure": "^3.40.0"
+    "@babel/runtime": "^7.20.0"
   },
   "devDependencies": {
     "@anansi/browserslist-config": "^1.4.2",
diff --git a/packages/endpoint/rollup.config.mjs b/packages/endpoint/rollup.config.mjs
@@ -14,7 +14,7 @@ import {
 import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies).filter(
-  dep => ![].includes(dep),
+  dep => !['@babel/runtime'].includes(dep),
 );
 
 const extensions = ['.js', '.ts', '.tsx', '.mjs', '.json', '.node'];
diff --git a/packages/endpoint/src/index.ts b/packages/endpoint/src/index.ts
@@ -1,3 +1,8 @@
+Object.hasOwn =
+  Object.hasOwn ||
+  /* istanbul ignore next */ function hasOwn(it, key) {
+    return Object.prototype.hasOwnProperty.call(it, key);
+  };
 export type {
   EndpointOptions,
   EndpointInstance,
diff --git a/packages/graphql/package.json b/packages/graphql/package.json
@@ -106,9 +106,8 @@
   "funding": "https://github.com/sponsors/ntucker",
   "license": "Apache-2.0",
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
-    "@data-client/endpoint": "^0.14.20",
-    "core-js-pure": "^3.40.0"
+    "@babel/runtime": "^7.20.0",
+    "@data-client/endpoint": "^0.14.20"
   },
   "devDependencies": {
     "@anansi/browserslist-config": "^1.4.2",
diff --git a/packages/graphql/rollup.config.mjs b/packages/graphql/rollup.config.mjs
@@ -13,7 +13,7 @@ import {
 import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies).filter(
-  dep => ![].includes(dep),
+  dep => !['@babel/runtime'].includes(dep),
 );
 
 const extensions = ['.js', '.ts', '.tsx', '.mjs', '.json', '.node'];
diff --git a/packages/img/package.json b/packages/img/package.json
@@ -74,9 +74,8 @@
   "funding": "https://github.com/sponsors/ntucker",
   "license": "Apache-2.0",
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
-    "@data-client/endpoint": "^0.14.20",
-    "core-js-pure": "^3.40.0"
+    "@babel/runtime": "^7.20.0",
+    "@data-client/endpoint": "^0.14.20"
   },
   "peerDependencies": {
     "@data-client/react": "^0.1.0 || ^0.2.0 || ^0.3.0 || ^0.4.0 || ^0.5.0 || ^0.7.0 || ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^0.14.0",
diff --git a/packages/img/rollup.config.mjs b/packages/img/rollup.config.mjs
@@ -14,7 +14,7 @@ import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies)
   .concat(Object.keys(pkg.peerDependencies))
-  .filter(dep => ![].includes(dep));
+  .filter(dep => !['@babel/runtime'].includes(dep));
 const peers = Object.keys(pkg.peerDependencies);
 
 const extensions = ['.js', '.ts', '.tsx', '.mjs', '.json', '.node'];
diff --git a/packages/normalizr/package.json b/packages/normalizr/package.json
@@ -118,8 +118,7 @@
     "url": "https://github.com/reactive/data-client/issues"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
-    "core-js-pure": "^3.40.0"
+    "@babel/runtime": "^7.20.0"
   },
   "devDependencies": {
     "@anansi/browserslist-config": "^1.4.2",
diff --git a/packages/normalizr/rollup.config.mjs b/packages/normalizr/rollup.config.mjs
@@ -10,7 +10,9 @@ import {
 
 import pkg from './package.json' with { type: 'json' };
 
-const dependencies = Object.keys(pkg.dependencies);
+const dependencies = Object.keys(pkg.dependencies).filter(
+  dep => !['@babel/runtime'].includes(dep),
+);
 
 const name = 'normalizr';
 
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -168,10 +168,9 @@
   "funding": "https://github.com/sponsors/ntucker",
   "license": "Apache-2.0",
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
+    "@babel/runtime": "^7.20.0",
     "@data-client/core": "^0.14.20",
-    "@data-client/use-enhanced-reducer": "^0.1.13",
-    "core-js-pure": "^3.40.0"
+    "@data-client/use-enhanced-reducer": "^0.1.13"
   },
   "peerDependencies": {
     "@react-navigation/native": "^6.0.0 || ^7.0.0",
diff --git a/packages/react/rollup.config.mjs b/packages/react/rollup.config.mjs
@@ -16,7 +16,10 @@ import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies)
   .concat(Object.keys(pkg.peerDependencies))
-  .filter(dep => !['@data-client/use-enhanced-reducer'].includes(dep));
+  .filter(
+    dep =>
+      !['@data-client/use-enhanced-reducer', '@babel/runtime'].includes(dep),
+  );
 const peers = Object.keys(pkg.peerDependencies);
 
 const extensions = ['.js', '.ts', '.tsx', '.mjs', '.json', '.node', '.jsx'];
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
@@ -1,3 +1,8 @@
+Object.hasOwn =
+  Object.hasOwn ||
+  /* istanbul ignore next */ function hasOwn(it, key) {
+    return Object.prototype.hasOwnProperty.call(it, key);
+  };
 export { Controller, ExpiryStatus, actionTypes } from '@data-client/core';
 export type {
   EndpointExtraOptions,
diff --git a/packages/react/src/server/index.ts b/packages/react/src/server/index.ts
@@ -1,3 +1,8 @@
+Object.hasOwn =
+  Object.hasOwn ||
+  /* istanbul ignore next */ function hasOwn(it, key) {
+    return Object.prototype.hasOwnProperty.call(it, key);
+  };
 export { default as createPersistedStore } from './createPersistedStore.js';
 export * from './getInitialData.js';
 export { default as createServerDataComponent } from './createServerDataComponent.js';
diff --git a/packages/rest/package.json b/packages/rest/package.json
@@ -134,9 +134,8 @@
   "funding": "https://github.com/sponsors/ntucker",
   "license": "Apache-2.0",
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
+    "@babel/runtime": "^7.20.0",
     "@data-client/endpoint": "^0.14.20",
-    "core-js-pure": "^3.40.0",
     "path-to-regexp": "^6.3.0"
   },
   "devDependencies": {
diff --git a/packages/rest/rollup.config.mjs b/packages/rest/rollup.config.mjs
@@ -15,7 +15,7 @@ import {
 import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies).filter(
-  dep => ![].includes(dep),
+  dep => !['@babel/runtime'].includes(dep),
 );
 
 const extensions = ['.ts', '.tsx', '.js', '.mjs', '.json', '.node'];
diff --git a/packages/test/package.json b/packages/test/package.json
@@ -115,11 +115,10 @@
   "funding": "https://github.com/sponsors/ntucker",
   "license": "Apache-2.0",
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.0",
+    "@babel/runtime": "^7.20.0",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/react": "^16.0.0",
-    "@testing-library/react-native": "^13.0.0",
-    "core-js-pure": "^3.40.0"
+    "@testing-library/react-native": "^13.0.0"
   },
   "peerDependencies": {
     "@data-client/react": "^0.12.15 || ^0.13.0 || ^0.14.0",
diff --git a/packages/test/rollup.config.mjs b/packages/test/rollup.config.mjs
@@ -4,7 +4,7 @@ import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies)
   .concat(Object.keys(pkg.peerDependencies))
-  .filter(dep => !['@data-client/normalizr'].includes(dep));
+  .filter(dep => !['@data-client/normalizr', '@babel/runtime'].includes(dep));
 
 const extensions = [
   '.js',
diff --git a/packages/test/src/MockController.ts b/packages/test/src/MockController.ts
@@ -1,3 +1,8 @@
+Object.hasOwn =
+  Object.hasOwn ||
+  /* istanbul ignore next */ function hasOwn(it, key) {
+    return Object.prototype.hasOwnProperty.call(it, key);
+  };
 import {
   actionTypes,
   Controller,
diff --git a/packages/use-enhanced-reducer/package.json b/packages/use-enhanced-reducer/package.json
@@ -94,7 +94,6 @@
     "rollup-plugins": "workspace:*"
   },
   "dependencies": {
-    "@babel/runtime-corejs3": "^7.26.7",
-    "core-js-pure": "^3.40.0"
+    "@babel/runtime": "^7.20.0"
   }
 }
diff --git a/packages/use-enhanced-reducer/rollup.config.mjs b/packages/use-enhanced-reducer/rollup.config.mjs
@@ -14,7 +14,7 @@ import pkg from './package.json' with { type: 'json' };
 
 const dependencies = Object.keys(pkg.dependencies)
   .concat(Object.keys(pkg.peerDependencies))
-  .filter(dep => ![].includes(dep));
+  .filter(dep => !['@babel/runtime'].includes(dep));
 
 const extensions = ['.js', '.ts', '.tsx', '.mjs', '.json', '.node'];
 process.env.NODE_ENV = 'production';
diff --git a/yarn.lock b/yarn.lock
