chore: migrate to yarn v4

Author: Ahmed Hamouda

.github/actions/install-with-retries/install-with-retries.sh

@@ -24,9 +24,9 @@ for i in {1..4}; do
 
   if [ "$NO_LOCKFILE" = "true" ]; then
     echo "[LOG]: Ignoring yarn.lock file"
-    yarn install --no-lockfile --network-timeout 60000
+    YARN_HTTP_TIMEOUT=60000 yarn install --immutable
   else
-    yarn install --network-timeout 60000
+    YARN_HTTP_TIMEOUT=60000 yarn install
   fi
 
   # Check return value and exit early if successful

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 .env
 .env.local
+.yarn
 *.log
 node_modules
 aws-exports.js

.yarnrc.yml

@@ -0,0 +1,36 @@
+enableGlobalCache: false
+
+enableTelemetry: false
+
+httpTimeout: 60000
+
+nodeLinker: node-modules
+
+supportedArchitectures:
+  cpu:
+    - current
+  os:
+    - current
+
+packageExtensions:
+  "@angular-devkit/build-angular@*":
+    dependencies:
+      minimatch: "3.0.5"
+      webpack: "^5.76.0"
+
+  "@size-limit/webpack@*":
+    dependencies:
+      webpack: "^5.76.0"
+
+  "serve-handler@*":
+    dependencies:
+      minimatch: "3.0.5"
+      path-to-regexp: "3.3.0"
+
+  "codelyzer@*":
+    dependencies:
+      "@angular/core": "10.2.5"
+
+  "next-plugin-preval@*":
+    dependencies:
+      webpack: "^5.76.0"

docs/jest.config.ts

@@ -1,4 +1,4 @@
-import { Config } from 'jest';
+import type { Config } from 'jest';
 
 const jestConfig: Config = {
   preset: 'ts-jest',

examples/angular/package.json

@@ -45,9 +45,7 @@
     "tslint": "~6.1.0",
     "typescript": "~4.6.4"
   },
-  "workspaces": {
-    "nohoist": [
-      "@types/jasmine"
-    ]
+  "installConfig": {
+    "hoistingLimits": "workspaces"
   }
 }

examples/next-app-router/package.json

@@ -11,8 +11,8 @@
   "dependencies": {
     "@aws-amplify/ui-react": "6.12.0",
     "@aws-amplify/ui-react-storage": "3.12.1",
-    "react": "^18.3.0",
     "next": "^14.2.31",
+    "react": "^18.3.0",
     "react-dom": "^18",
     "react-icons": "^4.3.1"
   },

examples/react-native/package.json

@@ -46,10 +46,13 @@
     "react-native-dotenv": "^3.4.0",
     "react-native-launch-arguments": "^3.1.4"
   },
+  "installConfig": {
+    "hoistingLimits": "workspaces"
+  },
   "jest": {
     "preset": "react-native"
   },
   "resolutions": {
     "react": "18"
   }
-}
+}

examples/vue/package.json

@@ -4,11 +4,11 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "vite --port 3000",
-    "build": "vue-tsc --noEmit && vite build",
+    "dev": "yarn g:vite --port 3000",
+    "build": "yarn g:vue-tsc --noEmit && yarn g:vite build",
     "clean": "rimraf dist node_modules",
