kitchen-simulator 1.0.0-DIY-1119

package/lib/LiteRenderer.js

@@ -0,0 +1,325 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = LiteRenderer;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactRedux = require("react-redux");
+var _redux = require("redux");
+var _immutable = require("immutable");
+var Sentry = _interopRequireWildcard(require("@sentry/react"));
+var THREE = _interopRequireWildcard(require("three"));
+var _models = _interopRequireWildcard(require("./models"));
+var Models = _models;
+var _reducer = _interopRequireDefault(require("./reducers/reducer"));
+var _AppContext = _interopRequireDefault(require("./AppContext"));
+var _catalog = _interopRequireDefault(require("./catalog/catalog"));
+var Areas = _interopRequireWildcard(require("./catalog/areas/area/planner-element"));
+var Lines = _interopRequireWildcard(require("./catalog/lines/wall/planner-element"));
+var _holesToCatalog = require("./mappings/holesToCatalog");
+var _export = require("./plugins/export");
+var _LiteKitchenConfigurator = _interopRequireDefault(require("./LiteKitchenConfigurator"));
+var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "defaultTextures", "onError", "holes"]; // LiteRenderer.jsx
+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" != _typeof(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; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var isBrowser = typeof window !== 'undefined';
+if (isBrowser) window.THREE = THREE;
+
+// ---- Keep prior Sentry behavior but ensure it only initializes once ----
+var __sentryInited = false;
+function ensureSentryInit() {
+  if (!isBrowser) return;
+  // assumes isProduction exists in your build just like today
+  if (!isProduction) return;
+  if (__sentryInited) return;
+  __sentryInited = true;
+  Sentry.init({
+    dsn: process.env.SENTRY_DSN,
+    environment: process.env.SENTRY_ENVIRONMENT
+  });
+}
+
+// ---------------- error helpers ----------------
+function safeJson(v) {
+  try {
+    return JSON.parse(JSON.stringify(v));
+  } catch (_unused) {
+    return undefined;
+  }
+}
+function serializeError(err) {
+  try {
+    if (!err) return {
+      message: 'Unknown error'
+    };
+    if (err instanceof Error) {
+      return {
+        name: err.name,
+        message: err.message,
+        stack: err.stack
+      };
+    }
+    return {
+      message: String(err),
+      raw: safeJson(err)
+    };
+  } catch (_unused2) {
+    return {
+      message: 'Error serializing error'
+    };
+  }
+}
+
+// ----------------- catalog init -----------------
+function initCatalogOnce(catalog) {
+  if (!catalog) return;
+  if (!catalog.__ksInitialized) {
+    for (var x in Areas) catalog.registerElement(Areas[x]);
+    for (var _x in Lines) catalog.registerElement(Lines[_x]);
+    catalog.__ksInitialized = true;
+  }
+}
+function createInstanceStore() {
+  var AppState = (0, _immutable.Map)({
+    KitchenConfigurator: new _models.State()
+  });
+  var reducer = function reducer(state, action) {
+    state = state || AppState;
+    return state.update('KitchenConfigurator', function (plannerState) {
+      return (0, _reducer["default"])(plannerState, action);
+    });
+  };
+  var enhancer = !isProduction && isBrowser && window.devToolsExtension ? window.devToolsExtension({
+    features: {
+      pause: true,
+      lock: true,
+      persist: true,
+      "export": true,
+      "import": 'custom',
+      jump: true,
+      skip: true,
+      reorder: true,
+      dispatch: true,
+      test: true
+    },
+    maxAge: 999999
+  }) : function (f) {
+    return f;
+  };
+  return (0, _redux.createStore)(reducer, null, enhancer);
+}
+function createPlugins() {
+  return [(0, _export.Keyboard)(), (0, _export.ConsoleDebugger)()];
+}
+function LiteRenderer(props) {
+  ensureSentryInit();
+  var width = props.width,
+    height = props.height,
+    configData = props.configData,
+    externalEvent = props.externalEvent,
+    onInternalEvent = props.onInternalEvent,
+    defaultTextures = props.defaultTextures,
+    onError = props.onError,
+    holes = props.holes,
+    passThrough = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var holePayload = (0, _react.useMemo)(function () {
+    return (0, _holesToCatalog.buildHoleElements)(holes);
+  }, [holes]);
+
+  // ✅ instance-scoped store (no module singleton)
+  var storeRef = (0, _react.useRef)(null);
+  if (!storeRef.current) storeRef.current = createInstanceStore();
+
+  // ✅ instance-scoped catalog (no module singleton)
+  var catalogRef = (0, _react.useRef)(null);
+  if (!catalogRef.current) {
+    catalogRef.current = new _catalog["default"]();
+  }
+  initCatalogOnce(catalogRef.current);
+  (0, _holesToCatalog.registerDynamicHoles)(catalogRef.current, holePayload);
+
+  // ✅ stable plugins array
+  var plugins = (0, _react.useMemo)(function () {
+    return createPlugins();
+  }, []);
+
+  // ✅ plugin lifecycle: supports cleanup if plugin returns function
+  var pluginCleanupsRef = (0, _react.useRef)([]);
+  (0, _react.useEffect)(function () {
+    var store = storeRef.current;
+    var stateExtractor = function stateExtractor(state) {
+      return state.get('KitchenConfigurator');
+    };
+    var cleanups = [];
+    var _iterator = _createForOfIteratorHelper(plugins),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var p = _step.value;
+        try {
+          var maybeCleanup = p === null || p === void 0 ? void 0 : p(store, stateExtractor);
+          if (typeof maybeCleanup === 'function') cleanups.push(maybeCleanup);
+        } catch (_unused4) {
+          // keep prior behavior: do not crash
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    pluginCleanupsRef.current = cleanups;
+    return function () {
+      var _iterator2 = _createForOfIteratorHelper(pluginCleanupsRef.current),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var fn = _step2.value;
+          try {
+            fn();
+          } catch (_unused3) {}
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      pluginCleanupsRef.current = [];
+    };
+  }, [plugins]);
+
+  /* ---------- track last external event ---------- */
+  var lastExternalEventRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (externalEvent) lastExternalEventRef.current = externalEvent;
+  }, [externalEvent]);
+
+  /* ---------- error buffer + last emitted bundle ---------- */
+  var errorsBufferRef = (0, _react.useRef)([]);
+  var lastEmittedRef = (0, _react.useRef)({
+    externalEvent: null,
+    errors: []
+  });
+  var flushTimerRef = (0, _react.useRef)(null);
+  var emit = (0, _react.useCallback)(function (external, errors) {
+    var payload = {
+      externalEvent: external || null,
+      errors: errors || []
+    };
+    try {
+      onError === null || onError === void 0 || onError(payload);
+    } catch (_unused5) {}
+    // eslint-disable-next-line no-console
+    console.debug('[LiteRenderer:onError]', payload);
+    lastEmittedRef.current = payload;
+  }, [onError]);
+  var scheduleFlush = (0, _react.useCallback)(function () {
+    if (flushTimerRef.current) return;
+    flushTimerRef.current = setTimeout(function () {
+      flushTimerRef.current = null;
+      var errors = errorsBufferRef.current;
+      if (!errors.length) return;
+      errorsBufferRef.current = [];
+      emit(lastExternalEventRef.current, errors);
+    }, 0);
+  }, [emit]);
+  var pushError = (0, _react.useCallback)(function (errPayload) {
+    errorsBufferRef.current.push(_objectSpread({
+      ts: Date.now()
+    }, errPayload));
+    scheduleFlush();
+  }, [scheduleFlush]);
+
+  /* ---------- global runtime + async error capture ---------- */
+  (0, _react.useEffect)(function () {
+    if (!isBrowser) return;
+    var onWindowError = function onWindowError(event) {
+      pushError({
+        type: 'runtime-error',
+        error: serializeError((event === null || event === void 0 ? void 0 : event.error) || (event === null || event === void 0 ? void 0 : event.message)),
+        meta: {
+          filename: event === null || event === void 0 ? void 0 : event.filename,
+          lineno: event === null || event === void 0 ? void 0 : event.lineno,
+          colno: event === null || event === void 0 ? void 0 : event.colno
+        }
+      });
+    };
+    var onUnhandledRejection = function onUnhandledRejection(event) {
+      pushError({
+        type: 'unhandled-rejection',
+        error: serializeError(event === null || event === void 0 ? void 0 : event.reason)
+      });
+    };
+    window.addEventListener('error', onWindowError);
+    window.addEventListener('unhandledrejection', onUnhandledRejection);
+    return function () {
+      window.removeEventListener('error', onWindowError);
+      window.removeEventListener('unhandledrejection', onUnhandledRejection);
+    };
+  }, [pushError]);
+
+  /* ---------- re-trigger last batch when externalEvent changes ---------- */
+  var prevExternalEventRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    var prev = prevExternalEventRef.current;
+    if (prev === externalEvent) return;
+    prevExternalEventRef.current = externalEvent;
+    var last = lastEmittedRef.current;
+    if (last && last.errors && last.errors.length) {
+      emit(lastExternalEventRef.current, last.errors);
+    }
+  }, [externalEvent, emit]);
+  var _ref = configData || {},
+    logoImg = _ref.logoImg,
+    companyUrl = _ref.companyUrl;
+  return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
+    store: storeRef.current
+  }, /*#__PURE__*/_react["default"].createElement(_LiteKitchenConfigurator["default"], (0, _extends2["default"])({
+    catalog: catalogRef.current,
+    width: width,
+    height: height,
+    logoImage: logoImg,
+    companyURL: companyUrl,
+    plugins: plugins,
+    stateExtractor: function stateExtractor(state) {
+      return state.get('KitchenConfigurator');
+    },
+    configData: configData,
+    defaultTextures: defaultTextures,
+    externalEvent: externalEvent,
+    onInternalEvent: onInternalEvent
+  }, passThrough))));
+}
+LiteRenderer.propTypes = {
+  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  configData: _propTypes["default"].any,
+  catalog: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].instanceOf(Models.Catalog)]),
+  logoImg: _propTypes["default"].any,
+  companyUrl: _propTypes["default"].string,
+  options: _propTypes["default"].object,
+  user: _propTypes["default"].object,
+  auth: _propTypes["default"].object,
+  featureFlags: _propTypes["default"].object,
+  sentry: _propTypes["default"].shape({
+    dsn: _propTypes["default"].string,
+    environment: _propTypes["default"].string
+  }),
+  externalEvent: _propTypes["default"].object,
+  onInternalEvent: _propTypes["default"].func,
+  onError: _propTypes["default"].func,
+  holes: _propTypes["default"].array,
+  store: _propTypes["default"].object
+};
+module.exports = exports.default;

