Merge pull request #174 from WildCodeSchool/dev

Dev

Author: rocambille

CHANGELOG.md

@@ -9,6 +9,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 [Open an issue](https://github.com/WildCodeSchool/create-js-monorepo/issues) if you have any request/feedback :)
 
+## [7.2.0] - 2025-03-31
+
+### Fixed
+
+- Replaced husky with native config for git hooks.
+
+- Used `tsx` in script `start` to avoid server transpilation.
+
+### Added
+
+- Added `check:fix` script. Thanks to [Florian Schaessens](https://github.com/Dolpheus89).
+
+- Added `.gitattributes` file to [mind the end of line](https://adaptivepatchwork.com/2012/03/01/mind-the-end-of-your-line/).
+
+## [7.1.8] - 2025-01-03
+
+### Fixed
+
+- Fixed import path in seed system. Thanks to [Brian Boudrioux](https://github.com/Brian-boudrioux).
+
 ## [7.1.7] - 2024-10-28
 
 ### Fixed

bin/create-js-monorepo.js

@@ -124,6 +124,7 @@ fs.writeFileSync(
 );
 fs.rmSync(`${destDir}/README.template.md`);
 
+fs.renameSync(`${destDir}/gitattributes`, `${destDir}/.gitattributes`);
 fs.renameSync(`${destDir}/gitignore`, `${destDir}/.gitignore`);
 fs.renameSync(`${destDir}/client/gitignore`, `${destDir}/client/.gitignore`);
 fs.renameSync(`${destDir}/server/gitignore`, `${destDir}/server/.gitignore`);

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@this-is-to-learn/create-js-monorepo",
-  "version": "7.1.7",
+  "version": "7.2.0",
   "type": "module",
   "description": "Our pedagogical framework for the React-Express-MySQL cursus in Wild Code School",
   "homepage": "https://github.com/wildcodeschool/create-js-monorepo#readme",
@@ -21,7 +21,7 @@
   "author": "Wild Code School",
   "license": "MIT",
   "dependencies": {
-    "@clack/prompts": "^0.7.0",
+    "@clack/prompts": "^0.10.0",
     "kleur": "^4.1.5",
     "mustache": "^4.2.0"
   }

package.json

@@ -1,6 +1,6 @@
 # {{name}}
 
-Ce projet est un monorepo JS, suivant l'architecture React-Express-MySQL telle qu'enseignée à la Wild Code School (v7.1.7) :
+Ce projet est un monorepo JS, suivant l'architecture React-Express-MySQL telle qu'enseignée à la Wild Code School (v7.2.0) :
 
 ```mermaid
 sequenceDiagram
@@ -37,7 +37,6 @@ sequenceDiagram
 Il est pré-configuré avec un ensemble d'outils pour aider les étudiants à produire du code de qualité industrielle, tout en restant un outil pédagogique :
 
 - **Concurrently** : Permet d'exécuter plusieurs commandes simultanément dans le même terminal.
-- **Husky** : Permet d'exécuter des commandes spécifiques déclenchées par des événements _git_.
 - **Vite** : Alternative à _Create-React-App_, offrant une expérience plus fluide avec moins d'outils.
 - **Biome** : Alternative à _ESlint_ et _Prettier_, assurant la qualité du code selon des règles choisies.
 - **Supertest** : Bibliothèque pour tester les serveurs HTTP en node.js.
@@ -46,7 +45,6 @@ Il est pré-configuré avec un ensemble d'outils pour aider les étudiants à pr
 
 - [{{name}}](#name)
   - [Table des Matières](#table-des-matières)
-  - [Utilisateurs Windows](#utilisateurs-windows)
   - [Installation \& Utilisation](#installation--utilisation)
   - [Les choses à retenir](#les-choses-à-retenir)
     - [Commandes de Base](#commandes-de-base)
@@ -61,15 +59,6 @@ Il est pré-configuré avec un ensemble d'outils pour aider les étudiants à pr
     - [Logs](#logs)
     - [Contribution](#contribution)
 
-## Utilisateurs Windows
-
-Assurez-vous de lancer ces commandes dans un terminal Git pour éviter [les problèmes de formats de nouvelles lignes](https://en.wikipedia.org/wiki/Newline#Issues_with_different_newline_formats) :
-
-```sh
-git config --global core.eol lf
-git config --global core.autocrlf false
-```
-
 ## Installation & Utilisation
 
 1. Installez le plugin **Biome** dans VSCode et configurez-le.

template/.husky/commit-msg renamed to template/.git-hooks/commit-msg

@@ -1,12 +1,30 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.8.1/schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
   "files": {
+    "ignoreUnknown": false,
     "ignore": ["**/dist/*", "**/*.template.*", "**/tsconfig.json", "coverage"]
   },
-  "formatter": { "indentStyle": "space" },
-  "organizeImports": { "enabled": true },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space"
+  },
+  "organizeImports": {
+    "enabled": true
+  },
   "linter": {
     "enabled": true,
-    "rules": { "recommended": true, "suspicious": { "noConsoleLog": "error" } }
+    "rules": {
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
   }
 }

template/.husky/pre-commit renamed to template/.git-hooks/pre-commit

@@ -8,15 +8,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.26.2"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router": "^7.4.1"
   },
   "devDependencies": {
-    "@types/react": "^18.3.10",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.8"
+    "@types/react": "^19.0.12",
+    "@types/react-dom": "^19.0.4",
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.4"
   }
 }

template/README.template.md

@@ -1,7 +1,7 @@
 // Import necessary modules from React and React Router
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { RouterProvider, createBrowserRouter } from "react-router-dom";
+import { RouterProvider, createBrowserRouter } from "react-router";
 
 /* ************************************************************************* */
 
@@ -38,31 +38,30 @@ if (rootElement == null) {
 createRoot(rootElement).render(
   <StrictMode>
     <RouterProvider router={router} />
-  </StrictMode>
+  </StrictMode>,
 );
 
 /**
  * Helpful Notes:
- * 
+ *
  * 1. Adding More Routes:
  *    To add more pages to your app, first create a new component (e.g., About.tsx).
  *    Then, import that component above like this:
- * 
+ *
  *    import About from "./pages/About";
- * 
+ *
  *    Add a new route to the router:
- * 
+ *
  *      {
  *        path: "/about",
  *        element: <About />,  // Renders the About component
  *      }
- * 
+ *
  * 2. Try Nested Routes:
  *    For more complex applications, you can nest routes. This lets you have sub-pages within a main page.
  *    Documentation: https://reactrouter.com/en/main/start/tutorial#nested-routes
- * 
+ *
  * 3. Experiment with Dynamic Routes:
  *    You can create routes that take parameters (e.g., /users/:id).
  *    Documentation: https://reactrouter.com/en/main/start/tutorial#url-params-in-loaders
  */
-