feat: inital commit with complete code

Author: lukaszkurantdev

.DS_Store

@@ -0,0 +1,2 @@
+node_modules/
+.vscode/

.gitignore

@@ -0,0 +1,79 @@
+import { parse } from "@typescript-eslint/typescript-estree";
+import * as fs from "node:fs";
+import { generateGraphDiagram } from "./src/utils/generateDiagram";
+import { analyzeAstBodyDeclaration } from "./src/declarations/AstBodyDeclaration";
+import { analyzeAstChildren } from "./src/declarations/AstChildren";
+import { GlobalConfig, RawConfig } from "./src/types/Config";
+import { FileNode } from "./src/types/FileNode";
+import { getFilesList } from "./src/utils/getFilesList";
+import * as nodePath from "node:path";
+
+const getAbstractSyntaxTree = (filePath: string) => {
+  try {
+    const code = fs.readFileSync(filePath).toString();
+
+    return parse(code, { jsx: true, loc: true, loggerFn: false });
+  } catch (err) {
+    return null;
+  }
+};
+
+const analyze = (fileNode: FileNode) => {
+  const config = GlobalConfig.getInstance();
+  const { path: relativePath } = fileNode;
+
+  const path = nodePath.normalize(relativePath);
+  
+  if (config.isFileAnalyzed(path)) {
+    return;
+  }
+
+  config.setFileAsAnalyzed(path);
+
+  const abstractSyntaxTree = getAbstractSyntaxTree(path);
+
+  if (!abstractSyntaxTree) {
+    return;
+  }
+
+  analyzeAstBodyDeclaration(fileNode, abstractSyntaxTree.body);
+  analyzeAstChildren(fileNode);
+
+  for (const dependency of fileNode.dependencies) {
+    if (dependency.isUsed) {
+      analyze(dependency);
+    }
+  }
+};
+
+export const fileBasedAnalyze = (filePath: string, config: RawConfig = {}) => {
+  GlobalConfig.getInstance(config);
+
+  const rootNode = new FileNode(filePath);
+  rootNode.setAsUsed();
+
+  analyze(rootNode);
+
+  return generateGraphDiagram(rootNode);
+};
+
+export const directoryBasedAnalyze = (
+  catalogPath: string,
+  config: RawConfig = {}
+) => {
+  GlobalConfig.getInstance(config);
+
+  const results: string[] = [];
+  const files = getFilesList(catalogPath);
+
+  for (let filePath of files) {
+    const rootNode = new FileNode(filePath);
+    rootNode.setAsUsed();
+
+    analyze(rootNode);
+
+    results.push(...generateGraphDiagram(rootNode));
+  }
+
+  return [...new Set(results)];
+};

ComponentGraphAnalyzer.ts

@@ -0,0 +1,53 @@
+# Components Dependency Graph
+
+A script for creating a graph of relationships between components in React.js / React Native applications.
+
+## Usage
+
+File mode
+
+`npx components-dependency-graph -f /path/to/component.tsx`
+
+Directory mode
+
+`npx components-dependency-graph -d /path/to/directory`
+
+### Options
+
+`--config <path>` – Allow to use config in different location (details about config below).
+
+`--generate_diagram <path>` – Generates diagram in SVG format based on GraphViz.
+
+## Configuration
+
+Just create in base location file called `cdg.config.json`:
+
+```
+{
+  "excludeDirectoriesWithNameContains": [
+    // ...
+  ],
+  "excludeFilesContains": [
+    /// ...
+  ],
+  "rootPath": "",
+  "generateGraphWithFilesPaths": true,
+  "pathAliases": {
+    "@assets": "./src/assets/"
+  }
+}
+```
+
+### Available parameters
+
+| Property                           | Type                   | Description                                                            |
+| ---------------------------------- | ---------------------- | ---------------------------------------------------------------------- |
+| excludeDirectoriesWithNameContains | Array<string>          | If catalog path contains one of string from this list will be ignored. |
+| excludeFilesContains               | Array<string>          | If filename contains one of string from this list will be ignored.     |
+| rootPath                           | string                 | Specify the path of the main project root.                             |
+| generateGraphWithFilesPaths        | boolean                | Specify if graph nodes should have path added to name.                 |
+| pathAliases                        | Record<string, string> | Dictionary to replaces paths based on Babel configuration              |
+
+## License
+
+MIT

README.md

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    "@babel/preset-typescript",
+  ],
+};

babel.config.js

@@ -0,0 +1,49 @@
+#!/usr/bin/env node
+
+import { program } from "commander";
+import pc from "picocolors";
+import * as fs from "node:fs";
+import {
+  fileBasedAnalyze,
+  directoryBasedAnalyze,
+} from "./ComponentGraphAnalyzer";
+import { generateGraphVizDiagram } from "./src/utils/generateDiagram";
+import { RawConfig } from "./src/types/Config";
+
+program
+  .option("-f, --file <path>")
+  .option("-d, --directory <path>")
+  .option("-c, --config <path>")
+  .option("-g, --generate_diagram <path>");
+
+program.parse();
+
+const options = program.opts();
+const DEFAULT_CONFIG_PATH = "cdg.config.json";
+const configPath = options.config || DEFAULT_CONFIG_PATH;
+
+let config: RawConfig = {};
+
+try {
+  config = JSON.parse(fs.readFileSync(configPath).toString());
+} catch (event) {
+  console.log(pc.yellow("Config file not found. Continuing..."));
+}
+
+let result: string[] = [];
+
+if (options.file) {
+  result = fileBasedAnalyze(options.file, config);
+} else if (options.directory) {
+  result = directoryBasedAnalyze(options.directory, config);
+} else {
+  console.log(
+    pc.red("Specify file or directory. Check --help for more information.")
+  );
+}
+
+if (options.generate_diagram) {
+  generateGraphVizDiagram(result, options.generate_diagram);
+} else {
+  result.map(item => console.log(item));
+}