DRAFT PNPM sync with Master

.changeset/funny-hotels-fail.md

@@ -0,0 +1,5 @@
+---
+'@talend/scripts-config-react-webpack': patch
+---
+
+fix: remove deprecated cache-loader plugin

.changeset/many-flies-smell.md

@@ -0,0 +1,5 @@
+---
+'@talend/scripts-config-jest': major
+---
+
+chore: remove enzyme

.changeset/old-bobcats-peel.md

@@ -0,0 +1,54 @@
+---
+'@talend/scripts-config-babel': minor
+'@talend/scripts-config-react-webpack': minor
+'@talend/react-cmf-webpack-plugin': minor
+'@talend/react-faceted-search': minor
+'@talend/storybook-docs': minor
+'@talend/design-system': minor
+'@talend/router-bridge': minor
+'@talend/react-storybook-cmf': minor
+'@talend/ui-storybook-one': minor
+'@talend/react-bootstrap': minor
+'@talend/design-docs': minor
+'@talend/react-cmf-router': minor
+'@talend/react-components': minor
+'@talend/react-containers': minor
+'@talend/scripts-utils': minor
+'@talend/module-to-cdn': minor
+'@talend/scripts-core': minor
+'@talend/react-cmf-cqrs': minor
+'@talend/react-dataviz': minor
+'@talend/react-stepper': minor
+'@talend/react-forms': minor
+'@talend/icons': minor
+'@talend/react-sagas': minor
+'@talend/http': minor
+'@talend/react-cmf': minor
+---
+
+[major]tools/scripts-config-babel: will expose babel.config.js instead of .babelrc.json (you will have to update your config)
+[minor]fork/module-to-cdn: update babel config, remove link to scripts-core to run lint, add missing deps
+[minor]fork/react-bootstrap: update babel config, add missing deps
+[minor]packages/cmf-cqrs: update babel config, add missing deps
+[minor]packages/cmf-router: update babel config, add missing deps
+[minor]packages/cmf: update babel config, add missing deps, fix import of scripts-config-jest
+[minor]packages/components: update babel config, add missing deps, add a tsconfig.build.json to exclude test files
+[minor]packages/containers: update babel config, add missing deps
+[minor]packages/dataviz: update babel config, add missing deps, remove useless config of jest (use the common), fix config issue in tsconfig.json
+[minor]packages/design-docs:update babel config, remove link to design-system (circular dep), add missing deps
+[minor]packages/design-system: update babel config, add missing deps
+[minor]packages/faceted-search: update babel config, add missing deps
+[minor]packages/forms: update babel config, add missing deps
+[minor]packages/http: update babel config, add missing deps, fix tsconfig
+[minor]packages/icons: update babel config, add missing deps, fix scripts, prepare script for pnpm
+[minor]packages/playground: update babel config, add missing deps
+[minor]packages/router-bridge: update babel config, add missing deps
+[minor]packages/sagas: update babel config, add missing deps
+[minor]packages/stepper: update babel config, fix prettier config, add missing deps, add tsconfig.build.json to exclude test
+[minor]packages/storybook-cmf: update babel config, add missing deps
+[minor]packages/storybook-docs: update babel config, add missing deps, remove ref to design-system and icons(circular dep), adapt code for pnpm
+[minor]packages/storybook-one: update babel config, fix for pnpm (not possible to ref a package to itself), add missing deps
+[minor]tools/cmf-webpack-plugin: update babel config, use it's own eslint config (circular dep), add missing deps
+[minor]tools/scripts-config-react-webpack: update ref to babel config, use it's own eslint config (circular dep), adapt code for pnpm
+[minor]tools/scripts-core: update ref to babel config
+[minor]tools/scripts-utils: add missing babel config file, use it's own eslint config (circular dep), fix test to use package existing in the package.json, add missing deps, adapt code for pnpm

.github/actions/setup-node/action.yml

@@ -14,19 +14,19 @@ runs:
         registry-url: 'https://registry.npmjs.org/'
         scope: '@talend'
 
-    - name: Install yarn
+    - name: Install PNPM
       shell: bash
