[code-infra] Add publishing (#328)

Author: Janpot

.github/workflows/ci.yml

@@ -0,0 +1,32 @@
+name: CI
+
+on:
+  push:
+    branches-ignore:
+      # Renovate branches are always Pull Requests.
+      # We don't need to run CI twice (push+pull_request)
+      - 'renovate/**'
+      - 'dependabot/**'
+
+permissions: {}
+
+jobs:
+  continuous-releases:
+    runs-on: ubuntu-latest
+    # do not run on forks
+    if: github.repository == 'mui/mui-public'
+    steps:
+      - run: echo "${{ github.actor }}"
+      - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        with:
+          fetch-depth: 0
+      - name: Set up pnpm
+        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        with:
+          node-version: 20
+          cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies
+      - run: pnpm release:prepare
+      - run: pnpm release:build
+      - run: pnpm pkg-pr-new-release

README.md

@@ -18,3 +18,21 @@ Internal public Toolpad apps that run the operations of MUI, built using https:/
 - Folder: `/apps/code-infra-dashboard/`
 - Hosting: https://app.netlify.com/sites/mui-frontend-public/overview
 - [Docs](./apps/code-infra-dashboard/#readme)
+
+## Versioning
+
+Steps:
+
+1. Checkout latest master
+1. Run `pnpm release:prepare`
+1. Run `pnpm release:version`
+1. Open PR with the changes
+
+## Publishing
+
+Steps:
+
+1. Merge versioning PR
+1. Checkout release commit on master
+1. Run `pnpm release:prepare`
+1. Run `pnpm release:publish`

lerna.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
+  "version": "independent",
+  "npmClient": "pnpm"
+}

package.json

@@ -7,7 +7,13 @@
     "eslint:ci": "eslint . --report-unused-disable-directives --ext .js,.ts,.tsx --max-warnings 0",
     "prettier": "pretty-quick --ignore-path .eslintignore",
     "prettier:all": "prettier --write . --ignore-path .eslintignore",
-    "update-netlify-ignore": "node ./update-netlify-ignore.js code-infra-dashboard"
+    "update-netlify-ignore": "node ./update-netlify-ignore.js code-infra-dashboard",
+    "release:prepare": "pnpm install && pnpm release:build",
+    "release:version": "lerna version --no-changelog --no-push --no-git-tag-version --no-private",
+    "release:build": "pnpm --filter \"./packages/**\" run build",
+    "release:publish": "pnpm publish --recursive --tag latest",
+    "pkg-pr-new-packages": "pnpm ls -r --parseable --depth -1 -F \"./packages/**\"",
+    "pkg-pr-new-release": "pnpm dlx pkg-pr-new publish $(pnpm -s pkg-pr-new-packages) --pnpm --comment=off --peerDeps --compact"
   },
   "devDependencies": {
     "@actions/core": "^1.10.1",
@@ -32,6 +38,7 @@
     "eslint-plugin-react-hooks": "4.6.2",
     "eslint-plugin-testing-library": "^6.2.2",
     "eslint-plugin-typescript-enum": "2.1.0",
+    "lerna": "^8.2.2",
     "prettier": "^3.3.3",
     "pretty-quick": "^4.0.0",
     "typescript": "^4.6.4"

packages/bundle-size-checker/package.json

@@ -1,13 +1,17 @@
 {
   "name": "@mui/internal-bundle-size-checker",
-  "version": "1.0.0",
-  "private": true,
+  "version": "1.0.2",
   "description": "Bundle size checker for MUI packages.",
   "type": "module",
   "main": "./src/index.js",
   "bin": {
     "bundle-size-checker": "./bin/bundle-size-checker.js"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mui/mui-public.git",
+    "directory": "packages/bundle-size-checker"
+  },
   "scripts": {
     "typescript": "tsc -p tsconfig.json"
   },

packages/bundle-size-checker/src/configLoader.js

@@ -9,7 +9,7 @@ import envCi from 'env-ci';
 /**
  * Attempts to load and parse a single config file
  * @param {string} configPath - Path to the configuration file
- * @returns {Promise<BundleSizeCheckerConfig | null>} The parsed config or null if file doesn't exist
+ * @returns {Promise<BundleSizeCheckerConfigObject | null>} The parsed config or null if file doesn't exist
  * @throws {Error} If the file exists but has invalid format
  */
 async function loadConfigFile(configPath) {
@@ -20,20 +20,18 @@ async function loadConfigFile(configPath) {
 
     // Dynamic import for ESM
     const configUrl = new URL(`file://${configPath}`);
-    let { default: config } = await import(configUrl.href);
+    const { default: config } = await import(configUrl.href);
 
+    /** @type {BundleSizeCheckerConfigObject | null} */
+    let resolvedConfig = null;
     // Handle configs that might be Promise-returning functions
     if (config instanceof Promise) {
-      config = await config;
+      resolvedConfig = await config;
     } else if (typeof config === 'function') {
-      config = await config();
+      resolvedConfig = await config();
     }
 
-    if (!config.entrypoints || !Array.isArray(config.entrypoints)) {
-      throw new Error('Configuration must include an entrypoints array');
-    }
-
-    return config;
+    return resolvedConfig;
   } catch (error) {
     console.error(`Error loading config from ${configPath}:`, error);
     throw error; // Re-throw to indicate failure
@@ -81,7 +79,7 @@ export function applyUploadConfigDefaults(uploadConfig, ciInfo) {
 
 /**
  * Apply default values to the configuration using CI environment
- * @param {BundleSizeCheckerConfig} config - The loaded configuration
+ * @param {BundleSizeCheckerConfigObject} config - The loaded configuration
  * @returns {NormalizedBundleSizeCheckerConfig} Configuration with defaults applied
  * @throws {Error} If required fields are missing
  */

packages/bundle-size-checker/src/defineConfig.js

@@ -1,8 +1,3 @@
-/**
- * @typedef {Object} BundleSizeCheckerConfig
- * @property {string[]} entrypoints - Array of entrypoints to check size for
- */
-
 /**
  * Define a configuration for the bundle size checker.
  * This is just a pass-through function for better TypeScript typing.

packages/bundle-size-checker/src/types.d.ts

@@ -55,11 +55,16 @@ interface ObjectEntry {
 type EntryPoint = StringEntry | ObjectEntry;
 
 // Bundle size checker config with optional upload config
-interface BundleSizeCheckerConfig {
+interface BundleSizeCheckerConfigObject {
   entrypoints: EntryPoint[];
   upload?: UploadConfig | boolean | null;
 }
 
+type BundleSizeCheckerConfig =
+  | BundleSizeCheckerConfigObject
+  | Promise<BundleSizeCheckerConfigObject>
+  | (() => BundleSizeCheckerConfigObject | Promise<BundleSizeCheckerConfigObject>);
+
 // Normalized bundle size checker config with all properties defined
 interface NormalizedBundleSizeCheckerConfig {
   entrypoints: ObjectEntry[];