Blazor (C# WASM) BPMNJS Wrapper

StephenOTT · August 2, 2021, 5:23pm

Can post more details later, but as a starter to the conversation:

Following wrapper for Blazor (C#) has been created:

Provides a BpmnViewer wrapper, Element APIs, BusinessObject APIs, Customizable Property Panels, Overlays APIs, and lots of extras.

See the Cammand repo’s readme for further screenshots, and can see the Bpmn Inspector page:

github.com

StephenOTT/Cammand/blob/main/src/MainApp/Pages/BpmnInspector.razor

@using Blazor.Bpmn.Components
@using Camunda.Http.Api
@using System.IO
@using MainApp.Components.Modeler

@inject AppData AppData
@inject ISnackbar Snackbar

@page "/inspector"

<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-16">
    <MudGrid>
        <MudItem xs="12">
            <MudText Typo="Typo.h3" GutterBottom="true">BPMN Inspector</MudText>
        </MudItem>
        <MudItem xs="12">
            <InputFile id="fileInput" OnChange="LoadBpmnFile" hidden/>

            <MudButton HtmlTag="label" Variant="Variant.Filled" Color="Color.Primary" Class="my-3" StartIcon="@Icons.Filled.FolderOpen" for="fileInput">
                Load BPMN

This file has been truncated. show original

barmac · August 3, 2021, 11:59am

Hi Stephen,

thank you for sharing your project. I am amazed by how much you achieved. Looking forward to the next steps!

Best

Maciej

PS How about if we feature your project at GitHub - bpmn-io/awesome-bpmn-io: A curated list of bpmn.io related projects and resources.?

StephenOTT · August 3, 2021, 5:54pm

@barmac ya that’s fine.