Merge branch 'main' of https://github.com/monstar-lab-oss/reactjs-boi…

…lerplate into feature/implement-plop-base

.changeset/friendly-dancers-doubt.md

@@ -0,0 +1,5 @@
+---
+
+---
+
+Allow auto-merging for Renovate's patch updates

.github/workflows/release.yml

@@ -18,9 +18,9 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Setup PNPM
-        uses: pnpm/action-setup@v2
+        uses: pnpm/action-setup@v4
         with:
-          version: 7
+          version: latest
 
       - name: Setup Node
         uses: actions/setup-node@v4

.github/workflows/tests.yml

@@ -12,9 +12,9 @@ jobs:
 
     steps:
       - uses: actions/checkout@v4
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
-          version: 7
+          version: latest
 
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v4

code/react/base/package.json

@@ -13,22 +13,22 @@
   },
   "dependencies": {
     "@tanstack/react-query": "4.36.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "wouter": "2.12.1"
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "wouter": "3.3.1"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "4.38.0",
-    "@types/react": "18.0.27",
-    "@types/react-dom": "18.0.10",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
-    "@vitejs/plugin-react": "4.2.1",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@typescript-eslint/eslint-plugin": "8.5.0",
+    "@typescript-eslint/parser": "8.5.0",
+    "@vitejs/plugin-react": "4.3.1",
     "eslint": "8.57.0",
-    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react": "7.36.1",
     "msw": "1.3.1",
-    "typescript": "4.9.5",
-    "vite": "4.2.0"
+    "typescript": "5.6.2",
+    "vite": "5.4.0"
   },
   "msw": {
     "workerDirectory": "public"

code/react/module-api-graphql/package.json

@@ -9,15 +9,15 @@
   "dependencies": {
     "@tanstack/react-query": "4.36.1",
     "graphql-request": "5.2.0",
-    "react": "18.2.0"
+    "react": "18.3.1"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "4.38.0",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",
-    "@types/react": "18.2.0",
+    "@types/react": "18.3.3",
     "tsconfig": "workspace:*",
-    "typescript": "4.9.5",
+    "typescript": "5.6.2",
     "vitest": "1.6.0"
   }
 }

code/react/module-api-restful/package.json

@@ -8,15 +8,15 @@
   },
   "dependencies": {
     "@tanstack/react-query": "4.36.1",
-    "react": "18.2.0"
+    "react": "18.3.1"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "4.38.0",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "14.5.2",
-    "@types/react": "18.2.0",
+    "@types/react": "18.3.3",
     "tsconfig": "workspace:*",
-    "typescript": "4.9.5",
+    "typescript": "5.6.2",
     "vitest": "1.6.0"
   }
 }

code/react/testing-storybook/package.json

@@ -7,14 +7,14 @@
     "type": "tsc --noEmit"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "7.0.0-beta.43",
-    "@storybook/react": "8.1.1",
-    "@storybook/react-vite": "7.0.0-beta.43",
-    "@vitejs/plugin-react": "4.2.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "storybook": "7.0.0-beta.43",
-    "typescript": "4.9.5",
-    "vite": "4.1.1"
+    "@storybook/addon-essentials": "8.2.8",
+    "@storybook/react": "8.2.8",
+    "@storybook/react-vite": "8.2.8",
+    "@vitejs/plugin-react": "4.3.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "storybook": "8.3.0",
+    "typescript": "5.6.2",
+    "vite": "5.4.0"
   }
 }

code/react/testing-vitest/package.json

@@ -5,15 +5,15 @@
     "test": "vitest run --dir .."
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "4.2.1",
+    "@vitejs/plugin-react": "4.3.1",
     "mock-server": "workspace:*",
     "msw": "1.0.0",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "tsconfig": "workspace:*",
-    "typescript": "4.9.5"
+    "typescript": "5.6.2"
   },
   "dependencies": {
-    "jsdom": "21.1.0",
+    "jsdom": "25.0.0",
     "node-fetch": "3.3.0",
     "vitest": "1.6.0"
   }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ml-frontend",
   "scripts": {
-    "test:cli": "turbo run build --filter=start-frontend test --filter=start-frontend",
+    "test:cli": "turbo run build --filter=start-frontend && turbo run test --filter=start-frontend",
     "test:modules": "turbo run test --filter='./code/*' && turbo run test --filter='./code/*/*'",
     "e2e": "turbo run e2e",
     "type": "turbo run type",
@@ -11,10 +11,10 @@
   },
   "devDependencies": {
     "eslint-config-custom": "workspace:*",
-    "husky": "9.0.11",
+    "husky": "9.1.6",
     "lint-staged": "15.2.2",
     "prettier": "3.2.5",
-    "turbo": "1.13.3"
+    "turbo": "1.13.4"
   },
   "lint-staged": {
     "*": "prettier --ignore-unknown --write"

packages/e2e-testing/package.json

@@ -11,7 +11,7 @@
   "devDependencies": {
     "start-server-and-test": "1.15.2",
     "tsconfig": "workspace:*",
-    "typescript": "4.9.4",
-    "@types/node": "18.11.18"
+    "typescript": "5.6.2",
+    "@types/node": "22.5.4"
   }
 }

