@operato/scene-polypath 1.2.46 → 1.2.49

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.49](https://github.com/things-scene/operato-scene/compare/v1.2.48...v1.2.49) (2023-06-26)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([61ba4f2](https://github.com/things-scene/operato-scene/commit/61ba4f2ae22a865d700a971d62eb01f950c34d0e))
+
+
+
+## [1.2.47](https://github.com/things-scene/operato-scene/compare/v1.2.46...v1.2.47) (2023-06-11)
+
+
+### :bug: Bug Fix
+
+* polypath ([a2b3bf4](https://github.com/things-scene/operato-scene/commit/a2b3bf4faaeda751c727eb487f8dd1780c7acbe5))
+* polypath ([e3f28b2](https://github.com/things-scene/operato-scene/commit/e3f28b222021c213d0fba4c79e09a516fd9a95be))
+
+
+
 ## [1.2.46](https://github.com/things-scene/operato-scene/compare/v1.2.45...v1.2.46) (2023-06-10)
 
 

package/dist/polyline.d.ts

@@ -0,0 +1,21 @@
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare class Vector {
+    x: number;
+    y: number;
+    constructor(x: number, y: number);
+    static subtract(v1: Vector, v2: Vector): Vector;
+    static add(v1: Vector, v2: Vector): Vector;
+    normalize(): Vector;
+    perp(): Vector;
+    mult(scalar: number): Vector;
+}
+export declare class Polyline {
+    private points;
+    private thickness;
+    constructor(points: Point[], thickness: number);
+    get path(): Vector[];
+    draw(ctx: CanvasRenderingContext2D): void;
+}

package/dist/polyline.js

@@ -0,0 +1,61 @@
+export class Vector {
+    constructor(x, y) {
+        this.x = x;
+        this.y = y;
+    }
+    static subtract(v1, v2) {
+        return new Vector(v1.x - v2.x, v1.y - v2.y);
+    }
+    static add(v1, v2) {
+        return new Vector(v1.x + v2.x, v1.y + v2.y);
+    }
+    normalize() {
+        const length = Math.sqrt(this.x * this.x + this.y * this.y);
+        return new Vector(this.x / length, this.y / length);
+    }
+    perp() {
+        return new Vector(-this.y, this.x);
+    }
+    mult(scalar) {
+        return new Vector(this.x * scalar, this.y * scalar);
+    }
+}
+export class Polyline {
+    constructor(points, thickness) {
+        this.points = points.map(p => new Vector(p.x, p.y));
+        this.thickness = thickness;
+    }
+    get path() {
+        let innerPoints = [];
+        let outerPoints = [];
+        for (let i = 0; i < this.points.length - 1; i++) {
+            let start = this.points[i];
+            let end = this.points[i + 1];
+            let direction = Vector.subtract(end, start).normalize();
+            let perpendicular = direction.perp();
+            let thicknessVector = perpendicular.mult(this.thickness / 2);
+            let startInner = Vector.subtract(start, thicknessVector);
+            let startOuter = Vector.add(start, thicknessVector);
+            let endInner = Vector.subtract(end, thicknessVector);
+            let endOuter = Vector.add(end, thicknessVector);
+            innerPoints.push(startInner, endInner);
+            outerPoints.push(startOuter, endOuter);
+        }
+        return [...outerPoints, ...innerPoints.reverse()];
+    }
+    draw(ctx) {
+        const path = this.path;
+        ctx.beginPath();
+        path.forEach((point, index) => {
+            if (index === 0) {
+                ctx.moveTo(point.x, point.y);
+            }
+            else {
+                ctx.lineTo(point.x, point.y);
+            }
+        });
+        ctx.closePath();
+        ctx.fill();
+    }
+}
+//# sourceMappingURL=polyline.js.map

package/dist/polyline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyline.js","sourceRoot":"","sources":["../src/polyline.ts"],"names":[],"mappings":"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","sourcesContent":["export interface Point {\n  x: number\n  y: number\n}\n\nexport class Vector {\n  constructor(public x: number, public y: number) {}\n\n  static subtract(v1: Vector, v2: Vector): Vector {\n    return new Vector(v1.x - v2.x, v1.y - v2.y)\n  }\n\n  static add(v1: Vector, v2: Vector): Vector {\n    return new Vector(v1.x + v2.x, v1.y + v2.y)\n  }\n\n  normalize(): Vector {\n    const length = Math.sqrt(this.x * this.x + this.y * this.y)\n    return new Vector(this.x / length, this.y / length)\n  }\n\n  perp(): Vector {\n    return new Vector(-this.y, this.x)\n  }\n\n  mult(scalar: number): Vector {\n    return new Vector(this.x * scalar, this.y * scalar)\n  }\n}\n\nexport class Polyline {\n  private points: Vector[]\n  private thickness: number\n\n  constructor(points: Point[], thickness: number) {\n    this.points = points.map(p => new Vector(p.x, p.y))\n    this.thickness = thickness\n  }\n\n  get path(): Vector[] {\n    let innerPoints: Vector[] = []\n    let outerPoints: Vector[] = []\n\n    for (let i = 0; i < this.points.length - 1; i++) {\n      let start = this.points[i]\n      let end = this.points[i + 1]\n\n      let direction = Vector.subtract(end, start).normalize()\n      let perpendicular = direction.perp()\n      let thicknessVector = perpendicular.mult(this.thickness / 2)\n\n      let startInner = Vector.subtract(start, thicknessVector)\n      let startOuter = Vector.add(start, thicknessVector)\n      let endInner = Vector.subtract(end, thicknessVector)\n      let endOuter = Vector.add(end, thicknessVector)\n\n      innerPoints.push(startInner, endInner)\n      outerPoints.push(startOuter, endOuter)\n    }\n\n    return [...outerPoints, ...innerPoints.reverse()]\n  }\n\n  draw(ctx: CanvasRenderingContext2D): void {\n    const path = this.path\n\n    ctx.beginPath()\n\n    path.forEach((point, index) => {\n      if (index === 0) {\n        ctx.moveTo(point.x, point.y)\n      } else {\n        ctx.lineTo(point.x, point.y)\n      }\n    })\n\n    ctx.closePath()\n    ctx.fill()\n  }\n}\n"]}

package/dist/polypath.d.ts

@@ -1,8 +1,13 @@
-import { Component, Shape } from '@hatiolab/things-scene';
-export default class PolyPath extends Shape {
+import { Component, Line, Properties } from '@hatiolab/things-scene';
+import { Polyline } from './polyline';
+export default class PolyPath extends Line {
+    _fromEnd: any;
+    _toEnd: any;
     get pathExtendable(): boolean;
-    get path(): any;
-    set path(path: any);
+    get path(): any[];
+    set path(path: any[]);
+    get polyline(): Polyline;
+    _polyline?: Polyline;
     contains(x: number, y: number): boolean;
     get controls(): {
         x: any;
@@ -13,7 +18,8 @@ export default class PolyPath extends Shape {
             ondragend: (point: import("@hatiolab/things-scene").POINT, index: number, component: Component) => void;
         };
     }[];
-    render(ctx: CanvasRenderingContext2D): void;
+    draw(ctx: CanvasRenderingContext2D): void;
+    onchange(after: Properties, before: Properties): void;
     is3dish(): boolean;
     get nature(): {
         mutable: boolean;

package/dist/polypath.js

@@ -1,7 +1,8 @@
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import { Component, Shape } from '@hatiolab/things-scene';
+import { Component, Line } from '@hatiolab/things-scene';
+import { Polyline } from './polyline';
 var controlHandler = {
     ondragstart: function (point, index, component) {
         component.mutatePath(null, function (path) {
@@ -16,30 +17,67 @@ var controlHandler = {
     ondragend: function (point, index, component) { }
 };
 const NATURE = {
-    mutable: true,
+    mutable: false,
     resizable: false,
     rotatable: false,
     properties: [
         {
             type: 'number',
-            label: 'w',
-            name: 'w'
+            label: 'thickness',
+            name: 'thickness'
+        },
+        {
+            type: 'string',
+            label: 'line-dash',
+            name: 'lineDash'
+        },
+        {
+            type: 'number',
+            label: 'line-dash-offset',
+            name: 'lineDashOffset'
         }
     ],
     help: 'scene/component/polypath'
 };
-export default class PolyPath extends Shape {
+export default class PolyPath extends Line {
     get pathExtendable() {
         return true;
     }
     get path() {
-        return this.getState('path');
+        var _a, _b;
+        const { from, to } = this.state;
+        const { path } = this.state;
+        return [
+            ((_a = this.fromEnd) === null || _a === void 0 ? void 0 : _a.position) || (from === null || from === void 0 ? void 0 : from.position) || path[0],
+            ...path.slice(1, -1),
+            ((_b = this.toEnd) === null || _b === void 0 ? void 0 : _b.position) || (to === null || to === void 0 ? void 0 : to.position) || path[path.length - 1]
+        ];
     }
     set path(path) {
-        this.setState('path', path);
+        const { from, to } = this.state;
+        delete this._fromEnd;
+        delete this._toEnd;
+        this.set({
+            from: {
+                ...from,
+                position: path[0]
+            },
+            to: {
+                ...to,
+                position: path[path.length - 1]
+            },
+            path
+        });
+        this._polyline = new Polyline(path, this.state.thickness || 50);
+    }
+    get polyline() {
+        if (!this._polyline) {
+            this._polyline = new Polyline(this.path, this.state.thickness || 50);
+        }
+        return this._polyline;
     }
     contains(x, y) {
-        var path = this.state.path;
+        var path = this.polyline.path;
         var result = false;
         path.forEach((p, idx) => {
             let j = (idx + path.length + 1) % path.length;
@@ -81,28 +119,37 @@ export default class PolyPath extends Shape {
         }
         return controls;
     }
-    render(ctx) {
-        var { path, w = 50 } = this.state;
+    draw(ctx) {
+        const { thickness = 50, fillStyle, strokeStyle, lineWidth, lineDash, lineDashOffset } = this.state;
+        const path = this.path;
+        ctx.save();
         ctx.beginPath();
+        ctx.fillStyle = fillStyle;
+        this.polyline.draw(ctx);
+        ctx.beginPath();
+        ctx.strokeStyle = strokeStyle;
+        ctx.lineJoin = 'bevel';
+        ctx.lineWidth = Math.round(thickness - lineWidth);
+        if (lineDash) {
+            ctx.setLineDash(lineDash
+                .split(',')
+                .map((text) => Number(text))
+                .filter((num) => !isNaN(num)));
+            if (lineDashOffset) {
+                ctx.lineDashOffset = lineDashOffset;
+            }
+        }
         ctx.moveTo(path[0].x, path[0].y);
-        // 폭 적용하여 폐곡선 그리기
-        for (let i = 1; i < path.length; i++) {
-            const { x: prevX, y: prevY } = path[i - 1];
-            const { x: currX, y: currY } = path[i];
-            const angle = Math.atan2(currY - prevY, currX - prevX);
-            const offsetX = w * Math.sin(angle);
-            const offsetY = w * Math.cos(angle);
-            ctx.lineTo(currX + offsetX, currY - offsetY);
+        path.slice(1).forEach(point => {
+            ctx.lineTo(point.x, point.y);
+        });
+        ctx.stroke();
+        ctx.restore();
+    }
+    onchange(after, before) {
+        if ('thickness' in after) {
+            delete this._polyline;
         }
-        // for (let i = path.length - 1; i >= 0; i--) {
-        //   const { x: prevX, y: prevY } = path[i + 1] || path[path.length - 1]
-        //   const { x: currX, y: currY } = path[i]
-        //   const angle = Math.atan2(currY - prevY, currX - prevX)
-        //   const offsetX = w * Math.sin(angle)
-        //   const offsetY = w * Math.cos(angle)
-        //   ctx.lineTo(currX - offsetX, currY + offsetY)
-        // }
-        ctx.closePath();
     }
     is3dish() {
         return false;
@@ -111,6 +158,5 @@ export default class PolyPath extends Shape {
         return NATURE;
     }
 }
-Component.memoize(PolyPath.prototype, 'controls', false);
 Component.register('polypath', PolyPath);
 //# sourceMappingURL=polypath.js.map

package/dist/polypath.js.map

@@ -1 +1 @@
-{"version":3,"file":"polypath.js","sourceRoot":"","sources":["../src/polypath.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAY,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEnE,IAAI,cAAc,GAAG;IACnB,WAAW,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB;QACzE,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,IAAI;YACvC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA,CAAC,oCAAoC;QACnE,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,UAAU,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB;QACxE,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,IAAI;YACvC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB,IAAG,CAAC;CAC9E,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,GAAG;SACV;KACF;IACD,IAAI,EAAE,0BAA0B;CACjC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK;IACzC,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9B,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,QAAQ,CAAC,CAAS,EAAE,CAAS;QAC3B,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAA;QAC1B,IAAI,MAAM,GAAG,KAAK,CAAA;QAElB,IAAI,CAAC,OAAO,CAAC,CAAC,CAA2B,EAAE,GAAW,EAAE,EAAE;YACxD,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAE7C,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAClB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAElB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;gBAAE,MAAM,GAAG,CAAC,MAAM,CAAA;QACvF,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,yCAAyC;QACzC,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACpB,IAAI,QAAQ,GAAG,EAAE,CAAA;QAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YACxC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAEpB,IAAI,CAAC,IAAI,CAAC,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC;oBACZ,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,OAAO,EAAE,cAAc;iBACxB,CAAC,CAAA;aACH;YAED,QAAQ,CAAC,IAAI,CAAC;gBACZ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;gBACpB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;gBACpB,OAAO,EAAE,cAAc;aACxB,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC;oBACZ,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,OAAO,EAAE,cAAc;iBACxB,CAAC,CAAA;aACH;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEjC,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEhC,iBAAiB;QACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACpC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC1C,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YACtC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,CAAA;YACtD,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACnC,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACnC,GAAG,CAAC,MAAM,CAAC,KAAK,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,CAAC,CAAA;SAC7C;QAED,+CAA+C;QAC/C,wEAAwE;QACxE,2CAA2C;QAC3C,2DAA2D;QAC3D,wCAAwC;QACxC,wCAAwC;QACxC,iDAAiD;QACjD,IAAI;QAEJ,GAAG,CAAC,SAAS,EAAE,CAAA;IACjB,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF;AAED,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,EAAE,UAAU,EAAE,KAAK,CAAC,CAAA;AAExD,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, POSITION, Shape } from '@hatiolab/things-scene'\n\nvar controlHandler = {\n  ondragstart: function (point: POSITION, index: number, component: Component) {\n    component.mutatePath(null, function (path) {\n      path.splice(index, 0, point) // array.insert(index, point) 의 의미임.\n    })\n  },\n\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    component.mutatePath(null, function (path) {\n      path[index] = point\n    })\n  },\n\n  ondragend: function (point: POSITION, index: number, component: Component) {}\n}\n\nconst NATURE = {\n  mutable: true,\n  resizable: false,\n  rotatable: false,\n  properties: [\n    {\n      type: 'number',\n      label: 'w',\n      name: 'w'\n    }\n  ],\n  help: 'scene/component/polypath'\n}\n\nexport default class PolyPath extends Shape {\n  get pathExtendable() {\n    return true\n  }\n\n  get path() {\n    return this.getState('path')\n  }\n\n  set path(path) {\n    this.setState('path', path)\n  }\n\n  contains(x: number, y: number) {\n    var path = this.state.path\n    var result = false\n\n    path.forEach((p: { x: number; y: number }, idx: number) => {\n      let j = (idx + path.length + 1) % path.length\n\n      let x1 = p.x\n      let y1 = p.y\n      let x2 = path[j].x\n      let y2 = path[j].y\n\n      if (y1 > y != y2 > y && x < ((x2 - x1) * (y - y1)) / (y2 - y1) + x1) result = !result\n    })\n\n    return result\n  }\n\n  get controls() {\n    // 폴리라인에서의 control은 새로운 path를 추가하는 포인트이다.\n    var path = this.path\n    var controls = []\n\n    for (let i = 0; i < path.length - 1; i++) {\n      let p1 = path[i]\n      let p2 = path[i + 1]\n\n      if (i == 0) {\n        controls.push({\n          x: p1.x,\n          y: p1.y,\n          handler: controlHandler\n        })\n      }\n\n      controls.push({\n        x: (p1.x + p2.x) / 2,\n        y: (p1.y + p2.y) / 2,\n        handler: controlHandler\n      })\n\n      if (i == path.length - 2) {\n        controls.push({\n          x: p2.x,\n          y: p2.y,\n          handler: controlHandler\n        })\n      }\n    }\n\n    return controls\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { path, w = 50 } = this.state\n\n    ctx.beginPath()\n    ctx.moveTo(path[0].x, path[0].y)\n\n    // 폭 적용하여 폐곡선 그리기\n    for (let i = 1; i < path.length; i++) {\n      const { x: prevX, y: prevY } = path[i - 1]\n      const { x: currX, y: currY } = path[i]\n      const angle = Math.atan2(currY - prevY, currX - prevX)\n      const offsetX = w * Math.sin(angle)\n      const offsetY = w * Math.cos(angle)\n      ctx.lineTo(currX + offsetX, currY - offsetY)\n    }\n\n    // for (let i = path.length - 1; i >= 0; i--) {\n    //   const { x: prevX, y: prevY } = path[i + 1] || path[path.length - 1]\n    //   const { x: currX, y: currY } = path[i]\n    //   const angle = Math.atan2(currY - prevY, currX - prevX)\n    //   const offsetX = w * Math.sin(angle)\n    //   const offsetY = w * Math.cos(angle)\n    //   ctx.lineTo(currX - offsetX, currY + offsetY)\n    // }\n\n    ctx.closePath()\n  }\n\n  is3dish() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.memoize(PolyPath.prototype, 'controls', false)\n\nComponent.register('polypath', PolyPath)\n"]}
+{"version":3,"file":"polypath.js","sourceRoot":"","sources":["../src/polypath.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAY,IAAI,EAAqB,MAAM,wBAAwB,CAAA;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,IAAI,cAAc,GAAG;IACnB,WAAW,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB;QACzE,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,IAAI;YACvC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA,CAAC,oCAAoC;QACnE,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,UAAU,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB;QACxE,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,IAAI;YACvC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,CAAA;QACrB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,EAAE,UAAU,KAAe,EAAE,KAAa,EAAE,SAAoB,IAAG,CAAC;CAC9E,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,WAAW;SAClB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,UAAU;SACjB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,kBAAkB;YACzB,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,IAAI,EAAE,0BAA0B;CACjC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAIxC,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,IAAI;;QACN,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE3B,OAAO;YACL,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,QAAQ,MAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAA,IAAI,IAAI,CAAC,CAAC,CAAC;YACnD,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACpB,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,MAAI,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,CAAA,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;SAC9D,CAAA;IACH,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE/B,OAAO,IAAI,CAAC,QAAQ,CAAA;QACpB,OAAO,IAAI,CAAC,MAAM,CAAA;QAElB,IAAI,CAAC,GAAG,CAAC;YACP,IAAI,EAAE;gBACJ,GAAG,IAAI;gBACP,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;aAClB;YACD,EAAE,EAAE;gBACF,GAAG,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;aAChC;YACD,IAAI;SACL,CAAC,CAAA;QAEF,IAAI,CAAC,SAAS,GAAG,IAAI,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;IACjE,CAAC;IAED,IAAI,QAAQ;QACV,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,IAAI,CAAC,SAAS,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;SACrE;QACD,OAAO,IAAI,CAAC,SAAS,CAAA;IACvB,CAAC;IAID,QAAQ,CAAC,CAAS,EAAE,CAAS;QAC3B,IAAI,IAAI,GAAa,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAA;QACvC,IAAI,MAAM,GAAG,KAAK,CAAA;QAElB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YACtB,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAA;YAE7C,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;YACZ,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAClB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YAElB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;gBAAE,MAAM,GAAG,CAAC,MAAM,CAAA;QACvF,CAAC,CAAC,CAAA;QAEF,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,QAAQ;QACV,yCAAyC;QACzC,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;QACpB,IAAI,QAAQ,GAAG,EAAE,CAAA;QAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YACxC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;YAChB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAEpB,IAAI,CAAC,IAAI,CAAC,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC;oBACZ,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,OAAO,EAAE,cAAc;iBACxB,CAAC,CAAA;aACH;YAED,QAAQ,CAAC,IAAI,CAAC;gBACZ,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;gBACpB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;gBACpB,OAAO,EAAE,cAAc;aACxB,CAAC,CAAA;YAEF,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC;oBACZ,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,CAAC,EAAE,EAAE,CAAC,CAAC;oBACP,OAAO,EAAE,cAAc;iBACxB,CAAC,CAAA;aACH;SACF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,IAAI,CAAC,GAA6B;QAChC,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAClG,MAAM,IAAI,GAAa,IAAI,CAAC,IAAI,CAAA;QAEhC,GAAG,CAAC,IAAI,EAAE,CAAA;QACV,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,SAAS,GAAG,SAAS,CAAA;QAEzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QAEvB,GAAG,CAAC,SAAS,EAAE,CAAA;QAEf,GAAG,CAAC,WAAW,GAAG,WAAW,CAAA;QAC7B,GAAG,CAAC,QAAQ,GAAG,OAAO,CAAA;QACtB,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAA;QACjD,IAAI,QAAQ,EAAE;YACZ,GAAG,CAAC,WAAW,CACb,QAAQ;iBACL,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;iBACnC,MAAM,CAAC,CAAC,GAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CACxC,CAAA;YAED,IAAI,cAAc,EAAE;gBAClB,GAAG,CAAC,cAAc,GAAG,cAAc,CAAA;aACpC;SACF;QAED,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAEhC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC5B,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAA;QAC9B,CAAC,CAAC,CAAA;QAEF,GAAG,CAAC,MAAM,EAAE,CAAA;QACZ,GAAG,CAAC,OAAO,EAAE,CAAA;IACf,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,WAAW,IAAI,KAAK,EAAE;YACxB,OAAO,IAAI,CAAC,SAAS,CAAA;SACtB;IACH,CAAC;IAED,OAAO;QACL,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, POSITION, Line, Shape, Properties } from '@hatiolab/things-scene'\nimport { Polyline } from './polyline'\nimport { Vector } from './polyline'\n\nvar controlHandler = {\n  ondragstart: function (point: POSITION, index: number, component: Component) {\n    component.mutatePath(null, function (path) {\n      path.splice(index, 0, point) // array.insert(index, point) 의 의미임.\n    })\n  },\n\n  ondragmove: function (point: POSITION, index: number, component: Component) {\n    component.mutatePath(null, function (path) {\n      path[index] = point\n    })\n  },\n\n  ondragend: function (point: POSITION, index: number, component: Component) {}\n}\n\nconst NATURE = {\n  mutable: false,\n  resizable: false,\n  rotatable: false,\n  properties: [\n    {\n      type: 'number',\n      label: 'thickness',\n      name: 'thickness'\n    },\n    {\n      type: 'string',\n      label: 'line-dash',\n      name: 'lineDash'\n    },\n    {\n      type: 'number',\n      label: 'line-dash-offset',\n      name: 'lineDashOffset'\n    }\n  ],\n  help: 'scene/component/polypath'\n}\n\nexport default class PolyPath extends Line {\n  _fromEnd: any\n  _toEnd: any\n\n  get pathExtendable() {\n    return true\n  }\n\n  get path() {\n    const { from, to } = this.state\n    const { path } = this.state\n\n    return [\n      this.fromEnd?.position || from?.position || path[0],\n      ...path.slice(1, -1),\n      this.toEnd?.position || to?.position || path[path.length - 1]\n    ]\n  }\n\n  set path(path) {\n    const { from, to } = this.state\n\n    delete this._fromEnd\n    delete this._toEnd\n\n    this.set({\n      from: {\n        ...from,\n        position: path[0]\n      },\n      to: {\n        ...to,\n        position: path[path.length - 1]\n      },\n      path\n    })\n\n    this._polyline = new Polyline(path, this.state.thickness || 50)\n  }\n\n  get polyline(): Polyline {\n    if (!this._polyline) {\n      this._polyline = new Polyline(this.path, this.state.thickness || 50)\n    }\n    return this._polyline\n  }\n\n  _polyline?: Polyline\n\n  contains(x: number, y: number) {\n    var path: Vector[] = this.polyline.path\n    var result = false\n\n    path.forEach((p, idx) => {\n      let j = (idx + path.length + 1) % path.length\n\n      let x1 = p.x\n      let y1 = p.y\n      let x2 = path[j].x\n      let y2 = path[j].y\n\n      if (y1 > y != y2 > y && x < ((x2 - x1) * (y - y1)) / (y2 - y1) + x1) result = !result\n    })\n\n    return result\n  }\n\n  get controls() {\n    // 폴리라인에서의 control은 새로운 path를 추가하는 포인트이다.\n    var path = this.path\n    var controls = []\n\n    for (let i = 0; i < path.length - 1; i++) {\n      let p1 = path[i]\n      let p2 = path[i + 1]\n\n      if (i == 0) {\n        controls.push({\n          x: p1.x,\n          y: p1.y,\n          handler: controlHandler\n        })\n      }\n\n      controls.push({\n        x: (p1.x + p2.x) / 2,\n        y: (p1.y + p2.y) / 2,\n        handler: controlHandler\n      })\n\n      if (i == path.length - 2) {\n        controls.push({\n          x: p2.x,\n          y: p2.y,\n          handler: controlHandler\n        })\n      }\n    }\n\n    return controls\n  }\n\n  draw(ctx: CanvasRenderingContext2D): void {\n    const { thickness = 50, fillStyle, strokeStyle, lineWidth, lineDash, lineDashOffset } = this.state\n    const path: Vector[] = this.path\n\n    ctx.save()\n    ctx.beginPath()\n\n    ctx.fillStyle = fillStyle\n\n    this.polyline.draw(ctx)\n\n    ctx.beginPath()\n\n    ctx.strokeStyle = strokeStyle\n    ctx.lineJoin = 'bevel'\n    ctx.lineWidth = Math.round(thickness - lineWidth)\n    if (lineDash) {\n      ctx.setLineDash(\n        lineDash\n          .split(',')\n          .map((text: string) => Number(text))\n          .filter((num: number) => !isNaN(num))\n      )\n\n      if (lineDashOffset) {\n        ctx.lineDashOffset = lineDashOffset\n      }\n    }\n\n    ctx.moveTo(path[0].x, path[0].y)\n\n    path.slice(1).forEach(point => {\n      ctx.lineTo(point.x, point.y)\n    })\n\n    ctx.stroke()\n    ctx.restore()\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('thickness' in after) {\n      delete this._polyline\n    }\n  }\n\n  is3dish() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n\nComponent.register('polypath', PolyPath)\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/scene-polypath",
-  "version": "1.2.46",
+  "version": "1.2.49",
   "description": "Poly path component for things-scene",
   "author": "heartyoh",
   "main": "dist/index.js",
@@ -57,5 +57,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "1642231c4a8e50b20f520fad3ac3e00ebf7fe8d8"
+  "gitHead": "f91b0d45641177ae36015ebd23b780a48715349b"
 }

package/src/polyline.ts

@@ -0,0 +1,80 @@
+export interface Point {
+  x: number
+  y: number
+}
+
+export class Vector {
+  constructor(public x: number, public y: number) {}
+
+  static subtract(v1: Vector, v2: Vector): Vector {
+    return new Vector(v1.x - v2.x, v1.y - v2.y)
+  }
+
+  static add(v1: Vector, v2: Vector): Vector {
+    return new Vector(v1.x + v2.x, v1.y + v2.y)
+  }
+
+  normalize(): Vector {
+    const length = Math.sqrt(this.x * this.x + this.y * this.y)
+    return new Vector(this.x / length, this.y / length)
+  }
+
+  perp(): Vector {
+    return new Vector(-this.y, this.x)
+  }
+
+  mult(scalar: number): Vector {
+    return new Vector(this.x * scalar, this.y * scalar)
+  }
+}
+
+export class Polyline {
+  private points: Vector[]
+  private thickness: number
+
+  constructor(points: Point[], thickness: number) {
+    this.points = points.map(p => new Vector(p.x, p.y))
+    this.thickness = thickness
+  }
+
+  get path(): Vector[] {
+    let innerPoints: Vector[] = []
+    let outerPoints: Vector[] = []
+
+    for (let i = 0; i < this.points.length - 1; i++) {
+      let start = this.points[i]
+      let end = this.points[i + 1]
+
+      let direction = Vector.subtract(end, start).normalize()
+      let perpendicular = direction.perp()
+      let thicknessVector = perpendicular.mult(this.thickness / 2)
+
+      let startInner = Vector.subtract(start, thicknessVector)
+      let startOuter = Vector.add(start, thicknessVector)
+      let endInner = Vector.subtract(end, thicknessVector)
+      let endOuter = Vector.add(end, thicknessVector)
+
+      innerPoints.push(startInner, endInner)
+      outerPoints.push(startOuter, endOuter)
+    }
+
+    return [...outerPoints, ...innerPoints.reverse()]
+  }
+
+  draw(ctx: CanvasRenderingContext2D): void {
+    const path = this.path
+
+    ctx.beginPath()
+
+    path.forEach((point, index) => {
+      if (index === 0) {
+        ctx.moveTo(point.x, point.y)
+      } else {
+        ctx.lineTo(point.x, point.y)
+      }
+    })
+
+    ctx.closePath()
+    ctx.fill()
+  }
+}

package/src/polypath.ts

@@ -2,7 +2,9 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { Component, POSITION, Shape } from '@hatiolab/things-scene'
+import { Component, POSITION, Line, Shape, Properties } from '@hatiolab/things-scene'
+import { Polyline } from './polyline'
+import { Vector } from './polyline'
 
 var controlHandler = {
   ondragstart: function (point: POSITION, index: number, component: Component) {
@@ -21,37 +23,83 @@ var controlHandler = {
 }
 
 const NATURE = {
-  mutable: true,
+  mutable: false,
   resizable: false,
   rotatable: false,
   properties: [
     {
       type: 'number',
-      label: 'w',
-      name: 'w'
+      label: 'thickness',
+      name: 'thickness'
+    },
+    {
+      type: 'string',
+      label: 'line-dash',
+      name: 'lineDash'
+    },
+    {
+      type: 'number',
+      label: 'line-dash-offset',
+      name: 'lineDashOffset'
     }
   ],
   help: 'scene/component/polypath'
 }
 
-export default class PolyPath extends Shape {
+export default class PolyPath extends Line {
+  _fromEnd: any
+  _toEnd: any
+
   get pathExtendable() {
     return true
   }
 
   get path() {
-    return this.getState('path')
+    const { from, to } = this.state
+    const { path } = this.state
+
+    return [
+      this.fromEnd?.position || from?.position || path[0],
+      ...path.slice(1, -1),
+      this.toEnd?.position || to?.position || path[path.length - 1]
+    ]
   }
 
   set path(path) {
-    this.setState('path', path)
+    const { from, to } = this.state
+
+    delete this._fromEnd
+    delete this._toEnd
+
+    this.set({
+      from: {
+        ...from,
+        position: path[0]
+      },
+      to: {
+        ...to,
+        position: path[path.length - 1]
+      },
+      path
+    })
+
+    this._polyline = new Polyline(path, this.state.thickness || 50)
   }
 
+  get polyline(): Polyline {
+    if (!this._polyline) {
+      this._polyline = new Polyline(this.path, this.state.thickness || 50)
+    }
+    return this._polyline
+  }
+
+  _polyline?: Polyline
+
   contains(x: number, y: number) {
-    var path = this.state.path
+    var path: Vector[] = this.polyline.path
     var result = false
 
-    path.forEach((p: { x: number; y: number }, idx: number) => {
+    path.forEach((p, idx) => {
       let j = (idx + path.length + 1) % path.length
 
       let x1 = p.x
@@ -100,32 +148,49 @@ export default class PolyPath extends Shape {
     return controls
   }
 
-  render(ctx: CanvasRenderingContext2D) {
-    var { path, w = 50 } = this.state
+  draw(ctx: CanvasRenderingContext2D): void {
+    const { thickness = 50, fillStyle, strokeStyle, lineWidth, lineDash, lineDashOffset } = this.state
+    const path: Vector[] = this.path
 
+    ctx.save()
     ctx.beginPath()
-    ctx.moveTo(path[0].x, path[0].y)
 
-    // 폭 적용하여 폐곡선 그리기
-    for (let i = 1; i < path.length; i++) {
-      const { x: prevX, y: prevY } = path[i - 1]
-      const { x: currX, y: currY } = path[i]
-      const angle = Math.atan2(currY - prevY, currX - prevX)
-      const offsetX = w * Math.sin(angle)
-      const offsetY = w * Math.cos(angle)
-      ctx.lineTo(currX + offsetX, currY - offsetY)
+    ctx.fillStyle = fillStyle
+
+    this.polyline.draw(ctx)
+
+    ctx.beginPath()
+
+    ctx.strokeStyle = strokeStyle
+    ctx.lineJoin = 'bevel'
+    ctx.lineWidth = Math.round(thickness - lineWidth)
+    if (lineDash) {
+      ctx.setLineDash(
+        lineDash
+          .split(',')
+          .map((text: string) => Number(text))
+          .filter((num: number) => !isNaN(num))
+      )
+
+      if (lineDashOffset) {
+        ctx.lineDashOffset = lineDashOffset
+      }
     }
 
-    // for (let i = path.length - 1; i >= 0; i--) {
-    //   const { x: prevX, y: prevY } = path[i + 1] || path[path.length - 1]
-    //   const { x: currX, y: currY } = path[i]
-    //   const angle = Math.atan2(currY - prevY, currX - prevX)
-    //   const offsetX = w * Math.sin(angle)
-    //   const offsetY = w * Math.cos(angle)
-    //   ctx.lineTo(currX - offsetX, currY + offsetY)
-    // }
+    ctx.moveTo(path[0].x, path[0].y)
 
-    ctx.closePath()
+    path.slice(1).forEach(point => {
+      ctx.lineTo(point.x, point.y)
+    })
+
+    ctx.stroke()
+    ctx.restore()
+  }
+
+  onchange(after: Properties, before: Properties) {
+    if ('thickness' in after) {
+      delete this._polyline
+    }
   }
 
   is3dish() {
@@ -137,6 +202,4 @@ export default class PolyPath extends Shape {
   }
 }
 
-Component.memoize(PolyPath.prototype, 'controls', false)
-
 Component.register('polypath', PolyPath)

package/things-scene.config.js

@@ -16,7 +16,8 @@ var templates = [
         { x: 100, y: 100 },
         { x: 200, y: 100 },
         { x: 200, y: 200 },
-        { x: 100, y: 200 }
+        { x: 100, y: 200 },
+        { x: 0, y: 200 }
       ],
       fillStyle: '#fff',
       strokeStyle: '#000',

package/translations/en.json

@@ -0,0 +1,5 @@
+{
+  "label.thickness": "thickness",
+  "label.line-dash": "line dash",
+  "label.line-dash-offset": "line dash offset"
+}

package/translations/ko.json

@@ -0,0 +1,5 @@
+{
+  "label.thickness": "두께",
+  "label.line-dash": "라인대시",
+  "label.line-dash-offset": "라인대시 오프셋"
+}

package/translations/ms.json

@@ -0,0 +1,5 @@
+{
+  "label.thickness": "thickness",
+  "label.line-dash": "line dash",
+  "label.line-dash-offset": "line dash offset"
+}

package/translations/zh.json

@@ -0,0 +1,5 @@
+{
+  "label.thickness": "thickness",
+  "label.line-dash": "line dash",
+  "label.line-dash-offset": "line dash offset"
+}

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/tslib/tslib.d.ts","../../node_modules/@hatiolab/things-scene/things-scene.d.ts","./src/polypath.ts","./src/index.ts"],"fileInfos":[{"version":"f59215c5f1d886b05395ee7aca73e0ac69ddfad2843aa88530e797879d511bad","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","27147504487dc1159369da4f4da8a26406364624fa9bc3db632f7d94a5bae2c3","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7",{"version":"3dda5344576193a4ae48b8d03f105c86f20b2f2aff0a1d1fd7935f5d68649654","affectsGlobalScope":true},{"version":"9d9885c728913c1d16e0d2831b40341d6ad9a0ceecaabc55209b306ad9c736a5","affectsGlobalScope":true},{"version":"17bea081b9c0541f39dd1ae9bc8c78bdd561879a682e60e2f25f688c0ecab248","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"ab22100fdd0d24cfc2cc59d0a00fc8cf449830d9c4030dc54390a46bd562e929","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"36ae84ccc0633f7c0787bc6108386c8b773e95d3b052d9464a99cd9b8795fbec","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"189c0703923150aa30673fa3de411346d727cc44a11c75d05d7cf9ef095daa22","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"f1c9fe42b65437a61104e601eb298c5c859fb522b483f1bdb700eed67a16f980","1ec425c4c916d3a75b0557409a967eb5fee869beb69eefc2fbbf563f92bda771",{"version":"a303d41f36752fef51db7e149f316609fafb777fe76317d0ac66b5b0e1cf90a3","signature":"5b5a769816e3890b2d1b1e20d04313bced2e22da7395cdd10cc4b309fece0b2f"},{"version":"5c8bf786f2ceb87c1622e50d9fe6476a412df88a57222d5f382b3de90e54c8b3","signature":"a6da775445708dbeee29b3bae8acff86a069026a135ad2e10e95ed7e7881b614"}],"root":[37,38],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./dist","rootDir":"./src","sourceMap":true,"strict":true,"target":5},"fileIdsList":[[35,37],[35,36],[37],[36]],"referencedMap":[[38,1],[37,2]],"exportedModulesMap":[[38,3],[37,4]],"semanticDiagnosticsPerFile":[36,35,33,34,7,9,8,2,10,11,12,13,14,15,16,17,3,4,21,18,19,20,22,23,24,5,25,26,27,28,6,32,29,30,31,1,38,37]},"version":"5.1.3"}
+{"program":{"fileNames":["../../node_modules/typescript/lib/lib.es5.d.ts","../../node_modules/typescript/lib/lib.es2015.d.ts","../../node_modules/typescript/lib/lib.es2016.d.ts","../../node_modules/typescript/lib/lib.es2017.d.ts","../../node_modules/typescript/lib/lib.es2018.d.ts","../../node_modules/typescript/lib/lib.es2019.d.ts","../../node_modules/typescript/lib/lib.dom.d.ts","../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../node_modules/typescript/lib/lib.decorators.d.ts","../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../node_modules/tslib/tslib.d.ts","../../node_modules/@hatiolab/things-scene/things-scene.d.ts","./src/polyline.ts","./src/polypath.ts","./src/index.ts"],"fileInfos":[{"version":"f59215c5f1d886b05395ee7aca73e0ac69ddfad2843aa88530e797879d511bad","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","27147504487dc1159369da4f4da8a26406364624fa9bc3db632f7d94a5bae2c3","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7",{"version":"3dda5344576193a4ae48b8d03f105c86f20b2f2aff0a1d1fd7935f5d68649654","affectsGlobalScope":true},{"version":"9d9885c728913c1d16e0d2831b40341d6ad9a0ceecaabc55209b306ad9c736a5","affectsGlobalScope":true},{"version":"17bea081b9c0541f39dd1ae9bc8c78bdd561879a682e60e2f25f688c0ecab248","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"ab22100fdd0d24cfc2cc59d0a00fc8cf449830d9c4030dc54390a46bd562e929","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"36ae84ccc0633f7c0787bc6108386c8b773e95d3b052d9464a99cd9b8795fbec","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"189c0703923150aa30673fa3de411346d727cc44a11c75d05d7cf9ef095daa22","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"f1c9fe42b65437a61104e601eb298c5c859fb522b483f1bdb700eed67a16f980","1ec425c4c916d3a75b0557409a967eb5fee869beb69eefc2fbbf563f92bda771",{"version":"21b757a7717c9911a8abec5a69e443e8286046ac778581396097e2076922a241","signature":"5f613c4ea347afec06e148d2ec6ba2390a564cc615f9d2095a7e2b3c10f5981c"},{"version":"56dbf0b9550220f056630ff8de43a8704475a1714286352a8e5040c0f3d67963","signature":"12cc16c6a27245678ebe4901494a21f127d8a97ceb714fcf29637038e3c3ea58"},{"version":"5c8bf786f2ceb87c1622e50d9fe6476a412df88a57222d5f382b3de90e54c8b3","signature":"a6da775445708dbeee29b3bae8acff86a069026a135ad2e10e95ed7e7881b614"}],"root":[[37,39]],"options":{"allowSyntheticDefaultImports":true,"declaration":true,"esModuleInterop":false,"experimentalDecorators":true,"importHelpers":true,"inlineSources":true,"module":99,"noEmitOnError":true,"outDir":"./dist","rootDir":"./src","sourceMap":true,"strict":true,"target":5},"fileIdsList":[[35,38],[35],[35,36,37],[38],[36,37]],"referencedMap":[[39,1],[37,2],[38,3]],"exportedModulesMap":[[39,4],[38,5]],"semanticDiagnosticsPerFile":[36,35,33,34,7,9,8,2,10,11,12,13,14,15,16,17,3,4,21,18,19,20,22,23,24,5,25,26,27,28,6,32,29,30,31,1,39,37,38]},"version":"5.1.3"}

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -1,15 +0,0 @@
-{
-    "keep": {
-        "days": true,
-        "amount": 2
-    },
-    "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
-    "files": [
-        {
-            "date": 1686348181239,
-            "name": "logs/application-2023-06-10-07.log",
-            "hash": "fc0c195fb8de8119ccbcdff99c2f36c9080b942a0712a2db24fffc5efdd8fd4c"
-        }
-    ],
-    "hashType": "sha256"
-}

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -1,15 +0,0 @@
-{
-    "keep": {
-        "days": true,
-        "amount": 14
-    },
-    "auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
-    "files": [
-        {
-            "date": 1686348182525,
-            "name": "logs/connections-2023-06-10-07.log",
-            "hash": "7d0fb0fde4aeed23a9518860c52aa07c36c0321a7b15d1f549d95d1a5cf81f31"
-        }
-    ],
-    "hashType": "sha256"
-}

package/logs/application-2023-06-10-07.log

@@ -1,7 +0,0 @@
-2023-06-10T07:03:01+09:00 info: File Storage is Ready.
-2023-06-10T07:03:02+09:00 error: oracledb module loading failed
-2023-06-10T07:03:27+09:00 info: File Storage is Ready.
-2023-06-10T07:03:28+09:00 error: oracledb module loading failed
-2023-06-10T07:03:28+09:00 info: Default DataSource established
-2023-06-10T07:03:29+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
-2023-06-10T07:03:29+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql

package/logs/connections-2023-06-10-07.log

@@ -1,41 +0,0 @@
-2023-06-10T07:03:29+09:00 info: Initializing ConnectionManager...
-2023-06-10T07:03:29+09:00 info: Connector 'echo-back-server' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'echo-back' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'http-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'graphql-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'sqlite-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'postgresql-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'mqtt-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'mssql-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'oracle-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'mysql-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'socket-server' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'msgraph-connector' started to ready
-2023-06-10T07:03:29+09:00 info: Connector 'openai-connector' started to ready
-2023-06-10T07:03:29+09:00 info: echo-back-servers are ready
-2023-06-10T07:03:29+09:00 info: echo-back connections are ready
-2023-06-10T07:03:29+09:00 info: http-connector connections are ready
-2023-06-10T07:03:29+09:00 info: graphql-connector connections are ready
-2023-06-10T07:03:29+09:00 info: sqlite-connector connections are ready
-2023-06-10T07:03:29+09:00 info: postgresql-connector connections are ready
-2023-06-10T07:03:29+09:00 info: mqtt-connector connections are ready
-2023-06-10T07:03:29+09:00 info: mssql-connector connections are ready
-2023-06-10T07:03:29+09:00 info: oracle-connector connections are ready
-2023-06-10T07:03:29+09:00 info: mysql-connector connections are ready
-2023-06-10T07:03:29+09:00 info: socket servers are ready
-2023-06-10T07:03:29+09:00 info: msgraph-connector connections are ready
-2023-06-10T07:03:29+09:00 info: openai-connector connections are ready
-2023-06-10T07:03:29+09:00 info: All connector for 'echo-back-server' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'echo-back' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'http-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'graphql-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'sqlite-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'postgresql-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'mqtt-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'mssql-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'oracle-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'mysql-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'socket-server' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'msgraph-connector' ready
-2023-06-10T07:03:29+09:00 info: All connector for 'openai-connector' ready
-2023-06-10T07:03:29+09:00 info: ConnectionManager initialization done: