feat(build): use common build process (#111)

visjs/vis-util#144

.circleci/config.yml

@@ -50,6 +50,10 @@ jobs:
           root: ..
           paths:
             - "repo/dist"
+            - "repo/esnext"
+            - "repo/peer"
+            - "repo/standalone"
+            - "repo/styles"
 
   lint:
     executor: node

.gitignore

@@ -19,7 +19,11 @@ gen/
 # generated files
 /coverage/
 /dist/
+/esnext/
 /examples/examples.css
 /examples/generated/
 /examples/index.html
 /examples/thumbnails/
+/peer/
+/standalone/
+/vis-graph3d-0.0.0-no-version.tgz

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  exclude: require("vis-dev-utils").BABEL_IGNORE_RE,
+  presets: [["vis-dev-utils/babel-preset", { ts: true }]]
+};

declarations/entry-esnext.d.ts

@@ -0,0 +1,7 @@
+export const Graph3d: any;
+export const Graph3dCamera: any;
+export const Graph3dFilter: any;
+export const Graph3dPoint2d: any;
+export const Graph3dPoint3d: any;
+export const Graph3dSlider: any;
+export const Graph3dStepNumber: any;

declarations/entry-peer.d.ts

@@ -0,0 +1 @@
+export * from "./entry-esnext";

declarations/entry-standalone.d.ts

@@ -0,0 +1,2 @@
+export * from "./entry-esnext";
+export * from "vis-data/esnext";

examples/graph3d/01_basics.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/02_camera.html

@@ -8,7 +8,7 @@
     td {font: 10pt arial}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/03_filter_data.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/04_animation.html

@@ -9,7 +9,7 @@
     }
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/05_line.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/06_moving_dots.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/07_dot_cloud_colors.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/08_dot_cloud_size.html

@@ -6,7 +6,7 @@
   <style>
     body {font: 10pt arial;}
   </style>
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/09_mobile.html

@@ -22,7 +22,7 @@
   <!-- for mobile devices like android and iphone -->
   <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/10_styling.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/11_tooltips.html

@@ -13,7 +13,7 @@
     }
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/12_custom_labels.html

@@ -7,7 +7,8 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="https://unpkg.com/moment@2.24.0/moment.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;
@@ -59,7 +60,7 @@
         },
 
         xValueLabel: function(value) {
-            return vis.moment().add(value, 'days').format('DD MMM');
+            return moment().add(value, 'days').format('DD MMM');
         },
 
         yValueLabel: function(value) {

examples/graph3d/13_disable_zoom.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/14_zoom_ctrl_scroll.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/15_styling_per_point.html

@@ -7,7 +7,7 @@
     body {font: 10pt arial;}
   </style>
 
-  <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+  <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
   <script type="text/javascript">
     var data = null;

examples/graph3d/16_styling_surface.html

@@ -21,7 +21,7 @@
       }
     </style>
 
-    <script type="text/javascript" src="../../dist/vis-graph3d.min.js"></script>
+    <script type="text/javascript" src="../../standalone/umd/vis-graph3d.min.js"></script>
 
     <script type="text/javascript">
       var data = null;

examples/graph3d/playground/index.html

@@ -4,7 +4,7 @@
 <head>
     <title>Graph 3D | Playground</title>
 
-    <script type="text/javascript" src="../../../dist/vis-graph3d.min.js"></script>
+    <script type="text/javascript" src="../../../standalone/umd/vis-graph3d.min.js"></script>
 
     <script type="text/javascript" src="playground.js"></script>
     <script type="text/javascript" src="csv2array.js"></script>

examples/graph3d/rotateAxisLabels/rotateAxisLabels.html

@@ -33,7 +33,7 @@
       text-align: center;
     }
   </style>
-<script type="application/javascript" src="../../../dist/vis-graph3d.min.js"></script>
+<script type="application/javascript" src="../../../standalone/umd/vis-graph3d.min.js"></script>
 <script type="application/javascript">
 var graph = null;
 

index.js

@@ -1,10 +1,10 @@
 // utils
-var util = require('vis-util');
+var util = require('vis-util/esnext');
 exports.util = util;
 exports.DOMutil = require('./lib/DOMutil');
 
 // data
-var { DataSet, DataView, Queue } = require('vis-data');
+var { DataSet, DataView, Queue } = require('vis-data/esnext');
 exports.DataSet = DataSet;
 exports.DataView = DataView;
 exports.Queue = Queue;

lib/entry-esnext.js

@@ -0,0 +1,17 @@
+import Graph3d from "./graph3d/Graph3d";
+import Graph3dCamera from "./graph3d/Camera";
+import Graph3dFilter from "./graph3d/Filter";
+import Graph3dPoint2d from "./graph3d/Point2d";
+import Graph3dPoint3d from "./graph3d/Point3d";
+import Graph3dSlider from "./graph3d/Slider";
+import Graph3dStepNumber from "./graph3d/StepNumber";
+
+export {
+  Graph3d,
+  Graph3dCamera,
+  Graph3dFilter,
+  Graph3dPoint2d,
+  Graph3dPoint3d,
+  Graph3dSlider,
+  Graph3dStepNumber
+};

lib/entry-peer.js

@@ -0,0 +1 @@
+export * from "./entry-esnext";

