fix: yarn mono repo with tailwindcss v4

Author: eltorio

.github/workflows/deploy-cloudflare-worker.yaml

@@ -31,18 +31,6 @@ jobs:
         with:
           node-version: "22"
 
-      - name: Workaround for Heroui dependencies
-        run: |
-          mv package.json package.json.bak
-          mv yarn.lock yarn.lock.bak
-          cd apps/client
-          npm install
-          cd ../../apps/cloudflare-worker
-          npm install
-          cd ../../
-          mv package.json.bak package.json
-          mv yarn.lock.bak yarn.lock
-
       - name: Cache Yarn dependencies
         uses: actions/cache@v4
         with:

.github/workflows/pages.yaml

@@ -35,18 +35,6 @@ jobs:
         with:
           node-version: "22"
 
-      - name: Workaround for Heroui dependencies
-        run: |
-          mv package.json package.json.bak
-          mv yarn.lock yarn.lock.bak
-          cd apps/client
-          npm install
-          cd ../../apps/cloudflare-worker
-          npm install
-          cd ../../
-          mv package.json.bak package.json
-          mv yarn.lock.bak yarn.lock
-
       - name: Cache Yarn dependencies
         uses: actions/cache@v4
         with:

README.md

@@ -76,6 +76,7 @@ CORS_ORIGIN=http://localhost:5173
 READ_PERMISSION=read:api
 WRITE_PERMISSION=write:api
 ADMIN_PERMISSION=admin:api
+AUTHENTICATION_PROVIDER_TYPE=auth0
 EOF
 
 # Start both applications with environment variables
@@ -188,6 +189,7 @@ CORS_ORIGIN=https://your-github-username.github.io
 READ_PERMISSION=read:api
 WRITE_PERMISSION=write:api
 ADMIN_PERMISSION=admin:api
+AUTHENTICATION_PROVIDER_TYPE=auth0
 ```
 
 ### GitHub secrets
@@ -205,6 +207,7 @@ CORS_ORIGIN=https://your-github-username.github.io
 READ_PERMISSION=read:api
 WRITE_PERMISSION=write:api
 ADMIN_PERMISSION=admin:api
+AUTHENTICATION_PROVIDER_TYPE=auth0
 ```
 
 each secrets should be manually entered in Github like:

_sensitive_datas/_sensitive_datas.tar.xz.enc

