ci: add npm pack size detection workflow and badge (#39)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: afc163

.github/workflows/pkg-size.yml

@@ -0,0 +1,56 @@
+name: Pkg Size
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  pull-requests: write
+
+jobs:
+  pkg-size:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+
+      - run: npm ci
+      - run: npm run build
+
+      - name: Get pack size
+        id: size
+        run: |
+          PACK=$(npm pack --dry-run --json 2>&1 | sed -n '/^\[/,/^\]/p' | jq '.[0]')
+          echo "size=$(echo "$PACK" | jq '.size')" >> "$GITHUB_OUTPUT"
+          echo "unpack_size=$(echo "$PACK" | jq '.unpackedSize')" >> "$GITHUB_OUTPUT"
+
+      - name: Get base branch size
+        if: github.event_name == 'pull_request'
+        id: base_size
+        run: |
+          git fetch origin ${{ github.base_ref }} --depth=1
+          git checkout FETCH_HEAD -- . 2>/dev/null || true
+          npm ci
+          npm run build
+          PACK=$(npm pack --dry-run --json 2>&1 | sed -n '/^\[/,/^\]/p' | jq '.[0]')
+          echo "size=$(echo "$PACK" | jq '.size')" >> "$GITHUB_OUTPUT"
+          echo "unpack_size=$(echo "$PACK" | jq '.unpackedSize')" >> "$GITHUB_OUTPUT"
+
+      - name: Comment on PR
+        if: github.event_name == 'pull_request'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const run = require('./scripts/pkg-size-comment.cjs');
+            await run({
+              github, context,
+              size: parseInt('${{ steps.size.outputs.size }}'),
+              unpackSize: parseInt('${{ steps.size.outputs.unpack_size }}'),
+              baseSize: parseInt('${{ steps.base_size.outputs.size }}') || parseInt('${{ steps.size.outputs.size }}'),
+              baseUnpackSize: parseInt('${{ steps.base_size.outputs.unpack_size }}') || parseInt('${{ steps.size.outputs.unpack_size }}'),
+            });

README.md

@@ -14,6 +14,7 @@ Query component knowledge, analyze project usage, and guide migrations — fully
 [![npm version](https://img.shields.io/npm/v/@ant-design/cli?color=blue&label=npm)](https://www.npmjs.com/package/@ant-design/cli)
 [![npm downloads](https://img.shields.io/npm/dm/@ant-design/cli?color=blue)](https://www.npmjs.com/package/@ant-design/cli)
 [![CI](https://github.com/ant-design/ant-design-cli/actions/workflows/ci.yml/badge.svg)](https://github.com/ant-design/ant-design-cli/actions/workflows/ci.yml)
+[![install size](https://packagephobia.com/badge?p=@ant-design/cli)](https://packagephobia.com/result?p=@ant-design/cli)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)
 
 [English](./README.md) · [中文](./README.zh-CN.md) · [Changelog](./CHANGELOG.md)

README.zh-CN.md

@@ -14,6 +14,7 @@
 [![npm version](https://img.shields.io/npm/v/@ant-design/cli?color=blue&label=npm)](https://www.npmjs.com/package/@ant-design/cli)
 [![npm downloads](https://img.shields.io/npm/dm/@ant-design/cli?color=blue)](https://www.npmjs.com/package/@ant-design/cli)
 [![CI](https://github.com/ant-design/ant-design-cli/actions/workflows/ci.yml/badge.svg)](https://github.com/ant-design/ant-design-cli/actions/workflows/ci.yml)
+[![install size](https://packagephobia.com/badge?p=@ant-design/cli)](https://packagephobia.com/result?p=@ant-design/cli)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](./LICENSE)
 
 [English](./README.md) · [中文](./README.zh-CN.md) · [更新日志](./CHANGELOG.zh-CN.md)

scripts/pkg-size-comment.cjs

@@ -0,0 +1,57 @@
+/**
+ * Post a package size report comment on a PR.
+ * Called by the pkg-size GitHub Actions workflow via actions/github-script.
+ *
+ * @param {object} params
+ * @param {import('@octokit/rest').Octokit} params.github
+ * @param {object} params.context
+ * @param {number} params.size - packed size in bytes
+ * @param {number} params.unpackSize - unpacked size in bytes
+ * @param {number} params.baseSize - base branch packed size in bytes
+ * @param {number} params.baseUnpackSize - base branch unpacked size in bytes
+ */
+module.exports = async ({ github, context, size, unpackSize, baseSize, baseUnpackSize }) => {
+  function formatBytes(bytes) {
+    if (bytes >= 1048576) return (bytes / 1048576).toFixed(2) + ' MB';
+    return (bytes / 1024).toFixed(2) + ' KB';
+  }
+
+  function formatDiff(current, base) {
+    const diff = current - base;
+    if (diff === 0) return '±0';
+    const sign = diff > 0 ? '+' : '';
+    return `${sign}${formatBytes(Math.abs(diff))} (${sign}${((diff / base) * 100).toFixed(1)}%)`;
+  }
+
+  const body = [
+    '## 📦 Package Size Report',
+    '',
+    '| Metric | Size | Diff |',
+    '| --- | --- | --- |',
+    `| Packed | ${formatBytes(size)} | ${formatDiff(size, baseSize)} |`,
+    `| Unpacked | ${formatBytes(unpackSize)} | ${formatDiff(unpackSize, baseUnpackSize)} |`,
+  ].join('\n');
+
+  const { data: comments } = await github.rest.issues.listComments({
+    owner: context.repo.owner,
+    repo: context.repo.repo,
+    issue_number: context.issue.number,
+  });
+  const existing = comments.find((c) => c.body.includes('📦 Package Size Report'));
+
+  if (existing) {
+    await github.rest.issues.updateComment({
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+      comment_id: existing.id,
+      body,
+    });
+  } else {
+    await github.rest.issues.createComment({
+      owner: context.repo.owner,
+      repo: context.repo.repo,
+      issue_number: context.issue.number,
+      body,
+    });
+  }
+};