-    "serve": "vite preview",
-    "start": "vite preview --port 3000"
+    "serve": "yarn g:vite preview",
+    "start": "yarn g:vite preview --port 3000"
   },
   "dependencies": {
     "@aws-amplify/ui-vue": "^4.3.3",

package.json

@@ -1,14 +1,14 @@
 {
   "private": true,
-  "packageManager": "yarn@1.22.22",
+  "packageManager": "yarn@4.9.4",
   "name": "@aws-amplify/ui-monorepo",
   "scripts": {
-    "build": "turbo run build --filter=./packages/* --filter=!./packages/angular --filter=./packages/angular/projects/ui-angular",
-    "build:exclude-angular": "turbo run build --filter=./packages/* --filter=!./packages/angular",
+    "build": "turbo run build --filter='./packages/*' --filter='!./packages/angular' --filter='./packages/angular/projects/ui-angular'",
+    "build:exclude-angular": "turbo run build --filter='./packages/*' --filter='!./packages/angular'",
     "clean": "turbo run clean && rimraf node_modules",
-    "lint": "turbo run lint --filter=./packages/* --filter=!./packages/angular --filter=./packages/angular/projects/ui-angular",
-    "size": "turbo run size --filter=./packages/* --filter=!./packages/angular --filter=./packages/angular/projects/ui-angular",
-    "test": "turbo run test --filter=./packages/* --filter=!./packages/angular --filter=./packages/angular/projects/ui-angular",
+    "lint": "turbo run lint --filter='./packages/*' --filter='!./packages/angular' --filter='./packages/angular/projects/ui-angular'",
+    "size": "turbo run size --filter='./packages/*' --filter='!./packages/angular' --filter='./packages/angular/projects/ui-angular'",
+    "test": "turbo run test --filter='./packages/*' --filter='!./packages/angular' --filter='./packages/angular/projects/ui-angular' --concurrency=4",
     "setup": "yarn install && yarn build",
     "refresh": "yarn clean && yarn setup",
     "angular": "yarn workspace @aws-amplify/ui-angular",
@@ -46,7 +46,13 @@
     "version:hotfix": "yarn changeset && yarn bumpVersions && yarn angular build",
     "publish:hotfix": "yarn changeset publish --tag hotfix",
     "generateVersions": "node scripts/generateVersion",
-    "bumpVersions": "yarn changeset version && yarn generateVersions"
+    "bumpVersions": "yarn changeset version && yarn generateVersions",
+    "g:jest": "cd $INIT_CWD && jest",
+    "g:rimraf": "cd $INIT_CWD && rimraf",
+    "g:rollup": "cd $INIT_CWD && rollup",
+    "g:tsc": "cd $INIT_CWD && tsc",
+    "g:vite": "cd $INIT_CWD && vite",
+    "g:vue-tsc": "cd $INIT_CWD && vue-tsc"
   },
   "workspaces": {
     "packages": [
@@ -56,28 +62,10 @@
       "packages/*",
       "packages/angular/projects/ui-angular",
       "packages/configs/*"
-    ],
-    "nohoist": [
-      "**/@react-native-community/**",
-      "**/react-native",
-      "**/react-native-paper",
-      "**/react-native-safe-area-context",
-      "**/react-native-url-polyfill",
-      "**/react-native-vector-icons",
-      "**/rollup",
-      "**/@types/webgl-ext",
-      "**/@types/webgl-ext/**"
     ]
   },
   "resolutions": {
-    "**/@react-native-community/**/fast-xml-parser": "^4.4.1",
-    "**/@aws-*/**/fast-xml-parser": "^4.4.1",
-    "**/@aws-amplify/ui-angular-example/**/codelyzer/**/@angular/core": "10.2.5",
-    "**/@angular-devkit/build-angular/minimatch": "3.0.5",
-    "**/@angular-devkit/build-angular/webpack": "^5.76.0",
-    "**/@size-limit/webpack/webpack": "^5.76.0",
-    "**/serve/serve-handler/minimatch": "3.0.5",
-    "**/serve/serve-handler/path-to-regexp": "3.3.0",
+    "fast-xml-parser": "^4.4.1",
     "@aws-amplify/data-schema": "^1.19.0",
     "@adobe/css-tools": "^4.3.2",
     "@sideway/formula": "^3.0.1",
@@ -86,7 +74,6 @@
     "body-parser": "1.20.3",
     "cookie": "^0.7.0",
     "cross-spawn": "7.0.5",
-    "docs/next-plugin-preval/webpack": "^5.76.0",
     "esbuild": "^0.25.0",
     "follow-redirects": "^1.15.6",
     "json5": "^2.2.1",
@@ -141,6 +128,8 @@
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": ">=10",
     "prettier": "^3.0.3",
+    "react": "^18.3.0",
+    "react-native": "0.71.16",
     "react-test-renderer": "^18.3.0",
     "rimraf": "^5.0.0",
     "rollup": "^4.22.4",

packages/angular/package.json

@@ -7,7 +7,7 @@
     "dev": "ng build --watch",
     "start": "ng serve",
     "build": "ng build --configuration production",
-    "test": "jest",
+    "test": "yarn g:jest",
     "test:watch": "yarn test --watch",
     "lint": "yarn typecheck && ng lint",
     "typecheck": "tsc --noEmit"
@@ -22,6 +22,7 @@
     "@angular-eslint/template-parser": "~14.4.0",
     "@angular/animations": "^14.3.0",
     "@angular/cli": "^14.2.13",
+    "@angular/common": "^14.3.0",
     "@angular/compiler": "^14.3.0",
     "@angular/compiler-cli": "^14.3.0",
     "@angular/core": "^14.3.0",
@@ -41,10 +42,8 @@
     "typescript": "~4.6.4",
     "zone.js": "^0.13.0"
   },
-  "workspaces": {
-    "nohoist": [
-      "@angular-devkit/build-angular"
-    ]
+  "installConfig": {
+    "hoistingLimits": "workspaces"
   },
   "typings": "./dist/ui-angular/index.d.ts",
   "overrides": {