hart-estate-widget 0.0.8 → 0.0.9

package/build/index.js

@@ -6,25 +6,31 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ImageTab", {
   enumerable: true,
   get: function get() {
-    return _ImageTab.ImageTab;
+    return _ImageTab.default;
   }
 });
 Object.defineProperty(exports, "Instructions", {
   enumerable: true,
   get: function get() {
-    return _Instructions.Instructions;
+    return _Instructions.default;
+  }
+});
+Object.defineProperty(exports, "PanoramaTab", {
+  enumerable: true,
+  get: function get() {
+    return _PanoramaTab.default;
   }
 });
 Object.defineProperty(exports, "RotationTab", {
   enumerable: true,
   get: function get() {
-    return _RotationTab.RotationTab;
+    return _RotationTab.default;
   }
 });
 Object.defineProperty(exports, "TabWrapper", {
   enumerable: true,
   get: function get() {
-    return _TabWrapper.TabWrapper;
+    return _TabWrapper.default;
   }
 });
 Object.defineProperty(exports, "Widget", {
@@ -38,12 +44,14 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Widget = _interopRequireDefault(require("./components/Widget"));
 
-var _ImageTab = require("./components/ImageTab");
+var _ImageTab = _interopRequireDefault(require("./components/ImageTab"));
+
+var _Instructions = _interopRequireDefault(require("./components/Instructions"));
 
-var _Instructions = require("./components/Instructions");
+var _RotationTab = _interopRequireDefault(require("./components/RotationTab"));
 
-var _RotationTab = require("./components/RotationTab");
+var _PanoramaTab = _interopRequireDefault(require("./components/PanoramaTab"));
 
-var _TabWrapper = require("./components/TabWrapper");
+var _TabWrapper = _interopRequireDefault(require("./components/TabWrapper"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/build/utils/helpers.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVerticesLocations = exports.getScale = exports.findWallVertices = exports.findRoomCenter = exports.findMinMaxCoordinates = void 0;
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+const findWallVertices = (walls, wall, vertices) => {
+  const currentWall = walls.find(el => el.ID === wall);
+  return currentWall.Vertices.map(vertex => vertices.find(el => el.ID === vertex));
+};
+
+exports.findWallVertices = findWallVertices;
+
+const getVerticesLocations = vertices => vertices.map(vertex => vertex.Location);
+
+exports.getVerticesLocations = getVerticesLocations;
+
+const findMinMaxCoordinates = (room, walls, vertices) => {
+  let maxX = 0;
+  let minX = Infinity;
+  let maxY = 0;
+  let minY = Infinity;
+  room.Walls.forEach(wall => {
+    const [coord1, coord2] = getVerticesLocations(findWallVertices(walls, wall, vertices)); // CALCULATE MAX COORDS
+
+    if (coord1.X > maxX) maxX = coord1.X;
+    if (coord1.X > maxX) maxX = coord1.X;
+    if (coord2.Y > maxY) maxY = coord2.Y;
+    if (coord2.Y > maxY) maxY = coord2.Y; // CALCULATE MIN COORDS
+
+    if (coord1.X < minX) minX = coord1.X;
+    if (coord1.X < minX) minX = coord1.X;
+    if (coord2.Y < minY) minY = coord2.Y;
+    if (coord2.Y < minY) minY = coord2.Y;
+  });
+  return {
+    maxX,
+    minX,
+    maxY,
+    minY
+  };
+};
+
+exports.findMinMaxCoordinates = findMinMaxCoordinates;
+
+const findRoomCenter = (room, walls, vertices) => {
+  const {
+    maxX,
+    minX,
+    maxY,
+    minY
+  } = findMinMaxCoordinates(room, walls, vertices);
+  const left = (maxX + minX) / 2;
+  const top = (maxY + minY) / 2;
+  return {
+    left,
+    top
+  };
+};
+
+exports.findRoomCenter = findRoomCenter;
+
+const getScale = (image, json) => {
+  const imageWidth = image.width;
+  const imageHeight = image.height;
+  const baseImageWidth = 1024;
+  const baseImageHeight = imageHeight * (baseImageWidth / imageWidth);
+  const deltaX = imageWidth / baseImageWidth / json.Scale.X;
+  const deltaY = imageHeight / baseImageHeight / json.Scale.X;
+  return {
+    X: deltaX,
+    Y: deltaY
+  };
+};
+
+exports.getScale = getScale;

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.8",
+  "version": "0.0.9",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",
@@ -17,16 +17,20 @@
   },
   "scripts": {
     "start": "babel src --watch --out-dir build --copy-files",
+    "start-example": "cd ./example && npm run start",
     "build": "rm -rf build && NODE_ENV=production babel src --out-dir build --copy-files && npm run build:sass",
     "build:sass": "sass src/assets/sass/index.sass:build/index.css --style compressed"
   },
   "dependencies": {
+    "core-js": "^3.21.0",
     "mobx": "^6.3.13",
     "mobx-react-lite": "^3.2.3",
+    "panolens": "^0.12.1",
     "panzoom": "^9.4.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "core-js": "^3.21.0"
+    "three": "^0.137.5",
+    "three-device-orientation": "^1.0.3"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.0",