-      run: npm i -g yarn
+      run: npm install -g [email protected]
 
-    - name: Get yarn cache directory path
-      id: yarn-cache-dir-path
+    - name: Get pnpm cache directory path
+      id: pnpm-cache-dir-path
       shell: bash
-      run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+      run: echo "dir=$(pnpm store path)" >> $GITHUB_OUTPUT
 
     - uses: actions/cache@704facf57e6136b1bc63b828d79edcd491f0ee84 #v3.3.2
-      id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+      id: pnpm-cache # use this to check for `cache-hit` (`steps.pnpm-cache.outputs.cache-hit != 'true'`)
       with:
-        path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+        path: ${{ steps.pnpm-cache-dir-path.outputs.dir }}
+        key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
         restore-keys: |
-          ${{ runner.os }}-yarn-
+          ${{ runner.os }}-pnpm-

.github/workflows/README.md

@@ -0,0 +1,13 @@
+# How to run github action locally
+
+Use the cli ACT: https://github.com/nektos/act
+
+# How to run PR-TEST
+
+```bash
+act pull_request -j build -W .github/workflows/pr-test.yml
+```
+
+```bash
+act --container-architecture linux/amd64 pull_request -j build -W .github/workflows/pr-test.yml
+```

.github/workflows/changeset.yml

@@ -33,14 +33,14 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install Dependencies
-        run: yarn --frozen-lockfile
+        run: pnpm --frozen-lockfile
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@f13b1baaa620fde937751f5d2c3572b9da32af23 #v1.4.5
         with:
           # This expects you to have a script called release which does a build for your packages and calls changeset publish
-          publish: yarn release
+          publish: pnpm run release
           commit: "chore: prepare release"
           title: "chore: prepare release"
         env:

.github/workflows/dependencies.yml

@@ -26,10 +26,10 @@ jobs:
 
       - name: Upgrade dependencies
         run: |
-          yarn --frozen-lockfile --ignore-scripts
-          yarn talend-upgrade-deps --ignore-scripts
-          yarn talend-upgrade-deps --scope=@talend --latest --ignore-scripts
-          yarn talend-upgrade-deps --latest --dry > dependencies-latest.txt
+          pnpm --frozen-lockfile --ignore-scripts
+          npx talend-upgrade-deps --ignore-scripts
+          npx talend-upgrade-deps --scope=@talend --latest --ignore-scripts
+          npx talend-upgrade-deps --latest --dry > dependencies-latest.txt
           git add dependencies-latest.txt
 
       - name: Create Pull Request

.github/workflows/design-system-component-testing.yml

@@ -30,23 +30,23 @@ jobs:
       - uses: actions/cache@704facf57e6136b1bc63b828d79edcd491f0ee84 #v3.3.2
         with:
           path: ~/.cache/Cypress
-          key: my-cache-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          key: my-cache-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
 
       - name: Install dependencies
         run: |
-          yarn --frozen-lock --ignore-scripts
-          yarn cypress install
-          yarn workspace @talend/assets-api run build:lib
-          yarn workspace @talend/utils run build:lib
-          yarn workspace @talend/icons run build:lib
-          yarn workspace @talend/design-tokens run build:lib
+          pnpm install --frozen-lockfile --ignore-scripts
+          pnpm cypress install
+          pnpm --filter @talend/assets-api run build:lib
+          pnpm --filter @talend/utils run build:lib
+          pnpm --filter @talend/icons run build:lib
+          pnpm --filter @talend/design-tokens run build:lib
 
       - name: Cypress Component Testing
         uses: cypress-io/github-action@59810ebfa5a5ac6fcfdcfdf036d1cd4d083a88f2 #v6.5.0
         with:
           install: false
           browser: ${{ matrix.browser }}
-          command: yarn workspace @talend/design-system run test:cy
+          command: pnpm --filter @talend/design-system run test:cy
 
       - name: Cypress screenshots upload
         uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32 #v3.1.3

.github/workflows/pr-demo.yml

