🔱SCAST

Static Code Analysis and Visualization

2024/9/27 by DKZ

🔱SCAST is a programmatic tool that converts code into UML diagrams and flowcharts.

support plan

javascript (use acorn)
typescript (use typescript for now estree later)
csharp (use a custom parser no longer supported in future)
python (ues a custom parser use filbert later)
vue (later)

The underlying principle involves leveraging a parser to parse the code into an Abstract Syntax Tree (AST), followed by static analysis, and finally utilizing Mermaid and D3 for visualization.

You can try it online or just download this repo and open SCAST.html with browser.
For Developers it can be deployed on servers using npm run server. Or use it as MCP server integrate it into your AI client.

scast_uml

Update

MCP

mcp

git clone https://github.com/davidkingzyb/SCAST.git download the source code.
npm install
config at your client

{
  "mcpServers": {
    "scast":{
      "command":"node",
      "args":[
        "/YOUR_INSTALL_DIR/SCAST/mcp/index.js",
        "/YOUR_WORKSPACE/",
        "C:\\Users\\DKZ\\OTHER_ALLOWED_DIR\\",
      ]
    }
  }
}

Tools

scast_analysis:

SCAST is a tool designed to assist users in analyzing and summarizing code through visualization. By simply providing the folder path where the code is located, SCAST can perform static analysis on the code, generating an AST tree to helping users understand the code structure and explain its functionality. Generate various visual charts such as UML diagrams, AST tree diagrams and Mermaid flowcharts. Finally return a keyword list containing all class and method names along with their functionality explanations, and include a link to allow users to view the chart details in their browser.

scast_retriever

SCAST is a tool that helps users analyze and summarize code and provides visualizations. You need to provide the file path of the source code folder. SCAST will perform static analysis on the source codes in the folder, generating an AST tree to help users understand the code structure and explain its functionality. After analyzing the code directory with SCAST, you can use keywords in the AST tree for searching, better answering user questions using a RAG method. This keyword can be a class name, method name, or field name. SCAST will find the source code at its definition and return it.

Ollama AI

install ollama first see ai.js for more details

ollama

ESTree

Compliant with ESTree specification AST parser

Force Directed Graph

FDP

More D3 Graph

Indented tree
Tidy tree
Cluster tree
Tadial tidy tree
Radial cluster tree
Force directed tree
Edge bundling

scast_d3