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
- Open a Python file containing FlyDSL layout definitions
- Right-click on the code or press
Ctrl+Shift+L
- Select "FlyDSL: Visualize Layout" to open the visualization panel
Example
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 panelFlyDSL: Visualize Selected Layout: Visualize layout from selected codeFlyDSL: Show Memory View: Show memory grid viewFlyDSL: 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
