orb migration

Author: brijeshb42

.circleci/config.yml

@@ -45,122 +45,29 @@ default-context: &default-context
 #   restore_cache:
 #     key: v1-repo-{{ .Branch }}-{{ .Revision }}
 
-commands:
-  install_js:
-    parameters:
-      browsers:
-        type: boolean
-        default: false
-        description: 'Set to true if you intend to any browser (for example with playwright).'
-      react-version:
-        description: The version of react to be used
-        type: string
-        default: stable
-    steps:
-      - run:
-          name: Set npm registry public signing keys
-          command: |
-            echo "export COREPACK_INTEGRITY_KEYS='$(curl https://registry.npmjs.org/-/npm/v1/keys | jq -c '{npm: .keys}')'" >> $BASH_ENV
-      - when:
-          condition: << parameters.browsers >>
-          steps:
-            - run:
-                name: Install pnpm package manager
-                command: corepack enable
-      - when:
-          condition:
-            not: << parameters.browsers >>
-          steps:
-            - run:
-                name: Install pnpm package manager
-                # See https://stackoverflow.com/a/73411601
-                command: corepack enable --install-directory ~/bin
-      - run:
-          name: View install environment
-          command: |
-            node --version
-            pnpm --version
-      - run:
-          name: Install js dependencies
-          command: |
-            args=""
-            if [ -n "$REACT_VERSION" ] && [ "$REACT_VERSION" != "stable" ]; then
-              args="react@$REACT_VERSION"
-            fi
-            if [ -n "$args" ]; then
-              pnpm dlx @mui/internal-code-infra@canary set-version-overrides --pkg $args
-            else
-              pnpm install
-            fi
-  linting:
-    description: 'Runs linters'
-    steps:
-      - run:
-          name: ESLint
-          command: pnpm eslint:ci
-      - run:
-          name: Stylelint
-          command: pnpm stylelint
-      - run:
-          name: Lint Markdown
-          command: pnpm markdownlint
-      - run:
-          name: Lint writing style
-          command: pnpm valelint
-
 jobs:
   test_unit:
     <<: *default-job
     steps:
       - checkout
-      - install_js
+      - code-infra/install-packages:
+          react-version: << parameters.react-version >>
       - run:
           name: Run tests on JSDOM
           command: pnpm test:jsdom:coverage
-      - run:
-          name: Check if coverage report is generated
-          command: |
-            if ! [[ -s coverage/lcov.info ]]
-            then
-              exit 1
-            fi
-      - run:
-          name: Upload coverage report to Codecov
-          command: |
-            curl -Os https://uploader.codecov.io/latest/linux/codecov
-            chmod +x codecov
-            ./codecov -t ${CODECOV_TOKEN} -Z -F "$REACT_VERSION-jsdom"
+      - code-infra/upload-coverage
   test_lint:
     <<: *default-job
     steps:
       - checkout
-      - install_js
+      - code-infra/install-packages
       - code-infra/run-linters
   test_static:
     <<: *default-job
     steps:
       - checkout
-      - install_js
-      - run:
-          name: '`pnpm dedupe` was run?'
-          command: |
-            # #default-branch-switch
-            if [[ $(git diff --name-status master | grep -E 'pnpm-workspace\.yaml|pnpm-lock.yaml|package\.json') == "" ]];
-            then
-                echo "No changes to dependencies detected. Skipping..."
-            else
-                pnpm dedupe --check
-            fi
-      - run:
-          name: '`pnpm prettier` changes committed?'
-          command: |
-            # #target-branch-reference
-            if [[ $(git diff --name-status master | grep pnpm-lock) == "" ]];
-            then
-                pnpm prettier --check
-            else
-                pnpm exec prettier --check . --ignore-path .lintignore
-            fi
+      - code-infra/install-packages
+      - code-infra/check-static-changes
       - run:
           name: Generate the documentation
           command: pnpm docs:api
@@ -187,15 +94,9 @@ jobs:
     resource_class: 'medium+'
     steps:
       - checkout
-      - install_js
-      - run:
-          name: Tests TypeScript definitions
-          command: pnpm typescript
-          environment:
-            NODE_OPTIONS: --max-old-space-size=3072
-      - run:
-          name: Any defect declaration files?
-          command: pnpm code-infra validate-built-types
+      - code-infra/install-packages:
+          react-version: << parameters.react-version >>
+      - code-infra/test-types
       - save_cache:
           name: Save generated declaration files
           key: typescript-declaration-files-{{ .Branch }}-{{ .Revision }}
