Add size-limit config

.github/workflows/size.yaml

@@ -1,16 +1,41 @@
-name: Bundle Size
+name: Check Bundle-Size
 
-on: [pull_request]
+on: [push, pull_request, workflow_dispatch]
 
 jobs:
-  build:
-    name: Check compressed size
+  size:
     runs-on: ubuntu-latest
+    name: Check Bundle-Size
 
+    strategy:
+      matrix:
+        node: ['22.x']
+
+    env:
+      CI_JOB_NUMBER: 1
     steps:
       - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          fetch-depth: 1
-      - uses: preactjs/compressed-size-action@v2
+          node-version: ${{ matrix.node }}
+          cache: 'yarn'
+          check-latest: true
+
+      - run: yarn install
+
+      - uses: EskiMojo14/size-limit-action@v2
+        id: size
+        continue-on-error: true
+
         with:
-          repo-token: '${{ secrets.GITHUB_TOKEN }}'
+          directory: .
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          build_script: build
+          package_manager: yarn
+          size_margin: non-zero
+
+      - name: Run size-limit locally
+        if: ${{ success() && steps.size.outcome == 'failure' }}
+        run: |
+          yarn run build
+          yarn run size

.size-limit.mts

@@ -0,0 +1,64 @@
+import type { Check, SizeLimitConfig } from 'size-limit'
+import type { Configuration } from 'webpack'
+import packageJson from './package.json' with { type: 'json' }
+
+/**
+ * An array of all possible Node environments.
+ */
+const allNodeEnvs = ['production'] as const
+
+const allPackageEntryPoints = ['./dist/react-redux.mjs'] as const
+
+const dependencies = Object.keys(packageJson.dependencies ?? {})
+
+const sizeLimitConfig: SizeLimitConfig = (
+  await Promise.all(
+    allNodeEnvs.flatMap((nodeEnv) => {
+      const modifyWebpackConfig = ((config: Configuration) => {
+        ;(config.optimization ??= {}).nodeEnv = nodeEnv
+
+        return config
+      }) satisfies Check['modifyWebpackConfig']
+
+      return allPackageEntryPoints.map(async (entryPoint, index) => {
+        const allNamedImports = Object.keys(await import(entryPoint)).filter(
+          (namedImport) => namedImport !== 'default',
+        )
+
+        const sizeLimitConfigWithDependencies = allNamedImports
+          .map<Check>((namedImport, namedImportIndex) => ({
+            path: entryPoint,
+            name: `${index + 1}-${namedImportIndex + 1}. import { ${namedImport} } from "${entryPoint}" ('${nodeEnv}' mode)`,
+            import: `{ ${namedImport} }`,
+            modifyWebpackConfig,
+          }))
+          .concat([
+            {
+              path: entryPoint,
+              name: `${index + 1}-${allNamedImports.length + 1}. import * from "${entryPoint}" ('${nodeEnv}' mode)`,
+              import: '*',
+              modifyWebpackConfig,
+            },
+            {
+              path: entryPoint,
+              name: `${index + 1}-${allNamedImports.length + 2}. import "${entryPoint}" ('${nodeEnv}' mode)`,
+              modifyWebpackConfig,
+            },
+          ])
+
+        const sizeLimitConfigWithoutDependencies =
+          sizeLimitConfigWithDependencies.map((check) => ({
+            ...check,
+            name: `${check.name} (excluding dependencies)`,
+            ignore: dependencies,
+          }))
+
+        return sizeLimitConfigWithDependencies.concat(
+          sizeLimitConfigWithoutDependencies,
+        )
+      })
+    }),
+  )
+).flat()
+
+export default sizeLimitConfig

package.json

@@ -48,6 +48,7 @@
     "test": "vitest --run --typecheck",
     "test:watch": "vitest --watch",
     "type-tests": "tsc --noEmit -p tsconfig.test.json",
+    "size": "size-limit --config $INIT_CWD/.size-limit.mts",
     "coverage": "codecov"
   },
   "peerDependencies": {
@@ -70,10 +71,12 @@
   "devDependencies": {
     "@microsoft/api-extractor": "^7.47.0",
     "@reduxjs/toolkit": "^2.2.5",
+    "@size-limit/file": "^11.2.0",
+    "@size-limit/webpack": "^11.2.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
-    "@types/node": "^20.14.2",
+    "@types/node": "^22.13.5",
     "@types/prop-types": "^15.7.12",
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.1",
@@ -91,6 +94,7 @@
     "react-dom": "^19.0.0",
     "redux": "^5.0.1",
     "rimraf": "^5.0.7",
+    "size-limit": "^11.2.0",
     "tsup": "^8.3.5",
     "typescript": "^5.5.4",
     "typescript-eslint": "^7.12.0",