enric-gilabert / drawiodotnetpluginsexamples

draw.io diagram plug-ins based on .NET C# Blazor

Draw.io DotNet Blazor Plugins Examples

This is source code project for an article: How to implement plug-in on C# Blazor for native JavaScript application. Open API schema diagram for Draw.io.

Download and start project:

1. Download project repository and open DrawIoDotNetPlugins.sln in MSVS 2019
2. Run web site on IIS express. It will be loaded at http://localhost:6930/

Open and configure Draw.io:

1. Open web site draw.io - online diagram editor
2. Setup plug-in by menu: Extras -> Plugins ... plug-in url is http://localhost:6930/js/OpenApiDocumentSchemaPlugin.js
3. Reload draw.io web site to initialize plug-in on startup

Build Open API Swagger Diagram example:

1. In Draw.io web application open menu item File -> Open from... -> Open API document
2. Open swagger json document from repository: ..\src\OpenApiDocumentSchemaPlugin\Sample\test-swagger.json or you can use any other Open API/Swagger schema json file
3. Will be created diagram will all blocks in zero point
4. Make better diagram view by menu item: Arrange -> Layout -> Horizontal Flow