@@ -207,13 +108,8 @@ jobs:
     resource_class: 'medium+'
     steps:
       - checkout
-      - install_js
-      - run:
-          name: Resolve typescript version
-          command: |
-            pnpm update -r typescript@next
-            # log a patch for maintainers who want to check out this change
-            git --no-pager diff HEAD
+      - code-infra/install-packages:
+          typescript-version: next
       - run:
           name: Tests TypeScript definitions
           command: pnpm typescript
@@ -239,31 +135,20 @@ jobs:
       - image: mcr.microsoft.com/playwright:v1.56.1-noble
     steps:
       - checkout
-      - install_js:
+      - code-infra/install-packages:
           browsers: true
+          react-version: << parameters.react-version >>
       - run:
           name: Run tests on headless Chromium
           command: pnpm test:chromium --coverage
-      - run:
-          name: Check if coverage report is generated
-          command: |
-            if ! [[ -s coverage/lcov.info ]]
-            then
-              exit 1
-            fi
-      - run:
-          name: Upload coverage report to Codecov
-          command: |
-            curl -Os https://uploader.codecov.io/latest/linux/codecov
-            chmod +x codecov
-            ./codecov -t ${CODECOV_TOKEN} -Z -F "$REACT_VERSION-browser"
+      - code-infra/upload-coverage
   test_regressions:
     <<: *default-job
     docker:
       - image: mcr.microsoft.com/playwright:v1.56.1-noble
     steps:
       - checkout
-      - install_js:
+      - code-infra/install-packages:
           browsers: true
       - run:
           name: Run visual regression tests
@@ -277,7 +162,7 @@ jobs:
       - image: mcr.microsoft.com/playwright:v1.56.1-noble
     steps:
       - checkout
-      - install_js:
+      - code-infra/install-packages:
           browsers: true
       - run:
           name: pnpm test:e2e
@@ -287,29 +172,14 @@ jobs:
     <<: *default-job
     steps:
       - checkout
-      - install_js
-      - run:
-          name: Build packages
-          command: pnpm release:build
-      - run:
-          name: Validate type declarations
-          command: pnpm code-infra validate-built-types
+      - code-infra/install-packages
+      - code-infra/test-package
       - run:
           name: Check public types
           command: pnpm -r run release:test
       - run:
           name: Test Node.js module resolution
           command: pnpm -F @base-ui/test-node-resolution test
-      - run:
-          name: Verify built packages
-          command: pnpm -r test:package
-      - run:
-          name: create and upload a size snapshot
-          command: |
-            export AWS_ACCESS_KEY_ID=$AWS_ACCESS_KEY_ID_ARTIFACTS
-            export AWS_SECRET_ACCESS_KEY=$AWS_SECRET_ACCESS_KEY_ARTIFACTS
-            export AWS_REGION=$AWS_REGION_ARTIFACTS
-            pnpm size:snapshot
 
 workflows:
   pipeline:

package.json

@@ -20,8 +20,8 @@
     "docs:link-check": "pnpm --filter docs link-check",
     "docs:generate-llms": "pnpm --filter docs run generate-llms",
     "extract-error-codes": "code-infra extract-error-codes --errorCodesPath docs/src/error-codes.json --detection opt-out",
-    "eslint": "eslint . --cache --report-unused-disable-directives --ext .js,.ts,.tsx,.mts --max-warnings 0 && pnpm -r lint",
-    "eslint:ci": "eslint . --report-unused-disable-directives --ext .js,.ts,.tsx,.mts --max-warnings 0 && pnpm -r lint",
+    "eslint": "eslint . --cache --report-unused-disable-directives --max-warnings 0 && pnpm -r lint",
+    "eslint:ci": "eslint . --report-unused-disable-directives --max-warnings 0 && pnpm -r lint",
     "stylelint": "stylelint --reportInvalidScopeDisables --reportNeedlessDisables \"docs/**/*.{js,ts,tsx}\" \"**/*.css\" --ignore-path .lintignore",
     "markdownlint": "markdownlint-cli2 \"**/*.{md,mdx}\"",
     "valelint": "pnpm vale sync && git ls-files | grep -h \".md$\" | xargs pnpm vale --filter='.Level==\"error\"'",