package/lib/actions/area-actions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectArea = selectArea;
+exports.setFloorStyles = setFloorStyles;
+var _constants = require("../constants");
+function selectArea(layerID, areaID) {
+  return {
+    type: _constants.SELECT_AREA,
+    layerID: layerID,
+    areaID: areaID
+  };
+}
+function setFloorStyles(texture) {
+  return {
+    type: _constants.SET_FLOOR_STYLES,
+    texture: texture
+  };
+}

package/lib/actions/export.js

@@ -0,0 +1,36 @@
+import * as projectActions from "./project-actions";
+import * as viewer2DActions from "./viewer2d-actions";
+import * as viewer3DActions from "./viewer3d-actions";
+import * as linesActions from "./lines-actions";
+import * as holesActions from "./holes-actions";
+import * as sceneActions from "./scene-actions";
+import * as verticesActions from "./vertices-actions";
+import * as itemsActions from "./items-actions";
+import * as areaActions from "./area-actions";
+import * as groupsActions from "./groups-actions";
+
+export {
+  projectActions,
+  viewer2DActions,
+  viewer3DActions,
+  linesActions,
+  holesActions,
+  sceneActions,
+  verticesActions,
+  itemsActions,
+  areaActions,
+  groupsActions
+};
+
+export default {
+  projectActions,
+  viewer2DActions,
+  viewer3DActions,
+  linesActions,
+  holesActions,
+  sceneActions,
+  verticesActions,
+  itemsActions,
+  areaActions,
+  groupsActions
+};

