Package Exports

diagram-js
diagram-js/assets/diagram-js.css
diagram-js/lib/Diagram
diagram-js/lib/Diagram.js
diagram-js/lib/command
diagram-js/lib/command/CommandInterceptor
diagram-js/lib/command/CommandInterceptor.js
diagram-js/lib/command/CommandStack
diagram-js/lib/command/CommandStack.js
diagram-js/lib/command/index.js
diagram-js/lib/core
diagram-js/lib/core/Canvas
diagram-js/lib/core/Canvas.js
diagram-js/lib/core/ElementFactory
diagram-js/lib/core/ElementFactory.js
diagram-js/lib/core/ElementRegistry
diagram-js/lib/core/ElementRegistry.js
diagram-js/lib/core/EventBus
diagram-js/lib/core/EventBus.js
diagram-js/lib/core/GraphicsFactory
diagram-js/lib/core/GraphicsFactory.js
diagram-js/lib/core/index.js
diagram-js/lib/draw/BaseRenderer
diagram-js/lib/draw/BaseRenderer.js
diagram-js/lib/draw/Styles
diagram-js/lib/draw/Styles.js
diagram-js/lib/features/align-elements
diagram-js/lib/features/align-elements/index.js
diagram-js/lib/features/attach-support
diagram-js/lib/features/attach-support/index.js
diagram-js/lib/features/auto-place
diagram-js/lib/features/auto-place/AutoPlace
diagram-js/lib/features/auto-place/AutoPlace.js
diagram-js/lib/features/auto-place/AutoPlaceUtil
diagram-js/lib/features/auto-place/AutoPlaceUtil.js
diagram-js/lib/features/auto-place/index.js
diagram-js/lib/features/auto-resize
diagram-js/lib/features/auto-resize/AutoResize
diagram-js/lib/features/auto-resize/AutoResize.js
diagram-js/lib/features/auto-resize/AutoResizeProvider
diagram-js/lib/features/auto-resize/AutoResizeProvider.js
diagram-js/lib/features/auto-resize/index.js
diagram-js/lib/features/auto-scroll
diagram-js/lib/features/auto-scroll/index.js
diagram-js/lib/features/bendpoints
diagram-js/lib/features/bendpoints/GeometricUtil
diagram-js/lib/features/bendpoints/GeometricUtil.js
diagram-js/lib/features/bendpoints/index.js
diagram-js/lib/features/change-support
diagram-js/lib/features/change-support/index.js
diagram-js/lib/features/clipboard
diagram-js/lib/features/clipboard/Clipboard
diagram-js/lib/features/clipboard/Clipboard.js
diagram-js/lib/features/clipboard/index.js
diagram-js/lib/features/complex-preview
diagram-js/lib/features/complex-preview/index.js
diagram-js/lib/features/connect
diagram-js/lib/features/connect/index.js
diagram-js/lib/features/connection-preview
diagram-js/lib/features/connection-preview/index.js
diagram-js/lib/features/context-pad
diagram-js/lib/features/context-pad/ContextPad
diagram-js/lib/features/context-pad/ContextPad.js
diagram-js/lib/features/context-pad/index.js
diagram-js/lib/features/copy-paste
diagram-js/lib/features/copy-paste/CopyPaste
diagram-js/lib/features/copy-paste/CopyPaste.js
diagram-js/lib/features/copy-paste/index.js
diagram-js/lib/features/create
diagram-js/lib/features/create/index.js
diagram-js/lib/features/distribute-elements
diagram-js/lib/features/distribute-elements/index.js
diagram-js/lib/features/dragging
diagram-js/lib/features/dragging/index.js
diagram-js/lib/features/editor-actions
diagram-js/lib/features/editor-actions/EditorActions
diagram-js/lib/features/editor-actions/EditorActions.js
diagram-js/lib/features/editor-actions/index.js
diagram-js/lib/features/global-connect
diagram-js/lib/features/global-connect/index.js
diagram-js/lib/features/grid-snapping
diagram-js/lib/features/grid-snapping/GridUtil
diagram-js/lib/features/grid-snapping/GridUtil.js
diagram-js/lib/features/grid-snapping/index.js
diagram-js/lib/features/hand-tool
diagram-js/lib/features/hand-tool/index.js
diagram-js/lib/features/interaction-events
diagram-js/lib/features/interaction-events/index.js
diagram-js/lib/features/keyboard
diagram-js/lib/features/keyboard-move-selection
diagram-js/lib/features/keyboard-move-selection/KeyboardMoveSelection
diagram-js/lib/features/keyboard-move-selection/KeyboardMoveSelection.js
diagram-js/lib/features/keyboard-move-selection/index.js
diagram-js/lib/features/keyboard/KeyboardBindings
diagram-js/lib/features/keyboard/KeyboardBindings.js
diagram-js/lib/features/keyboard/KeyboardUtil
diagram-js/lib/features/keyboard/KeyboardUtil.js
diagram-js/lib/features/keyboard/index.js
diagram-js/lib/features/label-support
diagram-js/lib/features/label-support/index.js
diagram-js/lib/features/lasso-tool
diagram-js/lib/features/lasso-tool/LassoTool
diagram-js/lib/features/lasso-tool/LassoTool.js
diagram-js/lib/features/lasso-tool/index.js
diagram-js/lib/features/modeling
diagram-js/lib/features/modeling/Modeling
diagram-js/lib/features/modeling/Modeling.js
diagram-js/lib/features/modeling/cmd/AppendShapeHandler
diagram-js/lib/features/modeling/cmd/AppendShapeHandler.js
diagram-js/lib/features/modeling/cmd/CreateConnectionHandler
diagram-js/lib/features/modeling/cmd/CreateConnectionHandler.js
diagram-js/lib/features/modeling/cmd/CreateLabelHandler
diagram-js/lib/features/modeling/cmd/CreateLabelHandler.js
diagram-js/lib/features/modeling/cmd/CreateShapeHandler
diagram-js/lib/features/modeling/cmd/CreateShapeHandler.js
diagram-js/lib/features/modeling/cmd/DeleteConnectionHandler
diagram-js/lib/features/modeling/cmd/DeleteConnectionHandler.js
diagram-js/lib/features/modeling/cmd/DeleteShapeHandler
diagram-js/lib/features/modeling/cmd/DeleteShapeHandler.js
diagram-js/lib/features/modeling/cmd/LayoutConnectionHandler
diagram-js/lib/features/modeling/cmd/LayoutConnectionHandler.js
diagram-js/lib/features/modeling/cmd/MoveConnectionHandler
diagram-js/lib/features/modeling/cmd/MoveConnectionHandler.js
diagram-js/lib/features/modeling/cmd/MoveShapeHandler
diagram-js/lib/features/modeling/cmd/MoveShapeHandler.js
diagram-js/lib/features/modeling/cmd/ReconnectConnectionHandler
diagram-js/lib/features/modeling/cmd/ReconnectConnectionHandler.js
diagram-js/lib/features/modeling/cmd/ReplaceShapeHandler
diagram-js/lib/features/modeling/cmd/ReplaceShapeHandler.js
diagram-js/lib/features/modeling/cmd/ResizeShapeHandler
diagram-js/lib/features/modeling/cmd/ResizeShapeHandler.js
diagram-js/lib/features/modeling/cmd/helper/AnchorsHelper
diagram-js/lib/features/modeling/cmd/helper/AnchorsHelper.js
diagram-js/lib/features/modeling/index.js
diagram-js/lib/features/mouse/Mouse
diagram-js/lib/features/mouse/Mouse.js
diagram-js/lib/features/move
diagram-js/lib/features/move/index.js
diagram-js/lib/features/ordering/OrderingProvider
diagram-js/lib/features/ordering/OrderingProvider.js
diagram-js/lib/features/outline
diagram-js/lib/features/outline/Outline
diagram-js/lib/features/outline/Outline.js
diagram-js/lib/features/outline/index.js
diagram-js/lib/features/overlays
diagram-js/lib/features/overlays/Overlays
diagram-js/lib/features/overlays/Overlays.js
diagram-js/lib/features/overlays/index.js
diagram-js/lib/features/palette
diagram-js/lib/features/palette/Palette.js
diagram-js/lib/features/palette/index.js
diagram-js/lib/features/popup-menu
diagram-js/lib/features/popup-menu/PopupMenu
diagram-js/lib/features/popup-menu/PopupMenu.js
diagram-js/lib/features/popup-menu/PopupMenuComponent
diagram-js/lib/features/popup-menu/PopupMenuComponent.js
diagram-js/lib/features/popup-menu/index.js
diagram-js/lib/features/preview-support
diagram-js/lib/features/preview-support/index.js
diagram-js/lib/features/replace
diagram-js/lib/features/replace/index.js
diagram-js/lib/features/resize
diagram-js/lib/features/resize/Resize
diagram-js/lib/features/resize/Resize.js
diagram-js/lib/features/resize/ResizeUtil
diagram-js/lib/features/resize/ResizeUtil.js
diagram-js/lib/features/resize/index.js
diagram-js/lib/features/root-elements
diagram-js/lib/features/root-elements/index.js
diagram-js/lib/features/rules
diagram-js/lib/features/rules/RuleProvider
diagram-js/lib/features/rules/RuleProvider.js
diagram-js/lib/features/rules/index.js
diagram-js/lib/features/search
diagram-js/lib/features/search-pad
diagram-js/lib/features/search-pad/index.js
diagram-js/lib/features/search/index.js
diagram-js/lib/features/selection
diagram-js/lib/features/selection/Selection
diagram-js/lib/features/selection/Selection.js
diagram-js/lib/features/selection/index.js
diagram-js/lib/features/snapping
diagram-js/lib/features/snapping/CreateMoveSnapping
diagram-js/lib/features/snapping/CreateMoveSnapping.js
diagram-js/lib/features/snapping/SnapUtil
diagram-js/lib/features/snapping/SnapUtil.js
diagram-js/lib/features/snapping/Snapping
diagram-js/lib/features/snapping/Snapping.js
diagram-js/lib/features/snapping/index.js
diagram-js/lib/features/space-tool
diagram-js/lib/features/space-tool/SpaceTool
diagram-js/lib/features/space-tool/SpaceTool.js
diagram-js/lib/features/space-tool/SpaceUtil
diagram-js/lib/features/space-tool/SpaceUtil.js
diagram-js/lib/features/space-tool/index.js
diagram-js/lib/features/tool-manager/ToolManager
diagram-js/lib/features/tool-manager/ToolManager.js
diagram-js/lib/features/tooltips
diagram-js/lib/features/tooltips/index.js
diagram-js/lib/i18n/translate
diagram-js/lib/i18n/translate/index.js
diagram-js/lib/i18n/translate/translate
diagram-js/lib/i18n/translate/translate.js
diagram-js/lib/layout/BaseLayouter
diagram-js/lib/layout/BaseLayouter.js
diagram-js/lib/layout/CroppingConnectionDocking
diagram-js/lib/layout/CroppingConnectionDocking.js
diagram-js/lib/layout/LayoutUtil
diagram-js/lib/layout/LayoutUtil.js
diagram-js/lib/layout/ManhattanLayout
diagram-js/lib/layout/ManhattanLayout.js
diagram-js/lib/model
diagram-js/lib/model/index.js
diagram-js/lib/navigation/keyboard-move
diagram-js/lib/navigation/keyboard-move/index.js
diagram-js/lib/navigation/movecanvas
diagram-js/lib/navigation/movecanvas/index.js
diagram-js/lib/navigation/zoomscroll
diagram-js/lib/navigation/zoomscroll/ZoomScroll
diagram-js/lib/navigation/zoomscroll/ZoomScroll.js
diagram-js/lib/navigation/zoomscroll/index.js
diagram-js/lib/ui
diagram-js/lib/ui/index.js
diagram-js/lib/util/AttachUtil
diagram-js/lib/util/AttachUtil.js
diagram-js/lib/util/ClickTrap
diagram-js/lib/util/ClickTrap.js
diagram-js/lib/util/Collections
diagram-js/lib/util/Collections.js
diagram-js/lib/util/Cursor
diagram-js/lib/util/Cursor.js
diagram-js/lib/util/Elements
diagram-js/lib/util/Elements.js
diagram-js/lib/util/EscapeUtil
diagram-js/lib/util/EscapeUtil.js
diagram-js/lib/util/Event
diagram-js/lib/util/Event.js
diagram-js/lib/util/Geometry
diagram-js/lib/util/Geometry.js
diagram-js/lib/util/GraphicsUtil
diagram-js/lib/util/GraphicsUtil.js
diagram-js/lib/util/IdGenerator
diagram-js/lib/util/IdGenerator.js
diagram-js/lib/util/LineIntersection
diagram-js/lib/util/LineIntersection.js
diagram-js/lib/util/Math
diagram-js/lib/util/Math.js
diagram-js/lib/util/ModelUtil
diagram-js/lib/util/ModelUtil.js
diagram-js/lib/util/Mouse
diagram-js/lib/util/Mouse.js
diagram-js/lib/util/PositionUtil
diagram-js/lib/util/PositionUtil.js
diagram-js/lib/util/Removal
diagram-js/lib/util/Removal.js
diagram-js/lib/util/RenderUtil
diagram-js/lib/util/RenderUtil.js
diagram-js/lib/util/SvgTransformUtil
diagram-js/lib/util/SvgTransformUtil.js
diagram-js/lib/util/Text
diagram-js/lib/util/Text.js
diagram-js/test/helper
diagram-js/test/helper/index.js
diagram-js/test/matchers/BoundsMatchers
diagram-js/test/matchers/BoundsMatchers.js
diagram-js/test/matchers/ConnectionMatchers
diagram-js/test/matchers/ConnectionMatchers.js
diagram-js/test/util/KeyEvents
diagram-js/test/util/KeyEvents.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (diagram-js) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

