@operato/scene-tab 0.1.10 → 0.1.18

package/CHANGELOG.md

@@ -3,6 +3,72 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+### [0.1.18](https://github.com/things-scene/operato-scene/compare/v0.1.17...v0.1.18) (2026-01-27)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+### [0.1.17](https://github.com/things-scene/operato-scene/compare/v0.1.16...v0.1.17) (2026-01-27)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+### [0.1.16](https://github.com/things-scene/operato-scene/compare/v0.1.15...v0.1.16) (2026-01-27)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+### [0.1.15](https://github.com/things-scene/operato-scene/compare/v0.1.14...v0.1.15) (2026-01-27)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+### [0.1.14](https://github.com/things-scene/operato-scene/compare/v0.1.13...v0.1.14) (2026-01-27)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+### [0.1.13](https://github.com/things-scene/operato-scene/compare/v0.1.12...v0.1.13) (2026-01-27)
+
+**Note:** Version bump only for package @operato/scene-tab
+
+
+
+
+
+### [0.1.12](https://github.com/things-scene/operato-scene/compare/v0.1.11...v0.1.12) (2026-01-27)
+
+
+### :bug: Bug Fix
+
+* TypeScript build errors with @types/node v24 compatibility ([ef33580](https://github.com/things-scene/operato-scene/commit/ef335805bc6af9872fc1de717b4f3841e565b26f))
+
+
+
+### [0.1.11](https://github.com/things-scene/operato-scene/compare/v0.1.10...v0.1.11) (2022-08-13)
+
+
+### :bug: Bug Fix
+
+* latest @hatiolab/things-scene@2.8.7 ([597d80e](https://github.com/things-scene/operato-scene/commit/597d80ebb2953d56f3dc61cc6d1cc862ef1bca0b))
+
+
+
 ### [0.1.10](https://github.com/things-scene/operato-scene/compare/v0.1.9...v0.1.10) (2022-08-12)
 
 

package/dist/tab-card.d.ts

@@ -0,0 +1,10 @@
+import { ComponentNature, Container } from '@hatiolab/things-scene';
+export default class TabCard extends Container {
+    private _clickPoint?;
+    get hasTextProperty(): boolean;
+    get showMoveHandle(): boolean;
+    get mutable(): boolean;
+    get resizable(): boolean;
+    get rotatable(): boolean;
+    get nature(): ComponentNature;
+}

package/dist/tab-card.js

@@ -0,0 +1,69 @@
+import { __decorate } from "tslib";
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Container, sceneComponent } from '@hatiolab/things-scene';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'action',
+            label: 'remove',
+            name: 'remove',
+            property: {
+                icon: 'remove_circle',
+                action: function (tabCard) {
+                    let tabContainer = tabCard.parent;
+                    tabContainer.removeComponent(tabCard);
+                    tabContainer.set('activeIndex', 0);
+                }
+            }
+        }
+    ]
+};
+let TabCard = class TabCard extends Container {
+    get hasTextProperty() {
+        return false;
+    }
+    get showMoveHandle() {
+        return false;
+    }
+    /*
+     * PATH 리스트를 직접 수정할 수 있는 지를 결정한다.
+     *
+     * 일반적으로 PATH는 바운드 생성을 위해서 논리적으로 생성되므로, 직접 수정하지 않는다.(return false)
+     * 그러나, 각 꼭지점들이 개별로 움직이는 다각형류는 path 라는 모델데이타를 가지므로, 직접수정이 가능할 수 있다.(return true)
+     *
+     * Immutable 컴포넌트의 형상을 바꾸는 방법은 바운드를 이용한 리사이즈나, 특별한 컨트롤을 통해서 가능하다.
+     */
+    get mutable() {
+        return false;
+    }
+    /*
+     * BOUND를 통해서 리사이즈를 할 수 있는 지를 결정한다.
+     *
+     * 일반적으로 면적을 갖는 컴포넌트는 대체로 가능하다.(return true)
+     * 그러나, LINE 등 면적을 가지지않는 컴포넌트는 가능하지 않도록 정의한다.(return false)
+     */
+    get resizable() {
+        return false;
+    }
+    /*
+     * 회전을 할 수 있는 지를 결정한다.
+     *
+     * 일반적으로 모든 컴포넌트는 가능하다.(return true)
+     */
+    get rotatable() {
+        return false;
+    }
+    get nature() {
+        return NATURE;
+    }
+};
+TabCard = __decorate([
+    sceneComponent('tab-card')
+], TabCard);
+export default TabCard;
+//# sourceMappingURL=tab-card.js.map

