# flydsl-visualizer

**Repository Path**: feifei14119/flydsl-visualizer

## Basic Information

- **Project Name**: flydsl-visualizer
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-29
- **Last Updated**: 2026-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FlyDSL Layout Visualizer

A VSCode extension for graphical visualization of FlyDSL Layout structures.

## Features

This extension helps developers visualize FlyDSL Layout structures, including:

- **Memory Grid View**: Display Layout memory layout in a grid format
- **Tree Structure View**: Show nested Layout hierarchy
- **Coordinate Mapping**: Visualize crd2idx and idx2crd transformations
- **Interactive Elements**: Click cells to see coordinate-index mapping
- **Real-time Updates**: Automatically update when layout code changes

### Usage

1. Open a Python file containing FlyDSL layout definitions
2. Right-click on the code or press `Ctrl+Shift+L`
3. Select "FlyDSL: Visualize Layout" to open the visualization panel

### Example

```python
import flydsl as fx

# Create a simple layout
layout = fx.make_layout((4, 8), (8, 1))

# Create a nested layout
nested_layout = fx.make_layout((9, (4, 8)), (59, (13, 1)))
```

## Requirements

- VS Code version 1.110.0 or higher
- Python files with FlyDSL layout definitions

## Extension Settings

This extension contributes the following settings:

- `flydsl.visualizer.theme`: Choose between light and dark theme (default: follow VS Code theme)
- `flydsl.visualizer.gridSize`: Maximum grid size for visualization (default: 1000)

## Commands

This extension contributes the following commands:

- `FlyDSL: Visualize Layout`: Open the layout visualization panel
- `FlyDSL: Visualize Selected Layout`: Visualize layout from selected code
- `FlyDSL: Show Memory View`: Show memory grid view
- `FlyDSL: Show Tree View`: Show tree structure view

## Keyboard Shortcuts

- `Ctrl+Shift+L` (Windows/Linux) / `Cmd+Shift+L` (macOS): Open layout visualization

## Known Issues

Currently in development phase. Please report any issues you encounter.

## Release Notes

### 0.0.1

Initial release of FlyDSL Layout Visualizer:
- Basic project structure
- Webview panel implementation
- Command registration
- Extension integration with VS Code

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT

## For more information

- [FlyDSL Documentation](https://github.com/yourusername/flydsl)
- [VS Code Extension API](https://code.visualstudio.com/api)
- [Issue Tracker](https://github.com/yourusername/flydsl-visualizer/issues)