chore: bump versions

.vscode/settings.json

@@ -28,6 +28,47 @@
     [
       "cx\\(([^)]*)\\)",
       "(?:'|\"|`)([^']*)(?:'|\"|`)"
+    ],
+    /*
+    * tailwind-merge
+    */
+    [
+      "(?:twMerge|twJoin)\\(([^;]*)[\\);]",
+      "[`'\"`]([^'\"`;]*)[`'\"`]"
+    ],
+    /*
+    * DOM
+    */
+    [
+      "classList.(?:add|remove)\\(([^)]*)\\)",
+      "(?:'|\"|`)([^\"'`]*)(?:'|\"|`)"
+    ],
+    /*
+    * comment tagging
+    * /** @tw *\/ "px-5 text-center bg-white py-16 &:not[hidden]"
+    */
+    [
+      "@tw\\s\\*\/\\s+[\"'`]([^\"'`]*)"
+    ],
+    /*
+    * classList
+    */
+    [
+      "classList={{([^;]*)}}",
+      "\\s*?[\"'`]([^\"'`]*).*?:"
+    ],
+    /*
+    * variables
+    * const styles = "bg-red-500 text-white";
+    */
+    [
+      "(?:\\b(?:const|let|var)\\s+)?[\\w$_]*(?:[Ss]tyles|[Cc]lasses|[Cc]lassnames)[\\w\\d]*\\s*(?:=|\\+=)\\s*['\"]([^'\"]*)['\"]"
+    ],
+    /*
+    * POJO
+    */
+    [
+      ":\\s*?[\"'`]([^\"'`]*).*?,"
     ]
   ],
   "typescript.tsdk": "node_modules/typescript/lib",

docs/application-overview.md

@@ -37,8 +37,8 @@ The application built with:
 
 Prerequisites:
 
-- Node LTS (v20)
-- PNPM 8.15.4+
+- Node LTS (v20+)
+- PNPM 8.15+
 
 To set up the app execute the following commands:
 
@@ -66,6 +66,8 @@ $ pnpm dev
 
 ## Testing
 
+We use Playwright for our E2E tests in this project. Check out [testing docs](https://github.com/rifandani/react-app/blob/main/docs/testing.md) for more info.
+
 ```bash
 # run test headless
 $ pnpm test
@@ -87,7 +89,7 @@ $ pnpm build:staging
 $ pnpm build
 ```
 
-## Start
+## Start "production"
 
 PWA relies on [https-localhost](https://github.com/daquinoaldo/https-localhost) to serve the dist files on https://localhost/. Please refer to it's docs for the steps to setup your local environment.
 
@@ -98,6 +100,11 @@ $ pnpm start
 
 Open up https://localhost/, then restart the server, you will see a notification ask you to restart reload the offline content.
 
+## Maintaining
+
+- Update dependencies weekly using dependencies updater. I recommend using Vscode extensions: [Vscode Ecosystem](https://marketplace.visualstudio.com/items?itemName=rifandani.vscode-ecosystem) (also maintained by myself)
+- When you update `@playwright/test`, don't forget to also download new browser binaries and their dependencies by running `pnpm test:install`
+
 ## Deployment
 
 For now only supports deployment to Vercel.

package.json

@@ -2,7 +2,7 @@
   "name": "react-app",
   "type": "module",
   "version": "0.0.1",
-  "packageManager": "[email protected].4",
+  "packageManager": "[email protected].6",
   "description": "Bulletproof React 18 SPA Template",
   "author": "Tri Rizeki Rifandani",
   "license": "MIT",
@@ -75,37 +75,37 @@
     "@internationalized/date": "^3.5.2",
     "@radix-ui/react-avatar": "^1.0.4",
     "@rifandani/nxact-yutiriti": "^1.2.2",
-    "@tanstack/react-query": "^5.28.6",
-    "@tanstack/react-query-devtools": "^5.28.6",
+    "@tanstack/react-query": "^5.29.0",
+    "@tanstack/react-query-devtools": "^5.29.0",
     "class-variance-authority": "^0.7.0",
     "ky": "^1.2.3",
     "react": "^18.2.0",
     "react-aria": "^3.32.1",
     "react-aria-components": "1.1.1",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.1",
+    "react-hook-form": "^7.51.2",
     "react-router-dom": "^6.22.3",
     "react-stately": "^3.30.1",
     "sonner": "^1.4.41",
-    "ts-pattern": "^5.0.8",
-    "type-fest": "^4.14.0",
+    "ts-pattern": "^5.1.0",
+    "type-fest": "^4.15.0",
     "zod": "^3.22.4",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.6.2",
+    "@biomejs/biome": "1.6.4",
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@faker-js/faker": "^8.4.1",
     "@hookform/devtools": "^4.3.1",
     "@iconify/react": "^4.1.1",
-    "@playwright/test": "^1.42.1",
+    "@playwright/test": "^1.43.0",
     "@rollup/plugin-replace": "^5.0.5",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.10",
-    "@types/node": "^20.11.30",
-    "@types/react": "^18.2.69",
-    "@types/react-dom": "^18.2.22",
+    "@tailwindcss/typography": "^0.5.12",
+    "@types/node": "^20.12.5",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
     "@vite-pwa/assets-generator": "^0.2.4",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.19",
@@ -114,18 +114,18 @@
     "https-localhost": "^4.7.1",
     "husky": "^9.0.11",
     "npm-run-all2": "^6.1.2",
-    "pnpm": "^8.15.5",
+    "pnpm": "^8.15.6",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "rimraf": "^5.0.5",
     "rollup-plugin-visualizer": "^5.12.0",
     "tailwind-merge": "^2.2.2",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.3",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-react-aria-components": "1.1.1",
-    "typescript": "^5.4.3",
-    "vite": "^5.2.6",
-    "vite-plugin-pwa": "^0.19.7",
+    "typescript": "^5.4.4",
+    "vite": "^5.2.8",
+    "vite-plugin-pwa": "^0.19.8",
     "vite-tsconfig-paths": "^4.3.2",
     "workbox-core": "^7.0.0",
     "workbox-precaching": "^7.0.0",