@@ -1,27 +1,27 @@
-U2FsdGVkX19rarkaHqihbhXWlpzx8MI8No8hZ5A24hkS8y99NbWEvfEEhikhi2xY
-obTYmR/L8KndzNJVVBYT52IzWH+5WF7upTTDQsl8Lsbf3ptrrEpOBvosFWh8PA35
-ivfIVrfnYfjnTghNgswTC5UK+LV0l6aEbUM/F0/GPoZjSILiiviWcn7DqU2BCeBv
-13KjCizTqIXnPi7INlgfGbwMpMmaS0NUT1EYb5Q6u6EhCzqSCQ2GB8YU3/usrt+g
-YJ+2FKTt8QkP74mx1Noye8nlBlt+Fn5ey2EMIAWK+CziJZEdSs8AiquZc8gFwSf+
-tjPg8OLqIBlCHJz2QLt/EjU8kPp+7sSPAziHeWTDVWOT2CFEvIDY6p1ZvutH7BPu
-ajLH/J+xY3lg33KT8kNHmvr5dexP1oA6M5BCcpaB6bZ8EqifCMFo90WjoM+WFZxe
-oELuIktfpPwdOc4IlwocOhon+zF3J5Pettvb1feLtYzuirEL0iZ42j02TzXI5dxn
-kaRmudQw3qRwNmlfeyFSLgf2xoPVSaTLXJeYYM3/2hACnmyGvsdsf6Ej9TFzM7Z8
-JVr3yR5RfGW5xFMfkistdsOfZyDHbXvh8tcQtkdlDNLKZ2+n3LDEDjVih627v7yr
-8gGJKmVmbUTqInDS57f46xogpSMAgCNbELNfNtPhvbefERUVRB3Iwm4Ucs7A45F6
-uiHupTP0QKtKJkD/DySA5u7jcGMvAMuJjiJNAN/dFxCPDVSehGDz77isSYsfzIyo
-p/3mPENQvtWRL8Dwmnu4deAyLdN75h0hTpQTPBdiZo5OEUp7xZDenW615pBBh90m
-flSTHjLBPJNIxko05LUOqjq5lELeF+mMzdUGcDETL1GNt5VUO/Gc4T8CPDbpnVwQ
-3WjbQ9goO6pwtBwT8tnS4JMYV0jqDfA+5Y9ykCoBs9lxY+6EYHJdjkdYp+XJdibQ
-Wj4zH6lt7kQXBDemEsrSu44RWn+wB0fTBDJSIwCvA1lZGqlhCp6dbDCfxsnMlicZ
-+LVLtdxkJ2CILCp9jkC4Ge0oMlbTyqmlAAnLvyK6Cg4uIw69viDeCikvSLhDTP95
-+YCe1F+GEOWVsgOl3xgJtUiaM2IZhDy5n0WjTE8tsq/Bqrpf5bchvqODSfMhprmI
-OVW8yrYLdaWBOKjQyth9TAxNhhM6PtR2Ec9HOnqcqzmfLy+/sLMrEZALpTgYbDDh
-T56+ohCQMGYSAAfpCUqB8uNXGrRY9dVJqQEl3XUKDqzbd9tgJd60lEHScGVj6eNe
-8hgmrBph50ewF4w/jXENqFWmK4Afs2dGeUqJd4a7uRwPzVzlbEW5daOU/7exBcP3
-F5wRjoTGk1BcI5DyjqoXpYmIP3aIosGbRA7hzMYWeaRhEEtIb7as5uQ5u1XegE4/
-xIOY3ykK1rtVVkL/YgXzam6GtxoOVLVShQOESvgFif+zVh2pMPt/VJH//Q0s2PG8
-chNiTo2T8iA2qyBMjGedmv/964h9Fue2k9AVm87XaBsMygnaqlfISWwACWTQmIRS
-q6pT/xJIJqdTqDxshrkHCDeAhet7rLTt1Psr+JQK9JSMcP1LKKuvCaADlA3Dtwgn
-7jBQ9Heu3zmUnvxJcDHTM0qfrQPYv2DcJRggG24wOqZi9QotbGDnJX43NvP/5+4w
-DLutNsjIs86nSrvcpIfx4Q==
+U2FsdGVkX19YdXC3H4iU/9S4uPSMBmdRniSJJb2h0m2xERHzoiaY/RL64eagaHVW
+wJVc8EZZvgAxotiIzZU/yvqRYQB5Dxk1DqBojcAafmgf80359fMq0BiCHu7xZgb1
+kPv2PwLlkfa5blZEJbHO9nKxXMDKZ1kK9DAW/pS08M/uKIl7zr+kK4pEtZPgEyL9
+ULW+nhm0VB3uagBF2LuhpSYavmaC8Nvt5HofrrXuJdScMxxGisxAbAEHswQUZE/G
+fORVTDbXn9vsBPeFx5tfK12cZDfU4DiKVstZZYKDNx1+7Xq8VtxeQy99ho9eEuuG
+XenbI0d4N4wUtCBcBoao9qPSnT9RG/+oh5hJKDT6522jCogqb5eEn1fUyI5DRmdn
+o9Efv3R9Lw1HFyl+Iap7yEjHkqiH5sle++0DZpWGBVuTvuHn9nTStXUGa/Gvht8A
+MQHwXK9t/tgU7TxossBHgPZ/RkDeZp7uVRjY69V5rajAmh4fCp+ckov+3F+0YZHK
+bKu447BACykr73uavhZZFAHpmYQp89Z1wdZbZtWi5q1DhtfGw70xmOHYzKDO1/jb
+tu+gGoYae7XpUu/P0KGR2BbV6yEmpNPBGz3a+6PQ9bDPESlhRktSL4PaJX9Fqex1
+Mgj1u+kbPSpNALKjAnY9l2uJXiKtnPsMHgjFu+dNOvdgvE9ZZbYPzBUA6QSaxSlx
+YM2qiQEggGffWZ6WVYg4GmTiH2/l+79ESYzNdN1wBk/soMXPmIl4ihxFBapa3t4v
+bS53SfOuHNdDEekdLWDd7o3q4cqqVL0768ThJVpqK4iXy22H8AvMe4xLXbMIT4cd
+flEdZsZR+pgrDD9nkY/0S4zPKa7xY9VrYNHwb+PHfLl8obD/qhRMy2OFjw44heQH
+mDdrKykMFOrDZg6bG49PnahFGSHS5Ydxf+araWiUyUKMk9s7FphbDChbwqj1mrRy
+kufLiKFyZXd9alSPIpZq1jYmZ0yHiWEkC0znqXTGOUzPpAldI7HwI9zlC7RS1MwQ
+ntEh2NpI0+4k7HwGCwl/VVP9DwdXU3yJv0qnN/A3lCYPqutG1qOu5J2eeYYPyF/O
+k4+4fE/7POu5GduVeccpjZ6yGtrQEq+633IwY9NQX2U0AsNYT+e9Js7Mg7mo3p3A
+d+Zi/SM4VcFMy0ANnPieeW16F/Hn+IjEEbG6BRPJSeUVJnxY5i9CUSiqfoNWEic7
+9/9owvMlRJQ8mDZtuDUuYE95bWfkLpMEv2Y2Fpkc87fdayjTfIgX47gdsp2nmw8/
+1KMM7GCcXwzi/IZdQN3ous2HOyxI3SH0k6wiF5ZKrnpg4634TLK4tJ4EHzWNzEEn
++I85HCwpW1++B5sbF/RfmkvoMeYTktaE94evUFAMIVmL/ft1Tnzo4toNwStWI8IT
+xELqIx2NfWl2BHc8LOt2uAE99vn94ZZVTk8YrJDbsvZ/McocFznz1e/2O3sB5guP
+GE34ITHo/Q41TElxxWaKTGez5stH+JLK81Z+uZFS1Faubo2hwrcxdnPLO2z8GCBP
+qt3G5yBRUUtB7wxrW2hYAHotGGE6s+gtQHeqXpyQdve5ycI/KzO1YyZY2su6vrmn
+CPMA+dBL805eLWrRAwd64lbegNFsJsiOxqHoOPdBA8BU0gvDny6kgeiB5pXZiMYK
+6y9QeR0EYwNQevfeH0WrqwaDve7LOpbxDIoK5mUFII4=