packages/eslint-config-custom/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "dependencies": {
     "eslint": "8.57.0",
-    "eslint-config-turbo": "0.0.10",
-    "@typescript-eslint/parser": "5.62.0"
+    "eslint-config-turbo": "2.1.1",
+    "@typescript-eslint/parser": "8.5.0"
   }
 }

packages/start-frontend/CHANGELOG.md

@@ -1,5 +1,27 @@
 # start-frontend
 
+## 1.1.2
+
+### Patch Changes
+
+- dff61e6: fix: remove JSON.stringify by @ptrkdan @jinmayamashita
+
+## 1.1.1
+
+### Patch Changes
+
+- 14d6428: Introduce Clack cli by @G-N555
+
+## 1.1.0
+
+### Minor Changes
+
+- cfee1a9: Fix CLI test failure by adjusting build process
+
+### Patch Changes
+
+- 688770e: Improve start-frontend CLI test
+
 ## 1.0.5
 
 ### Patch Changes

packages/start-frontend/__tests__/cli.test.ts

@@ -1,7 +1,7 @@
 import { describe, test, expect, beforeAll, afterAll } from "vitest";
 import path from "node:path";
 import util from "node:util";
-import { execFile, exec, execSync } from "node:child_process";
+import { exec, execFile, execSync } from "node:child_process";
 import fse from "fs-extra";
 
 const START_FRONTEND = path.resolve(__dirname, "..", "dist", "index.js");
@@ -28,7 +28,6 @@ async function executeCLI(inputs: string[], delay = 500) {
 
   function nextPrompt(inputs: string[]) {
     if (!inputs.length) return;
-
     // Write the input to the CLI process with a delay
     setTimeout(() => {
       cliProcess?.stdin?.write(inputs[0]);
@@ -50,6 +49,7 @@ describe("start-frontend", () => {
       // eslint-disable-next-line turbo/no-undeclared-env-vars
       process.env.RUNNER_TEMP ||
       execSync("mktemp -d -t my-test").toString("utf-8");
+
     cleanupTestDir();
   });
 
@@ -93,13 +93,13 @@ describe("start-frontend", () => {
     "handle interactive configuration on CLI",
     async () => {
       await executeCLI([
-        // Where Would You like to Create Your Application?
+        // Which location you want to start project?
         KEY.ENTER,
-        // Select a JavaScript library for UI (Use arrow keys)
+        // Select a JavaScript library for UI
         KEY.ENTER,
         // Select an API Solution (Use arrow keys)
         KEY.ENTER,
-        // Select module do you want to use
+        // Select module do you want to use (Press 'space' to select)
         KEY.ENTER,
         // Add Testing codes for Catching bugs early?
         KEY.ENTER,
@@ -109,7 +109,7 @@ describe("start-frontend", () => {
         KEY.ENTER,
         // Add Playwright for End-To-End Testing?
         KEY.ENTER,
-        // Add Prettier for Code Formatting?
+        // Add ESLint for Code Linting?
         KEY.ENTER,
       ]);
 

packages/start-frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "start-frontend",
   "repository": "[email protected]:monstar-lab-oss/ml-frontend.git",
-  "version": "1.0.5",
+  "version": "1.1.2",
   "bin": {
     "start-frontend": "dist/index.js"
   },
@@ -15,24 +15,29 @@
     "test": "vitest run --dir __tests__"
   },
   "dependencies": {
-    "chalk": "4.1.2",
+    "@clack/core": "0.3.4",
+    "@clack/prompts": "0.7.0",
+    "@types/gradient-string": "1.1.6",
+    "chalk": "5.3.0",
     "degit": "2.8.4",
     "fs-extra": "11.2.0",
+    "gradient-string": "2.0.2",
     "inquirer": "8.2.3",
     "meow": "7.1.1",
-    "node-plop": "^0.32.0"
+    "node-plop": "0.32.0",
+    "picocolors": "1.1.0"
   },
   "devDependencies": {
     "@types/concat-stream": "2.0.0",
     "@types/degit": "2.8.6",
     "@types/fs-extra": "11.0.4",
     "@types/inquirer": "9.0.3",
-    "@types/node": "18.11.18",
+    "@types/node": "22.5.4",
     "concat-stream": "2.0.0",
     "dotenv-cli": "7.2.1",
     "tsconfig": "workspace:*",
-    "tsup": "8.0.2",
-    "typescript": "4.9.4",
+    "tsup": "8.2.4",
+    "typescript": "5.6.2",
     "vitest": "1.6.0"
   }
 }