TogetherSolo Diagram Viewer

Visualize TogetherSolo diagram files (.dfState, .dfPackage, .dfSequence) inside VS Code with live preview, syntax highlighting, bidirectional navigation, and export.

Author

Adam Wiącek

License

Use on your own risk.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software, to use it for any purpose, without warranty of any kind.
The software is provided "as is", without warranty of any kind, express or implied. The author shall not be liable for any claim, damages or other liability arising from the use of this software.

Features

• Live Preview — Opens a side-by-side diagram preview that re-renders as you type (debounced)
• State, Sequence, and Class diagrams — All three TogetherSolo diagram types supported
• Syntax Highlighting — TextMate grammar + semantic tokens for .dfState, .dfPackage, .dfSequence
• Diagram Explorer — Sidebar tree view grouping all diagram files by type; TPR project-file aware
• TogetherSolo Inspector — Sidebar property table showing state actions, transition details, and note text for any selected element
• Hyperlink Navigation — Hyperlinked states (blue, underlined, ↗) open the linked sub-diagram as a tab in the same editor group
• Bidirectional Navigation — Moving the editor cursor highlights the corresponding element in the preview; clicking an element updates the Inspector
• Export — Export the rendered diagram to PNG (≥144 DPI via resvg) or SVG
• Scrollbars — Horizontal and vertical scrollbars appear when the diagram is larger than the viewport; drag-to-pan and scroll-wheel zoom also supported
• Error Diagnostics — Parse errors appear in the VS Code Problems panel with line/column markers; the last successful render is preserved while errors are shown

Requirements

VS Code 1.85 or later.

Extension Settings