Add size-limit config

Author: aryaemami59

.size-limit.mts

@@ -0,0 +1,176 @@
+import type { Check, SizeLimitConfig } from 'size-limit'
+import type { Configuration } from 'webpack'
+
+/**
+ * An array of all possible Node environments.
+ */
+const allNodeEnvs = ['development', 'production'] as const
+
+/**
+ * Represents a specific environment for a Node.js application.
+ */
+type NodeEnv = (typeof allNodeEnvs)[number]
+
+/**
+ * Set of entry points from the `package.json` file.
+ */
+const packageJsonEntryPoints = new Set<string>()
+
+/**
+ * Recursively collects entry points from the `package.json` exports field.
+ *
+ * @param packageJsonExports - The exports field from `package.json`.
+ * @returns A set of package entry points.
+ */
+const collectPackageJsonExports = (
+  packageJsonExports:
+    | string
+    | Record<string, any>
+    | null
+    | typeof import('./package.json').exports,
+) => {
+  if (
+    typeof packageJsonExports === 'string' &&
+    packageJsonExports.endsWith('js')
+  ) {
+    packageJsonEntryPoints.add(
+      packageJsonExports.startsWith('./')
+        ? packageJsonExports
+        : `./${packageJsonExports}`,
+    )
+  } else if (packageJsonExports && typeof packageJsonExports === 'object') {
+    Object.values(packageJsonExports).forEach(collectPackageJsonExports)
+  }
+
+  return packageJsonEntryPoints
+}
+
+/**
+ * Gets all package entry points from the `package.json` file.
+ *
+ * @returns A promise that resolves to an array of unique package entry points.
+ */
+const getAllPackageEntryPoints = async () => {
+  const packageJson = (
+    await import('./package.json', { with: { type: 'json' } })
+  ).default
+
+  const packageExports = collectPackageJsonExports(packageJson.exports)
+
+  return [...packageExports]
+}
+
+/**
+ * Gets all import configurations for a given entry point.
+ * This function dynamically imports the specified entry point and
+ * generates a size limit configuration for each named export found
+ * within the module. It includes configurations for named imports,
+ * wildcard imports, and the default import.
+ *
+ * @param entryPoint - The entry point to import.
+ * @param index - The index of the entry point in the list.
+ * @returns A promise that resolves to a size limit configuration object.
+ */
+const getAllImportsForEntryPoint = async (
+  entryPoint: string,
+  index: number,
+): Promise<SizeLimitConfig> => {
+  const allNamedImports = Object.keys(await import(entryPoint)).filter(
+    (namedImport) => namedImport !== 'default',
+  )
+
+  return allNamedImports
+    .map<Check>((namedImport) => ({
+      path: entryPoint,
+      name: `${index + 1}. import { ${namedImport} } from "${entryPoint}"`,
+      import: `{ ${namedImport} }`,
+    }))
+    .concat([
+      {
+        path: entryPoint,
+        name: `${index + 1}. import * from "${entryPoint}"`,
+        import: '*',
+      },
+      {
+        path: entryPoint,
+        name: `${index + 1}. import "${entryPoint}"`,
+      },
+    ])
+}
+
+/**
+ * Sets the `NODE_ENV` for a given Webpack configuration.
+ *
+ * @param nodeEnv - The `NODE_ENV` to set (either 'development' or 'production').
+ * @returns A function that modifies the Webpack configuration.
+ */
+const setNodeEnv = (nodeEnv: NodeEnv) => {
+  const modifyWebpackConfig = ((config: Configuration) => {
+    ;(config.optimization ??= {}).nodeEnv = nodeEnv
+
+    return config
+  }) satisfies Check['modifyWebpackConfig']
+
+  return modifyWebpackConfig
+}
+
+/**
+ * Gets all import configurations with a specified `NODE_ENV`.
+ *
+ * @param nodeEnv - The `NODE_ENV` to set (either 'development' or 'production').
+ * @returns A promise that resolves to a size limit configuration object.
+ */
+const getAllImportsWithNodeEnv = async (nodeEnv: NodeEnv) => {
+  const allPackageEntryPoints = await getAllPackageEntryPoints()
+
+  const allImportsFromAllEntryPoints = (
+    await Promise.all(allPackageEntryPoints.map(getAllImportsForEntryPoint))
+  ).flat()
+
+  const modifyWebpackConfig = setNodeEnv(nodeEnv)
+
+  const allImportsWithNodeEnv = allImportsFromAllEntryPoints.map<Check>(
+    (importsFromEntryPoint) => ({
+      ...importsFromEntryPoint,
+      name: `${importsFromEntryPoint.name} ('${nodeEnv}' mode)`,
+      modifyWebpackConfig,
+    }),
+  )
+
+  return allImportsWithNodeEnv
+}
+
+/**
+ * Gets the size limit configuration for all `NODE_ENV`s.
+ *
+ * @returns A promise that resolves to the size limit configuration object.
+ */
+const getSizeLimitConfig = async (): Promise<SizeLimitConfig> => {
+  const packageJson = (
+    await import('./package.json', { with: { type: 'json' } })
+  ).default
+
+  const sizeLimitConfig = (
+    await Promise.all(allNodeEnvs.map(getAllImportsWithNodeEnv))
+  ).flat()
+
+  if ('dependencies' in packageJson) {
+    const dependencies = Object.keys(packageJson.dependencies ?? {})
+
+    const sizeLimitConfigWithoutDependencies = sizeLimitConfig.map<Check>(
+      (check) => ({
+        ...check,
+        name: `${check.name} (excluding dependencies)`,
+        ignore: dependencies,
+      }),
+    )
+
+    return sizeLimitConfig.concat(sizeLimitConfigWithoutDependencies)
+  }
+
+  return sizeLimitConfig
+}
+
+const sizeLimitConfig: Promise<SizeLimitConfig> = getSizeLimitConfig()
+
+export default sizeLimitConfig

package.json

@@ -47,6 +47,7 @@
     "test": "vitest --run --typecheck",
     "test:watch": "vitest --watch",
     "type-tests": "tsc --noEmit -p tsconfig.test.json",
+    "size": "size-limit",
     "coverage": "codecov"
   },
   "peerDependencies": {
@@ -79,6 +80,8 @@
     "@babel/preset-typescript": "^7.24.7",
     "@microsoft/api-extractor": "^7.47.0",
     "@reduxjs/toolkit": "^2.2.5",
+    "@size-limit/file": "^11.1.4",
+    "@size-limit/webpack": "^11.1.4",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.0.0",
@@ -102,6 +105,7 @@
     "react-test-renderer": "18.3.1",
     "redux": "^5.0.1",
     "rimraf": "^5.0.7",
+    "size-limit": "^11.1.4",
     "tsup": "7.0.0",
     "typescript": "^5.5.4",
     "typescript-eslint": "^7.12.0",