Replace spread operators with Object.assign to reduce bundle size (5.03kB -> 4.94kB)

Author: bartveneman

benchmark/run.js

@@ -2,17 +2,16 @@ import byteSize from './format-filesize.js'
 import { analyze as analyzeCss } from '../dist/analyzer.modern.js'
 import * as fs from 'fs'
 const files = [
-  ['bol-com-20190617', 'Bol.com', 117],
-  ['bootstrap-5.0.0', 'Bootstrap 5.0.0', 49],
-  ['cnn-20220403', 'CNN', 360],
-  ['css-tricks-20190319', 'CSS-Tricks', 50],
-  ['cnn-20220403', 'CNN', 360],
-  ['facebook-20190319', 'Facebook.com', 71],
-  ['github-20210501', 'GitHub.com', 95],
-  ['gazelle-20210905', 'Gazelle.nl', 312],
-  ['lego-20190617', 'Lego.com', 59],
-  ['smashing-magazine-20190319', 'Smashing Magazine.com', 285],
-  ['trello-20190617', 'Trello.com', 80]
+  ['bol-com-20190617', 'Bol.com', 130],
+  ['bootstrap-5.0.0', 'Bootstrap 5.0.0', 54],
+  ['cnn-20220403', 'CNN', 406],
+  ['css-tricks-20190319', 'CSS-Tricks', 54],
+  ['facebook-20190319', 'Facebook.com', 79],
+  ['github-20210501', 'GitHub.com', 101],
+  ['gazelle-20210905', 'Gazelle.nl', 332],
+  ['lego-20190617', 'Lego.com', 63],
+  ['smashing-magazine-20190319', 'Smashing Magazine.com', 332],
+  ['trello-20190617', 'Trello.com', 86]
 ]
 
 let maxLen = -1

src/atrules/atrules.js

@@ -72,13 +72,13 @@ const analyzeAtRules = ({ atrules, stringifyNode }) => {
     media: medias.count(),
     charset: charsets.count(),
     supports: supports.count(),
-    keyframes: {
-      ...keyframes.count(),
-      prefixed: {
-        ...prefixedKeyframes.count(),
+    keyframes: Object.assign(
+      keyframes.count(), {
+      prefixed: Object.assign(
+        prefixedKeyframes.count(), {
         ratio: keyframes.size() === 0 ? 0 : prefixedKeyframes.size() / keyframes.size()
-      }
-    },
+      }),
+    }),
     container: containers.count(),
     layer: layers.count(),
   }

src/index.js

@@ -362,14 +362,14 @@ const analyze = (css) => {
         total: emptyRules,
         ratio: totalRules === 0 ? 0 : emptyRules / totalRules
       },
-      selectors: {
-        ...selectorsPerRule.aggregate(),
+      selectors: Object.assign(
+        selectorsPerRule.aggregate(), {
         items: selectorsPerRule.toArray(),
-      },
-      declarations: {
-        ...declarationsPerRule.aggregate(),
+      }),
+      declarations: Object.assign(
+        declarationsPerRule.aggregate(), {
         items: declarationsPerRule.toArray()
-      },
+      }),
     },
     selectors: {
       total: totalSelectors,
@@ -384,19 +384,19 @@ const analyze = (css) => {
         median: [aggregatesA.median, aggregatesB.median, aggregatesC.median],
         items: specificities
       },
-      complexity: {
-        ...complexityAggregator.aggregate(),
-        ...complexityCount,
-        items: complexities,
-      },
-      id: {
-        ...ids.count(),
+      complexity: Object.assign(
+        complexityAggregator.aggregate(),
+        complexityCount, {
+        items: complexities
+      }),
+      id: Object.assign(
+        ids.count(), {
         ratio: totalSelectors === 0 ? 0 : ids.size() / totalSelectors,
-      },
-      accessibility: {
-        ...a11y.count(),
+      }),
+      accessibility: Object.assign(
+        a11y.count(), {
         ratio: totalSelectors === 0 ? 0 : a11y.size() / totalSelectors,
-      },
+      }),
       keyframes: keyframeSelectors.count(),
     },
     declarations: {
@@ -414,21 +414,21 @@ const analyze = (css) => {
         },
       },
     },
-    properties: {
-      ...properties.count(),
-      prefixed: {
-        ...propertyVendorPrefixes.count(),
+    properties: Object.assign(
+      properties.count(), {
+      prefixed: Object.assign(
+        propertyVendorPrefixes.count(), {
         ratio: properties.size() === 0 ? 0 : propertyVendorPrefixes.size() / properties.size(),
-      },
-      custom: {
-        ...customProperties.count(),
+      }),
+      custom: Object.assign(
+        customProperties.count(), {
         ratio: properties.size() === 0 ? 0 : customProperties.size() / properties.size(),
-      },
-      browserhacks: {
-        ...propertyHacks.count(),
+      }),
+      browserhacks: Object.assign(
+        propertyHacks.count(), {
         ratio: properties.size() === 0 ? 0 : propertyHacks.size() / properties.size(),
-      }
-    },
+      }),
+    }),
     values: {
       colors: colors.count(),
       fontFamilies: analyzeFontFamilies({ stringifyNode, fontValues, fontFamilyValues }),