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/NavigatedViewer.js

@@ -0,0 +1,39 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/NavigatedViewer';
+
+import iconRendererModule from '@bpmn-io/element-templates-icons-renderer';
+
+import drilldownModule from './features/drilldown';
+
+import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function NavigatedViewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      zeebe: zeebeModdle,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(NavigatedViewer, BaseViewer);
+
+NavigatedViewer.prototype._camundaCloudModules = [
+  drilldownModule,
+  iconRendererModule
+];
+
+NavigatedViewer.prototype._modules = [].concat(
+  BaseViewer.prototype._modules,
+  NavigatedViewer.prototype._camundaCloudModules
+);

lib/camunda-cloud/Viewer.js

@@ -0,0 +1,39 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/Viewer';
+
+import iconRendererModule from '@bpmn-io/element-templates-icons-renderer';
+
+import drilldownModule from './features/drilldown';
+
+import zeebeModdle from 'zeebe-bpmn-moddle/resources/zeebe.json';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function Viewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      zeebe: zeebeModdle,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(Viewer, BaseViewer);
+
+Viewer.prototype._camundaCloudModules = [
+  drilldownModule,
+  iconRendererModule
+];
+
+Viewer.prototype._modules = [].concat(
+  BaseViewer.prototype._modules,
+  Viewer.prototype._camundaCloudModules
+);

lib/camunda-platform/NavigatedViewer.js

@@ -0,0 +1,25 @@
+import inherits from 'inherits';
+
+import BaseViewer from '../base/NavigatedViewer';
+
+import camundaModdle from 'camunda-bpmn-moddle/resources/camunda.json';
+
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function NavigatedViewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      camunda: camundaModdle,
+      ...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 camundaModdle from 'camunda-bpmn-moddle/resources/camunda.json';
+
+/**
+ *
+ * @param {Object} options
+ */
+export default function Viewer(options = {}) {
+
+  options = {
+    ...options,
+    moddleExtensions: {
+      camunda: camundaModdle,
+      ...options.moddleExtensions
+    }
+  };
+
+  BaseViewer.call(this, options);
+}
+
+inherits(Viewer, BaseViewer);

rollup.config.js

@@ -10,6 +10,8 @@ import { terser } from 'rollup-plugin-terser';
 
 import copy from 'rollup-plugin-copy';
 
+const { capitalize, getAllCombinations } = 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}-${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}-${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-navigatedViewer.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-navigatedViewer.css

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

styles/camunda-cloud-viewer.css

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

styles/camunda-platform-navigatedViewer.css

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

styles/camunda-platform-viewer.css

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

tasks/test-distro.js

@@ -1,5 +1,26 @@
+const { getAllCombinations } = require('../util');
+
 var execSync = require('execa').sync;
 
+const domains = [
+  'base',
+  'camunda-cloud',
+  'camunda-platform'
+];
+
+const distributions = [
+  'modeler',
+  'viewer',
+  'navigatedViewer'
+];
+
+const environments = [
+  'development',
+  'production'
+];
+
+const testMatrix = getAllCombinations(domains, distributions, environments);
+
 var failures = 0;
 
 function runTest(variant, env) {
@@ -26,14 +47,9 @@ function runTest(variant, env) {
 
 function test() {
 
-  runTest('base-modeler', 'development');
-  runTest('base-modeler', 'production');
-
-  runTest('camunda-cloud-modeler', 'development');
-  runTest('camunda-cloud-modeler', 'production');
-
-  runTest('camunda-platform-modeler', 'development');
-  runTest('camunda-platform-modeler', 'production');
+  testMatrix.forEach(function([ domain, dist, env ]) {
+    runTest(`${domain}-${dist}`, env);
+  });
 
   if (failures) {
     process.exit(1);