package/lib/actions/groups-actions.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addGroup = addGroup;
+exports.addGroupFromSelected = addGroupFromSelected;
+exports.addToGroup = addToGroup;
+exports.groupRotate = groupRotate;
+exports.groupTranslate = groupTranslate;
+exports.removeFromGroup = removeFromGroup;
+exports.removeGroup = removeGroup;
+exports.removeGroupAndDeleteElements = removeGroupAndDeleteElements;
+exports.selectGroup = selectGroup;
+exports.setGroupAttributes = setGroupAttributes;
+exports.setGroupBarycenter = setGroupBarycenter;
+exports.setGroupProperties = setGroupProperties;
+exports.unselectGroup = unselectGroup;
+var _constants = require("../constants");
+function addGroup() {
+  return {
+    type: _constants.GROUP_ACTIONS.ADD_GROUP
+  };
+}
+function addGroupFromSelected() {
+  return {
+    type: _constants.GROUP_ACTIONS.ADD_GROUP_FROM_SELECTED
+  };
+}
+function selectGroup(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.SELECT_GROUP,
+    groupID: groupID
+  };
+}
+function unselectGroup(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.UNSELECT_GROUP,
+    groupID: groupID
+  };
+}
+function addToGroup(groupID, layerID, elementPrototype, elementID) {
+  return {
+    type: _constants.GROUP_ACTIONS.ADD_TO_GROUP,
+    groupID: groupID,
+    layerID: layerID,
+    elementPrototype: elementPrototype,
+    elementID: elementID
+  };
+}
+function removeFromGroup(groupID, layerID, elementPrototype, elementID) {
+  return {
+    type: _constants.GROUP_ACTIONS.REMOVE_FROM_GROUP,
+    groupID: groupID,
+    layerID: layerID,
+    elementPrototype: elementPrototype,
+    elementID: elementID
+  };
+}
+function setGroupAttributes(groupID, attributes) {
+  return {
+    type: _constants.GROUP_ACTIONS.SET_GROUP_ATTRIBUTES,
+    groupID: groupID,
+    attributes: attributes
+  };
+}
+function setGroupProperties(groupID, properties) {
+  return {
+    type: _constants.GROUP_ACTIONS.SET_GROUP_PROPERTIES,
+    groupID: groupID,
+    properties: properties
+  };
+}
+function setGroupBarycenter(groupID, barycenter) {
+  return {
+    type: _constants.GROUP_ACTIONS.SET_GROUP_BARYCENTER,
+    groupID: groupID,
+    barycenter: barycenter
+  };
+}
+function removeGroup(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.REMOVE_GROUP,
+    groupID: groupID
+  };
+}
+function removeGroupAndDeleteElements(groupID) {
+  return {
+    type: _constants.GROUP_ACTIONS.REMOVE_GROUP_AND_DELETE_ELEMENTS,
+    groupID: groupID
+  };
+}
+function groupTranslate(groupID, x, y) {
+  return {
+    type: _constants.GROUP_ACTIONS.GROUP_TRANSLATE,
+    groupID: groupID,
+    x: x,
+    y: y
+  };
+}
+function groupRotate(groupID, rotation) {
+  return {
+    type: _constants.GROUP_ACTIONS.GROUP_ROTATE,
+    groupID: groupID,
+    rotation: rotation
+  };
+}

