chore(vite): migrate build from rollup to vite (#1943)

Author: philibea

.changeset/selfish-papayas-smash.md

@@ -0,0 +1,20 @@
+---
+"@scaleway/validate-icu-locales": patch
+"@scaleway/changesets-renovate": patch
+"@scaleway/outdated-browser": patch
+"@scaleway/use-query-params": patch
+"@scaleway/use-random-name": patch
+"@scaleway/cookie-consent": patch
+"@scaleway/use-dataloader": patch
+"@scaleway/use-growthbook": patch
+"@scaleway/jest-helpers": patch
+"@scaleway/random-name": patch
+"@scaleway/use-segment": patch
+"@scaleway/use-storage": patch
+"@scaleway/use-media": patch
+"@scaleway/use-i18n": patch
+"@scaleway/use-gtm": patch
+"@scaleway/regex": patch
+---
+
+Migration from rollup to vite

package.json

@@ -5,12 +5,12 @@
     "packages/*"
   ],
   "type": "module",
-  "packageManager": "pnpm@8.15.7",
+  "packageManager": "pnpm@9.0.4",
   "engines": {
     "node": ">=20.x",
     "pnpm": ">=8.x"
   },
-  "devDependencies": {
+  "dependencies": {
     "@babel/core": "7.24.4",
     "@babel/eslint-parser": "7.24.1",
     "@babel/plugin-transform-runtime": "7.24.3",
@@ -22,43 +22,38 @@
     "@commitlint/cli": "19.2.2",
     "@commitlint/config-conventional": "19.2.2",
     "@jest/globals": "29.7.0",
-    "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-node-resolve": "15.2.3",
     "@scaleway/eslint-config-react": "workspace:*",
     "@scaleway/tsconfig": "workspace:*",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/react": "15.0.2",
     "@types/jest": "29.5.12",
     "@types/node": "20.12.7",
-    "@types/react": "18.2.78",
     "@types/react-dom": "18.2.25",
+    "@types/react": "18.2.78",
+    "@vitejs/plugin-react": "4.2.1",
+    "browserslist": "4.23.0",
     "builtin-modules": "3.3.0",
     "cross-env": "7.0.3",
+    "esbuild-plugin-browserslist": "0.11.1",
     "eslint": "8.57.0",
     "husky": "9.0.11",
-    "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-localstorage-mock": "2.4.26",
+    "jest": "29.7.0",
     "lint-staged": "15.2.2",
     "mockdate": "3.0.5",
     "prettier": "3.2.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
     "read-pkg": "9.0.1",
-    "rollup": "4.14.3",
-    "rollup-plugin-dts": "6.1.0",
-    "rollup-plugin-preserve-shebangs": "0.2.0",
-    "rollup-plugin-visualizer": "5.12.0",
     "tstyche": "1.1.0 ",
     "typescript": "5.4.5",
+    "vite": "5.2.10",
     "wait-for-expect": "3.0.2"
   },
   "scripts": {
     "lint": "eslint --ext js,ts,tsx --cache .",
     "lint:fix": "pnpm run lint --fix",
-    "build": "pnpm recursive --filter='!@scaleway/eslint-config-react' --filter='!@scaleway/tsconfig' exec -- rollup -c ../../rollup.config.mjs",
-    "build:profile": "cross-env PROFILE=true pnpm run build",
+    "build": "pnpm recursive run build",
     "commit": "npx git-cz -a",
     "format": "prettier --write '**/*.{ts,tsx,js,json,md,mdx}'",
     "test": "TZ=UTC jest",

packages/changesets-renovate/.eslintignore

@@ -0,0 +1,4 @@
+dist/
+coverage/
+node_modules
+.reports/

packages/changesets-renovate/package.json

@@ -3,16 +3,35 @@
   "version": "2.0.2",
   "description": "Automatically create changesets for Renovate",
   "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
   "engines": {
     "node": ">=20.x"
   },
   "bin": {
     "changesets-renovate": "dist/index.js"
   },
-  "sideEffects": false,
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "type:generate": "tsc --declaration -p tsconfig.build.json",
+    "build": "vite build --config vite.config.ts && pnpm run type:generate",
+    "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",
+    "lint": "eslint --report-unused-disable-directives --cache --cache-strategy content --ext ts,tsx ."
+  },
+
   "repository": {
     "type": "git",
     "url": "https://github.com/scaleway/scaleway-lib",

packages/changesets-renovate/tsconfig.build.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "rootDir": "src",
+    "outDir": "dist"
+  },
+  "exclude": ["*.config.ts", "*.setup.ts", "**/__tests__", "**/__mocks__"]
+}

packages/changesets-renovate/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*.ts", "src/**/*.tsx", "*.config.ts"]
+}

packages/changesets-renovate/vite.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable eslint-comments/disable-enable-pair  */
+/* eslint-disable import/no-relative-packages */
+/* eslint-disable-next-line import/no-extraneous-dependencies */
+import { defineConfig, mergeConfig } from 'vite'
+import { defaultConfig } from '../../vite.config'
+
+export default mergeConfig(defineConfig(defaultConfig), {
+  build: {
+    target: ['node20'],
+  },
+})

packages/cookie-consent/.eslintignore

@@ -0,0 +1,4 @@
+dist/
+coverage/
+node_modules
+.reports/

packages/cookie-consent/package.json

@@ -3,14 +3,25 @@
   "version": "1.2.1",
   "description": "React provider to handle website end user consent cookie storage based on segment integrations",
   "type": "module",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
   "exports": {
-    "types": "./dist/index.d.ts",
-    "default": "./dist/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "publishConfig": {
     "access": "public"
   },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "type:generate": "tsc --declaration -p tsconfig.build.json",
+    "build": "vite build --config vite.config.ts && pnpm run type:generate",
+    "build:profile": "npx vite-bundle-visualizer -c vite.config.ts",
+    "lint": "eslint --report-unused-disable-directives --cache --cache-strategy content --ext ts,tsx ."
+  },
   "keywords": [
     "react",
     "reactjs",
@@ -30,10 +41,10 @@
   "devDependencies": {
     "@types/cookie": "0.6.0",
     "react": "18.2.0",
-    "@scaleway/use-segment": "1.0.1"
+    "@scaleway/use-segment": "workspace:*"
   },
   "peerDependencies": {
     "react": "18.x || 18",
-    "@scaleway/use-segment": "1.0.1"
+    "@scaleway/use-segment": "^1.0.1"
   }
 }

packages/cookie-consent/src/CookieConsentProvider/SegmentConsentMiddleware.tsx

@@ -48,13 +48,13 @@ export const SegmentConsentMiddleware = ({
           categoryPreferences: categoriesConsent,
         }
 
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, no-param-reassign
+        // eslint-disable-next-line , no-param-reassign
         payload.obj.context['consent'] = consent
       }
 
       // actually there is a bug on the default script.
       if (payload.integrations()[amplitudeIntegrationName]) {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, no-param-reassign
+        // eslint-disable-next-line , no-param-reassign
         payload.obj.integrations = {
           ...payload.obj.integrations,
           [amplitudeIntegrationName]: {