feat(package-manager)!: Use npm instead of yarn

.github/dependabot.yml

@@ -45,6 +45,7 @@ updates:
         patterns:
           - 'eslint'
           - 'eslint-*'
+          - '@eslint/*'
       typescript:
         patterns:
           - 'typescript'

.github/workflows/build-and-test.yml

@@ -26,16 +26,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node }}
-          cache: 'yarn'
+          cache: 'npm'
 
       - name: Install dependencies
-        run: yarn --immutable
+        run: npm ci
 
       - name: Run tests with coverage
-        run: yarn test:coverage
+        run: npm run test:coverage
 
       - name: Run node server side tests
-        run: yarn test:serverside
+        run: npm run test:serverside
 
   run-checks:
     runs-on: ubuntu-latest
@@ -48,19 +48,19 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version-file: '.node-version'
-          cache: 'yarn'
+          cache: 'npm'
 
-      # The yarn cache is not node_modules
+      # The npm cache is not node_modules
       - name: Install dependencies
-        run: yarn --immutable
+        run: npm ci
 
       - name: Lint code
-        run: yarn lint
+        run: npm run lint
 
       - name: Check format
-        run: yarn format:check
+        run: npm run format:check
 
       - name: Run Danger JS
-        run: yarn danger ci --failOnErrors
+        run: npx danger ci --failOnErrors
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy-storybook.yml

@@ -28,12 +28,12 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version-file: '.node-version'
-          cache: 'yarn'
+          cache: 'npm'
 
       - name: Deploy 🚀
         uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3
         with:
-          install_command: yarn install
-          build_command: yarn build-storybook
+          install_command: npm ci
+          build_command: npm run build-storybook
           path: storybook-static
           checkout: false

.github/workflows/happo.yml

@@ -27,16 +27,16 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version-file: '.node-version'
-          cache: 'yarn'
+          cache: 'npm'
 
       - name: Install dependencies
-        run: yarn --immutable
+        run: npm ci
 
       - name: Build Storybook
-        run: yarn build-storybook
+        run: npm run build-storybook
 
       - name: Happo
-        run: yarn happo-ci
+        run: npm run happo-ci
         env:
           HAPPO_API_KEY: ${{ secrets.HAPPO_API_KEY }}
           HAPPO_API_SECRET: ${{ secrets.HAPPO_API_SECRET }}

.github/workflows/package-release.yml

@@ -25,22 +25,22 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version-file: '.node-version'
-          cache: 'yarn'
-      
-      # The yarn cache is not node_modules
+          cache: 'npm'
+
+      # The npm cache is not node_modules
       - name: Install Dependencies
-        run: yarn add --cached
-      
+        run: npm ci
+
       - name: Run tests
-        run: yarn test
+        run: npm test
 
       - name: Package library
-        # https://v3.yarnpkg.com/cli/pack
-        run: yarn pack --out trussworks-react-uswds-v%v.tgz
+        # https://docs.npmjs.com/cli/commands/npm-pack
+        run: npm pack
 
       - name: Upload package
         uses: actions/upload-artifact@v4
         with:
-          path: trussworks-react-uswds-v*.*.*.tgz
+          path: trussworks-react-uswds-*.tgz
           if-no-files-found: error
           retention-days: 5

.github/workflows/publish-next.yml

@@ -15,35 +15,35 @@ jobs:
       - name: Check out repository
         uses: actions/checkout@v4
 
+      # Setup .npmrc file to publish to GitHub Packages
       - name: Set up node
         uses: actions/setup-node@v4
         with:
           node-version-file: '.node-version'
+          cache: 'npm'
+          registry-url: 'https://npm.pkg.github.com'
 
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir='.yarn/cache'" >> $GITHUB_OUTPUT
-
-      - uses: actions/cache@v4
-        id: yarn-cache
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
-
-      # The yarn cache is not node_modules
       - name: Install dependencies
-        run: yarn add --cached
-
-      # Setup .npmrc file to publish to GitHub Packages
-      - name: Set up node
-        uses: actions/setup-node@v4
-        with:
-          registry-url: 'https://npm.pkg.github.com'
-          node-version-file: '.node-version'
+        run: npm ci
+
+      # npm has no equivalent of yarn's --tolerate-republish, so skip
+      # publishing when this version already exists in the registry
+      - name: Check if version is already published
+        id: version-check
+        run: |
+          VERSION=$(node -p "require('./package.json').version")
+          if npm view "@trussworks/react-uswds@${VERSION}" version --registry=https://npm.pkg.github.com > /dev/null 2>&1; then
+            echo "Version ${VERSION} is already published, skipping"
+            echo "exists=true" >> "$GITHUB_OUTPUT"
+          else
+            echo "exists=false" >> "$GITHUB_OUTPUT"
+          fi
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       # Publish to GitHub Packages
-      - run: yarn npm publish --tag next --tolerate-republish
+      - name: Publish to GitHub Packages
+        if: steps.version-check.outputs.exists == 'false'
+        run: npm publish --tag next
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -3,8 +3,6 @@
 logs
 _.log
 npm-debug.log_
-yarn-debug.log*
-yarn-error.log*
 doctor-storybook.log
 
 # Runtime data
@@ -73,18 +71,7 @@ storybook-static/
 
 # Output of 'npm pack'
 
-\*.tgz
-
-# Yarn
-
-.yarn-integrity
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+*.tgz
 
 # dotenv environment variables file
 

CODEOWNERS

@@ -8,7 +8,7 @@ src/stories/ @trussworks/react-uswds-design-owners
 *.stories.tsx @trussworks/react-uswds-design-owners
 .storybook/ @trussworks/react-uswds-design-owners
 
-# Owners for PRs that change ONLY package.json and/or yarn.lock
+# Owners for PRs that change ONLY package.json and/or package-lock.json
 
 package.json
-yarn.lock
+package-lock.json

README.md

@@ -1,7 +1,9 @@
 # @trussworks/react-uswds
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-44-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 [![npm version](https://img.shields.io/npm/v/@trussworks/react-uswds)](https://www.npmjs.com/package/@trussworks/react-uswds)
@@ -35,16 +37,16 @@ A deployed instance of the ReactUSWDS Storybook is located at: [https://trusswor
 
 ## Install
 
-Install this package with npm or yarn:
+Install this package with npm:
 
 ```
-yarn add @trussworks/react-uswds
+npm i @trussworks/react-uswds
 ```
 
-or
+or with the package manager of your choice, e.g. yarn:
 
 ```
-npm i @trussworks/react-uswds
+yarn add @trussworks/react-uswds
 ```
 
 ## Peer Dependencies
@@ -144,7 +146,7 @@ This repository is governed by the [Contributor Covenant](./CODE_OF_CONDUCT.md)
 
 ### Quick links:
 
-- [Yarn scripts](./docs/contributing.md#available-commands)
+- [npm scripts](./docs/contributing.md#available-commands)
 - [PR commit guidelines](./docs/contributing.md#opening--merging-pull-requests)
 - [Adding new components](./docs/adding_new_components.md)
 - [Testing in an application](./docs/contributing.md#testing-in-an-application)