CodeGarden

📱 Actual Application Screens

Main Screen

Left control panel and right code visualization

Star Density Function

Star Density slider for node density adjustment

Below is a summary of key points. For details, please refer to "Render Pattern Spec" in the app.

Summary Panel

• File: Path of analyzed file
• Lines: Total line count
• Functions: Function count
• Max depth: Maximum depth of tree
• Language: Detected programming language
• Categories: Function, class, control flow breakdown

Selection Summary

• Nodes / Blocks / Functions
• Total lines and unique line count excluding duplicates
• Avg nest: Average nesting depth of selected nodes (indicates code complexity)
• Category breakdown: Detailed breakdown by function, class, control flow
• Duplicate removal algorithm: Automatically removes duplicate code blocks for accurate metrics
• Avg cc (average cyclomatic complexity), Avg nest
• Score sum (composite index for visibility), Max depth

Internally, the app converts analysis results to unified format (XML v2) and reconstructs them during rendering.

summary

• totalLines, filePath, functionCount, maxDepth, deadCodeCount

node

• Attributes: id, kind, category, name
• loc: start, end, lines
• complexity: cyclomatic, nestingDepth
• layout: depth, angle, radius
• metrics (extended): Arbitrary numeric attributes including statement count, branch count, loop count, return count, exception count, switch count
• language: Detected programming language (JavaScript/TypeScript)
• category: Node category (function, class, control flow, etc.)

edge

• Attributes: id, kind (hierarchy / call), from, to

For details, see "XML Spec (XML_FORMAT.md)" in the app.

Internal Data Format

The application uses XML v2 format internally for data exchange and persistence. This format provides comprehensive information about code structure, metrics, and relationships.

Technical Specifications

• XML v2 Standard: Unified format for all analysis results
• Data Persistence: Analysis results can be saved and loaded
• Export Options: JSON format for external use, XML for internal specifications
• Version Compatibility: Backward compatible with previous formats

• For very large node counts, use v6 (grid) or v9 (category bands) for overview → zoom into areas of interest.
• Styles v2~v4 include decorations. They are automatically optimized based on zoom and node count.
• When there are many call lines, switching to something other than v10 makes it easier to see.
• For TypeScript files, use v11 or v13 for optimal performance and layout.

• Nothing displays: Source has little structure / parsing failed. Try with a different file.
• Slow: Decorations are optimized during overall display. Switch to v6 or v9 and zoom in to check details.
• Center shifts (v6): Latest version fixes grid to be centered on origin.
• Incomplete TypeScript analysis: Use MultiLang or Category-Aware analyzer for better TypeScript support.
• Slow rendering with large files: Use v12 (Performance-Focused) pattern for better performance.

Q. What is score?

It's a visibility index that integrates line count, complexity, etc. Larger values are drawn as more prominent nodes and become focus candidates.

Q. Should I use XML or JSON?

JSON is convenient for reusing analysis outside the app. XML is the internal standard format, good for checking specifications.

Q. Which pattern should I choose?

Start with v1/v9 for overview → if density or relationships are concerning, try v10 → for detailed comparison, use v2/v6. For TypeScript files, v11/v13 provide optimized layouts.

Basic Analyzer

Performs basic AST analysis, calculates hierarchy structure and complexity (cyclomatic complexity, nesting depth) for functions, classes, and blocks. Most lightweight and fast analysis. Also includes language detection and category determination.

CallGraph Analyzer

Analyzes call relationships between functions and constructs dependency graphs. Provides metrics such as in-degree/out-degree, fan-in/fan-out for functions. Generates both hierarchy edges and call edges.

MetricsExt Analyzer

Calculates detailed metrics such as statement count, branch count, loop count, return statement count, exception handling count, switch statement count, etc. Converts code quality indicators to numerical form. Also detects language-specific syntax elements.

MultiLang Analyzer

Performs TypeScript support analysis, properly recognizes TypeScript-specific syntax elements (interfaces, generics, decorators, enums, type aliases, etc.). Supports language characteristics of both JavaScript and TypeScript.

Category-Aware Analyzer

Performs category-aware smart analysis, providing analysis results while considering node importance and relationships. Includes automatic calculation of category statistics and JavaScript/TypeScript-specific category mapping.

Technical Debt

Calculates technical debt based on complexity, nesting depth, function length, and parameter count. The total grows with the codebase and is automatically classified into info / minor / major / critical bands to guide prioritisation:

• info: 0.00–1.99 — observation stage
• minor: 2.00–4.99 — medium priority improvement
• major: 5.00–9.99 — address soon
• critical: ≥10.00 — immediate action required

Code Smells

The following code smells are automatically detected:

• Long functions: 50+ lines (S138)
• Complex functions: Cyclomatic complexity 10+ (S1541)
• Deep nesting: Nesting depth 5+ (S134)
• Too many parameters: 5+ (S107)
• Magic numbers: Hardcoded numbers (S109)
• Unused variables: Defined but not used (S1481)

Maintainability Index

Maintainability index 0-100 based on Halstead Volume, complexity, function length, function count, and category diversity. Higher values indicate better maintainability.

Other Metrics

• Code duplication rate: Function name and line-based duplication detection
• Coupling: Strength of dependencies between modules
• Cohesion: Strength of relationships within modules
• Security score: Detection of dangerous function names and patterns

Fully Supported Languages

Currently Supported Language-Specific Features

• JavaScript: ES6+ features, dynamic typing, prototype-based inheritance, asynchronous processing, arrow functions, spread/rest operators, destructuring assignment
• TypeScript: static typing, advanced type system, interfaces, generics, decorators, asynchronous processing, TS-specific syntax, type annotations

📊 Test Results Overview

🔧 Test Environment and Libraries

🔍 Test Types and Content

📊 Detailed Test Results View

🧪 E2E Tests Detailed View

🔄 Quality Improvement Challenges

⚠️ Quality Assurance Limitations

🔮 Quality Assurance Continuous Challenges

This application continuously challenges quality assurance to provide reliable services to users. 825 test cases comprehensive verification, main functions high quality guarantee, focus on actual usage scenarios stability.

Main Dependencies

Development Tools

License Details

OSS Contribution

This application fully utilizes the benefits of open source software. By using community-developed high-quality libraries, it improves development efficiency and guarantees reliability.

MIT License

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
                

GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999

Copyright (C) 1991, 1999 Free Software Foundation, Inc.
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.

[... For full text reference, please check the original GNU site above ...]