feat!: modernise package with rolldown (#527)

Author: pradel

.github/workflows/main.yml

@@ -12,36 +12,29 @@ jobs:
 
     steps:
       - name: Begin CI...
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
-      - name: Use Node 12
-        uses: actions/setup-node@v1
+      - name: Use Node 22
+        uses: actions/setup-node@v4
         with:
-          node-version: 12.x
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "::set-output name=dir::$(yarn config get cacheFolder)"
-
-      - uses: actions/cache@v2
-        id: yarn-cache
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn-
+          node-version: 22.x
+          cache: 'yarn'
 
       - name: Install dependencies
         run: yarn install --immutable
 
-      - name: Lint
-        run: yarn workspace react-responsive-modal lint
+      - name: Typecheck
+        run: yarn workspace react-responsive-modal typecheck
 
       - name: Test
-        run: yarn workspace react-responsive-modal test --ci --coverage --maxWorkers=2
+        run: yarn workspace react-responsive-modal test --coverage
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
 
       - name: Report coverage
-        uses: codecov/codecov-action@v1
+        uses: codecov/codecov-action@v5
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
 
       - name: Build
         run: yarn workspace react-responsive-modal build
@@ -50,10 +43,13 @@ jobs:
         run: yarn workspace website build
 
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v6
         with:
           # Dependencies already installed before
           install: false
           # Use monorepo
           project: ./react-responsive-modal
           start: yarn workspace website start -p 3000
+
+      - name: Size limit
+        run: yarn workspace react-responsive-modal size

.github/workflows/release-please.yml

@@ -19,13 +19,13 @@ jobs:
           extra-files: |
             react-responsive-modal/package.json
 
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
         if: ${{ steps.release.outputs.release_created }}
 
-      - name: Use Node 16
-        uses: actions/setup-node@v1
+      - name: Use Node 22
+        uses: actions/setup-node@v4
         with:
-          node-version: 16.x
+          node-version: 22.x
         if: ${{ steps.release.outputs.release_created }}
 
       - name: Install dependencies

.github/workflows/size.yml

@@ -1,11 +1,9 @@
+compressionLevel: mixed
+
+enableGlobalCache: false
+
 nodeLinker: node-modules
 
 npmAuthToken: "${NPM_TOKEN-''}"
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: '@yarnpkg/plugin-interactive-tools'
-  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: '@yarnpkg/plugin-workspace-tools'
-
-yarnPath: .yarn/releases/yarn-3.3.0.cjs
+yarnPath: .yarn/releases/yarn-4.9.2.cjs

.yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs

@@ -21,8 +21,8 @@
   "devDependencies": {
     "husky": "4.3.0",
     "lint-staged": "10.5.1",
-    "prettier": "2.1.2"
+    "prettier": "3.6.2"
   },
   "version": "6.4.2",
-  "packageManager": "yarn@3.3.0"
+  "packageManager": "yarn@4.9.2"
 }

.yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs

@@ -1,4 +1,30 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`modal > closeIcon > should render the closeIcon by default 1`] = `
+<button
+  class="react-responsive-modal-closeButton"
+  data-testid="close-button"
+>
+  <svg
+    data-testid="close-icon"
+    height="28"
+    viewBox="0 0 36 36"
+    width="28"
+  >
+    <path
+      d="M28.5 9.62L26.38 7.5 18 15.88 9.62 7.5 7.5 9.62 15.88 18 7.5 26.38l2.12 2.12L18 20.12l8.38 8.38 2.12-2.12L20.12 18z"
+    />
+  </svg>
+</button>
+`;
+
+exports[`modal > prop: closeIcon > should render custom icon instead of the default one 1`] = `
+<div
+  data-testid="custom-icon"
+>
+  custom icon
+</div>
+`;
 
 exports[`modal closeIcon should render the closeIcon by default 1`] = `
 <button