@operato/scene-indoor-map 8.0.0-beta.1 → 9.0.0-beta.0

package/src/quaternion.ts

@@ -1,129 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-export default class Quaternion {
-  x: number
-  y: number
-  z: number
-  w: number
-
-  constructor(x:  number, y: number, z: number, w?: number) {
-    this.x = x || 0;
-    this.y = y || 0;
-    this.z = z || 0;
-    this.w = w === undefined ? 1 : w;
-  }
-
-  multiply(q: Quaternion) {
-    var { x, y, z, w } = this;
-    var qx = q.x,
-      qy = q.y,
-      qz = q.z,
-      qw = q.w;
-
-    return new Quaternion(
-      x * qw + y * qz - z * qy + w * qx,
-      - x * qz + y * qw + z * qx + w * qy,
-      x * qy - y * qx + z * qw + w * qz,
-      - x * qx - y * qy - z * qz + w * qw
-    );
-  }
-
-  add(x_: number | Quaternion, y_: number, z_: number, w_: number): Quaternion {
-    var { x, y, z, w } = this;
-
-    // of the form: `q1.add(q2)`
-    if (isNaN(Number(x_)))
-      return (x_ as Quaternion).add(x, y, z, w);
-
-    // addition of the just scaler component. of the form: `q1.add(n)`
-    if (y_ === undefined)
-      return new Quaternion(x, y, z, w + (x_ as number));
-
-    // of the form: `q1.add(x, y, z, w)`
-    return new Quaternion(x + (x_ as number), y + y_, z + z_, w + w_);
-  }
-
-  get coords() {
-    return {
-      x: this.x,
-      y: this.y,
-      z: this.z,
-      w: this.w
-    }
-  }
-
-  get array() {
-    return [this.x, this.y, this.z, this.w];
-  }
-
-  get inverse() {
-    return new Quaternion(-this.x, -this.y, -this.z);
-  }
-
-  get size() {
-    return Math.sqrt(this.x * this.x + this.y * this.y + this.z * this.z + this.w * this.w);
-  }
-
-  get norm() {
-    var l = this.size;
-    if (l === 0)
-      return new Quaternion(0, 0, 0, 0);
-    else
-      return new Quaternion(this.x / l, this.y / l, this.z / l, this.w / l);
-  }
-
-  static fromAxis(axis: {x: number, y: number, z: number}, angle: number) {
-    // see: http://www.genesis3d.com/~kdtop/Quaternions-UsingToRepresentRotation.htm
-    // q = (s, v_vec)
-    // s = cos(theta / 2)
-    // v = u_vec * sin (theta / 2)
-    var halfAngle = angle / 2, s = Math.sin(halfAngle);
-    return new Quaternion(axis.x * s, axis.y * s, axis.z * s, Math.cos(halfAngle));
-  }
-
-  static fromEuler(vec: {x: number, y: number, z: number}) {
-    var c = 1,
-      x = vec.x * c,
-      y = vec.y * c,
-      z = vec.z * c,
-      c1 = Math.cos(y),
-      s1 = Math.sin(y),
-      c2 = Math.cos(-z),
-      s2 = Math.sin(-z),
-      c3 = Math.cos(x),
-      s3 = Math.sin(x),
-      c1c2 = c1 * c2,
-      s1s2 = s1 * s2;
-
-    return new Quaternion(
-      c1c2 * s3 + s1s2 * c3,
-      s1 * c2 * c3 + c1 * s2 * s3,
-      c1 * s2 * c3 - s1 * c2 * s3,
-      c1c2 * c3 - s1s2 * s3
-    );
-  }
-
-  multiVec(vec: {x: number, y: number, z: number}) {
-    var { x, y, z, w } = this;
-
-    // quaternion * vec
-    var x_ = w * vec.x + y * vec.z - z * vec.y,
-      y_ = w * vec.y + z * vec.x - x * vec.z,
-      z_ = w * vec.z + x * vec.y - y * vec.x,
-      w_ = -x * vec.x - y * vec.y - z * vec.z;
-
-    // vec * quaternion^-1
-    return {
-      // note: possible future per. opt. in signs
-      x: x_ * w + w_ * -x + y_ * -z - z_ * -y,
-      y: y_ * w + w_ * -y + z_ * -x - x_ * -z,
-      z: z_ * w + w_ * -z + x_ * -y - y_ * -x
-    }
-  }
-
-  toString() {
-    return '[x=' + this.x + ', y=' + this.y + ', z=' + this.z + ', w=' + this.w + ']'
-  }
-
-}