apps/client/package.json

@@ -16,7 +16,7 @@
     "update:heroui": "node --no-warnings --import 'data:text/javascript,import { register } from \"node:module\"; import { pathToFileURL } from \"node:url\"; register(\"ts-node/esm\", pathToFileURL(\"./\"));' ./update-heroui.ts"
   },
   "dependencies": {
-    "@auth0/auth0-react": "^2.3.0",
+    "@auth0/auth0-react": "^2.4.0",
     "@heroui/button": "2.2.24",
     "@heroui/code": "2.2.18",
     "@heroui/date-picker": "2.3.25",
@@ -37,46 +37,46 @@
     "@heroui/theme": "2.4.20",
     "@heroui/toast": "2.0.14",
     "@heroui/tooltip": "2.2.21",
-    "@react-aria/visually-hidden": "3.8.22",
-    "@react-types/shared": "^3.29.0",
-    "@tailwindcss/postcss": "^4.1.7",
+    "@react-aria/visually-hidden": "3.8.27",
+    "@react-types/shared": "^3.32.0",
+    "@tailwindcss/postcss": "^4.1.12",
     "framer-motion": "12.23.12",
-    "i18next": "^25.1.3",
+    "i18next": "^25.4.2",
     "i18next-http-backend": "^3.0.2",
-    "jose": "^6.0.12",
+    "jose": "^6.1.0",
     "oidc-client-ts": "^3.3.0",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "react-i18next": "^15.6.1",
-    "react-router-dom": "^7.8.0",
-    "tailwind-variants": "2.1.0",
-    "tailwindcss": "4.1.11"
+    "react-i18next": "^15.7.3",
+    "react-router-dom": "^7.8.2",
+    "tailwind-variants": "3.1.0",
+    "tailwindcss": "4.1.12"
   },
   "devDependencies": {
     "@sctg/vite-plugin-github-pages-spa": "^0.1.1",
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/vite": "^4.1.12",
     "@types/node": "^22.15.18",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.39.0",
-    "@typescript-eslint/parser": "^8.39.0",
-    "@vitejs/plugin-react": "^5.0.0",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "@typescript-eslint/eslint-plugin": "^8.41.0",
+    "@typescript-eslint/parser": "^8.41.0",
+    "@vitejs/plugin-react": "^5.0.2",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.33.0",
+    "eslint": "^9.34.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-unused-imports": "^4.1.4",
+    "eslint-plugin-unused-imports": "^4.2.0",
     "globals": "^16.3.0",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.2",
-    "vite": "^7.1.1",
+    "vite": "^7.1.3",
     "vite-tsconfig-paths": "^5.1.4"
   }
 }

apps/client/postcss.config.js

@@ -1,3 +1,11 @@
 @import "tailwindcss";
+@layer theme, base, components, utilities;
 
-@config "./../../tailwind.config.js";
+/* Be careful with the paths turbo mono repos install heroui in the root */
+@source '../../../../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';
+@source '../../../../node_modules/@heroui/*/dist/**/*.{js,ts,jsx,tsx}';
+@plugin './heroui-plugin.ts';
+
+@theme {
+  --background-image-gradient-border-violet: linear-gradient(hsl(var(--heroui-background)), hsl(var(--heroui-background))), linear-gradient(83.87deg, #F54180, #9353D3);
+}

apps/client/src/styles/globals.css

@@ -0,0 +1,3 @@
+import {heroui} from "@heroui/theme";
+
+export default heroui();