@@ -28,36 +28,24 @@ jobs:
         uses: actions/checkout@3df4ab11eba7bda6032a0b82a6bb43b11571feac #v4.0.0
 
       - name: Use Node.js
-        uses: actions/setup-node@5e21ff4d9bc1a8cf6de233a3057d20ec6b3fb69d # v3.8.1
-        with:
-          node-version: 18
-          registry-url: "https://registry.npmjs.org/"
-          scope: "@talend"
-          cache: "yarn"
-
-      - name: cache for storybook
-        uses: actions/cache@704facf57e6136b1bc63b828d79edcd491f0ee84 #v3.3.2
-        with:
-          path: packages/*/node_modules
-          key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+        uses: ./.github/actions/setup-node
 
       - name: Install
         run: |
-          yarn install --frozen-lockfile
-          yarn global add surge
-          echo "$(yarn global bin)" >> $GITHUB_PATH
+          pnpm install --frozen-lockfile
+          pnpm add -g surge
 
 
       - name: Build
         run: |
-          yarn test:demo
+          pnpm run test:demo
           ./.github/workflows/before-surge.sh
         env:
           STORYBOOK_FIGMA_ACCESS_TOKEN: ${{ secrets.STORYBOOK_FIGMA_ACCESS_TOKEN }}
 
       - name: deploy if master
         if: github.ref == 'refs/heads/master'
-        run: surge --project .static --domain "talend.surge.sh"
+        run: npx surge --project .static --domain "talend.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
@@ -74,7 +62,7 @@ jobs:
       - name: deploy if PR
         if: github.ref != 'refs/heads/master'
         run: |
-          surge --project .static --domain "${{ github.event.number }}.talend.surge.sh"
+          npx surge --project .static --domain "${{ github.event.number }}.talend.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}

.github/workflows/pr-lint.yml

@@ -31,15 +31,15 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install
-        run: yarn install --frozen-lockfile --ignore-scripts
+        run: pnpm install --frozen-lockfile --ignore-scripts
 
       - name: eslint + stylelint
         continue-on-error: true
         id: eslint
-        run: yarn lint
+        run: pnpm lint
 
       - name: Merge lint
-        run: yarn lint-merge-report master ${GITHUB_HEAD_REF}
+        run: pnpm lint-merge-report master ${GITHUB_HEAD_REF}
 
       - name: Annotate Code Linting Results
         uses: ataylorme/eslint-annotate-action@5f4dc2e3af8d3c21b727edb597e5503510b1dc9c #v2.2.0

.github/workflows/pr-playground.yml

@@ -33,11 +33,10 @@ jobs:
       - name: Install and build playground
         id: build
         run: |
-          yarn install --frozen-lockfile
-          yarn global add surge
-          echo "$(yarn global bin)" >> $GITHUB_PATH
-          yarn pre-release
-          yarn workspace @talend/ui-playground run test:demo:umd
+          pnpm install --frozen-lockfile
+          pnpm add -g surge
+          pnpm pre-release
+          pnpm --filter @talend/ui-playground run test:demo:umd
 
       - name: deploy if master
         if: github.ref == 'refs/heads/master'
@@ -46,7 +45,7 @@ jobs:
           mkdir .static
           mkdir .static/playground
           cp -R packages/playground/dist/* .static/playground
-          surge --project .static --domain "talend-playground.surge.sh"
+          npx surge --project .static --domain "talend-playground.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
@@ -58,7 +57,7 @@ jobs:
           mkdir .static
           mkdir .static/playground
           cp -R packages/playground/dist/* .static/playground
-          surge --project .static --domain "${{ github.event.number }}.talend-playground.surge.sh"
+          npx surge --project .static --domain "${{ github.event.number }}.talend-playground.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
@@ -72,6 +71,9 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@3df4ab11eba7bda6032a0b82a6bb43b11571feac #v4.0.0
 
+      - name: Use Node.js
+        uses: ./.github/actions/setup-node
+
       - name: Check UMD files size diff
         uses: preactjs/compressed-size-action@8119d3d31b6e57b167e09c81dfa877eada3bcb35 #v2.5.0
         if: github.ref != 'refs/heads/master'

.github/workflows/pr-test.yml

@@ -27,10 +27,10 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install
-        run: yarn install --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: Test
-        run: yarn test --coverage --coverageReporters json-summary
+        run: pnpm run test --coverage --coverageReporters json-summary
 
       - name: Jest Coverage Comment
         uses: MishaKav/jest-coverage-comment@41b5ca01d1250de84537448d248b8d18152cb277 #1.0.23

.github/workflows/tests-cron.yml

@@ -24,8 +24,8 @@ jobs:
 
       - name: Install and tests
         run: |
-          yarn --frozen-lockfile --ignore-scripts
-          yarn test:cron
+          pnpm --frozen-lockfile --ignore-scripts
+          pnpm test:cron
 
       - name: Create Issue on Failed workflow
         if: ${{ failure() }}

.github/workflows/visual-testing.yml

@@ -36,7 +36,7 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install dependencies
-        run: yarn --frozen-lock
+        run: pnpm install --frozen-lockfile
 
       - name: Publish PR to DS Chromatic
         if: github.ref != 'refs/heads/master'

.github/workflows/yarn-deduplicate.yml

@@ -1,9 +1,9 @@
-name: yarn-deduplicate
+name: pnpm-deduplicate
 
 on:
   pull_request:
     paths:
-      - "yarn.lock"
+      - "pnpm-lock.yaml"
 
 # This allows a subsequently queued workflow run to interrupt previous runs
 concurrency:
@@ -31,17 +31,16 @@ jobs:
       - name: Use Node.js
         uses: ./.github/actions/setup-node
 
-      - name: yarn-deduplicate
+      - name: pnpm-deduplicate
         id: deduplicate
         run: |
-          yarn
-          yarn yarn-deduplicate
-          echo "::set-output name=diff::$(git status --short yarn.lock)"
+          pnpm dedupe --ignore-scripts
+          echo "::set-output name=diff::$(git status --short pnpm-lock.yaml)"
 
       - name: Commit dedupe
         if: steps.deduplicate.outputs.diff
         uses: actions-js/push@156f2b10c3aa000c44dbe75ea7018f32ae999772 #1.4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          message: "chore: yarn-deduplicate"
+          message: "chore: pnpm-deduplicate"
           branch: ${{ github.head_ref }}

.npmrc

@@ -0,0 +1,41 @@
+prefer-workspace-packages=true
+
+#https://pnpm.io/blog/2020/10/17/node-modules-configuration-options-with-pnpm#plugnplay-the-strictest-configuration
+hoist=false
+
+#########################################
+# WARNGING Add public-hoist-pattern ONLY if you don't have other solution
+#########################################
+# ES LINT
+public-hoist-pattern[]=eslint-plugin-angular
+public-hoist-pattern[]=eslint-plugin-cypress
+public-hoist-pattern[]=eslint-plugin-import
+public-hoist-pattern[]=eslint-plugin-jest-dom
+public-hoist-pattern[]=eslint-plugin-jsx-a11y
+public-hoist-pattern[]=eslint-plugin-mdx
+public-hoist-pattern[]=eslint-plugin-prettier
+public-hoist-pattern[]=eslint-plugin-react
+public-hoist-pattern[]=eslint-plugin-react-hooks
+public-hoist-pattern[]=eslint-plugin-storybook
+public-hoist-pattern[]=eslint-plugin-testing-library
+
+# STYLE LINT
+public-hoist-pattern[]=postcss-scss
+public-hoist-pattern[]=stylelint-config-sass-guidelines
+
+# JEST
+public-hoist-pattern[]=jest-environment-jsdom
+public-hoist-pattern[]=jest-environment-jsdom-global
+public-hoist-pattern[]=jest-serializer-html
+
+# I18N
+public-hoist-pattern[]=i18next
+public-hoist-pattern[]=react-i18next
+
+# OTHERS
+public-hoist-pattern[]=autoprefixer
+public-hoist-pattern[]=redux*
+public-hoist-pattern[]=reakit
+
+public-hoist-pattern[]=*types*
+