package/src/rack.ts

@@ -1,100 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { Component, ComponentNature, RectPath } from '@hatiolab/things-scene'
-
-const NATURE: ComponentNature = {
-  mutable: false,
-  resizable: true,
-  rotatable: true,
-  properties: [
-    {
-      type: 'number',
-      label: 'depth',
-      name: 'depth',
-      property: 'depth'
-    },
-    {
-      type: 'number',
-      label: 'shelves',
-      name: 'shelves',
-      property: 'shelves'
-    },
-    {
-      type: 'string',
-      label: 'location-pattern',
-      name: 'locPattern',
-      placeholder: '{z}{s}-{u}-{sh}',
-      property: 'locPattern'
-    },
-    {
-      type: 'string',
-      label: 'zone',
-      name: 'zone',
-      property: 'zone'
-    },
-    {
-      type: 'string',
-      label: 'section',
-      name: 'section',
-      property: 'section'
-    },
-    {
-      type: 'string',
-      label: 'unit',
-      name: 'unit',
-      property: 'unit'
-    },
-    {
-      type: 'string',
-      label: 'shelf-pattern',
-      name: 'shelfPattern',
-      placeholder: '#',
-      property: 'shelfPattern'
-    }
-  ],
-  help: 'scene/component/rack'
-}
-
-export default class Rack extends RectPath(Component) {
-  is3dish() {
-    return true
-  }
-
-  draw(context: CanvasRenderingContext2D) {
-    var { left, top, width, height, strokeStyle, lineWidth, fillStyle, alpha = 1 } = this.state
-
-    context.beginPath()
-    context.rect(left, top, width, height)
-    context.strokeStyle = strokeStyle
-    context.lineWidth = lineWidth
-    context.globalAlpha = alpha * 0.4
-    context.stroke()
-
-    context.beginPath()
-    context.rect(left + width * 0.15, top + height * 0.15, width * 0.7, height * 0.7)
-    context.fillStyle = fillStyle
-    context.globalAlpha = alpha * 0.5
-    context.fill()
-
-    context.beginPath()
-    context.moveTo(left, top)
-    context.lineTo(left + width, top + height)
-    context.moveTo(left, top + height)
-    context.lineTo(left + width, top)
-    context.strokeStyle = strokeStyle
-    context.lineWidth = lineWidth
-    context.globalAlpha = alpha * 0.4
-    context.stroke()
-  }
-
-  get nature() {
-    return NATURE
-  }
-
-  get hasTextProperty() {
-    return false
-  }
-}
-
-Component.register('rack', Rack)

package/src/templates/beacon.ts

@@ -1,16 +0,0 @@
-const icon = new URL('../../icons/beacon.png', import.meta.url).href
-
-export default {
-  type: 'beacon',
-  description: 'beacon',
-  group: 'IoT' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
-  icon,
-  model: {
-    type: 'beacon',
-    left: 100,
-    top: 100,
-    zPos: 0,
-    width: 100,
-    height: 100
-  }
-}

package/src/templates/camera.ts

@@ -1,21 +0,0 @@
-const icon = new URL('../../icons/no-image.png', import.meta.url).href
-
-export default {
-  type: 'camera',
-  description: 'camera',
-  group: 'IoT' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
-  icon,
-  model: {
-    type: 'camera',
-    left: 100,
-    top: 100,
-    width: 600,
-    height: 400,
-    lineWidth: 1,
-    strokeStyle: 'black',
-    fillStyle: 'yellow',
-    yaw: 0.2,
-    pitch: 0.2,
-    roll: 0.2
-  }
-}

package/src/templates/index.ts

