@soonspacejs/plugin-measuring 2.14.12 → 2.14.13

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import P from "soonspacejs";
-import { LineBasicMaterial as x, DoubleSide as L, MeshBasicMaterial as C, SpriteMaterial as I, Sprite as B, BufferGeometry as y, Line as M, Mesh as D, Vector3 as h, QuadraticBezierCurve3 as H } from "three";
+import w from "soonspacejs";
+import { LineBasicMaterial as x, DoubleSide as L, MeshBasicMaterial as C, SpriteMaterial as I, Sprite as B, BufferGeometry as m, Line as M, Mesh as D, Vector3 as p, QuadraticBezierCurve3 as H } from "three";
 function F() {
   const a = document.createElement("div");
   return a.setAttribute("style", "height: 1in; visibility: hidden; position: absolute; margin: 0; padding: 0;"), document.body.appendChild(a), 0.0254 / a.clientHeight;
@@ -11,21 +11,21 @@ const E = {
   ft: 0.3048,
   in: 0.0254,
   pt: F()
-}, w = (a) => a === 2 ? "²" : a === 3 ? "³" : "", A = (a, e = 1) => a + w(e), k = (a, e, t, s = 1) => (t == null && (t = e), t === e ? {
+}, P = (a) => a === 2 ? "²" : a === 3 ? "³" : "", y = (a, t = 1) => a + P(t), k = (a, t, e, s = 1) => (e == null && (e = t), e === t ? {
   value: a,
-  unit: A(t)
+  unit: y(e)
 } : {
-  value: a * Math.pow(E[e] / E[t], s),
-  unit: A(t) + w(s)
-}), b = (a, e) => a.toFixed(e), N = "data:image/webp;base64,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";
+  value: a * Math.pow(E[t] / E[e], s),
+  unit: y(e) + P(s)
+}), u = (a, t) => a.toFixed(t), N = "data:image/webp;base64,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";
 var T = /* @__PURE__ */ ((a) => (a.Distance = "Distance", a.Area = "Area", a.Angle = "Angle", a))(T || {});
