Ash VS Code Extension!
* DSL Block Navigation - Go To command, Breadcrumbs, Sidebar
* Mermaid Diagram Visualization
You can find Ash Studio on the VS Code Marketplace, Open VSX or download it from GitHub
I'm really keen to hear your thoughts, feedback, and suggestions for future features. Feel free to drop them here or open an issue on the GitHub repo if you find any bugs or have ideas!
GitHub
GitHub - ketupia/ash-studio-vscode-extension: Ash Framework VSCode ...
Ash Framework VSCode Extension. Contribute to ketupia/ash-studio-vscode-extension development by creating an account on GitHub.


34 Replies
It's so fucking cool I'm just mad I don't use VSCode now haha
Awesome work!
Are you planning on posting it on x/blue sky? If not, mind if I do? If so, send me links and I'll repost
Works with any VSCode fork like Windsurf or Cursor. No help for Emacs or Vim.
Not a problem at all of course ❤️
Please do share.
VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=ketupia.ash-studio, Open VSX (Windsurf/Cursor): https://open-vsx.org/extension/ketupia/ash-studio GitHub: https://github.com/ketupia/ash-studio-vscode-extension
VS Code Marketplace: https://marketplace.visualstudio.com/items?itemName=ketupia.ash-studio, Open VSX (Windsurf/Cursor): https://open-vsx.org/extension/ketupia/ash-studio GitHub: https://github.com/ketupia/ash-studio-vscode-extension
GitHub
GitHub - ketupia/ash-studio-vscode-extension: Ash Framework VSCode ...
Ash Framework VSCode Extension. Contribute to ketupia/ash-studio-vscode-extension development by creating an account on GitHub.
Which is the best link? The VSCode marketplace? Or the GitHub?
The Github readme
Done
just released v0.0.8
- fingers crossed it fixes generating diagrams on windows.
- added navigating from a code_interface to the action - ❤️ @ken-kost for the request. - added GraphQL, JsonApi
- fingers crossed it fixes generating diagrams on windows.
- added navigating from a code_interface to the action - ❤️ @ken-kost for the request. - added GraphQL, JsonApi
@Ketupia (Kevin) awesome I've just contributed config for some community extensions I use/maintain
v0.0.9 is out. Big thank you to @Matt Beanland for adding configuration for 3 more ash modules. AshJason, AshOutstanding, and AshNeo4j 🥳
AshGhannam confirmed generating diagrams now works on Windows.
I am brand new to Ash and i am happy to see this lovely - simple yet helpful extension, especially Goto action.
The next version is available. The names of actions, aggregates, attributes, calculations, and relationships definitions you can ctrl+click navigate. Thanks to @ken-kost for requesting and assisting on this feature!
son of a gun that is cool
I need this for neovim lol
I need this for Zed :))) so cool
Just added Ash Oban and fixed a couple of bugs.
Got a favorite Ash library not being identified? Contributing a library configuration is easy.
Got a favorite Ash library not being identified? Contributing a library configuration is easy.
GitHub
ash-studio-vscode-extension/CONTRIBUTING.md at v0.1.1 · ketupia/as...
Ash Framework VSCode Extension. Contribute to ketupia/ash-studio-vscode-extension development by creating an account on GitHub.
This is just wow! 🤯 @Ketupia (Kevin) Thank you for doing this!
I stumbled on to this while searching for
diagram, happily so I must say. Regarding the diagram part I just ran into this on macOS, I don't think there were any specifics required for diagram generation? I have mermaid-cli installed and the mixs tasks are operational:
Oh hell yeah CTRL+click everything 🔥
Thx man
Could you check that you're on v0.1.1 please - there was a diagram bug in the prior version.
nvm, it works now 🤔 I believe it was the latest VS Code upgrade actually. I was already on the latest version of your (neat) extension

This is so cool. I haven't used vscode in a while due to frustrations with its performance. Might give it a shot again for this...
or cursor/windsurf…
Thanks for this awesome work. I wonder if mermaid diagrams can be done for the domain like ERD
@Ashraf You can generate both class diagrams and Entity relationship diagrams for domains. Is this what you had in mind?


Thanks I did not notice it the first time.
Speaking of diagrams.... I just released v.0.1.2 where
1. Diagrams are pan and zoomable
2. By default, the diagrams are generated and deleted (a setting will let you keep them)
3. Breaking - maybe, I removed an option to pick the format

@Ketupia (Kevin) Any particular reason why the children of dsl sections are not in the breadcrumbs?
I think it would be really helpful to see the children of the sections, like this:

To confirm, you're asking why the same level of detail found in the Ash Studio sidebar is not in the breadcrumb dropdown.
Somewhere I had gotten the impression that breadcrumbs were for coarse navigation and that details belonged in the sideview. I could be persuaded otherwise.

Hmm im not seeing the child entries in the sidebar either.
But anyway I would like to have those in the symbols dropdown too. I often use that view (ctrl+shift+o) to quickly navigate between functions
Having it in the sidebar is also nice but in general im not a huge fan of navigating that way
(In general I'm hoping for LSP level support for these kinds of things)
I noticed the header in your screenshot is
outline. Do you also see the Ash Studio section in the sidebar?Ahh, thats under Explorer. I do see the Ash Studio section with the child compoments. That helps but I would still prefer them in the symbols view. It could be a configration option?
I can create a PR if you want
Sure - if you'd like - that'd also give you the opportunity to see if the idea works well at scale. I think you'd be looking at adding children to the document symbols in documentSymbolProvider.ts.
GitHub
feat: Show child entries in Symbols and Outline views by Rutgerdj ...
This PR adds the option to add the child sections to the Outlie and Symbols views. This makes it possible to quickly navigate to child sections using the Symbols Search (ctrl+shift+o)
Added a symb...
Thanks to @Rutger for the contribution to Ash Studio! If you enable the setting, you can get the section children details in the breadcrumb bar and outline view.