@@ -1,4 +0,0 @@
-import indoorMap from './indoor-map'
-import rack from './rack'
-
-export default [indoorMap, rack]

package/src/templates/indoor-map.ts

@@ -1,17 +0,0 @@
-const icon = new URL('../../icons/indoor-map.png', import.meta.url).href
-
-export default {
-  type: 'indoor-map',
-  description: 'indoor map',
-  group: 'container' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
-  icon,
-  model: {
-    type: 'indoor-map',
-    left: 100,
-    top: 100,
-    width: 200,
-    height: 200,
-    fontSize: 80,
-    lineWidth: 1
-  }
-}

package/src/templates/rack.ts

@@ -1,23 +0,0 @@
-const icon = new URL('../../icons/rack.png', import.meta.url).href
-
-export default {
-  type: 'rack',
-  description: 'rack in warehouse',
-  group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
-  icon,
-  model: {
-    type: 'rack',
-    left: 100,
-    top: 100,
-    width: 100,
-    height: 100,
-    depth: 100,
-    shelves: 1,
-    locPattern: '{z}{s}-{u}-{sh}',
-    shelfPattern: '#',
-    fillStyle: '#ffffff',
-    strokeStyle: '#999',
-    lineWidth: 1,
-    alpha: 1
-  }
-}

package/test/basic-test.html

@@ -1,67 +0,0 @@
-<!doctype html>
-<!--
-@license
-Copyright © HatioLab Inc. All rights reserved.
--->
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
-
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-    <script src="../../web-component-tester/browser.js"></script>
-
-    <!-- Step 1: import the element to test -->
-    <link rel="import" href="../things-scene-indoor-map.html">
-  </head>
-  <body>
-
-    <!-- You can use the document as a place to set up your fixtures. -->
-    <test-fixture id="things-scene-indoor-map-fixture">
-      <template>
-        <things-scene-indoor-map>
-          <h2>things-scene-indoor-map</h2>
-        </things-scene-indoor-map>
-      </template>
-    </test-fixture>
-
-    <script>
-      suite('<things-scene-indoor-map>', function() {
-
-        var myEl;
-
-        setup(function() {
-          myEl = fixture('things-scene-indoor-map-fixture');
-        });
-
-        test('defines the "author" property', function() {
-          assert.equal(myEl.author.name, 'Dimitri Glazkov');
-          assert.equal(myEl.author.image, 'http://addyosmani.com/blog/wp-content/uploads/2013/04/unicorn.jpg');
-        });
-
-        test('says hello', function() {
-          assert.equal(myEl.sayHello(), 'things-scene-indoor-map says, Hello World!');
-
-          var greetings = myEl.sayHello('greetings Earthlings');
-          assert.equal(greetings, 'things-scene-indoor-map says, greetings Earthlings');
-        });
-
-        test('fires lasers', function(done) {
-          myEl.addEventListener('things-scene-indoor-map-lasers', function(event) {
-            assert.equal(event.detail.sound, 'Pew pew!');
-            done();
-          });
-          myEl.fireLasers();
-        });
-
-        test('distributed children', function() {
-          var els = myEl.getContentChildren();
-          assert.equal(els.length, 1, 'one distributed node');
-          assert.equal(els[0], myEl.querySelector('h2'), 'content distributed correctly');
-        });
-
-      });
-    </script>
-
-  </body>
-</html>

package/test/index.html

@@ -1,22 +0,0 @@
-<!doctype html>
-<!--
-@license
-Copyright © HatioLab Inc. All rights reserved.
--->
-<html><head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
-
-    <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
-    <script src="../../web-component-tester/browser.js"></script>
-  </head>
-  <body>
-    <script>
-      // Load and run all tests (.html, .js):
-      WCT.loadSuites([
-        'basic-test.html',
-        'basic-test.html?dom=shadow'
-      ]);
-    </script>
-
-</body></html>

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "lib": ["es2019", "dom"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowJs": true,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "importHelpers": true,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "src",
-    "declaration": true,
-    "incremental": true,
-    "skipLibCheck": true
-  },
-  "include": ["**/*.ts", "*.d.ts"]
-}