-const { utils: { randomString: v } } = P;
+const { utils: { randomString: b } } = w;
 class d {
   // save the last click time, in order to detect double click event
-  constructor(e) {
-    this.ssp = e;
-    const { viewport: { scene: t, camera: s } } = e;
-    this.scene = t, this.camera = s;
+  constructor(t) {
+    this.ssp = t;
+    const { viewport: { scene: e, camera: s } } = t;
+    this.scene = e, this.camera = s;
   }
   // lineWidth is ignored for Chrome on Windows, which is a known issue:
   // https://github.com/mrdoob/three.js/issues/269
@@ -33,8 +33,8 @@ class d {
   static MESH_MATERIAL = new C({ color: 8900346, transparent: !0, opacity: 0.8, side: L, depthWrite: !1, depthTest: !1 });
   static MAX_DISTANCE = 500;
   // when intersected object's distance is too far away, then ignore it
-  static OBJ_NAME = "object_for_measure" + v();
-  static LABEL_NAME = "label_for_measure" + v();
+  static OBJ_NAME = "object_for_measure" + b();
+  static LABEL_NAME = "label_for_measure" + b();
   mode = null;
   options = { unit: "m", precision: 2 };
   scene;
@@ -70,29 +70,29 @@ class d {
   /**
    * Starts the measurement
    */
-  start(e = "Distance", t = {}) {
-    const { unit: s = "m", precision: i = 2 } = t;
-    this.mode = e, this.options.unit = s, this.options.precision = i, this.ssp.signals.mouseMove.add(this.mousemove), this.ssp.signals.click.add(this.click), this.ssp.signals.dblClick.add(this.dblclick), this.ssp.signals.keyDown.add(this.keydown), this.pointArray = [], this.polyline = this.createLine(), this.scene.add(this.polyline), this.mode === "Area" && (this.faces = this.createFaces(), this.scene.add(this.faces)), this.domElement.style.cursor = "crosshair";
+  start(t = "Distance", e = {}) {
+    const { unit: s = "m", precision: i = 2 } = e;
+    this.mode = t, this.options.unit = s, this.options.precision = i, this.ssp.signals.mouseMove.add(this.mousemove), this.ssp.signals.click.add(this.click), this.ssp.signals.dblClick.add(this.dblclick), this.ssp.signals.keyDown.add(this.keydown), this.pointArray = [], this.polyline = this.createLine(), this.scene.add(this.polyline), this.mode === "Area" && (this.faces = this.createFaces(), this.scene.add(this.faces)), this.domElement.style.cursor = "crosshair";
   }
   /**
    * Ends the measurement
    */
   close() {
-    this.mode !== null && (this.ssp.signals.mouseMove.remove(this.mousemove), this.ssp.signals.click.remove(this.click), this.ssp.signals.dblClick.remove(this.dblclick), this.ssp.signals.keyDown.remove(this.keydown), this.mode = null, this.domElement.style.cursor = "", this.pointArray = [], this.tempPointMarker && this.scene.remove(this.tempPointMarker), this.tempLine && this.scene.remove(this.tempLine), this.tempLabel && this.ssp.removeObject(this.tempLabel), this.pointMarkers.forEach((e) => this.scene.remove(e)), this.polyline && this.scene.remove(this.polyline), this.faces && this.scene.remove(this.faces), this.curve && this.scene.remove(this.curve), this.labels.forEach((e) => this.ssp.removeObject(e)), this.tempPointMarker = void 0, this.tempLine = void 0, this.tempLabel = void 0, this.pointMarkers = [], this.polyline = void 0, this.faces = void 0, this.curve = void 0, this.labels = [], this.ssp.render());
+    this.mode !== null && (this.ssp.signals.mouseMove.remove(this.mousemove), this.ssp.signals.click.remove(this.click), this.ssp.signals.dblClick.remove(this.dblclick), this.ssp.signals.keyDown.remove(this.keydown), this.mode = null, this.domElement.style.cursor = "", this.pointArray = [], this.tempPointMarker && this.scene.remove(this.tempPointMarker), this.tempLine && this.scene.remove(this.tempLine), this.tempLabel && this.ssp.removeObject(this.tempLabel), this.pointMarkers.forEach((t) => this.scene.remove(t)), this.polyline && this.scene.remove(this.polyline), this.faces && this.scene.remove(this.faces), this.curve && this.scene.remove(this.curve), this.labels.forEach((t) => this.ssp.removeObject(t)), this.tempPointMarker = void 0, this.tempLine = void 0, this.tempLabel = void 0, this.pointMarkers = [], this.polyline = void 0, this.faces = void 0, this.curve = void 0, this.labels = [], this.ssp.render());
   }
   cancel() {
     this.close(), this.onCancel();
   }
   clear() {
-    this.objectsStore.forEach((e) => this.ssp.removeObject(e)), this.objectsStore.clear();
+    this.objectsStore.forEach((t) => this.ssp.removeObject(t)), this.objectsStore.clear();
   }
   /**
    * Initializes point marker material
    */
   initPointMarkerMaterial() {
-    const e = P.utils.textureLoader.load(N);
+    const t = w.utils.textureLoader.load(N);
     this.spriteMaterial = new I({
-      map: e,
+      map: t,
       depthTest: !1,
       depthWrite: !1,
       sizeAttenuation: !1,
@@ -102,128 +102,128 @@ class d {
   /**
    * Creates point marker
    */
-  createPointMarker(e) {
+  createPointMarker(t) {
     this.spriteMaterial || this.initPointMarkerMaterial();
-    const t = 0.012, s = new B(this.spriteMaterial);
-    return s.scale.set(t, t, t), e && s.position.copy(e), s.name = d.OBJ_NAME, s;
+    const e = 0.012, s = new B(this.spriteMaterial);
+    return s.scale.set(e, e, e), t && s.position.copy(t), s.name = d.OBJ_NAME, s;
   }
   /**
    * Creates Line
    */
-  createLine(e = d.LINE_MATERIAL) {
-    const t = new y(), s = new M(t, e);
+  createLine(t = d.LINE_MATERIAL) {
+    const e = new m(), s = new M(e, t);
     return s.frustumCulled = !1, s.name = d.OBJ_NAME, s;
   }
   /**
    * Creates Mesh
    */
   createFaces() {
-    const e = new y(), t = new D(e, d.MESH_MATERIAL);
-    return t.userData.vertices = [], t.frustumCulled = !1, t.name = d.OBJ_NAME, t;
+    const t = new m(), e = new D(t, d.MESH_MATERIAL);
+    return e.userData.vertices = [], e.frustumCulled = !1, e.name = d.OBJ_NAME, e;
   }
   /**
    * Draw completed
    */
   done() {
     if (this.mode === null) return;
-    let e = !1;
-    const t = this.pointArray.length;
+    let t = !1;
+    const e = this.pointArray.length;
     if (this.mode === "Area" && this.polyline)
-      if (t > 2) {
+      if (e > 2) {
         const s = this.pointArray[0];
-        this.polyline.geometry.setFromPoints([...this.pointArray, s]);
-        const i = this.calculateArea(this.pointArray), n = `${b(k(i, "m", this.options.unit, 2).value, this.options.precision)} ${this.getUnitString()}`, r = this.getBarycenter(this.pointArray), o = this.createLabel(n);
+        this.polyline.geometry.dispose(), this.polyline.geometry = new m().setFromPoints([...this.pointArray, s]);
+        const i = this.calculateArea(this.pointArray), n = `${u(k(i, "m", this.options.unit, 2).value, this.options.precision)} ${this.getUnitString()}`, r = this.getBarycenter(this.pointArray), o = this.createLabel(n);
         o.position.copy(r), o.element && (o.element.innerHTML = n), this.labels.push(o);
       } else
-        e = !0;
-    if (this.mode === "Distance" && t < 2 && (e = !0), this.mode === "Angle" && this.polyline)
-      if (t >= 3) {
-        const s = this.pointArray[0], i = this.pointArray[1], n = this.pointArray[2], r = new h(s.x - i.x, s.y - i.y, s.z - i.z).normalize(), o = this.getAngleBisector(s, i, n), c = new h(n.x - i.x, n.y - i.y, n.z - i.z).normalize(), p = this.calculateAngle(s, i, n), m = `${b(p, this.options.precision)} ${this.getUnitString()}`, g = Math.min(s.distanceTo(i), n.distanceTo(i));
-        let l = g * 0.3, f = i.clone().add(new h(o.x * l, o.y * l, o.z * l));
-        const u = this.createLabel(m);
-        u.position.set(f.x, f.y, f.z), u.element.innerHTML = m, this.labels.push(u), l = g * 0.2, f = i.clone().add(new h(o.x * l, o.y * l, o.z * l));
-        const S = i.clone().add(new h(r.x * l, r.y * l, r.z * l)), z = i.clone().add(new h(c.x * l, c.y * l, c.z * l));
+        t = !0;
+    if (this.mode === "Distance" && e < 2 && (t = !0), this.mode === "Angle" && this.polyline)
+      if (e >= 3) {
+        const s = this.pointArray[0], i = this.pointArray[1], n = this.pointArray[2], r = new p(s.x - i.x, s.y - i.y, s.z - i.z).normalize(), o = this.getAngleBisector(s, i, n), c = new p(n.x - i.x, n.y - i.y, n.z - i.z).normalize(), l = this.calculateAngle(s, i, n), v = `${u(l, this.options.precision)} ${this.getUnitString()}`, g = Math.min(s.distanceTo(i), n.distanceTo(i));
+        let h = g * 0.3, f = i.clone().add(new p(o.x * h, o.y * h, o.z * h));
+        const A = this.createLabel(v);
+        A.position.set(f.x, f.y, f.z), A.element.innerHTML = v, this.labels.push(A), h = g * 0.2, f = i.clone().add(new p(o.x * h, o.y * h, o.z * h));
+        const S = i.clone().add(new p(r.x * h, r.y * h, r.z * h)), z = i.clone().add(new p(c.x * h, c.y * h, c.z * h));
         this.curve = this.createCurve(S, f, z), this.scene.add(this.curve);
       } else
-        e = !0;
-    e || (this.pointMarkers.length > 0 && this.pointMarkers.forEach((s) => this.objectsStore.add(s)), this.polyline && this.objectsStore.add(this.polyline), this.faces && this.objectsStore.add(this.faces), this.curve && this.objectsStore.add(this.curve), this.labels.length > 0 && this.labels.forEach((s) => this.objectsStore.add(s)), this.pointMarkers = [], this.polyline = void 0, this.faces = void 0, this.curve = void 0, this.labels = []), this.close(), this.ssp.render(), this.onDone();
+        t = !0;
+    t || (this.pointMarkers.length > 0 && this.pointMarkers.forEach((s) => this.objectsStore.add(s)), this.polyline && this.objectsStore.add(this.polyline), this.faces && this.objectsStore.add(this.faces), this.curve && this.objectsStore.add(this.curve), this.labels.length > 0 && this.labels.forEach((s) => this.objectsStore.add(s)), this.pointMarkers = [], this.polyline = void 0, this.faces = void 0, this.curve = void 0, this.labels = []), this.close(), this.ssp.render(), this.onDone();
   }
-  mousemove = (e) => {
+  mousemove = (t) => {
     if (this.mode === null) return;
-    const t = this.getClosestIntersection(e);
-    if (t) {
-      if (this.tempPointMarker ? this.tempPointMarker.position.set(t.x, t.y, t.z) : (this.tempPointMarker = this.createPointMarker(t), this.scene.add(this.tempPointMarker)), this.pointArray.length > 0) {
-        const s = this.pointArray[this.pointArray.length - 1], i = this.tempLine || this.createLine(), n = i.geometry, r = this.pointArray[0], o = this.pointArray[this.pointArray.length - 1];
-        if (this.mode === "Area" ? n.setFromPoints([o, t, r]) : n.setFromPoints([o, t]), this.mode === "Distance") {
-          const c = s.distanceTo(t), p = `${b(k(c, "m", this.options.unit).value, this.options.precision)} ${this.getUnitString()}`, m = new h((t.x + s.x) / 2, (t.y + s.y) / 2, (t.z + s.z) / 2);
-          this.addOrUpdateTempLabel(p, m);
+    const e = this.getClosestIntersection(t);
+    if (e) {
+      if (this.tempPointMarker ? this.tempPointMarker.position.set(e.x, e.y, e.z) : (this.tempPointMarker = this.createPointMarker(e), this.scene.add(this.tempPointMarker)), this.pointArray.length > 0) {
+        const s = this.pointArray[this.pointArray.length - 1], i = this.tempLine || this.createLine(), n = this.pointArray[0], r = this.pointArray[this.pointArray.length - 1];
+        if (this.mode === "Area" ? (i.geometry.dispose(), i.geometry = new m().setFromPoints([r, e, n])) : (i.geometry.dispose(), i.geometry = new m().setFromPoints([r, e])), this.mode === "Distance") {
+          const o = s.distanceTo(e), c = `${u(k(o, "m", this.options.unit).value, this.options.precision)} ${this.getUnitString()}`, l = new p((e.x + s.x) / 2, (e.y + s.y) / 2, (e.z + s.z) / 2);
+          this.addOrUpdateTempLabel(c, l);
         }
         this.tempLine || (this.scene.add(i), this.tempLine = i);
       }
       this.ssp.render();
     }
   };
-  dblclick = (e) => {
-    this.click(e), this.done();
+  dblclick = (t) => {
+    this.click(t), this.done();
   };
-  click = (e) => {
+  click = (t) => {
     if (this.mode === null) return;
-    const t = this.getClosestIntersection(e);
-    if (!t) return;
+    const e = this.getClosestIntersection(t);
+    if (!e) return;
     const s = Date.now();
     if (this.lastClickTime && s - this.lastClickTime < 300)
       return;
-    this.lastClickTime = s, this.pointArray.push(t);
-    const i = this.pointArray.length, n = this.createPointMarker(t);
-    if (this.pointMarkers.push(n), this.scene.add(n), this.polyline && (this.polyline.geometry.setFromPoints(this.pointArray), this.tempLabel && i > 1)) {
+    this.lastClickTime = s, this.pointArray.push(e);
+    const i = this.pointArray.length, n = this.createPointMarker(e);
+    if (this.pointMarkers.push(n), this.scene.add(n), this.polyline && (this.polyline.geometry.dispose(), this.polyline.geometry = new m().setFromPoints(this.pointArray), this.tempLabel && i > 1)) {
       const r = this.pointArray[i - 2];
-      this.tempLabel.position.set((r.x + t.x) / 2, (r.y + t.y) / 2, (r.z + t.z) / 2), this.scene.add(this.tempLabel), this.labels.push(this.tempLabel), this.tempLabel = void 0;
+      this.tempLabel.position.set((r.x + e.x) / 2, (r.y + e.y) / 2, (r.z + e.z) / 2), this.scene.add(this.tempLabel), this.labels.push(this.tempLabel), this.tempLabel = void 0;
     }
     if (this.mode === "Area" && this.faces) {
-      const r = this.faces.geometry, o = this.faces.userData.vertices;
-      o.push(t), r.setFromPoints(o);
-      const c = o.length;
-      if (c > 2) {
-        const p = [];
-        for (let m = 1; m < c - 1; ++m)
-          p.push(0, m, m + 1);
-        r.setIndex(p);
+      const r = this.faces.userData.vertices;
+      r.push(e), this.faces.geometry.dispose(), this.faces.geometry = new m().setFromPoints(r);
+      const o = r.length;
+      if (o > 2) {
+        const c = [];
+        for (let l = 1; l < o - 1; ++l)
+          c.push(0, l, l + 1);
+        this.faces.geometry.setIndex(c);
       }
     }
     this.mode === "Angle" && this.pointArray.length >= 3 && this.done(), this.ssp.render();
   };
-  keydown = (e) => {
-    e.key === "Enter" ? this.done() : e.key === "Escape" && this.cancel();
+  keydown = (t) => {
+    t.key === "Enter" ? this.done() : t.key === "Escape" && this.cancel();
   };
   /**
    * The the closest intersection
    * @param e
    */
-  getClosestIntersection = (e) => {
+  getClosestIntersection = (t) => {
     if (this.mode === null) return;
-    let t = this.ssp.viewport.getIntersects(e);
-    return t && t.length > 0 && (t = t.filter((s) => s.object.name !== d.OBJ_NAME && s.object.visible), t.length > 0 && t[0].distance < d.MAX_DISTANCE) ? t[0].point : null;
+    let e = this.ssp.viewport.getIntersects(t);
+    return e && e.length > 0 && (e = e.filter((s) => s.object.name !== d.OBJ_NAME && s.object.visible), e.length > 0 && e[0].distance < d.MAX_DISTANCE) ? e[0].point : null;
   };
   /**
    * Adds or update temp label and position
    */
-  addOrUpdateTempLabel(e, t) {
-    this.tempLabel || (this.tempLabel = this.createLabel(e)), this.tempLabel.position.set(t.x, t.y, t.z), this.tempLabel.element.innerHTML = e;
+  addOrUpdateTempLabel(t, e) {
+    this.tempLabel || (this.tempLabel = this.createLabel(t)), this.tempLabel.position.set(e.x, e.y, e.z), this.tempLabel.element.innerHTML = t;
   }
   /**
    * Creates label
    */
-  createLabel(e) {
-    const t = document.createElement("div");
-    t.innerHTML = e, t.style.padding = "3px 6px", t.style.color = "#fff", t.style.fontSize = "12px", t.style.position = "absolute", t.style.backgroundColor = "rgba(25, 25, 25, 0.3)", t.style.borderRadius = "12px", t.style.top = "0px", t.style.left = "0px";
-    const s = this.ssp.createPoiNode({ id: v(), element: t, type: "2D" });
+  createLabel(t) {
+    const e = document.createElement("div");
+    e.innerHTML = t, e.style.padding = "3px 6px", e.style.color = "#fff", e.style.fontSize = "12px", e.style.position = "absolute", e.style.backgroundColor = "rgba(25, 25, 25, 0.3)", e.style.borderRadius = "12px", e.style.top = "0px", e.style.left = "0px";
+    const s = this.ssp.createPoiNode({ id: "label_id" + b(), element: e, type: "2D" });
     return s.name = d.LABEL_NAME, s;
   }
   /**
    * Creates the arc curve to indicate the angle in degree
    */
-  createCurve(e, t, s) {
-    const n = new H(e, t, s).getPoints(4), r = new y().setFromPoints(n), o = new M(r, d.LINE_MATERIAL);
+  createCurve(t, e, s) {
+    const n = new H(t, e, s).getPoints(4), r = new m().setFromPoints(n), o = new M(r, d.LINE_MATERIAL);
     return o.name = d.OBJ_NAME, o;
   }
   /**
@@ -231,52 +231,52 @@ class d {
    * TODO: for concave polygon, the value doesn't right, need to fix it
    * @param points
    */
-  calculateArea(e) {
-    let t = 0;
-    for (let s = 0, i = 1, n = 2; n < e.length; i++, n++) {
-      const r = e[s].distanceTo(e[i]), o = e[i].distanceTo(e[n]), c = e[n].distanceTo(e[s]), p = (r + o + c) / 2;
-      t += Math.sqrt(p * (p - r) * (p - o) * (p - c));
+  calculateArea(t) {
+    let e = 0;
+    for (let s = 0, i = 1, n = 2; n < t.length; i++, n++) {
+      const r = t[s].distanceTo(t[i]), o = t[i].distanceTo(t[n]), c = t[n].distanceTo(t[s]), l = (r + o + c) / 2;
+      e += Math.sqrt(l * (l - r) * (l - o) * (l - c));
     }
-    return t;
+    return e;
   }
   /**
    * Gets included angle of two lines in degree
    */
-  calculateAngle(e, t, s) {
-    const i = e, n = t, r = s, o = new h(i.x - n.x, i.y - n.y, i.z - n.z), c = new h(r.x - n.x, r.y - n.y, r.z - n.z);
+  calculateAngle(t, e, s) {
+    const i = t, n = e, r = s, o = new p(i.x - n.x, i.y - n.y, i.z - n.z), c = new p(r.x - n.x, r.y - n.y, r.z - n.z);
     return o.angleTo(c) * 180 / Math.PI;
   }
   /**
    * Gets angle bisector of two lines
    */
-  getAngleBisector(e, t, s) {
-    const i = e, n = t, r = s, o = new h(i.x - n.x, i.y - n.y, i.z - n.z).normalize(), c = new h(r.x - n.x, r.y - n.y, r.z - n.z).normalize();
-    return new h(o.x + c.x, o.y + c.y, o.z + c.z).normalize();
+  getAngleBisector(t, e, s) {
+    const i = t, n = e, r = s, o = new p(i.x - n.x, i.y - n.y, i.z - n.z).normalize(), c = new p(r.x - n.x, r.y - n.y, r.z - n.z).normalize();
+    return new p(o.x + c.x, o.y + c.y, o.z + c.z).normalize();
   }
   /**
    * Get the barycenter of points
    */
-  getBarycenter(e) {
-    const t = e.length;
+  getBarycenter(t) {
+    const e = t.length;
     let s = 0, i = 0, n = 0;
-    return e.forEach((r) => {
+    return t.forEach((r) => {
       s += r.x, i += r.y, n += r.z;
-    }), new h(s / t, i / t, n / t);
+    }), new p(s / e, i / e, n / e);
   }
   /**
    * Gets unit string for distance, area or angle
    */
   getUnitString() {
-    return this.mode === "Distance" ? A(this.options.unit) : this.mode === "Area" ? `${A(this.options.unit, 2)}` : this.mode === "Angle" ? "°" : "";
+    return this.mode === "Distance" ? y(this.options.unit) : this.mode === "Area" ? `${y(this.options.unit, 2)}` : this.mode === "Angle" ? "°" : "";
   }
   /**
    * Converts a number to a string with proper fraction digits
    */
-  numberToString(e) {
-    if (e < 1e-4)
-      return e.toString();
-    let t = 2;
-    return e < 0.01 ? t = 4 : e < 0.1 && (t = 3), e.toFixed(t);
+  numberToString(t) {
+    if (t < 1e-4)
+      return t.toString();
+    let e = 2;
+    return t < 0.01 ? e = 4 : t < 0.1 && (e = 3), t.toFixed(e);
   }
 }
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonspacejs/plugin-measuring",
   "pluginName": "MeasuringPlugin",
-  "version": "2.14.12",
+  "version": "2.14.13",
   "description": "Measuring plugin for SoonSpace.js",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
@@ -13,8 +13,8 @@
   ],
   "author": "xunwei",
   "license": "UNLICENSED",
-  "gitHead": "041aa109b28647422687bced042730be5770551b",
+  "gitHead": "240acccc2a7fc9908f311f166bf0c8aa2e64f49b",
   "peerDependencies": {
-    "soonspacejs": "2.14.12"
+    "soonspacejs": "2.14.13"
   }
 }