bpmn-io / bpmn-js-nyan

bpmn-js, nyan cat style :rainbow: :cat:

If you're interested in custom elements in general, head over to our 📓 custom-elements guide to get an overview first.

bpmn-js-nyan

bpmn-js + = auto-win.

This projects bundles lovely nyan cats into a custom BPMN 2.0 modeler.

About

Stand out and integrate nyan cats into your next BPMN Modeler!

Great Features

• Custom Colors
• Nyan Cats
• Resize all elements

Usage

import BpmnModeler from 'bpmn-js/lib/Modeler';

import resizeAllModule from 'bpmn-js-nyan/lib/resize-all-rules';
import colorPickerModule from 'bpmn-js-nyan/lib/color-picker';
import nyanDrawModule from 'bpmn-js-nyan/lib/nyan/draw';
import nyanPaletteModule from 'bpmn-js-nyan/lib/nyan/palette';


var bpmnJS = new BpmnModeler({
  additionalModules: [
    resizeAllModule,
    colorPickerModule,
    nyanDrawModule,
    nyanPaletteModule
  ]
});

Building

To build, lint and test the project run

npm install
npm run all

To spin up the test interactively in the browser, execute

npm run dev

Visit localhost:9876/debug.html in your browser.

Related

If you enjoy nyan cats you might be interested in these related examples, too:

• Colors
• Custom Elements
• Custom Modeling Rules
• Theming

License

MIT

bpmn-js-nyan's Issues

点击连线的时候报错～

当我导入ResizeAllRules 的时候，点击元素之间的线会报错

When I run I don't see any of the nyan cat additions

New bpmn-js developer here (with limited node.js/npm experience) - when I clone and run (npm run dev) bpmn-js-nyan I seem to get the standard out-of-the-box bpmn application without the nyan cat in the palette or the colorization icon in the context pad.

Your "Usage" section shows code that I assume would implement the changes but doesn't say what to do with it. I've tried creating new index.js file containing that code and putting it in several places but I don't ever see the changes.

What am I missing? Thanks in advance.

resizeAllModule bug

when i use resizeAllModule in additionalModules then if i click the SequenceFlow
error occured in console

EventBus.js?8845:377 TypeError: Failed to execute 'setTranslate' on 'SVGTransform': The provided float value is non-finite.
    at transform (SvgTransformUtil.js?9069:16)
    at ResizeHandles._createResizer (ResizeHandles.js?8dec:126)
    at ResizeHandles.createResizer (ResizeHandles.js?8dec:137)
    at ResizeHandles.addResizer (ResizeHandles.js?8dec:163)
    at forEach (index.esm.js?3736:166)
    at eval (ResizeHandles.js?8dec:60)
    at invokeFunction (EventBus.js?8845:509)
    at EventBus._invokeListener (EventBus.js?8845:362)
    at EventBus._invokeListeners (EventBus.js?8845:348)
    at EventBus.fire (EventBus.js?8845:310)

Improve or remove this project

This project causes a lot of confusion for people who want to implement custom elements in bpmn-js. They end up asking the same questions in the forum again and again (e.g. "Why does this just replace service task?"). We should improve this project to clarify that this is more or less a "joke" or get rid of it and instead improve the custom elements example.

When exporting the diagram after applying custom colours, the colour is not saved in the export. How to fix?

I'm only using the resizeAllModule and colorPickerModule in a real project.

The resizing works great, and when you export a file, it correctly saves the dimensions so that when you load that file again you get the resized diagram.. great

With the colours however, when you export the colour is not exported, so when you load it again the colours are lost.

Can anyone explain what I need to do to ensure that colours can be exported/imported please?

Many thanks!

how to run this project?

when I run the command (npm run dev )it runs the test cases, application is not running in browser, can you please tell me how to run this application in browser
,

nyan in Angular

How to use bpmn-js-nyan In angular 8 ?
please send me example of plugin

Change element color issue

I have clone this repository and run it. but i have changed the element color throw the error.

"bpmnShape.attr is not a function"

There is a very serious issue that (resizeAllModule)

Describe the Bug

Steps to Reproduce

1. Modifying the Elements size can reveal this issue

Expected Behavior

I hope respected Nikku can solve when he has time。
It's easy to spot him

Environment

• Host (Browser/Node version)
• OS: [e.g. Windows 11]
• Library version:
  "bpmn-js-nyan": "^2.2.0",
  "bpmn-js": "^17.9.2",
  "diagram-js": "^14.9.0",