ci: enable autofix.ci, codesanbox and pkg-pr-new workflows (#1184)

Author: JounQin

.codesandbox/ci.json

@@ -0,0 +1,4 @@
+{
+  "node": "20",
+  "sandboxes": []
+}

.github/workflows/autofix.yml

@@ -0,0 +1,39 @@
+name: autofix.ci # For security reasons, the workflow in which the autofix.ci action is used must be named "autofix.ci".
+
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  autofix:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
+
+      - name: Setup Node.js LTS
+        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+        with:
+          node-version: lts/*
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn --immutable
+
+      - name: Build
+        run: yarn build
+
+      - name: Format Codes
+        run: yarn format
+
+      - name: Apply autofix.ci
+        uses: autofix-ci/action@2891949f3779a1cafafae1523058501de3d4e944 # v1
+        with:
+          fail-fast: false

.github/workflows/pkg-pr-new.yml

@@ -0,0 +1,31 @@
+name: Publish Any Commit
+on:
+  - push
+  - pull_request
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4
+
+      - name: Setup Node.js LTS
+        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4
+        with:
+          node-version: lts/*
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn --immutable
+
+      - name: Build
+        run: yarn build
+
+      - name: Publish
+        run: yarn dlx pkg-pr-new publish --compact

README.md

@@ -188,7 +188,7 @@ would like to perform the formatting but also capture any errors that
 
 ## Technical details
 
-> Code ➡️ prettier ➡️ eslint --fix ➡️ Formatted Code ✨
+> Code ➡️ `prettier` ➡️ `eslint --fix` ➡️ Formatted Code ✨
 
 ### inferring prettierOptions via eslintConfig