Dependency cruiser config for "Feature Sliced Design"

fsd-depcruise-config.js

/** @type {import('dependency-cruiser').IConfiguration} */
module.exports = {
  options: {
    doNotFollow: {
      dependencyTypes: [
        "npm",
        "npm-dev",
        "npm-optional",
        "npm-peer",
        "npm-bundled",
        "npm-no-pkg",
      ],
    },

    includeOnly: "^src",
    // exclude: {
    //   path: "^src/shared",
    // },

    tsPreCompilationDeps: false,

    tsConfig: {
      fileName: "./tsconfig.json",
    },

    /* How to resolve external modules - use "yarn-pnp" if you're using yarn's Plug'n'Play.
       otherwise leave it out (or set to the default, which is 'node_modules')
    */
    externalModuleResolutionStrategy: "yarn-pnp",

    progress: { type: "performance-log" },

    reporterOptions: {
      archi: {
        collapsePattern:
          "^src/app/[^/]+|^src/processes/[^/]+|^src/pages/[^/]+|^src/widgets/[^/]+|^src/features/[^/]+|^src/entities/[^/]+|^src/shared/[^/]+",

        theme: {
          modules: [
            {
              criteria: { collapsed: true },
              attributes: { shape: "tab" },
            },
            {
              criteria: { source: "^src/app/[^/]+" },
              attributes: { fillcolor: "#ffbdbd" },
            },
            {
              criteria: { source: "^src/processes/[^/]+" },
              attributes: { fillcolor: "#da96ff" },
            },
            {
              criteria: { source: "^src/pages/[^/]+" },
              attributes: { fillcolor: "#ffd9a3" },
            },
            {
              criteria: { source: "^src/widgets/[^/]+" },
              attributes: { fillcolor: "#94fffa" },
            },
            {
              criteria: { source: "^src/features/[^/]+" },
              attributes: { fillcolor: "#aedaff" },
            },
            {
              criteria: { source: "^src/entities/[^/]+" },
              attributes: { fillcolor: "#d3ffc6" },
            },
            {
              criteria: { source: "^src/shared/[^/]+" },
              attributes: { fillcolor: "#efefef" },
            },
          ],
          graph: {
            splines: "ortho",
            rankdir: "TB",
            ranksep: "1",
          },
        },
      },
    },
  },
};

package.json

"scripts": {
    "depcruise:archi": "depcruise --version && depcruise --config fsd-depcruise-config.js --output-type archi src | dot -T svg | tee fsd-high-level-dependencies.svg | depcruise-wrap-stream-in-html > fsd-high-level-dependencies.html"
  },

don't forget to install graphviz