lib/entry-standalone.js

@@ -0,0 +1,2 @@
+export * from "./entry-esnext";
+export * from "vis-data/esnext";

lib/graph3d/Camera.js

@@ -1,4 +1,4 @@
-var Point3d = require('./Point3d');
+import Point3d from "./Point3d";
 
 /**
  * The camera is mounted on a (virtual) camera arm. The camera arm can rotate
@@ -176,4 +176,4 @@ Camera.prototype.calculateCameraOrientation = function() {
   this.cameraLocation.z = this.cameraLocation.z + dy * sin(xa);
 };
 
-module.exports = Camera;
+export default Camera;

lib/graph3d/DataGroup.js

@@ -1,9 +1,9 @@
-var { DataSet }  = require('vis-data');
-var { DataView } = require('vis-data');
-var Range    = require('./Range');
-var Filter = require('./Filter');
-var Settings = require('./Settings');
-var Point3d = require('./Point3d');
+import { DataSet } from "vis-data/esnext";
+import { DataView } from "vis-data/esnext";
+import Range from "./Range";
+import Filter from "./Filter";
+import * as Settings from "./Settings";
+import Point3d from "./Point3d";
 
 
 /**
@@ -461,5 +461,4 @@ DataGroup.prototype._getDataPoints = function (data) {
   return dataPoints;
 };
 
-
-module.exports = DataGroup;
+export default DataGroup;

lib/graph3d/Filter.js

@@ -1,4 +1,4 @@
-var { DataView } = require('vis-data');
+import { DataView } from 'vis-data/esnext';
 
 /**
  * @class Filter
@@ -211,4 +211,4 @@ Filter.prototype.loadInBackground = function(index) {
   }
 };
 
-module.exports = Filter;
+export default Filter;

lib/graph3d/Graph3d.js

@@ -1,14 +1,14 @@
-var Emitter = require('emitter-component');
-var util = require('vis-util');
-var Point3d = require('./Point3d');
-var Point2d = require('./Point2d');
-var Slider = require('./Slider');
-var StepNumber = require('./StepNumber');
-var Settings = require('./Settings');
-var Validator = require("./../shared/Validator").Validator;
-var printStyle = require('./../shared/Validator').printStyle;
-var {allOptions} = require('./options.js');
-var DataGroup = require('./DataGroup');
+import Emitter from "component-emitter";
+import * as util from "vis-util/esnext";
+import Point3d from "./Point3d";
+import Point2d from "./Point2d";
+import Slider from "./Slider";
+import StepNumber from "./StepNumber";
+import * as Settings from "./Settings";
+import { Validator } from "./../shared/Validator";
+import { printStyle } from "./../shared/Validator";
+import { allOptions } from "./options.js";
+import DataGroup from "./DataGroup";
 
 
 /// enumerate the available styles
@@ -2539,4 +2539,4 @@ Graph3d.prototype.setSize = function(width, height) {
 // -----------------------------------------------------------------------------
 
 
-module.exports = Graph3d;
+export default Graph3d;

lib/graph3d/Settings.js

@@ -2,9 +2,9 @@
 // This modules handles the options for Graph3d.
 //
 ////////////////////////////////////////////////////////////////////////////////
-var util = require('vis-util');
-var Camera  = require('./Camera');
-var Point3d = require('./Point3d');
+import * as util from "vis-util/esnext";
+import Camera from "./Camera";
+import Point3d from "./Point3d";
 
 
 // enumerate the available styles
@@ -621,7 +621,4 @@ function setCameraPosition(cameraPosition, dst) {
 }
 
 
-module.exports.STYLE             = STYLE;
-module.exports.setDefaults       = setDefaults;
-module.exports.setOptions        = setOptions;
-module.exports.setCameraPosition = setCameraPosition;
+export { STYLE, setCameraPosition, setDefaults, setOptions };

lib/graph3d/Slider.js

@@ -1,4 +1,4 @@
-var util = require('vis-util');
+import * as util from "vis-util/esnext";
 
 /**
  * An html slider control with start/stop/prev/next buttons
@@ -346,4 +346,4 @@ Slider.prototype._onMouseUp = function (event) {  // eslint-disable-line no-unus
   util.preventDefault();
 };
 
-module.exports = Slider;
+export default Slider;

lib/module/hammer.js

@@ -1,3 +1,6 @@
+import propagatingHammerJS from "propagating-hammerjs";
+import HammerJS from "hammerjs";
+
 /**
  * Setup a mock hammer.js object, for unit testing.
  *
@@ -23,16 +26,19 @@ function hammerMock() {
 }
 
 
+let moduleExport
 if (typeof window !== 'undefined') {
-  var propagating = require('propagating-hammerjs');
-  var Hammer = window['Hammer'] || require('hammerjs');
-  module.exports = propagating(Hammer, {
+  var propagating = propagatingHammerJS;
+  var Hammer = window['Hammer'] || HammerJS;
+  moduleExport = propagating(Hammer, {
     preventDefault: 'mouse'
   });
 }
 else {
-  module.exports = function () {
+  moduleExport = function () {
     // hammer.js is only available in a browser, not in node.js. Replacing it with a mock object.
     return hammerMock();
   }
 }
+
+export default moduleExport;