kitchen-simulator 11.0.0-react.18 → 11.1.0

package/lib/utils/helper.js

@@ -0,0 +1,480 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.animateDoor = void 0;
+exports.applyEdges = applyEdges;
+exports.base64Decode = void 0;
+exports.centering2D = centering2D;
+exports.compareSVGRect = void 0;
+exports.debugUtil = debugUtil;
+exports.getCatalogCabinetSku = getCatalogCabinetSku;
+exports.getSignedUrl = exports.getPathInfo = exports.getPath = void 0;
+exports.handleCamRect = handleCamRect;
+exports.isCeilLimitation = isCeilLimitation;
+exports.isElevationView = isElevationView;
+exports.isEmpty = void 0;
+exports.isImmutable = isImmutable;
+exports.isValidNumber = isValidNumber;
+exports.refineProductForSummaryPdf = exports.refineMoldingForSummaryPdf = void 0;
+exports.replaceMeshesWithLineSegments = replaceMeshesWithLineSegments;
+exports.textureCube = void 0;
+exports.toPlainObject = toPlainObject;
+exports.translateDrawer = void 0;
+exports.updatePayloadOfInternalEvent = updatePayloadOfInternalEvent;
+exports.updateViwer2D = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _HDRCubeTextureLoader = require("three/examples/jsm/loaders/HDRCubeTextureLoader.js");
+var _constants = require("../constants");
+var Three = _interopRequireWildcard(require("three"));
+var _utils = require("./../components/viewer2d/utils");
+var _cabinetWarning = require("../shared/domain/cabinet-warning");
+var _convertUnitsLite = require("./convert-units-lite");
+var _math = require("./math");
+var _awsSdk = _interopRequireDefault(require("aws-sdk"));
+var _export = require("./export");
+var _geometry = require("./geometry");
+var _immutable = require("../shared/objects/immutable");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var s3 = new _awsSdk["default"].S3({
+  accessKeyId: process.env.REACT_APP_AWS_ID,
+  secretAccessKey: process.env.REACT_APP_AWS_SECRET
+});
+var s3ParseUrl = function s3ParseUrl(url) {
+  var _decodedUrl = decodeURIComponent(url);
+  var _result = null;
+
+  // http://s3.amazonaws.com/bucket/key1/key2
+  var match = decodedUrl.match(/^https?:\/\/s3.amazonaws.com\/([^\/]+)\/?(.*?)$/);
+  if (_match) {
+    _result = {
+      bucket: _match[1],
+      key: _match[2],
+      region: ''
+    };
+  }
+
+  // http://s3-aws-region.amazonaws.com/bucket/key1/key2
+  match = decodedUrl.match(/^https?:\/\/s3-([^.]+).amazonaws.com\/([^\/]+)\/?(.*?)$/);
+  if (_match) {
+    _result = {
+      bucket: _match[2],
+      key: _match[3],
+      region: _match[1]
+    };
+  }
+
+  // http://bucket.s3.amazonaws.com/key1/key2
+  match = decodedUrl.match(/^https?:\/\/([^.]+).s3.amazonaws.com\/?(.*?)$/);
+  if (_match) {
+    _result = {
+      bucket: _match[1],
+      key: _match[2],
+      region: ''
+    };
+  }
+
+  // http://bucket.s3-aws-region.amazonaws.com/key1/key2 or,
+  // http://bucket.s3.aws-region.amazonaws.com/key1/key2
+  match = decodedUrl.match(/^https?:\/\/([^.]+).(?:s3-|s3\.)([^.]+).amazonaws.com\/?(.*?)$/);
+  if (_match) {
+    _result = {
+      bucket: _match[1],
+      key: _match[3],
+      region: _match[2]
+    };
+  }
+  return _result;
+};
+var textureCube = exports.textureCube = new _HDRCubeTextureLoader.HDRCubeTextureLoader().setPath('/catalog/envMap/').load(_constants.HDR_URLS, function () {
+  textureCube.magFilter = Three.LinearFilter;
+  textureCube.needsUpdate = true;
+});
+var getSignedUrl = exports.getSignedUrl = function getSignedUrl(url) {
+  if (!url) return url;
+  var signedUrl = url;
+  try {
+    var _s3ParseUrl = s3ParseUrl(url),
+      bucket = _s3ParseUrl.bucket,
+      key = _s3ParseUrl.key;
+    signedUrl = s3.getSignedUrl('getObject', {
+      Bucket: bucket,
+      Key: key,
+      ResponseCacheControl: 'no-cache'
+    });
+  } catch (e) {
+    signedUrl = url;
+  }
+  return signedUrl;
+};
+var base64Decode = exports.base64Decode = function base64Decode(targetStr) {
+  if (!targetStr) return null;
+  try {
+    // If URL-encoded, decode first
+    var base64Str = targetStr.includes('%') ? decodeURIComponent(targetStr) : targetStr;
+    var binaryStr = atob(base64Str);
+    // Convert binary string to UTF-8 string
+    return decodeURIComponent(binaryStr.split('').map(function (_char) {
+      return "%".concat(_char.charCodeAt(0).toString(16).padStart(2, '0'));
+    }).join(''));
+  } catch (e) {
+    console.log('Invalid Base64 or UTF-8 string: ', e);
+    return null;
+  }
+};
+var refineProductForSummaryPdf = exports.refineProductForSummaryPdf = function refineProductForSummaryPdf(refinedProductList, catalog, categoryData, itemSKU, suffix, item, product, measurementUnit, count) {
+  var _doorColor;
+  var review;
+  var doorColor = item.doorStyle;
+  if (doorColor.size) {
+    doorColor = doorColor.toJS();
+  }
+  var doorStyleName = (_doorColor = doorColor) === null || _doorColor === void 0 ? void 0 : _doorColor.name;
+  if (catalog !== undefined) {
+    var _doorColor2, _doorColor4;
+    if (!((_doorColor2 = doorColor) !== null && _doorColor2 !== void 0 && _doorColor2.install)) {
+      categoryData.data.doorStyles.items.forEach(function (category) {
+        category.items.forEach(function (element) {
+          if (element.items.filter(function (it) {
+            var _doorColor3;
+            return it.id === ((_doorColor3 = doorColor) === null || _doorColor3 === void 0 ? void 0 : _doorColor3.id);
+          })) {
+            doorColor = _objectSpread(_objectSpread({}, doorColor), {}, {
+              install: category.name
+            });
+          }
+        });
+      });
+    }
+    review = catalog.elements[item.type];
+    if (!review) {
+      review = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)];
+    }
+    if (((_doorColor4 = doorColor) === null || _doorColor4 === void 0 || (_doorColor4 = _doorColor4.install) === null || _doorColor4 === void 0 ? void 0 : _doorColor4.toLowerCase()) === 'pre-assembled') {
+      itemSKU += '-assembled';
+    } else {
+      itemSKU += '-rta';
+    }
+    var refinedData = {
+      thumbnail: review.img,
+      sku: itemSKU,
+      sizeInfo: {
+        width: Math.round((0, _convertUnitsLite.convert)(review.info.sizeinfo.width).from('in').to(measurementUnit._unit) * 100) / 100,
+        depth: Math.round((0, _convertUnitsLite.convert)(review.info.sizeinfo.depth).from('in').to(measurementUnit._unit) * 100) / 100,
+        height: Math.round((0, _convertUnitsLite.convert)(review.info.sizeinfo.height).from('in').to(measurementUnit._unit) * 100) / 100,
+        _unit: measurementUnit._unit
+      },
+      doorstyle: doorStyleName,
+      installation: suffix,
+      subTotal: product && product.discounted_price ? product && Number(product.discounted_price * (count || 1)) : 0
+    };
+    var index = (refinedProductList || []).findIndex(function (row) {
+      return row.sku === itemSKU;
+    });
+    if (index !== -1) {
+      refinedProductList[index] = refinedData;
+    } else {
+      refinedProductList.push(refinedData);
+    }
+  }
+};
+var refineMoldingForSummaryPdf = exports.refineMoldingForSummaryPdf = function refineMoldingForSummaryPdf(refinedProductList, molding, product, newSKU) {
+  if (molding) {
+    var review = {
+      img: molding.thumbnail,
+      name: molding.name,
+      count: molding.count
+    };
+    var subTotalPrice = product && product.discounted_price ? (0, _math.formatNumber)(product.discounted_price * review.count, _constants.DECIMAL_PLACES_2) : 0;
+    var refinedData = {
+      id: newSKU,
+      thumbnail: review.img,
+      sku: review.name,
+      sizeInfo: null,
+      subTotal: Number(subTotalPrice)
+    };
+    var index = (refinedProductList || []).findIndex(function (row) {
+      return row.sku === newSKU;
+    });
+    if (index !== -1) {
+      refinedProductList[index] = refinedData;
+    } else {
+      refinedProductList.push(refinedData);
+    }
+  }
+};
+function applyEdges(object) {
+  if (object && object.isMesh && !(object instanceof Three.LineSegments)) {
+    var parent = object.parent;
+    if (!isEmpty(parent)) {
+      if (object.name.match('interior_drawer') || object.name.match('interior') || object.name.match('soul')) {
+        parent.remove(object);
+      } else {
+        // Create a replacement
+        var edges = new Three.EdgesGeometry(object.geometry, 10);
+        var lineMaterial = new Three.LineBasicMaterial({
+          color: 0x000000,
+          depthTest: true,
+          depthFunc: Three.LessEqualDepth,
+          depthWrite: false
+        });
+        var line = new Three.LineSegments(edges, lineMaterial);
+        line.position.copy(object.position);
+        line.scale.copy(object.scale);
+        line.rotation.copy(object.rotation);
+        line.name = object.name;
+
+        // Replace in parent
+        parent.remove(object);
+        parent.add(line);
+      }
+    }
+  }
+}
+function replaceMeshesWithLineSegments(object) {
+  if (object && object.children.length > 0) {
+    for (var i = object.children.length - 1; i >= 0; i--) {
+      var child = object.children[i];
+      // Recursively process children first
+      replaceMeshesWithLineSegments(child);
+    }
+  } else {
+    //
+    // Check if the child is a THREE.Mesh
+    applyEdges(object);
+  }
+}
+var isEmpty = exports.isEmpty = function isEmpty(value) {
+  return value === undefined || value === null || typeof value === 'array' && value.length === 0 || (0, _typeof2["default"])(value) === 'object' && Object.keys(value).length === 0 || typeof value === 'string' && value.trim().length === 0;
+};
+
+// animate the Opening or Closing Door action
+var animateDoor = exports.animateDoor = function animateDoor(offsetData, doorObj, open_doors, item, isCorner, mode) {
+  var offset = new Three.Vector3(offsetData.x, offsetData.y, offsetData === null || offsetData === void 0 ? void 0 : offsetData.z);
+  doorObj.translateOnAxis(offset, 1);
+  var rotation = doorObj.name.match(/\d_(door[^LR1-9]*)(_[LR])?(_[1-9])?$/)[2] === '_L' ? -_constants.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT : _constants.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT;
+  var isflip = item.properties.flip_doorhandle;
+  rotation = isflip ? -rotation : rotation;
+  if (isCorner == 1) {
+    if (!doorObj.name.includes('base_end')) {
+      rotation *= 2;
+    }
+    var tmp = doorObj.children[0].children.filter(function (item) {
+      return item.children.length != 0;
+    });
+    if (tmp.length != 0) {
+      rotation = open_doors ? -rotation : rotation;
+    } else {
+      rotation = open_doors ? rotation : -rotation;
+    }
+  } else {
+    rotation = open_doors ? rotation : -rotation;
+  }
+  if (mode === 'Opened2D') rotation *= _constants.ANIMATE_STEP_MAX; // Check whether the object's door is opened in 2D.
+  doorObj.rotateY(rotation);
+  doorObj.translateOnAxis(offset, -1);
+};
+
+// Opening or Closing the drawer action
+var translateDrawer = exports.translateDrawer = function translateDrawer(item, drawerObj, open_doors, mode) {
+  var animate_translate_unit = (0, _convertUnitsLite.convert)(item.properties.depth._length).from(item.properties.depth._unit).to('cm') * (1 / 2) / _constants.ANIMATE_STEP_MAX * 0.01;
+  // Check whether the object's drawer is opened in 2D.
+  if (mode === 'Opened2D') animate_translate_unit *= _constants.ANIMATE_STEP_MAX;
+  drawerObj.translateZ(open_doors ? -animate_translate_unit : animate_translate_unit);
+};
+var getPath = exports.getPath = function getPath() {
+  return window.location.pathname;
+};
+var getPathInfo = exports.getPathInfo = function getPathInfo(num) {
+  var paths = window.location.pathname.split('/');
+  if (paths.length >= num + 1) {
+    return paths[num];
+  } else {
+    return paths[num - 1 >= 0 ? num - 1 : 0];
+  }
+};
+
+// determine if elevation mode or not
+function isElevationView(mode) {
+  if (mode === _constants.MODE_ELEVATION_VIEW) return true;else return false;
+}
+
+// calculate camera rect in elevation mode
+/**
+ *
+ * @param {number} width width of elevation view - canvas
+ * @param {number} height height of elevation view - canvas
+ * @param {number} ceilHeight ceiling Height
+ * @param {number} lineLength wall's length
+ * @returns {object}
+ */
+
+//** elevation view (canvas) **//
+
+//// h /////////////////////// width //////////////////////// h ////
+//// e //// **c***************lineLength*************c** //// e ////
+//// i //// **e                                      e** //// i ////
+//// g //// **i                                      i** //// g ////
+//// h //// **l***************lineLength*************l** //// h ////
+//// t /////////////////////// width //////////////////////// t ////
+function handleCamRect(width, height, ceilHeight, lineLength) {
+  var scale = Math.min(width * 0.6 / lineLength, height * 0.6 / ceilHeight); // scale is min value
+  var cameraRect = {
+    width: width / scale,
+    height: height / scale
+  };
+  return cameraRect;
+}
+
+/**
+ *
+ * @param {*} layer
+ * @param {*} ceilHeight
+ * @param {*} ceilUnit
+ * @returns true ceilingHeight is bigger than totalHeight(item's height + altitude), otherwise false
+ */
+function isCeilLimitation(layer, ceilHeight, ceilUnit) {
+  var items = layer.getIn(['layers', layer.selectedLayer, 'items']);
+  return items.some(function (item) {
+    var height = item.properties.getIn(['height', '_length']);
+    var heightUnit = item.properties.getIn(['height', '_unit']);
+    var altitude = item.properties.getIn(['altitude', '_length']);
+    var altitudeUnit = item.properties.getIn(['altitude', '_unit']);
+    var totalHeight = (0, _convertUnitsLite.convert)(height).from(heightUnit).to(ceilUnit._unit) + (0, _convertUnitsLite.convert)(altitude).from(altitudeUnit).to(ceilUnit._unit);
+    return totalHeight > ceilHeight;
+  });
+}
+function isValidNumber(n) {
+  return !isNaN(n) && isFinite(n);
+}
+function toPlainObject(maybeImmutable) {
+  if (maybeImmutable && typeof maybeImmutable.toJS === 'function') {
+    return maybeImmutable.toJS();
+  }
+  return maybeImmutable; // already a plain JS object
+}
+function isImmutable(maybeImmutable) {
+  return !!(maybeImmutable && typeof maybeImmutable.toJS === 'function');
+}
+function debugUtil() {
+  return new Date();
+}
+var compareSVGRect = exports.compareSVGRect = function compareSVGRect(value) {
+  return value.e <= 10 && value.e + value.a * value.SVGWidth + 10 >= value.viewerWidth && value.f <= 80 && value.f + value.d * value.SVGHeight + 10 >= value.viewerHeight ? true : false;
+};
+var updateViwer2D = exports.updateViwer2D = function updateViwer2D(value) {
+  var viewer2DActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  var _zoomValue = parseInt((value.a - 0.5) / _constants.ZOOM_VARIABLE);
+  if (_zoomValue > _constants.MAX_ZOOM_IN_SCALE) return;
+  if (_zoomValue < 0 || Number.isNaN(_zoomValue)) return;
+
+  // modify e, f to fit to SVG
+  while (!(value.e <= 10)) {
+    value.e -= 0.1;
+  }
+  while (!(value.e + value.a * value.SVGWidth + 10 >= value.viewerWidth)) {
+    value.e += 0.1;
+  }
+  while (!(value.f <= 80)) {
+    value.f -= 0.1;
+  }
+  while (!(value.f + value.a * value.SVGHeight + 10 >= value.viewerHeight)) {
+    value.f += 0.1;
+  }
+  if (viewer2DActions && compareSVGRect(value)) viewer2DActions.updateCameraView(value);
+};
+function centering2D(state) {
+  var viewer2DActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  // calculate the bounding box of all elements in plan
+  var layer = state.scene.getIn(['layers', state.scene.selectedLayer]);
+  var bb = {
+    minX: Infinity,
+    maxX: -Infinity,
+    minY: Infinity,
+    maxY: -Infinity
+  };
+  bb = layer.vertices.reduce(function (pre, cur) {
+    pre.minX = Math.min(pre.minX, cur.x);
+    pre.maxX = Math.max(pre.maxX, cur.x);
+    pre.minY = Math.min(pre.minY, cur.y);
+    pre.maxY = Math.max(pre.maxY, cur.y);
+    return pre;
+  }, bb);
+  var w = bb.maxX - bb.minX;
+  var h = bb.maxY - bb.minY;
+
+  // calc scale and offset to fit view
+  var viewer = state.getIn(['viewer2D']).toJS();
+  if (w != 0 && Math.abs(w) != Infinity && h != 0 && Math.abs(h) != Infinity) {
+    // elements are exist && bounding box size > 0
+    viewer.a = viewer.viewerHeight < h ? viewer.viewerHeight / h : viewer.viewerHeight / h * 3 / 5 / _constants.ZOOM_VARIABLE > _constants.MAX_ZOOM_IN_SCALE ? viewer.viewerHeight / h * _constants.MAX_ZOOM_IN_SCALE / (viewer.viewerHeight / h / _constants.ZOOM_VARIABLE) : viewer.viewerHeight / h * 3 / 5;
+    viewer.d = viewer.a;
+    viewer.e = (viewer.viewerWidth - (bb.maxX + bb.minX) * viewer.a) / 2;
+    viewer.f = (viewer.viewerHeight - (bb.maxY + bb.minY) * viewer.a) / 2;
+  } else {
+    // there is no any element && bounding box size == 0
+    viewer.e = viewer.viewerWidth / 2 - viewer.SVGWidth / 2;
+    viewer.f = viewer.viewerHeight / 2 - viewer.SVGHeight / 2;
+    viewer.a = 0.99;
+    viewer.d = 0.99;
+  }
+  state = state.merge({
+    viewer2D: viewer
+  });
+  if (viewer2DActions) updateViwer2D(viewer, viewer2DActions);
+  return state;
+}
+function updatePayloadOfInternalEvent(currentObject, layer) {
+  var pointArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  if (isEmpty(currentObject)) return null;
+  var updatedPayload = currentObject.toJS();
+  if (isEmpty(layer)) return updatedPayload;
+  if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'lines') {
+    // caculating length of selected line//
+    var v_a = layer.vertices.get(currentObject.vertices.get(0));
+    var v_b = layer.vertices.get(currentObject.vertices.get(1));
+    var distance = _export.GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
+    var _length = (0, _convertUnitsLite.convert)(distance).from('cm').to(layer.unit);
+    updatedPayload.length = _length;
+    //////////////////////////////////////
+  } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'items') {
+    // check this cabinet has warning box
+    updatedPayload.isWarning = (0, _cabinetWarning.isWarningCabinet)(currentObject);
+    // check this item is available molding
+    updatedPayload.isMoldingAvailable = _export.MoldingUtils.isEnableItemForMolding(layer, currentObject);
+    // check this item is snapped to wall
+    updatedPayload.isAttachedWall = _export.MoldingUtils.isAttachedWall(layer, currentObject);
+    // update distArray
+    if (pointArray) updatedPayload.distArray = pointArray;
+
+    // update sku_number using sku_array
+    updatedPayload.sku_number = getCatalogCabinetSku(currentObject);
+  } else if ((currentObject === null || currentObject === void 0 ? void 0 : currentObject.prototype) === 'holes') {
+    var _calcDistancesFromHol = (0, _geometry.calcDistancesFromHoleToNearestOneOrWall)(currentObject, layer),
+      distLeft = _calcDistancesFromHol.distLeft,
+      distRight = _calcDistancesFromHol.distRight;
+    updatedPayload.offsetA = {
+      length: distLeft,
+      _length: (0, _convertUnitsLite.convert)(distLeft).from(_constants.UNIT_CENTIMETER).to(layer.unit),
+      _unit: layer.unit
+    };
+    updatedPayload.offsetB = {
+      length: distRight,
+      _length: (0, _convertUnitsLite.convert)(distRight).from(_constants.UNIT_CENTIMETER).to(layer.unit),
+      _unit: layer.unit
+    };
+  }
+  return updatedPayload;
+}
+function getCatalogCabinetSku(sceneObject) {
+  var _sceneObjectJS$ccdf;
+  var sceneObjectJS = (0, _immutable.toJSIfNeeded)(sceneObject);
+  var ccdfSku = sceneObjectJS === null || sceneObjectJS === void 0 || (_sceneObjectJS$ccdf = sceneObjectJS.ccdf) === null || _sceneObjectJS$ccdf === void 0 ? void 0 : _sceneObjectJS$ccdf.catalog_cabinet_sku;
+  return ccdfSku !== null && ccdfSku !== void 0 ? ccdfSku : '';
+}

