zincjs 1.20.1 → 2.0.0

package/src/primitives/glyphset.js

@@ -1,5 +1,7 @@
-const THREE = require('three');
-const JSONLoader = require('../loaders/JSONLoader').JSONLoader;
+import * as THREE from 'three';
+import { Glyph } from './glyph';
+import { ZincObject } from './zincObject';
+import { JSONLoader } from '../loaders/JSONLoader';
 
 /**
  * This is a container of {@link Glyph} and their graphical properties
@@ -12,7 +14,7 @@ const JSONLoader = require('../loaders/JSONLoader').JSONLoader;
  * @return {Glyphset}
  */
 const Glyphset = function () {
-  (require('./zincObject').ZincObject).call(this);
+  ZincObject.call(this);
   const glyphList = [];
   let axis1s = undefined;
   let axis2s = undefined;
@@ -431,7 +433,7 @@ const Glyphset = function () {
    */
   const createGlyphs = (displayLabels) => {
     for (let i = 0; i < numberOfVertices; i++) {
-      const glyph = new (require('./glyph').Glyph)(undefined, undefined, i, this);
+      const glyph = new Glyph(undefined, undefined, i, this);
       let label = labels ? labels[i] : undefined;
       label = label ? label : this.groupName;
       if (label) {
@@ -477,7 +479,7 @@ const Glyphset = function () {
    */
   this.addMeshAsGlyph = (mesh, id) => {
     if (mesh.isMesh) {
-      const glyph = new (require('./glyph').Glyph)(undefined, undefined, id, this);
+      const glyph = new Glyph(undefined, undefined, id, this);
       glyph.fromMesh(mesh);
       glyphList.push(glyph);
       this.morph.add(glyph.getGroup())
@@ -694,5 +696,5 @@ const Glyphset = function () {
   }
 }
 
-Glyphset.prototype = Object.create((require('./zincObject').ZincObject).prototype);
-exports.Glyphset = Glyphset;
+Glyphset.prototype = Object.create(ZincObject.prototype);
+export { Glyphset };

package/src/primitives/label.js

@@ -1,4 +1,5 @@
-const SpriteText = require('three-spritetext').default;
+import SpriteTextModule from 'three-spritetext';
+const SpriteText = SpriteTextModule.default || SpriteTextModule;
 
 /**
  * Bitmap labels, this is used with {@link Glyph} to
@@ -11,7 +12,7 @@ const SpriteText = require('three-spritetext').default;
  * @author Alan Wu
  * @return {Label}
  */
-exports.Label = function (textIn, colourIn) {
+const Label = function (textIn, colourIn) {
   let text = textIn;
   let sprite = undefined;
   const position = [0, 0, 0];
@@ -165,5 +166,7 @@ exports.Label = function (textIn, colourIn) {
 
 };
 
+export { Label };
+
 
 

package/src/primitives/lines.js

@@ -1,22 +1,25 @@
-const THREE = require('three');
-const toBufferGeometry = require('../utilities').toBufferGeometry;
+import * as THREE from 'three';
+import { toBufferGeometry } from '../utilities';
+import { augmentMorphColor } from './augmentShader';
+import { LineSegments } from '../three/line/LineSegments';
+import { ZincObject } from './zincObject';
 
 /**
  * Provides an object which stores lines.
  * This is created when a valid json file containing lines is read into a {@link Zinc.Scene}
  * object.
- * 
+ *
  * @class
  * @author Alan Wu
  * @return {Lines}
  */
 const Lines = function () {
-  (require('./zincObject').ZincObject).call(this);
+  ZincObject.call(this);
 	this.isLines = true;
 
   /**
    * Create the line segements using geometry and material.
-   * 
+   *
    * @param {THREE.Geomtry} geometryIn - Geometry of lines to be rendered.
    * @param {THREE.Material} materialIn - Material to be set for the lines.
    * @param {Object} options - Provide various options
@@ -29,15 +32,15 @@ const Lines = function () {
 		if (geometryIn && materialIn) {
 			let geometry = toBufferGeometry(geometryIn, options);
 			if (options.localMorphColour && geometry.morphAttributes[ "color" ])
-				materialIn.onBeforeCompile = (require("./augmentShader").augmentMorphColor)();
-      let line = new (require("../three/line/LineSegments").LineSegments)(geometry, materialIn);
+				materialIn.onBeforeCompile = augmentMorphColor();
+      let line = new LineSegments(geometry, materialIn);
       this.setMesh(line, options.localTimeEnabled, options.localMorphColour);
 		}
 	}
 
   /**
    * Set the width for the lines.
-   * 
+   *
    * @param {Number} width - Width of the lines.
    */
 	this.setWidth = width => {
@@ -69,5 +72,5 @@ const Lines = function () {
 	}
 }
 
-Lines.prototype = Object.create((require('./zincObject').ZincObject).prototype);
-exports.Lines = Lines;
+Lines.prototype = Object.create(ZincObject.prototype);
+export { Lines };

package/src/primitives/lines2.js

@@ -1,9 +1,8 @@
-const THREE = require('three');
-const toBufferGeometry = require('../utilities').toBufferGeometry;
-const LineSegments2 = require("../three/line/LineSegments2").LineSegments2;
-const LineMaterial = require("../three/line/LineMaterial").LineMaterial;
-const LineSegmentsGeometry = require("../three/line/LineSegmentsGeometry").LineSegmentsGeometry;
-
+import * as THREE from 'three';
+import { Lines } from './lines';
+import { LineSegments2 } from '../three/line/LineSegments2';
+import { LineMaterial } from '../three/line/LineMaterial';
+import { LineSegmentsGeometry } from '../three/line/LineSegmentsGeometry';
 /**
  * Provides an object which stores lines.
  * This is created when a valid json file containing lines is read into a {@link Zinc.Scene}
@@ -14,7 +13,7 @@ const LineSegmentsGeometry = require("../three/line/LineSegmentsGeometry").LineS
  * @return {Lines}
  */
 const Lines2 = function () {
-  (require('./lines').Lines).call(this);
+  Lines.call(this);
 	this.isLines2 = true;
   let positions = new Array(300);
 
@@ -178,6 +177,6 @@ const Lines2 = function () {
   }
 }
 
-Lines2.prototype = Object.create((require('./lines').Lines).prototype);
+Lines2.prototype = Object.create(Lines.prototype);
 Lines2.prototype.constructor = Lines2;
-exports.Lines2 = Lines2;
+export { Lines2 };

package/src/primitives/lod.js

@@ -1,18 +1,18 @@
-const THREE = require('three');
-const updateMorphColorAttribute = require("../utilities").updateMorphColorAttribute;
-const toBufferGeometry = require('../utilities').toBufferGeometry;
+import * as THREE from 'three';
+import { toBufferGeometry, updateMorphColorAttribute } from '../utilities';
+import { LineSegments } from '../three/line/LineSegments';
 
 /**
  * Provides an object which stores meshes at different levels based
  * on specified distance.
  * This object is ued by zincObject to provide mesh at different LODs.
- * A layer is displayed when the distance from the camera is greater 
+ * A layer is displayed when the distance from the camera is greater
  * than its specified distance and closest compared to other layers.
  * This is intended to be an internal object used only by Zinc Object.
- * 
+ *
  * This object assumes the centroid and bounding box are consistent between
  * different level of layers.
- * 
+ *
  * @class
  * @author Alan Wu
  * @return {LOD}
@@ -148,7 +148,7 @@ const LOD = function (parent) {
           this._secondaryMaterial.emissive.copy(this._material.emissive);
         }
         this._secondaryMaterial.needsUpdate = true;
-        // THREE.Mesh - for utilities purpose such as rendering 
+        // THREE.Mesh - for utilities purpose such as rendering
         // transparent surfaces - one for front face and one for back face.
         if (!level.secondaryMesh) {
           level.secondaryMesh = new THREE.Mesh(level.morph.geometry,
@@ -222,7 +222,7 @@ const LOD = function (parent) {
       if (this._parent.isGeometry) {
         mesh = new THREE.Mesh(geometry, material);
       } else if (this._parent.isLines) {
-        mesh = new (require("../three/line/LineSegments").LineSegments)(geometry, material);
+        mesh = new LineSegments(geometry, material);
       }
       mesh.userData = this._parent;
       mesh.renderOrder = this._renderOrder;
@@ -396,4 +396,4 @@ const LOD = function (parent) {
   }
 }
 
-exports.LOD = LOD;
+export { LOD };

package/src/primitives/marker.js

@@ -1,6 +1,10 @@
-var THREE = require('three');
+import * as THREE from 'three';
+import myImage from '../assets/mapMarker.svg';
+import { createNewSpriteText } from '../utilities';
+import { ZincObject } from './zincObject';
+
 const markerImage = new Image(128, 128);
-markerImage.src = require("../assets/mapMarker.svg");
+markerImage.src = myImage;
 const texture = new THREE.Texture();
 texture.image = markerImage;
 texture.needsUpdate = true;
@@ -13,19 +17,22 @@ const spriteMaterial = new THREE.SpriteMaterial({
   depthWrite: false,
   sizeAttenuation: false
 });
-const createNewSpriteText = require('../utilities').createNewSpriteText;
 
 /**
  * A special graphics type with a tear drop shape.
  * It is currently used to mark the location of a
  * {@link zincObject}.
- * 
+ *
  * @class
  * @author Alan Wu
  * @return {Marker}
  */
 const Marker = function(zincObject) {
-  (require('./zincObject').ZincObject).call(this);
+  if (Object.getPrototypeOf(this) !== ZincObject.prototype) {
+    Object.setPrototypeOf(Marker.prototype, ZincObject.prototype);
+  }
+
+  ZincObject.call(this);
   this.texture = texture;
   let sprite = undefined;
   let userTexture = undefined;
@@ -42,7 +49,7 @@ const Marker = function(zincObject) {
   let number = undefined;
   let label = undefined;
 
-	let initialise = () => {             
+	let initialise = () => {
     sprite = new THREE.Sprite(spriteMaterial);
     sprite.center.set(0.5, 0);
     this.morph.add(sprite);
@@ -71,7 +78,7 @@ const Marker = function(zincObject) {
 
   /**
    * Set the position of the marker.
-   * 
+   *
    * @param {Number} x - x coordinate to be set.
    * @param {Number} y - y coordinate to be set.
    * @param {Number} z - z coordinate to be set.
@@ -82,9 +89,9 @@ const Marker = function(zincObject) {
 
   /**
    * Set the size of the marker.
-   * 
+   *
    * @param {Number} size - size to be set.
-   */ 
+   */
   this.setSpriteSize = size => {
     sprite.scale.set(0.015, 0.02, 1);
     sprite.scale.multiplyScalar(size);
@@ -158,7 +165,7 @@ const Marker = function(zincObject) {
 
   /**
    * Clean up this object,
-   */ 
+   */
   this.dispose = () => {
     if (this.morph) {
       this.morph.clear();
@@ -201,8 +208,8 @@ const Marker = function(zincObject) {
 
   /**
    * Set the visibility of this Geometry.
-   * 
-   * @param {Boolean} visible - a boolean flag indicate the visibility to be set 
+   *
+   * @param {Boolean} visible - a boolean flag indicate the visibility to be set
    */
   this.setVisibility = function(visible) {
     if (visible !== this.visible) {
@@ -214,7 +221,7 @@ const Marker = function(zincObject) {
 
   /**
    * Enable and visualise the marker.
-   */  
+   */
   this.enable = () => {
     enabled = true;
     this.morph.visible = true;
@@ -223,7 +230,7 @@ const Marker = function(zincObject) {
 
   /**
    * Disable and hide the marker.
-   */ 
+   */
   this.disable = () => {
     enabled = false;
     this.morph.visible = false;
@@ -234,5 +241,4 @@ const Marker = function(zincObject) {
 
 }
 
-Marker.prototype = Object.create((require('./zincObject').ZincObject).prototype);
-exports.Marker = Marker;
+export { Marker };

package/src/primitives/markerCluster.js

@@ -1,6 +1,8 @@
-const THREE = require('three');
+import * as THREE from 'three';
+import { ZincObject } from './zincObject';
 const markerImage = new Image(128, 128);
-markerImage.src = require("../assets/mapMarkerOrange.svg");
+import mapMarkerOrange from '../assets/mapMarkerOrange.svg';
+markerImage.src = mapMarkerOrange;
 const texture = new THREE.Texture();
 texture.image = markerImage;
 texture.needsUpdate = true;
@@ -13,18 +15,18 @@ const spriteMaterial = new THREE.SpriteMaterial({
   depthWrite: false,
   sizeAttenuation: false
 });
-const createNewSpriteText = require('../utilities').createNewSpriteText;
+import { createNewSpriteText } from '../utilities';
 
 /**
  * A special graphics type with a tear drop shape.
  * It forms a cluster a marker based on distance.
- * 
+ *
  * @class
  * @author Alan Wu
  * @return {Marker}
  */
 const MarkerCluster = function(sceneIn) {
-  (require('./zincObject').ZincObject).call(this);
+  ZincObject.call(this);
   this.texture = texture;
   let sprite = undefined;
   let scene = sceneIn;
@@ -41,9 +43,9 @@ const MarkerCluster = function(sceneIn) {
 
   /**
    * Set the size of the marker.
-   * 
+   *
    * @param {Number} size - size to be set.
-   */ 
+   */
   this.setSpriteSize = size => {
     sprite.scale.set(0.015, 0.02, 1);
     sprite.scale.multiplyScalar(size);
@@ -56,7 +58,7 @@ const MarkerCluster = function(sceneIn) {
 
   /**
    * Clean up this object,
-   */ 
+   */
   this.dispose = () => {
     this.clear();
     if (this.morph) {
@@ -188,7 +190,7 @@ const MarkerCluster = function(sceneIn) {
 
   /**
    * Enable and visualise the marker.
-   */  
+   */
   this.enable = () => {
     enabled = true;
     this.morph.visible = true;
@@ -196,7 +198,7 @@ const MarkerCluster = function(sceneIn) {
 
   /**
    * Disable and hide the marker.
-   */ 
+   */
   this.disable = () => {
     enabled = false;
     this.morph.visible = false;
@@ -233,5 +235,5 @@ const MarkerCluster = function(sceneIn) {
   }
 }
 
-MarkerCluster.prototype = Object.create((require('./zincObject').ZincObject).prototype);
-exports.MarkerCluster = MarkerCluster;
+MarkerCluster.prototype = Object.create(ZincObject.prototype);
+export { MarkerCluster };

package/src/primitives/pointset.js

@@ -1,8 +1,8 @@
-const THREE = require('three');
-const Points = require('../three/Points').Points;
-const toBufferGeometry = require('../utilities').toBufferGeometry;
-const getCircularTexture = require('../utilities').getCircularTexture;
-const Label = require('./label').Label;
+import * as THREE from 'three';
+import { Label } from './label';
+import { Points } from '../three/Points';
+import { ZincObject } from './zincObject';
+import { getCircularTexture, toBufferGeometry } from '../utilities';
 
 /**
  * Provides an object which stores points and provides method which controls its position.
@@ -14,7 +14,7 @@ const Label = require('./label').Label;
  * @return {Pointset}
  */
 const Pointset = function () {
-  (require('./zincObject').ZincObject).call(this);
+  ZincObject.call(this);
   this.isPointset = true;
   const labelSets = [];
   let labelSize = 1.0;
@@ -310,5 +310,5 @@ const Pointset = function () {
 
 }
 
-Pointset.prototype = Object.create((require('./zincObject').ZincObject).prototype);
-exports.Pointset = Pointset;
+Pointset.prototype = Object.create(ZincObject.prototype);
+export { Pointset };

package/src/primitives/texturePrimitive.js

@@ -1,5 +1,6 @@
-const THREE = require('three');
-const resolveURL = require('../utilities').resolveURL;
+import { resolveURL } from '../utilities';
+import { TextureArray } from '../texture/textureArray';
+import { ZincObject } from './zincObject';
 /**
  * Provides a base class object which stores textures and rendering object.
  *
@@ -8,7 +9,7 @@ const resolveURL = require('../utilities').resolveURL;
  * @return {TexturePrimitive}
  */
 const TexturePrimitive = function (textureIn) {
-  (require('./zincObject').ZincObject).call(this);
+  ZincObject.call(this);
   this.isTexturePrimitive = true;
   this.texture = textureIn;
   //List of textureArray object, which is used for
@@ -28,7 +29,7 @@ const TexturePrimitive = function (textureIn) {
   this.load = (textureData, finishCallback, isInline) => {
     if (textureData) {
       if (textureData.images && textureData.images.source) {
-        const texture = new (require('../texture/textureArray').TextureArray)();
+        const texture = new TextureArray();
         const imgArray = [];
         textureData.images.source.forEach(img => {
           imgArray.push(resolveURL(img));
@@ -67,6 +68,6 @@ const TexturePrimitive = function (textureIn) {
   }
 }
 
-TexturePrimitive.prototype = Object.create((require('./zincObject').ZincObject).prototype);
+TexturePrimitive.prototype = Object.create(ZincObject.prototype);
 TexturePrimitive.prototype.constructor = TexturePrimitive;
-exports.TexturePrimitive = TexturePrimitive;
+export { TexturePrimitive };

package/src/primitives/textureSlides.js

@@ -1,5 +1,7 @@
-const THREE = require('three');
-const shader = require("../shaders/textureSlide.js");
+import * as THREE from 'three';
+import * as shader from '../shaders/textureSlide.js';
+import { TexturePrimitive } from './texturePrimitive';
+
 /**
  * Provides a class which create a texture stacks in a block
  * with shaders allowing slices of texture to be displayed.
@@ -12,7 +14,7 @@ const shader = require("../shaders/textureSlide.js");
  * @return {TextureSlides}
  */
 const TextureSlides = function (textureIn) {
-  (require('./texturePrimitive').TexturePrimitive).call(this, textureIn);
+  TexturePrimitive.call(this, textureIn);
   this.isTextureSlides = true;
   const textureSettings = [];
   const idTextureMap = {};
@@ -238,7 +240,7 @@ const TextureSlides = function (textureIn) {
       if (slide.material)
         slide.material.dispose();
     });
-    (require('./texturePrimitive').TexturePrimitive).prototype.dispose.call(this);
+    TexturePrimitive.prototype.dispose.call(this);
     this.boundingBoxUpdateRequired = true;
   }
 
@@ -491,6 +493,6 @@ const TextureSlides = function (textureIn) {
 
 }
 
-TextureSlides.prototype = Object.create((require('./texturePrimitive').TexturePrimitive).prototype);
+TextureSlides.prototype = Object.create(TexturePrimitive.prototype);
 TextureSlides.prototype.constructor = TextureSlides;
-exports.TextureSlides = TextureSlides;
+export { TextureSlides };

package/src/primitives/textureVolume.js

@@ -1,5 +1,7 @@
-const THREE = require('three');
-const shader = require("../shaders/volumeRender.js");
+import * as THREE from 'three';
+import * as shader from '../shaders/volumeRender.js';
+import { TexturePrimitive } from './texturePrimitive.js';
+
 /**
  * Provides a class which create a texture stacks in a block
  * with shaders allowing slices of texture to be displayed.
@@ -12,7 +14,7 @@ const shader = require("../shaders/volumeRender.js");
  * @return {TextureSlides}
  */
 const TextureSlides = function (textureIn) {
-  (require('./texturePrimitive.js').TexturePrimitive).call(this, textureIn);
+  TexturePrimitive.call(this, textureIn);
   this.isTextureVolume = true;
   const textureSettings = [];
   this.morph = new THREE.Group();
@@ -186,7 +188,7 @@ const TextureSlides = function (textureIn) {
       if (slide.material)
         slide.material.dispose();
     });
-    (require('./texturePrimitive.js').TexturePrimitive).prototype.dispose.call(this);
+    TexturePrimitive.prototype.dispose.call(this);
     this.boundingBoxUpdateRequired = true;
   }
 
@@ -317,6 +319,6 @@ const TextureSlides = function (textureIn) {
   }
 }
 
-TextureSlides.prototype = Object.create((require('./texturePrimitive.js').TexturePrimitive).prototype);
+TextureSlides.prototype = Object.create(TexturePrimitive.prototype);
 TextureSlides.prototype.constructor = TextureSlides;
-exports.TextureSlides = TextureSlides;
+export { TextureSlides };

package/src/primitives/tubeLines.js

@@ -1,24 +1,25 @@
-const THREE = require('three');
-const mergeGeometries = require('../utilities').mergeGeometries;
+import * as THREE from 'three';
+import { mergeGeometries } from '../utilities';
+import { ZincObject } from './zincObject';
 
 /**
  * Provides an object which stores lines.
  * This is created when a valid json file containing lines is read into a {@link Zinc.Scene}
  * object.
- * 
+ *
  * @class
  * @author Alan Wu
  * @return {TubeLines}
  */
 const TubeLines = function () {
-    (require('./zincObject').ZincObject).call(this);
+    ZincObject.call(this);
     this.isTubeLines = true;
     let dataIn = {};
     let geometryConfig = { radius: 1, radialSegments: 8, smooth: false };
 
     /**
      * Create the line segements using geometry and material.
-     * 
+     *
      * @param {THREE.Geomtry} geometryIn - Geometry of lines to be rendered.
      * @param {THREE.Material} materialIn - Material to be set for the lines.
      * @param {Object} options - Provide various options
@@ -39,7 +40,7 @@ const TubeLines = function () {
 
     /**
    * Set the width for the lines.
-   * 
+   *
    * @param {Number} width - Width of the lines.
    */
 	this.setWidth = width => {
@@ -52,8 +53,8 @@ const TubeLines = function () {
     /**
      * Set the opacity of this Geometry. This function will also set the transparent
      * according to the provided alpha value.
-     * 
-     * @param {Number} alpah - Alpha value to set for this geometry, 
+     *
+     * @param {Number} alpah - Alpha value to set for this geometry,
      * can be any value between from 0 to 1.0.
      */
     this.setAlpha = function (alpha) {
@@ -65,7 +66,7 @@ const TubeLines = function () {
 
     /**
      * Set the wireframe mode for this geometry.
-     * @param {Boolean} wireframe 
+     * @param {Boolean} wireframe
      */
     this.setWireframe = (wireframe) => {
         let mesh = this.getMorph();
@@ -74,7 +75,7 @@ const TubeLines = function () {
 
     /**
      * Update tube radius/radialSegments value
-     * 
+     *
      * @param {Float} radius The radius of the tube.
      * @param {Integer} radialSegments The number of segments that make up the cross-section.
      */
@@ -91,7 +92,7 @@ const TubeLines = function () {
 
     /**
      * Get merged geometry from list of geometry vertices
-     * 
+     *
      * @param {Array} vertices - An array of THREE.Vector3 vertices.
      * @returns {Object}
      */
@@ -115,5 +116,5 @@ const TubeLines = function () {
     }
 }
 
-TubeLines.prototype = Object.create((require('./zincObject').ZincObject).prototype);
-exports.TubeLines = TubeLines;
+TubeLines.prototype = Object.create(ZincObject.prototype);
+export { TubeLines };

package/src/primitives/zincObject.js

@@ -1,7 +1,12 @@
-const THREE = require('three');
-const createBufferGeometry = require('../utilities').createBufferGeometry;
-const removeVertexAtIndex = require('../utilities').removeVertexAtIndex;
-const resolveURL = require('../utilities').resolveURL;
+import * as THREE from 'three';
+import {
+  createBufferGeometry,
+  getBoundingBox,
+  removeVertexAtIndex,
+  resolveURL
+} from '../utilities';
+import { LOD } from './lod';
+import { Marker } from './marker';
 
 let uniqueiId = 0;
 
@@ -23,7 +28,7 @@ const ZincObject = function() {
   // THREE.Mesh
   this.morph = undefined;
   this.group = new THREE.Group();
-  this._lod = new (require("./lod").LOD)(this);
+  this._lod = new LOD(this);
   /**
 	 * Groupname given to this geometry.
 	 */
@@ -533,8 +538,7 @@ ZincObject.prototype.getBoundingBox = function() {
     let morph = this._lod.getCurrentMorph();
     if (morph && morph.visible) {
       if (this.boundingBoxUpdateRequired) {
-        require("../utilities").getBoundingBox(morph, this.cachedBoundingBox,
-          this._b1, this._v1, this._v2);
+        getBoundingBox(morph, this.cachedBoundingBox, this._b1, this._v1, this._v2);
         this.cachedBoundingBox.getCenter(this.center);
         this.radius = this.center.distanceTo(this.cachedBoundingBox.max);
         this.boundingBoxUpdateRequired = false;
@@ -584,7 +588,7 @@ ZincObject.prototype.updateMarker = function(playAnimation, options) {
     let ndcToBeUpdated = options.ndcToBeUpdated;
     if (this.groupName) {
       if (!this.marker) {
-        this.marker = new (require("./marker").Marker)(this);
+        this.marker = new Marker(this);
         this.markerUpdateRequired = true;
       }
       if (this.markerUpdateRequired) {
@@ -807,5 +811,5 @@ ZincObject.prototype.setScaleAll = function(scale) {
   }
 }
 
+export { ZincObject };
 
-exports.ZincObject = ZincObject;