package/dist/tab-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-card.js","sourceRoot":"","sources":["../src/tab-card.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAA8B,SAAS,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI9F,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,IAAI,EAAE,eAAe;gBACrB,MAAM,EAAE,UAAU,OAAgB;oBAChC,IAAI,YAAY,GAAG,OAAO,CAAC,MAAsB,CAAA;oBACjD,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;oBACrC,YAAY,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;gBACpC,CAAC;aACF;SACF;KACF;CACF,CAAA;AAGc,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,SAAS;IAG5C,IAAI,eAAe;QACjB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;;;OAOG;IACH,IAAI,OAAO;QACT,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;;OAKG;IACH,IAAI,SAAS;QACX,OAAO,KAAK,CAAA;IACd,CAAC;IAED;;;;OAIG;IACH,IAAI,SAAS;QACX,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;CACF,CAAA;AA7CoB,OAAO;IAD3B,cAAc,CAAC,UAAU,CAAC;GACN,OAAO,CA6C3B;eA7CoB,OAAO","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, Container, sceneComponent } from '@hatiolab/things-scene'\n\nimport TabContainer from './tab-container.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'action',\n      label: 'remove',\n      name: 'remove',\n      property: {\n        icon: 'remove_circle',\n        action: function (tabCard: TabCard) {\n          let tabContainer = tabCard.parent as TabContainer\n          tabContainer.removeComponent(tabCard)\n          tabContainer.set('activeIndex', 0)\n        }\n      }\n    }\n  ]\n}\n\n@sceneComponent('tab-card')\nexport default class TabCard extends Container {\n  private _clickPoint?: Component\n\n  get hasTextProperty() {\n    return false\n  }\n\n  get showMoveHandle() {\n    return false\n  }\n\n  /*\n   * PATH 리스트를 직접 수정할 수 있는 지를 결정한다.\n   *\n   * 일반적으로 PATH는 바운드 생성을 위해서 논리적으로 생성되므로, 직접 수정하지 않는다.(return false)\n   * 그러나, 각 꼭지점들이 개별로 움직이는 다각형류는 path 라는 모델데이타를 가지므로, 직접수정이 가능할 수 있다.(return true)\n   *\n   * Immutable 컴포넌트의 형상을 바꾸는 방법은 바운드를 이용한 리사이즈나, 특별한 컨트롤을 통해서 가능하다.\n   */\n  get mutable() {\n    return false\n  }\n\n  /*\n   * BOUND를 통해서 리사이즈를 할 수 있는 지를 결정한다.\n   *\n   * 일반적으로 면적을 갖는 컴포넌트는 대체로 가능하다.(return true)\n   * 그러나, LINE 등 면적을 가지지않는 컴포넌트는 가능하지 않도록 정의한다.(return false)\n   */\n  get resizable() {\n    return false\n  }\n\n  /*\n   * 회전을 할 수 있는 지를 결정한다.\n   *\n   * 일반적으로 모든 컴포넌트는 가능하다.(return true)\n   */\n  get rotatable() {\n    return false\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n"]}

package/dist/tab-container.d.ts

@@ -0,0 +1,20 @@
+import { ComponentNature, Container, State } from '@hatiolab/things-scene';
+import TabCard from './tab-card.js';
+export default class TabContainer extends Container {
+    private _focused;
+    private __down_point?;
+    get nature(): ComponentNature;
+    get layout(): import("@hatiolab/things-scene").LAYOUT;
+    get layoutConfig(): any;
+    set layoutConfig(config: any);
+    get activeCard(): TabCard;
+    get activeIndex(): number;
+    set activeIndex(activeIndex: number);
+    ready(): void;
+    postrender(context: CanvasRenderingContext2D): void;
+    contains(x: number, y: number): boolean;
+    onchange(after: State): void;
+    onmouseup(e: MouseEvent): void;
+    onmousedown(e: MouseEvent): void;
+    addCard(): void;
+}

