feat: upgrade npm deps

Signed-off-by: Emilien Escalle <emilien.escalle@escemi.com>

Author: neilime

package-lock.json

@@ -24,9 +24,9 @@
     "ci": "npm run lint:fix && npm run build && npm run test:ci"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.8",
-    "@commitlint/cli": "^21.0.1",
-    "@commitlint/config-nx-scopes": "^21.0.1",
+    "@biomejs/biome": "^2.5.2",
+    "@commitlint/cli": "^21.2.0",
+    "@commitlint/config-nx-scopes": "^21.2.0",
     "lerna": "^9.0.7",
     "rimraf": "^6.1.3",
     "typescript": "^6.0.3"

package.json

@@ -47,13 +47,13 @@
     "url": "https://github.com/escemi-tech/ts-dev-tools/issues"
   },
   "dependencies": {
-    "@biomejs/biome": "^2.4.8",
-    "@commitlint/cli": "^21.0.1",
-    "@commitlint/config-conventional": "^21.0.2",
+    "@biomejs/biome": "^2.5.2",
+    "@commitlint/cli": "^21.2.0",
+    "@commitlint/config-conventional": "^21.2.0",
     "@types/node": "^26.1.0",
-    "@vitest/coverage-v8": "^4.1.6",
+    "@vitest/coverage-v8": "^4.1.9",
     "typescript": "^6.0.3",
-    "vitest": "^4.1.6"
+    "vitest": "^4.1.9"
   },
   "devDependencies": {
     "ts-node": "^10.9.2"

packages/core/package.json

@@ -127,7 +127,7 @@ exports[`E2E - core > Simple project > Installs core package 4`] = `
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true
+      "preset": "recommended"
     }
   },
   "javascript": {

packages/core/src/__snapshots__/core.e2e.spec.ts.snap

@@ -458,6 +458,94 @@ export default tsDevToolsCore;
         ].join("\n"),
       );
     });
+
+    it("should migrate the current vite react-ts starter links to biome-compatible code", async () => {
+      const sourceDirPath = join(testProjectDir, "src");
+      mkdirSync(sourceDirPath, { recursive: true });
+
+      const appFilePath = join(sourceDirPath, "App.tsx");
+      FileService.putFileContent(
+        appFilePath,
+        [
+          "function App() {",
+          "  return (",
+          "    <>",
+          '      <a href="https://vite.dev/" target="_blank">',
+          "        Explore Vite",
+          "      </a>",
+          '      <a href="https://react.dev/" target="_blank">',
+          '        <img className="button-icon" src={reactLogo} alt="" />',
+          "        Learn more",
+          "      </a>",
+          "    </>",
+          "  )",
+          "}",
+          "",
+          "export default App",
+          "",
+        ].join("\n"),
+      );
+
+      await up(testProjectDir);
+
+      expect(FileService.getFileContent(appFilePath)).toBe(
+        [
+          "function App() {",
+          "  return (",
+          "    <>",
+          '      <a href="https://vite.dev/" target="_blank" rel="noopener">',
+          "        Explore Vite",
+          "      </a>",
+          '      <a href="https://react.dev/" target="_blank" rel="noopener">',
+          '        <img className="button-icon" src={reactLogo} alt="" />',
+          "        Explore React docs",
+          "      </a>",
+          "    </>",
+          "  )",
+          "}",
+          "",
+          "export default App",
+          "",
+        ].join("\n"),
+      );
+    });
+
+    it("should migrate common vite svg assets to biome-compatible code", async () => {
+      const publicDirPath = join(testProjectDir, "public");
+      mkdirSync(publicDirPath, { recursive: true });
+
+      const faviconFilePath = join(publicDirPath, "favicon.svg");
+      FileService.putFileContent(
+        faviconFilePath,
+        '<svg xmlns="http://www.w3.org/2000/svg"><path d="M0 0"/></svg>',
+      );
+
+      const iconsFilePath = join(publicDirPath, "icons.svg");
+      FileService.putFileContent(
+        iconsFilePath,
+        [
+          '<svg xmlns="http://www.w3.org/2000/svg">',
+          '  <symbol id="documentation-icon"></symbol>',
+          "</svg>",
+          "",
+        ].join("\n"),
+      );
+
+      await up(testProjectDir);
+
+      expect(FileService.getFileContent(faviconFilePath)).toBe(
+        '<svg xmlns="http://www.w3.org/2000/svg"><title>Vite favicon</title><path d="M0 0"/></svg>',
+      );
+      expect(FileService.getFileContent(iconsFilePath)).toBe(
+        [
+          '<svg xmlns="http://www.w3.org/2000/svg">',
+          "  <title>Vite icon sprite</title>",
+          '  <symbol id="documentation-icon"></symbol>',
+          "</svg>",
+          "",
+        ].join("\n"),
+      );
+    });
   });
 
   describe("hooks", () => {

packages/core/src/install/migrations/20260311120000-migrate-to-biome.spec.ts

@@ -57,6 +57,8 @@ if (!rootElement) {
 createRoot(rootElement).render(`;
 const VITE_REACT_BUTTON_PATTERN = "<button onClick={";
 const VITE_REACT_BUTTON_REPLACEMENT = '<button type="button" onClick={';
+const VITE_REACT_DOCS_LINK_TEXT_PATTERN =
+  /(href="https:\/\/react\.dev\/"[^>]*>[\s\S]*?)Learn more([\s\S]*?<\/a>)/;
 
 export const up: MigrationUpFunction = async (
   absoluteProjectDir: string,
@@ -188,6 +190,14 @@ function migrateCommonViteStarterFiles(absoluteProjectDir: string): void {
     join(absoluteProjectDir, "src", "App.tsx"),
     migrateViteReactTsAppFile,
   );
+  updateFileContent(
+    join(absoluteProjectDir, "public", "favicon.svg"),
+    (content) => addTitleToSvg(content, "Vite favicon"),
+  );
+  updateFileContent(
+    join(absoluteProjectDir, "public", "icons.svg"),
+    (content) => addTitleToSvg(content, "Vite icon sprite"),
+  );
 }
 
 function updateFileContent(
@@ -230,19 +240,45 @@ function migrateViteReactTsMainFile(content: string): string {
 
 function migrateViteReactTsAppFile(content: string): string {
   return replaceExactPattern(
-    addRelNoopenerToBlankTargetLinks(content),
+    replaceReactDocsLinkText(addRelNoopenerToBlankTargetLinks(content)),
     VITE_REACT_BUTTON_PATTERN,
     VITE_REACT_BUTTON_REPLACEMENT,
   );
 }
 
+function replaceReactDocsLinkText(content: string): string {
+  return content.replace(
+    VITE_REACT_DOCS_LINK_TEXT_PATTERN,
+    "$1Explore React docs$2",
+  );
+}
+
 function addRelNoopenerToBlankTargetLinks(content: string): string {
   return content.replaceAll(
     /target="_blank"(?![^>]*\srel=)/g,
     'target="_blank" rel="noopener"',
   );
 }
 
+function addTitleToSvg(content: string, title: string): string {
+  if (content.includes("<title>")) {
+    return content;
+  }
+
+  const openingTagMatch = content.match(/^<svg\b[^>]*>/);
+
+  if (!openingTagMatch) {
+    return content;
+  }
+
+  const [openingTag] = openingTagMatch;
+  const titleMarkup = content.includes("\n")
+    ? `${openingTag}\n  <title>${title}</title>`
+    : `${openingTag}<title>${title}</title>`;
+
+  return content.replace(openingTag, titleMarkup);
+}
+
 function replaceExactPattern(
   content: string,
   pattern: string,

packages/core/src/install/migrations/20260311120000-migrate-to-biome.ts

@@ -1,6 +1,6 @@
 import { copyFileSync, symlinkSync } from "node:fs";
 import { tmpdir } from "node:os";
-import { join, relative, resolve } from "node:path";
+import { basename, join, relative, resolve } from "node:path";
 import {
   copyFolder,
   deleteFolderRecursive,
@@ -73,7 +73,7 @@ export async function createTestProject(
 ): Promise<string> {
   await recreateFolderRecursive(testDirPath);
 
-  const cacheName = testProjectGenerator.name;
+  const cacheName = `${basename(testDirPath)}-${testProjectGenerator.name}`;
   const testCacheDirPath = getTestCacheDirPath(packageName, cacheName);
   if (useCache && testCacheDirExists(packageName, cacheName)) {
     await copyFolder(testCacheDirPath, testDirPath);

packages/core/src/tests/test-project.ts

@@ -160,7 +160,7 @@ exports[`E2E - react > Simple project > Installs react package 5`] = `
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true
+      "preset": "recommended"
     }
   },
   "javascript": {