feat(playground): provide general additionalModules option

This goes into both editor and viewer
bpmn-io · Oct 5, 2023 · 384dd76 · 384dd76
1 parent 4a84b92
commit 384dd76
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/form-js-playground/src/Playground.js b/packages/form-js-playground/src/Playground.js
@@ -12,6 +12,7 @@ import { PlaygroundRoot } from './components/PlaygroundRoot';
  *
  * @typedef { {
  *  actions?: { display: Boolean }
+ *  additionalModules?: Array<any>
  *  container?: Element
  *  data: any
  *  editor?: { inlinePropertiesPanel: Boolean }

diff --git a/packages/form-js-playground/src/components/PlaygroundRoot.js b/packages/form-js-playground/src/components/PlaygroundRoot.js
@@ -25,6 +25,7 @@ import './PlaygroundRoot.css';
 export function PlaygroundRoot(props) {
 
   const {
+    additionalModules = [], // goes into both editor + viewer
     actions: actionsConfig = {},
     emit,
     exporter: exporterConfig = {},
@@ -101,7 +102,10 @@ export function PlaygroundRoot(props) {
     });
 
     const form = formRef.current = new Form({
-      additionalModules: viewerAdditionalModules,
+      additionalModules: [
+        ...additionalModules,
+        ...viewerAdditionalModules
+      ],
       properties: {
         ...viewerProperties,
         'ariaLabel': 'Form Preview'
@@ -124,7 +128,10 @@ export function PlaygroundRoot(props) {
         ...editorProperties,
         'ariaLabel': 'Form Definition'
       },
-      additionalModules: editorAdditionalModules
+      additionalModules: [
+        ...additionalModules,
+        ...editorAdditionalModules
+      ]
     });
 
     paletteRef.current = formEditor.get('palette');