package/dist/tab-container.js

@@ -0,0 +1,178 @@
+import { __decorate } from "tslib";
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { CardLayout, Container, Model, sceneComponent } from '@hatiolab/things-scene';
+const LABEL_WIDTH = 25;
+const LABEL_HEIGHT = 25;
+function rgba(r, g, b, a) {
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'action',
+            label: 'add-card',
+            name: 'addCard',
+            property: {
+                icon: 'add_circle',
+                action: (tabContainer) => {
+                    tabContainer.addCard();
+                }
+            }
+        },
+        {
+            type: 'number',
+            label: 'active index',
+            name: 'activeIndex'
+        }
+    ],
+    'value-property': 'activeIndex',
+    help: 'scene/component/tab-container'
+};
+let TabContainer = class TabContainer extends Container {
+    constructor() {
+        super(...arguments);
+        this._focused = false;
+    }
+    get nature() {
+        return NATURE;
+    }
+    get layout() {
+        return CardLayout;
+    }
+    get layoutConfig() {
+        return this.getState('layoutConfig');
+    }
+    set layoutConfig(config) {
+        this.setState('layoutConfig', config);
+    }
+    get activeCard() {
+        return this.components[this.getState('layoutConfig').activeIndex || 0];
+    }
+    get activeIndex() {
+        return this.getState('activeIndex') || 0;
+    }
+    set activeIndex(activeIndex) {
+        this.setState('activeIndex', Number(activeIndex));
+    }
+    ready() {
+        super.ready();
+        if (this.components.length == 0) {
+            this.addCard();
+        }
+        this.data = this.state.activeIndex;
+    }
+    postrender(context) {
+        if (!this.app.isViewMode && this._focused) {
+            var { left, top, width, fillStyle } = this.state;
+            // tabCard 선택 탭 그리기
+            for (let i = 0; i < this.components.length; i++) {
+                context.beginPath();
+                context.rect(left - LABEL_WIDTH, top + i * LABEL_HEIGHT, LABEL_WIDTH, LABEL_HEIGHT);
+                let color = 255 - ((20 * (i + 1)) % 255);
+                context.fillStyle = rgba(color, color, color, 1);
+                context.fill();
+                context.closePath();
+            }
+            context.beginPath();
+            context.moveTo(left, top);
+            context.lineTo(left - LABEL_WIDTH, top);
+            context.lineTo(left - LABEL_WIDTH, top + this.components.length * LABEL_HEIGHT);
+            context.lineTo(left, top + this.components.length * LABEL_HEIGHT);
+            context.strokeStyle = '#ccc';
+            context.stroke();
+            context.closePath();
+        }
+        super.postrender(context);
+    }
+    contains(x, y) {
+        var contains = super.contains(x, y);
+        if (this.app.isViewMode)
+            return contains;
+        var { left, top, width } = this.bounds;
+        var h = LABEL_HEIGHT;
+        contains =
+            contains ||
+                // card selector 영역에 포함되는지
+                (x < Math.max(left - LABEL_WIDTH, left) &&
+                    x > Math.min(left - LABEL_WIDTH, left) &&
+                    y < Math.max(top + h * this.size(), top) &&
+                    y > Math.min(top + h * this.size(), top));
+        if (contains)
+            this._focused = true;
+        else
+            this._focused = false;
+        this.invalidate();
+        return contains;
+    }
+    onchange(after) {
+        if ('activeIndex' in after) {
+            this.layoutConfig = {
+                ...this.layoutConfig,
+                activeIndex: after.activeIndex
+            };
+            /*
+              자동 data 변경은 반복적인 데이타바인딩을 일으키는 점을 감안하라.
+              즉, 자신의 activeIndex를 데이타바인딩으로 수정하지말아야 한다.
+            */
+            this.data = after.activeIndex;
+        }
+    }
+    onmouseup(e) {
+        var down_point = this.__down_point;
+        delete this.__down_point;
+        if (!down_point || down_point.x != e.offsetX || down_point.y != e.offsetY) {
+            return;
+        }
+        var point = this.transcoordC2S(e.offsetX, e.offsetY);
+        var { left, top } = this.state;
+        var x = point.x - left;
+        var y = point.y - top;
+        if (x > 0)
+            return;
+        y /= LABEL_HEIGHT;
+        y = Math.floor(y);
+        if (!this.layoutConfig)
+            this.layoutConfig = {};
+        if (y >= this.components.length)
+            return;
+        // /* 생성 버튼이 클릭되면, 새로운 tabCard를 추가한다. */
+        // if(y == this.components.length) {
+        //   this.add(Model.compile({
+        //     type: 'tab-card',
+        //     width: 100,
+        //     height: 100
+        //   }))
+        // }
+        this.setState('activeIndex', y);
+    }
+    onmousedown(e) {
+        this.__down_point = {
+            x: e.offsetX,
+            y: e.offsetY
+        };
+    }
+    addCard() {
+        const color = 255 - ((20 * (this.components.length + 1)) % 255);
+        const hex = color.toString(16);
+        const tabCard = Model.compile({
+            type: 'tab-card',
+            fillStyle: `#${hex}${hex}${hex}`,
+            top: 0,
+            left: 0,
+            width: 100,
+            height: 100
+        });
+        this.addComponent(tabCard);
+        this.setState('activeIndex', this.components.length - 1);
+    }
+};
+TabContainer = __decorate([
+    sceneComponent('tab-container')
+], TabContainer);
+export default TabContainer;
+//# sourceMappingURL=tab-container.js.map

