feat: add viewer distributions

closes #4

lib/base/NavigatedViewer.js

@@ -0,0 +1,3 @@
+import NavigatedViewer from 'bpmn-js/lib/NavigatedViewer';
+
+export default NavigatedViewer;

lib/base/Viewer.js

@@ -0,0 +1,3 @@
+import Viewer from 'bpmn-js/lib/Viewer';
+
+export default Viewer;

lib/camunda-cloud/Modeler.js

@@ -4,16 +4,12 @@ import BaseModeler from '../base/Modeler';
 
 import disableCollapsedSubprocessModule from 'bpmn-js-disable-collapsed-subprocess';
 
-import iconRendererModule from '@bpmn-io/element-templates-icons-renderer';
-
 import modelingModule from './features/modeling';
 
 import paletteModule from './features/palette';
 
 import contextPadModule from './features/context-pad';
 
-import drilldownModule from './features/drilldown';
-
 import popupMenuModule from './features/popup-menu';
 
 import rulesModule from './features/rules';
@@ -24,10 +20,11 @@ import {
   ZeebeDescriptionProvider
 } from 'bpmn-js-properties-panel';
 
-import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';
 
 import zeebeModdleExtension from 'zeebe-bpmn-moddle/lib';
 
+import { commonModdleExtensions, commonModules } from './util/commonModules';
+
 
 /**
  *
@@ -38,7 +35,7 @@ export default function Modeler(options = {}) {
   options = {
     ...options,
     moddleExtensions: {
-      zeebe: zeebeModdle,
+      ...commonModdleExtensions,
       ...options.moddleExtensions
     },
     propertiesPanel: {
@@ -53,17 +50,16 @@ export default function Modeler(options = {}) {
 inherits(Modeler, BaseModeler);
 
 Modeler.prototype._camundaCloudModules = [
+  ...commonModules,
   modelingModule,
   contextPadModule,
   disableCollapsedSubprocessModule,
-  drilldownModule,
   paletteModule,
   popupMenuModule,
   rulesModule,
   zeebePropertiesProviderModule,
   cloudElementTemplatesPropertiesProvider,
-  zeebeModdleExtension,
-  iconRendererModule
+  zeebeModdleExtension
 ];
 
 Modeler.prototype._modules = [].concat(

lib/camunda-cloud/NavigatedViewer.js

@@ -0,0 +1,34 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/NavigatedViewer';
+
+import { commonModdleExtensions, commonModules } from './util/commonModules';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function NavigatedViewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(NavigatedViewer, BaseViewer);
+
+NavigatedViewer.prototype._camundaCloudModules = [
+  ...commonModules
+];
+
+NavigatedViewer.prototype._modules = [].concat(
+  BaseViewer.prototype._modules,
+  NavigatedViewer.prototype._camundaCloudModules
+);

lib/camunda-cloud/Viewer.js

@@ -0,0 +1,34 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/Viewer';
+
+import { commonModdleExtensions, commonModules } from './util/commonModules';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function Viewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(Viewer, BaseViewer);
+
+Viewer.prototype._camundaCloudModules = [
+  ...commonModules
+];
+
+Viewer.prototype._modules = [].concat(
+  BaseViewer.prototype._modules,
+  Viewer.prototype._camundaCloudModules
+);

lib/camunda-cloud/util/commonModules.js

@@ -0,0 +1,14 @@
+import iconRendererModule from '@bpmn-io/element-templates-icons-renderer';
+
+import drilldownModule from '../features/drilldown';
+
+import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';
+
+export const commonModules = [
+  drilldownModule,
+  iconRendererModule
+];
+
+export const commonModdleExtensions = {
+  zeebe: zeebeModdle
+};

lib/camunda-platform/Modeler.js

@@ -4,15 +4,15 @@ import BaseModeler from '../base/Modeler';
 
 import modelingModule from './features/modeling';
 
-import camundaModdle from 'camunda-bpmn-moddle/resources/camunda.json';
-
 import camundaModdleExtension from 'camunda-bpmn-moddle/lib';
 
 import {
   CamundaPlatformPropertiesProviderModule,
   ElementTemplatesPropertiesProviderModule
 } from 'bpmn-js-properties-panel';
 
+import { commonModdleExtensions } from './util/commonModules';
+
 
 /**
  *
@@ -23,7 +23,7 @@ export default function Modeler(options = {}) {
   options = {
     ...options,
     moddleExtensions: {
-      camunda: camundaModdle,
+      ...commonModdleExtensions,
       ...options.moddleExtensions
     }
   };

lib/camunda-platform/NavigatedViewer.js

@@ -0,0 +1,25 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/NavigatedViewer';
+
+import { commonModdleExtensions } from './util/commonModules';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function NavigatedViewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(NavigatedViewer, BaseViewer);

lib/camunda-platform/Viewer.js

@@ -0,0 +1,24 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/Viewer';
+
+import { commonModdleExtensions } from './util/commonModules';
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function Viewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      ...commonModdleExtensions,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(Viewer, BaseViewer);

lib/camunda-platform/util/commonModules.js

@@ -0,0 +1,7 @@
+import camundaModdle from 'camunda-bpmn-moddle/resources/camunda.json';
+
+export const commonModules = [];
+
+export const commonModdleExtensions = {
+  camunda: camundaModdle
+};

package.json

@@ -14,6 +14,10 @@
     "start:base": "cross-env SINGLE_START=base-modeler npm run dev",
     "start:platform": "cross-env SINGLE_START=camunda-platform-modeler npm run dev",
     "start:cloud": "cross-env SINGLE_START=camunda-cloud-modeler npm run dev",
+    "start:platform-viewer": "cross-env SINGLE_START=camunda-platform-viewer npm run dev",
+    "start:cloud-viewer": "cross-env SINGLE_START=camunda-cloud-viewer npm run dev",
+    "start:platform-navigated-viewer": "cross-env SINGLE_START=camunda-platform-navigated-viewer npm run dev",
+    "start:cloud-navigated-viewer": "cross-env SINGLE_START=camunda-cloud-navigated-viewer npm run dev",
     "prepublishOnly": "run-s test:distro",
     "prepare": "run-s clean distro"
   },

rollup.config.js

@@ -10,6 +10,8 @@ import { terser } from 'rollup-plugin-terser';
 
 import copy from 'rollup-plugin-copy';
 
+const { capitalize, getAllCombinations, toKebabCase } = require('./util/index');
+
 const outputDir = 'dist';
 
 const domains = [
@@ -18,6 +20,14 @@ const domains = [
   'camunda-platform'
 ];
 
+const distributions = [
+  'modeler',
+  'viewer',
+  'navigatedViewer'
+];
+
+const buildMatrix = getAllCombinations(domains, distributions);
+
 const styles = [
   {
     src: resolve('bpmn-js', '/dist/assets/diagram-js.css'),
@@ -43,32 +53,34 @@ const styles = [
     src: resolve('bpmn-js-properties-panel', '/dist/assets/element-templates.css'),
     dest: 'dist/assets'
   }
-].concat(domains.map(function(domain) {
+].concat(buildMatrix.map(function([ domain, dist ]) {
   return {
-    src: 'styles/' + domain + '-modeler.css',
+    src: `styles/${domain}-${toKebabCase(dist)}.css`,
     dest: 'dist/assets'
   };
 }));
 
-const distros = domains.map(function(domain) {
+const distros = buildMatrix.map(function([ domain, dist ]) {
   return {
-    input: domain + '/Modeler',
-    output: domain + '-modeler'
+    name: 'Bpmn' + capitalize(dist),
+    input: `${domain}/${capitalize(dist)}`,
+    output: `${domain}-${toKebabCase(dist)}`
   };
 });
 
 const configs = distros.reduce(function(configs, distro) {
   const {
     input,
-    output
+    output,
+    name
   } = distro;
 
   return [
     ...configs,
     {
       input: `./lib/${input}.js`,
       output: {
-        name: 'BpmnModeler',
+        name: name,
         file: `${outputDir}/${output}.development.js`,
         format: 'umd'
       },
@@ -79,7 +91,7 @@ const configs = distros.reduce(function(configs, distro) {
     {
       input: `./lib/${input}.js`,
       output: {
-        name: 'BpmnModeler',
+        name: name,
         file: `${outputDir}/${output}.production.min.js`,
         format: 'umd'
       },

styles/base-navigated-viewer.css

@@ -0,0 +1,2 @@
+@import './diagram-js.css';
+@import './bpmn-js.css';

styles/base-viewer.css

@@ -0,0 +1,2 @@
+@import './diagram-js.css';
+@import './bpmn-js.css';

styles/camunda-cloud-navigated-viewer.css

@@ -0,0 +1 @@
+@import './base-navigated-viewer.css';

styles/camunda-cloud-viewer.css

@@ -0,0 +1 @@
+@import './base-viewer.css';

styles/camunda-platform-navigated-viewer.css

@@ -0,0 +1 @@
+@import './base-navigated-viewer.css';

styles/camunda-platform-viewer.css

@@ -0,0 +1 @@
+@import './base-viewer.css';