elsa-workflows / elsa-studio

A modular, extensible dashboard application framework
MIT License
168 stars 71 forks source link

Make Elsa Studio components useable in existing Blazor projects #137

Open schlechtOptimiziert opened 6 months ago

schlechtOptimiziert commented 6 months ago

As suggested in this discord ticket I am creating this issue.

Use case

My use case is to implement the Elsa Studio components such as the definitions list and the instances list as a Page in my own Blazor project.

Would be great

It would be great to also add this case to the docs as I have spend more time traversing the source code than actually reading the docs.

glime-ai[bot] commented 6 months ago

Based on the context provided, it seems you are looking to integrate Elsa Studio components, specifically the definitions list and the instances list, into your own Blazor project. As of the information available, there is an ongoing effort to make Elsa's visual designer available as a Blazor component, which would allow for easier integration into Blazor applications.

From the GitHub issues and discussions, it is clear that the Elsa team is working on a Blazor version of the workflow designer that will be more easily embeddable into other applications. This new version will include a feature called CustomElements host, which will facilitate the integration of the designer into apps like yours.

However, the exact documentation or guide for embedding Elsa Studio components into a Blazor application as pages is not directly provided in the context. The Elsa documentation and GitHub issues suggest that while there is significant interest in this feature, it may still be under development.

For the time being, you might need to continue exploring the source code and keep an eye on the official Elsa documentation and GitHub repository for updates on this feature. Additionally, you can engage with the community on the Elsa discussions page or open an issue on GitHub to express your interest in having this use case documented, as suggested in your message.

It would also be beneficial to follow the Elsa GitHub repository for updates on when this feature becomes available and to check if any new documentation has been added that covers your use case.

GeorgeS2019 commented 1 month ago

List of Javascript API for interopt with Antv c# wrappers

List of Javascript API for interopt with Antv c# wrappers

Javascript APIs https://github.com/elsa-workflows/elsa-studio/tree/main/src/modules/Elsa.Studio.Workflows.Designer/ClientLib/src/designer/api 1. add-activity-node.ts 2. auto-layout.ts 3. calculate-activity-size.ts 4. center-content.ts 5. create-graph.ts 6. dispose-graph.ts 7. dotnet-flowchart-designer.ts 8. graph-bindings.ts 9. index.ts 10. Ioad-graph.ts 11. paste-cells.ts 12. raise-activity-embedded-port-selected.ts 13. raise-activity-selected.ts 14. read-graph.ts 15. select-activity.ts 16. set-grid-color.ts 17. update-activity-size.ts 18. update-activity-stats.ts 19. update-activity.ts 20. zoom-to-fit.ts

https://github.com/elsa-workflows/elsa-studio/discussions/10