package/dist/tab-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-container.js","sourceRoot":"","sources":["../src/tab-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport {\n  CardLayout,\n  Component,\n  ComponentNature,\n  Container,\n  Model,\n  POINT,\n  sceneComponent,\n  State\n} from '@hatiolab/things-scene'\n\nimport TabCard from './tab-card.js'\n\nconst LABEL_WIDTH = 25\nconst LABEL_HEIGHT = 25\n\nfunction rgba(r: number, g: number, b: number, a: number) {\n  return `rgba(${r}, ${g}, ${b}, ${a})`\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'action',\n      label: 'add-card',\n      name: 'addCard',\n      property: {\n        icon: 'add_circle',\n        action: (tabContainer: TabContainer) => {\n          tabContainer.addCard()\n        }\n      }\n    },\n    {\n      type: 'number',\n      label: 'active index',\n      name: 'activeIndex'\n    }\n  ],\n  'value-property': 'activeIndex',\n  help: 'scene/component/tab-container'\n}\n\n@sceneComponent('tab-container')\nexport default class TabContainer extends Container {\n  private _focused: boolean = false\n  private __down_point?: POINT\n\n  get nature() {\n    return NATURE\n  }\n\n  get layout() {\n    return CardLayout\n  }\n\n  get layoutConfig() {\n    return this.getState('layoutConfig')\n  }\n\n  set layoutConfig(config) {\n    this.setState('layoutConfig', config)\n  }\n\n  get activeCard(): TabCard {\n    return this.components[this.getState('layoutConfig').activeIndex || 0] as TabCard\n  }\n\n  get activeIndex() {\n    return this.getState('activeIndex') || 0\n  }\n\n  set activeIndex(activeIndex: number) {\n    this.setState('activeIndex', Number(activeIndex))\n  }\n\n  ready() {\n    super.ready()\n\n    if (this.components.length == 0) {\n      this.addCard()\n    }\n\n    this.data = this.state.activeIndex\n  }\n\n  postrender(context: CanvasRenderingContext2D) {\n    if (!this.app.isViewMode && this._focused) {\n      var { left, top, width, fillStyle } = this.state\n\n      // tabCard 선택 탭 그리기\n      for (let i = 0; i < this.components.length; i++) {\n        context.beginPath()\n\n        context.rect(left - LABEL_WIDTH, top + i * LABEL_HEIGHT, LABEL_WIDTH, LABEL_HEIGHT)\n\n        let color = 255 - ((20 * (i + 1)) % 255)\n        context.fillStyle = rgba(color, color, color, 1)\n        context.fill()\n\n        context.closePath()\n      }\n\n      context.beginPath()\n\n      context.moveTo(left, top)\n      context.lineTo(left - LABEL_WIDTH, top)\n      context.lineTo(left - LABEL_WIDTH, top + this.components.length * LABEL_HEIGHT)\n      context.lineTo(left, top + this.components.length * LABEL_HEIGHT)\n\n      context.strokeStyle = '#ccc'\n      context.stroke()\n\n      context.closePath()\n    }\n\n    super.postrender(context)\n  }\n\n  contains(x: number, y: number) {\n    var contains = super.contains(x, y)\n\n    if (this.app.isViewMode) return contains\n\n    var { left, top, width } = this.bounds\n    var h = LABEL_HEIGHT\n\n    contains =\n      contains ||\n      // card selector 영역에 포함되는지\n      (x < Math.max(left - LABEL_WIDTH, left) &&\n        x > Math.min(left - LABEL_WIDTH, left) &&\n        y < Math.max(top + h * this.size(), top) &&\n        y > Math.min(top + h * this.size(), top))\n\n    if (contains) this._focused = true\n    else this._focused = false\n\n    this.invalidate()\n    return contains\n  }\n\n  onchange(after: State) {\n    if ('activeIndex' in after) {\n      this.layoutConfig = {\n        ...this.layoutConfig,\n        activeIndex: after.activeIndex\n      }\n\n      /* \n        자동 data 변경은 반복적인 데이타바인딩을 일으키는 점을 감안하라.\n        즉, 자신의 activeIndex를 데이타바인딩으로 수정하지말아야 한다.\n      */\n      this.data = after.activeIndex\n    }\n  }\n\n  onmouseup(e: MouseEvent) {\n    var down_point = this.__down_point\n    delete this.__down_point\n\n    if (!down_point || down_point.x != e.offsetX || down_point.y != e.offsetY) {\n      return\n    }\n\n    var point = this.transcoordC2S(e.offsetX, e.offsetY)\n\n    var { left, top } = this.state\n\n    var x = point.x - left\n    var y = point.y - top\n\n    if (x > 0) return\n\n    y /= LABEL_HEIGHT\n    y = Math.floor(y)\n\n    if (!this.layoutConfig) this.layoutConfig = {}\n\n    if (y >= this.components.length) return\n\n    // /* 생성 버튼이 클릭되면, 새로운 tabCard를 추가한다. */\n    // if(y == this.components.length) {\n    //   this.add(Model.compile({\n    //     type: 'tab-card',\n    //     width: 100,\n    //     height: 100\n    //   }))\n    // }\n    this.setState('activeIndex', y)\n  }\n\n  onmousedown(e: MouseEvent) {\n    this.__down_point = {\n      x: e.offsetX,\n      y: e.offsetY\n    }\n  }\n\n  addCard() {\n    const color = 255 - ((20 * (this.components.length + 1)) % 255)\n    const hex = color.toString(16)\n\n    const tabCard = Model.compile({\n      type: 'tab-card',\n      fillStyle: `#${hex}${hex}${hex}`,\n      top: 0,\n      left: 0,\n      width: 100,\n      height: 100\n    })\n\n    this.addComponent(tabCard)\n    this.setState('activeIndex', this.components.length - 1)\n  }\n}\n"]}

package/dist/templates/tab-container.d.ts

@@ -0,0 +1,16 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        fontSize: number;
+        lineWidth: number;
+    };
+};
+export default _default;

package/dist/templates/tab-container.js

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

package/dist/templates/tab-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-container.js","sourceRoot":"","sources":["../../src/templates/tab-container.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,+BAA+B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAE3E,eAAe;IACb,IAAI,EAAE,eAAe;IACrB,WAAW,EAAE,4BAA4B;IACzC,KAAK,EAAE,WAAW,CAAC,gGAAgG;IACnH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC;KACb;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/tab-container.png', import.meta.url).href\n\nexport default {\n  type: 'tab-container',\n  description: 'tab container(card layout)',\n  group: 'container' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'tab-container',\n    left: 100,\n    top: 100,\n    width: 200,\n    height: 200,\n    fontSize: 80,\n    lineWidth: 1\n  }\n}\n"]}

package/logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json

@@ -0,0 +1,15 @@
+{
+    "keep": {
+        "days": true,
+        "amount": 2
+    },
+    "auditLog": "logs/.08636eb59927f12972f6774f5947c8507b3564c2-audit.json",
+    "files": [
+        {
+            "date": 1744792578685,
+            "name": "logs/application-2025-04-16-17.log",
+            "hash": "feffa3637b7ac692e6ea148557819409753ab8e917cca58862b70078bf9c2c5d"
+        }
+    ],
+    "hashType": "sha256"
+}

package/logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json

@@ -0,0 +1,15 @@
+{
+    "keep": {
+        "days": true,
+        "amount": 14
+    },
+    "auditLog": "logs/.5e5d741d8b7784a2fbad65eedc0fd46946aaf6f2-audit.json",
+    "files": [
+        {
+            "date": 1744792580585,
+            "name": "logs/connections-2025-04-16-17.log",
+            "hash": "2e94b8702032329dc36b4bbf2e1ae2d539ce80030b18cd3ab0ec6ac528436b37"
+        }
+    ],
+    "hashType": "sha256"
+}

package/logs/application-2025-04-16-17.log

@@ -0,0 +1,41 @@
+2025-04-16T17:36:20+09:00 info: File Storage is Ready.
+2025-04-16T17:36:22+09:00 info: Default DataSource established
+2025-04-16T17:36:23+09:00 info: 🚀 Server ready at http://0.0.0.0:3000/graphql
+2025-04-16T17:36:23+09:00 info: 🚀 Subscriptions ready at ws://0.0.0.0:3000/graphql
+2025-04-16T17:38:48+09:00 error: NotFoundError: thumbnail not found
+    at Object.throw (/Users/super/Documents/GitHub/operato-scene/node_modules/koa/lib/context.js:97:11)
+    at /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/routers/standalone-board-service-router.js:165:22
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/routes.js:79:13
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/router/path-base-domain-router.js:9:5
+    at async domainAuthenticateMiddleware (/Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/domain-authenticate-middleware.js:50:16)
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/jwt-authenticate-middleware.js:71:17
+2025-04-16T17:38:48+09:00 error: NotFoundError: thumbnail not found
+    at Object.throw (/Users/super/Documents/GitHub/operato-scene/node_modules/koa/lib/context.js:97:11)
+    at /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/routers/standalone-board-service-router.js:165:22
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/routes.js:79:13
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/router/path-base-domain-router.js:9:5
+    at async domainAuthenticateMiddleware (/Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/domain-authenticate-middleware.js:50:16)
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/jwt-authenticate-middleware.js:71:17
+2025-04-16T17:38:48+09:00 error: NotFoundError: thumbnail not found
+    at Object.throw (/Users/super/Documents/GitHub/operato-scene/node_modules/koa/lib/context.js:97:11)
+    at /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/routers/standalone-board-service-router.js:165:22
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/routes.js:79:13
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/router/path-base-domain-router.js:9:5
+    at async domainAuthenticateMiddleware (/Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/domain-authenticate-middleware.js:50:16)
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/jwt-authenticate-middleware.js:71:17
+2025-04-16T17:38:48+09:00 error: NotFoundError: thumbnail not found
+    at Object.throw (/Users/super/Documents/GitHub/operato-scene/node_modules/koa/lib/context.js:97:11)
+    at /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/board-service/dist-server/routers/standalone-board-service-router.js:165:22
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/routes.js:79:13
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/router/path-base-domain-router.js:9:5
+    at async domainAuthenticateMiddleware (/Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/domain-authenticate-middleware.js:50:16)
+    at async /Users/super/Documents/GitHub/operato-scene/node_modules/@things-factory/auth-base/dist-server/middlewares/jwt-authenticate-middleware.js:71:17
+2025-04-16T17:38:53+09:00 error: scenario '008_전체 주차장 카메라상태 조회' not found.
+2025-04-16T17:38:53+09:00 error: scenario '003_전체 주차장 혼잡도 조회' not found.
+2025-04-16T17:38:53+09:00 error: scenario '006_특정 주차장 이용률 조회' not found.
+2025-04-16T17:39:53+09:00 error: scenario '008_전체 주차장 카메라상태 조회' not found.
+2025-04-16T17:39:53+09:00 error: scenario '003_전체 주차장 혼잡도 조회' not found.
+2025-04-16T17:39:53+09:00 error: scenario '006_특정 주차장 이용률 조회' not found.
+2025-04-16T17:40:53+09:00 error: scenario '008_전체 주차장 카메라상태 조회' not found.
+2025-04-16T17:40:53+09:00 error: scenario '003_전체 주차장 혼잡도 조회' not found.
+2025-04-16T17:40:53+09:00 error: scenario '006_특정 주차장 이용률 조회' not found.

package/logs/connections-2025-04-16-17.log

@@ -0,0 +1,56 @@
+2025-04-16T17:36:23+09:00 info: Initializing ConnectionManager...
+2025-04-16T17:36:23+09:00 info: Connector 'echo-back-server' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'echo-back' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'http-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'graphql-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'sqlite-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'postgresql-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'mqtt-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'mssql-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'oracle-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'mysql-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'socket-server' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'operato-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'headless-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'email-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'influxdb-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'msgraph-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'weather-api-connector' started to ready
+2025-04-16T17:36:23+09:00 info: Connector 'proxy-connector' started to ready
+2025-04-16T17:36:23+09:00 info: echo-back-servers are ready
+2025-04-16T17:36:23+09:00 info: echo-back connections are ready
+2025-04-16T17:36:23+09:00 info: http-connector connections are ready
+2025-04-16T17:36:23+09:00 info: graphql-connector connections are ready
+2025-04-16T17:36:23+09:00 info: sqlite-connector connections are ready
+2025-04-16T17:36:23+09:00 info: postgresql-connector connections are ready
+2025-04-16T17:36:23+09:00 info: mqtt-connector connections are ready
+2025-04-16T17:36:23+09:00 info: mssql-connector connections are ready
+2025-04-16T17:36:23+09:00 info: oracle-connector connections are ready
+2025-04-16T17:36:23+09:00 info: mysql-connector connections are ready
+2025-04-16T17:36:23+09:00 info: socket servers are ready
+2025-04-16T17:36:23+09:00 info: operato-connector connections are ready
+2025-04-16T17:36:23+09:00 info: headless-connector connections are ready
+2025-04-16T17:36:23+09:00 info: email connections are ready
+2025-04-16T17:36:23+09:00 info: influxdb connections are ready
+2025-04-16T17:36:23+09:00 info: msgraph-connector connections are ready
+2025-04-16T17:36:23+09:00 info: Weather API connections are ready
+2025-04-16T17:36:23+09:00 info: proxy-connector connections are ready
+2025-04-16T17:36:23+09:00 info: All connector for 'echo-back-server' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'echo-back' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'http-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'graphql-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'sqlite-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'postgresql-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'mqtt-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'mssql-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'oracle-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'mysql-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'socket-server' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'operato-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'headless-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'email-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'influxdb-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'msgraph-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'weather-api-connector' ready
+2025-04-16T17:36:23+09:00 info: All connector for 'proxy-connector' ready
+2025-04-16T17:36:23+09:00 info: ConnectionManager initialization done:

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tab style container for Things Scene",
   "license": "MIT",
   "author": "heartyoh",
-  "version": "0.1.10",
+  "version": "0.1.18",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "things-scene": true,
@@ -26,13 +26,13 @@
     "migration": "things-factory-migration"
   },
   "dependencies": {
-    "@hatiolab/things-scene": "^2.8.5"
+    "@hatiolab/things-scene": "^2.8.7"
   },
   "devDependencies": {
     "@hatiolab/prettier-config": "^1.0.0",
     "@operato/board": "^0.4.6",
-    "@things-factory/builder": "^4.3.0-alpha.0",
-    "@things-factory/operato-board": "^4.3.0-alpha.0",
+    "@things-factory/builder": "^4.3.74",
+    "@things-factory/operato-board": "^4.3.76",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "@web/dev-server": "^0.1.28",
@@ -57,5 +57,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "fec0663b9dd4e5d0d092ed5b8f29380a1ae9763b"
+  "gitHead": "09fac73096902530d84321e121b307006533fe24"
 }