🔱キャスト

静的コード分析と可視化

2024年9月27日 DKZ

英語/中国語

🔱SCASTは、コードを UML 図やフローチャートに変換するプログラム ツールです。

📽️ビデオを見る
📽️チュートリアル
📽️MCP

サポートプラン

• javascript ( acornを使用)

• typescript (今はtypescriptを使い、後でestreeを使ってください)

• csharp (将来サポートされなくなるカスタムパーサーを使用します)

• python (カスタムパーサーを使用します。後でfilbert を使用します)

• vue（後期）

基本的な原則としては、パーサーを利用してコードを抽象構文ツリー (AST) に解析し、次に静的分析を行い、最後にMermaidとD3を利用して視覚化します。

オンラインで試すことも、このリポジトリをダウンロードしてブラウザで SCAST.html を開くこともできます。
開発者は、 npm run serverを使用してサーバーにデプロイできます。また、 MCPサーバーとして使用し、AI クライアントに統合することもできます。

アップデート

MCP

1. git clone https://github.com/davidkingzyb/SCAST.gitソースコードをダウンロードします。

2. npm install

3. クライアント側の設定

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

ツール

scast_analysis:

SCASTは、視覚化を通じてコードの分析と要約を支援するツールです。コードが存在するフォルダパスを指定するだけで、SCASTはコードの静的解析を実行し、ASTツリーを生成します。これにより、ユーザーはコード構造を理解し、その機能を説明することができます。UML図、ASTツリー図、Mermaidフローチャートなど、様々な視覚的なチャートを生成します。最後に、すべてのクラス名とメソッド名、そしてその機能説明を含むキーワードリストを返します。また、ユーザーがブラウザでチャートの詳細を表示するためのリンクも表示されます。

scast_retriever

SCASTは、コードの分析と要約、そして視覚化を提供するツールです。ソースコードフォルダのファイルパスを指定する必要があります。SCASTはフォルダ内のソースコードに対して静的解析を実行し、ASTツリーを生成します。これにより、ユーザーはコード構造を理解し、その機能を説明することができます。SCASTでコードディレクトリを解析した後、ASTツリー内のキーワードを使用して検索を行うことで、RAG法を用いてユーザーの質問に適切に回答できます。このキーワードには、クラス名、メソッド名、またはフィールド名を指定できます。SCASTは定義箇所でソースコードを検索し、それを返します。

オラマAI

まずollamaをインストールしてください。詳細についてはai.jsを参照してください。

ESTree

ESTree仕様に準拠したASTパーサー

力指向グラフ

D3グラフの詳細

• インデントされたツリー

• 整頓された木

• クラスターツリー

• タディアル整頓木

• 放射状クラスターツリー

• 力指向木

• エッジバンドル