Hecatoncheir / bpmn_dart

Dart wrapper for bpmn-js library.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BPMN

Use with bpmn-js library.
For web only. Forger about tests if use flutter.

How to

Check version of bpmn-js repository: https://github.com/bpmn-io/bpmn-js.git

HTML


Add .css and .js to index.html:

<head>
<!-- Bpmn -->
<link rel="stylesheet" href="https://unpkg.com/bpmn-js@10.2.1/dist/assets/diagram-js.css">
<link rel="stylesheet" href="https://unpkg.com/bpmn-js@10.2.1/dist/assets/bpmn-font/css/bpmn.css">

<script src="https://unpkg.com/bpmn-js@10.2.1/dist/bpmn-modeler.development.js"></script>

<!-- Dart -->
<script defer src="main.dart.js"></script>
</head>

DART

import 'package:bpmn_dart/bpmn.dart';

Future<void> main() async {
  const xml = "";
  final bpmn = Bpmn.parse(xml);
  final id = await bpmn.getId();
  final name = await bpmn.getDefinitionName();
  final svg = await bpmn.getSvg();
}

Examples:

Run examples:
dart pub global activate webdev
cd /example/navigated_viewer/
webdev serve
open http://127.0.0.1:8080

Run tests:

dart test --platform chrome

About

Dart wrapper for bpmn-js library.


Languages

Language:Dart 87.5%Language:HTML 12.1%Language:CSS 0.5%