package/lib/utils/history.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.historyPush = exports.historyPop = void 0;
+var _immutable = require("immutable");
+var _immutablediff = _interopRequireDefault(require("immutablediff"));
+var _immutablepatch = _interopRequireDefault(require("immutablepatch"));
+var historyPush = exports.historyPush = function historyPush(historyStructure, item) {
+  if (historyStructure.last) {
+    if (historyStructure.last.hashCode() !== item.hashCode()) {
+      var _toPush$get;
+      var toPush = new _immutable.Map({
+        time: Date.now(),
+        diff: (0, _immutablediff["default"])(historyStructure.last, item)
+      });
+
+      // convert map to object of the [value] field
+      if (_immutable.List.isList(toPush.get('diff')) && ((_toPush$get = toPush.get('diff')) === null || _toPush$get === void 0 ? void 0 : _toPush$get.size) > 0) {
+        for (var i = 0; i < toPush.get('diff').size; i++) {
+          var mapValue = toPush.get('diff').get(i).get('value');
+          if (_immutable.Map.isMap(mapValue)) {
+            var jsValue = mapValue.toJS();
+            toPush = toPush.setIn(['diff', i, 'value'], jsValue);
+          }
+        }
+      }
+      historyStructure = historyStructure.set('last', item).set('list', historyStructure.list.push(toPush));
+    }
+  } else {
+    historyStructure = historyStructure.set('last', item);
+  }
+  return historyStructure;
+};
+var historyPop = exports.historyPop = function historyPop(historyStructure) {
+  if (historyStructure.last) {
+    if (historyStructure.list.size) {
+      var last = historyStructure.first;
+      for (var x = 0; x < historyStructure.list.size - 1; x++) {
+        last = (0, _immutablepatch["default"])(last, historyStructure.list.get(x).get('diff'));
+      }
+      historyStructure = historyStructure.set('last', last).set('list', historyStructure.list.pop());
+    }
+  }
+  return historyStructure;
+};