diagram-js

A toolbox for displaying and modifying diagrams on the web.

Built with diagram-js

Some libraries / applications built on top of diagram-js:

Part of bpmn.io

bpmn-js - A BPMN 2.0 viewer / modeler (Demo)
cmmn-js - A CMMN 1.1 viewer / modeler (Demo)
dmn-js - A DMN 1.3 viewer / modeler / table editor (Demo)

External

Apache Seata Saga Designer - A visual orchestration tool for Seata Saga transaction (Demo)
archimate-js - An ArchiMate diagram viewer and editor (Demo)
chor-js - A BPMN 2.0 Choreography diagram viewer and editor (Demo)
Node Sequencer - A Node-Based Sequencer for the Web (Demo)
object-diagram-js - An object diagram viewer and editor (Demo)
postit-js - Create Post-it boards on a canvas editor (Demo)

Resources

Development

Prepare the project by installing all dependencies:

npm install

Then, depending on your use-case you may run any of the following commands:

# build the library and run all tests
npm run all

# run the development setup
npm run dev

# run tests (single run)
npm test

Expose an environment variable TEST_BROWSERS=(Chrome|Firefox) to execute the tests in a non-headless browser.

[!NOTE] We do not generate any build artifacts. Required parts of the library should be bundled by consuming libraries as needed instead.

License

MIT