package/lib/actions/holes-actions.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.beginDraggingHole = beginDraggingHole;
+exports.beginDraggingHole3D = beginDraggingHole3D;
+exports.endCreatingHole = endCreatingHole;
+exports.endDraggingHole = endDraggingHole;
+exports.endDraggingHole3D = endDraggingHole3D;
+exports.endDrawingHole = endDrawingHole;
+exports.endDrawingHole3D = endDrawingHole3D;
+exports.selectHole = selectHole;
+exports.selectToolDrawingHole = selectToolDrawingHole;
+exports.selectToolDrawingHole3D = selectToolDrawingHole3D;
+exports.updateDraggingHole = updateDraggingHole;
+exports.updateDraggingHoleChanged = updateDraggingHoleChanged;
+exports.updateDraggingHoleRulerChanged = updateDraggingHoleRulerChanged;
+exports.updateDrawingHole = updateDrawingHole;
+exports.updateDrawingHole3D = updateDrawingHole3D;
+exports.updatePopupOpen = updatePopupOpen;
+var _constants = require("../constants");
+function endCreatingHole() {
+  return {
+    type: _constants.END_CREATING_HOLE
+  };
+}
+function updatePopupOpen(value) {
+  return {
+    type: _constants.UPDATE_POPUP_OPEN,
+    value: value
+  };
+}
+function selectHole(layerID, holeID) {
+  return {
+    type: _constants.SELECT_HOLE,
+    layerID: layerID,
+    holeID: holeID
+  };
+}
+function selectToolDrawingHole(sceneComponentType) {
+  return {
+    type: _constants.SELECT_TOOL_DRAWING_HOLE,
+    sceneComponentType: sceneComponentType
+  };
+}
+function selectToolDrawingHole3D(sceneComponentType) {
+  return {
+    type: _constants.SELECT_TOOL_DRAWING_HOLE_3D,
+    sceneComponentType: sceneComponentType
+  };
+}
+function updateDrawingHole(layerID, x, y) {
+  return {
+    type: _constants.UPDATE_DRAWING_HOLE,
+    layerID: layerID,
+    x: x,
+    y: y
+  };
+}
+function updateDrawingHole3D(layerID, x, y) {
+  return {
+    type: _constants.UPDATE_DRAWING_HOLE_3D,
+    layerID: layerID,
+    x: x,
+    y: y
+  };
+}
+function endDrawingHole(layerID, x, y) {
+  return {
+    type: _constants.END_DRAWING_HOLE,
+    layerID: layerID,
+    x: x,
+    y: y
+  };
+}
+function endDrawingHole3D(layerID, x, y) {
+  return {
+    type: _constants.END_DRAWING_HOLE_3D,
+    layerID: layerID,
+    x: x,
+    y: y
+  };
+}
+function beginDraggingHole(layerID, holeID, x, y) {
+  return {
+    type: _constants.BEGIN_DRAGGING_HOLE,
+    layerID: layerID,
+    holeID: holeID,
+    x: x,
+    y: y
+  };
+}
+function beginDraggingHole3D(layerID, holeID, x, y) {
+  return {
+    type: _constants.BEGIN_DRAGGING_HOLE_3D,
+    layerID: layerID,
+    holeID: holeID,
+    x: x,
+    y: y
+  };
+}
+function updateDraggingHole(x, y) {
+  return {
+    type: _constants.UPDATE_DRAGGING_HOLE,
+    x: x,
+    y: y
+  };
+}
+function endDraggingHole(x, y) {
+  return {
+    type: _constants.END_DRAGGING_HOLE,
+    x: x,
+    y: y
+  };
+}
+function endDraggingHole3D(x, y) {
+  return {
+    type: _constants.END_DRAGGING_HOLE_3D,
+    x: x,
+    y: y
+  };
+}
+function updateDraggingHoleChanged(x, y, layerID, holeID) {
+  return {
+    type: _constants.UPDATE_DRAGGING_HOLE_CHANGED,
+    x: x,
+    y: y,
+    layerID: layerID,
+    holeID: holeID
+  };
+}
+function updateDraggingHoleRulerChanged(width, layerID, holeID) {
+  return {
+    type: _constants.UPDATE_DRAGGING_HOLE_RULER_CHANGED,
+    width: width,
+    layerID: layerID,
+    holeID: holeID
+  };
+}