package/lib/utils/id-broker.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.IDBroker = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _nanoid = require("nanoid");
+var IDBroker = exports.IDBroker = /*#__PURE__*/function () {
+  function IDBroker() {
+    (0, _classCallCheck2["default"])(this, IDBroker);
+  }
+  return (0, _createClass2["default"])(IDBroker, null, [{
+    key: "acquireID",
+    value: function acquireID() {
+      return (0, _nanoid.nanoid)();
+    }
+  }]);
+}();
+var _default = exports["default"] = IDBroker;

package/lib/utils/logger.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogLine = LogLine;
+function LogLine(state, layerID, lineID) {
+  var layer = state.getIn(['scene', 'layers', layerID]);
+  var line = state.getIn(['scene', 'layers', layerID, 'lines', lineID]);
+  var vertex0 = layer.vertices.get(line.vertices.get(0));
+  var vertex1 = layer.vertices.get(line.vertices.get(1));
+  console.log('updateDrawingLine: vertex0', vertex0.x, vertex0.y);
+  console.log('updateDrawingLine: vertex1', vertex1.x, vertex1.y);
+}

package/lib/utils/math.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.multiplyMatrices = exports.isNonZeroText = exports.formatNumber = exports.fAbs = void 0;
+exports.toFixedFloat = toFixedFloat;
+/** @description Return float fixed to desired precision
+ *  @param {number} num Float to fix
+ *  @param {number} precision Desired precision, or 6 if not specified
+ *  @return {number}
+ */
+function toFixedFloat(num) {
+  var precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 6;
+  if (num && precision) {
+    return parseFloat(parseFloat(num).toFixed(precision));
+  }
+  return 0;
+}
+
+/** @description Return absolute value of a number
+ *  @param {number} n Number of wich get value without sign
+ *  @return {number}
+ */
+var fAbs = exports.fAbs = function fAbs(n) {
+  return Math.abs(n);
+  // let x = n;
+  // x < 0 && (x = ~x + 1);
+  // return x;
+};
+
+/** @description Multiply two matrices
+ *  @param {Array} m1 Matrix 1
+ *  @param {Array} m2 Matrix 2
+ *  @return {Array}
+ */
+var multiplyMatrices = exports.multiplyMatrices = function multiplyMatrices(m1, m2) {
+  var result = [];
+  for (var i = 0; i < m1.length; i++) {
+    result[i] = [];
+    for (var j = 0; j < m2[0].length; j++) {
+      var sum = 0;
+      for (var k = 0; k < m1[0].length; k++) {
+        sum += m1[i][k] * m2[k][j];
+      }
+      result[i][j] = sum;
+    }
+  }
+  return result;
+};
+var formatNumber = exports.formatNumber = function formatNumber(value, digits) {
+  if (value == null || isNaN(Number(value))) return value; // guard for null/undefined/non-numeric
+  return Number(value).toFixed(digits);
+};
+var isNonZeroText = exports.isNonZeroText = function isNonZeroText(text) {
+  return parseFloat(text) !== 0;
+};