Search for icons in libraries using the DSFR

Author: garronej

src/bin/only-include-used-icons.ts

@@ -7,7 +7,7 @@ import { assert } from "tsafe/assert";
 import { exclude } from "tsafe/exclude";
 import { writeFile, readFile, rm } from "fs/promises";
 import { crawl } from "./tools/crawl";
-import { basename as pathBasename } from "path";
+import { basename as pathBasename, sep as pathSep } from "path";
 import type { Equals } from "tsafe";
 
 export const pathOfIconsJson = pathJoin("utility", "icons", "icons.json");
@@ -109,14 +109,60 @@ async function main() {
         const candidateFilePaths = (
             await crawl({
                 "dirPath": cwd,
-                "getDoCrawlInDir": ({ relativeDirPath }) => {
-                    const dirBasename = pathBasename(relativeDirPath);
+                "getDoCrawlInDir": async ({ relativeDirPath }) => {
+                    if (relativeDirPath === "node_modules") {
+                        return true;
+                    }
+
+                    if (
+                        relativeDirPath.startsWith(`node_modules${pathSep}@`) &&
+                        relativeDirPath.split(pathSep).length === 2
+                    ) {
+                        return true;
+                    }
+
+                    if (
+                        relativeDirPath.startsWith("node_modules") &&
+                        (relativeDirPath.split(pathSep).length === 2 ||
+                            (relativeDirPath.startsWith(`node_modules${pathSep}@`) &&
+                                relativeDirPath.split(pathSep).length === 3))
+                    ) {
+                        const parsedPackageJson = await readFile(
+                            pathJoin(relativeDirPath, "package.json")
+                        ).then(
+                            buff => JSON.parse(buff.toString("utf8")),
+                            () => undefined
+                        );
+
+                        if (parsedPackageJson === undefined) {
+                            return false;
+                        }
+
+                        if (
+                            Object.keys({
+                                ...parsedPackageJson["dependencies"],
+                                ...parsedPackageJson["devDependencies"]
+                            }).includes("@gouvfr/dsfr")
+                        ) {
+                            return true;
+                        }
+
+                        return false;
+                    }
+
+                    if (relativeDirPath === `public${pathSep}dsfr`) {
+                        return false;
+                    }
+
+                    if (pathBasename(relativeDirPath) === "generatedFromCss") {
+                        return false;
+                    }
 
-                    if (dirBasename === "node_modules") {
+                    if (pathBasename(relativeDirPath) === "node_modules") {
                         return false;
                     }
 
-                    if (dirBasename.startsWith(".")) {
+                    if (pathBasename(relativeDirPath).startsWith(".")) {
                         return false;
                     }
 

src/bin/tools/crawl.ts

@@ -1,5 +1,6 @@
 import { readdir, lstat } from "fs/promises";
 import { join as pathJoin, relative as pathRelative } from "path";
+import { realpath as fsRealpath } from "fs/promises";
 
 async function crawlRec(params: {
     dirPath: string;
@@ -13,11 +14,11 @@ async function crawlRec(params: {
 
     await Promise.all(
         (
-            await readdir(dirPath)
+            await readdir(await fsRealpath(dirPath))
         ).map(async fileOrDirectoryBasename => {
             const fileOrDirectoryPath = pathJoin(dirPath, fileOrDirectoryBasename);
 
-            if ((await lstat(fileOrDirectoryPath)).isDirectory()) {
+            if ((await lstat(await fsRealpath(fileOrDirectoryPath))).isDirectory()) {
                 const dirPath = fileOrDirectoryPath;
 
                 if (!(await getDoCrawlInDir({ dirPath }))) {

src/global.d.ts

@@ -1,5 +1,3 @@
-declare module "@gouvfr/dsfr/dist/dsfr.module" {}
-
 declare module "*.svg" {
     const _default: string | { src: string };
     export default _default;

src/lib/start.ts

@@ -71,7 +71,7 @@ export async function startDsfrReact(params: Params) {
 
     (window as any).dsfr = { verbose, "mode": "manual" };
 
-    await import("../dsfr/dsfr.module" as any as "@gouvfr/dsfr/dist/dsfr.module");
+    await import("../dsfr/dsfr.module" as any);
 
     if (isNextJsDevEnvironnement) {
         // NOTE: @gouvfr/dsfr/dist/dsfr.module.js is not isomorphic, it can't run on the Server.",

test/integration/vite/vite.config.ts

@@ -3,5 +3,10 @@ import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [react()]
+    plugins: [react()],
+    server: {
+        fs: {
+          allow: ['../../..']
+        }
+      }
 });