@operato/scene-storage 10.0.0-beta.32 → 10.0.0-beta.34

package/dist/mobile-storage-rack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile-storage-rack.js","sourceRoot":"","sources":["../src/mobile-storage-rack.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;;AAEH,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAErF,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAE3C,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAE3C,4EAA4E;AAC5E,yEAAyE;AACzE,4EAA4E;AAC5E,0DAA0D;AAC1D,qGAAqG;AAEtF,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,KAAK,CAAC,iBAAiB,CAAC,WAAkB,CAAC,CAAC;IAClF;;;OAGG;IACH,IAAI,KAAK;QACP,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IACtC,CAAC;IAED;;;;OAIG;IACH,IAAI,QAAQ;QACV,OAAO,YAAY,CAAA;IACrB,CAAC;CACF,CAAA;AAjBoB,UAAU;IAD9B,cAAc,CAAC,qBAAqB,CAAC;GACjB,UAAU,CAiB9B;eAjBoB,UAAU;AAmB/B,6EAA6E;AAC7E,0EAA0E;AAC1E,OAAO,EAAE,SAAS,EAAE,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * MobileRack — a Rack that can also move.\n *\n * The whole point of the storage abstraction: `Mover(Rack)` mixin gives a\n * *moving storage* without changing Rack's role. Use cases — an AGV-mounted\n * rack, a cart, a tote-on-conveyor, a mobile shelving unit, etc.\n *\n * The cells, the cell-map topology, the Pickable contract, the carrier\n * attach-point — all unchanged. Only thing added: the rack can `moveTo(...)`,\n * `pick(...)`, `place(...)`, `pickAndPlace(...)`.\n *\n * Component type: `mobile-rack`. Use `<mobile-rack levels=...>` on the\n * board same as a Rack; pickers (Crane / Forklift / robot arm) interact\n * with its cells via the same RackCell-side contract.\n *\n * Note: a moving rack is itself a *picker target* from another picker's\n * point of view — the same RackCell.acceptanceRotation contract applies\n * because cells, not racks, are the picker's interlocutor.\n */\n\nimport { Component, ContainerCapacity, sceneComponent } from '@hatiolab/things-scene'\nimport type { SlotDef } from '@hatiolab/things-scene'\nimport { Mover } from '@operato/scene-base'\n\nimport StorageRack from './storage-rack.js'\n\n// `Mover(Rack)` adds moveTo / pick / place / engage. `ContainerCapacity` is\n// also added so the rack itself participates in slot bookkeeping when it\n// behaves as a (mobile) carrier holder during transit. Rack already extends\n// `CarrierHolder + Placeable`, so the full chain becomes:\n//   Mover → ContainerCapacity → Rack(=CellContainer → CarrierHolder → Placeable → ContainerAbstract)\n@sceneComponent('mobile-storage-rack')\nexport default class MobileRack extends Mover(ContainerCapacity(StorageRack as any)) {\n  /**\n   * Mobile racks carry their cells as cargo. The crane that *moves* a\n   * MobileRack treats the rack itself as the carrier — one slot, one rack.\n   */\n  get slots(): SlotDef[] {\n    return [{ id: 'self', maxCount: 1 }]\n  }\n\n  /**\n   * The toolType for a fork/clamp that lifts an entire mobile rack.\n   * Different from the per-pallet tooling used to extract a carrier from\n   * a cell inside the rack.\n   */\n  get toolType(): string {\n    return 'rack-clamp'\n  }\n}\n\n// Re-export `Component` import to keep the file self-contained for IDEs that\n// flatten dependency graphs. (Used implicitly by the parent mixin chain.)\nexport { Component }\n"]}

package/dist/rack-column.d.ts

@@ -0,0 +1,35 @@
+import * as THREE from 'three';
+import { RealObject } from '@hatiolab/things-scene';
+import { Stock } from './stock.js';
+import RackGrid from './rack-grid.js';
+export declare class Rack extends RealObject {
+    private _frame?;
+    private _board?;
+    private _instancedMesh?;
+    private _stocks;
+    static rackFrameGeometry: THREE.BoxGeometry;
+    static boardGeometry: THREE.PlaneGeometry;
+    private static _boardMaterial?;
+    private static _stockMaterial?;
+    get visualizer(): any | undefined;
+    /**
+     * Stock 등록 대상: 1순위 조상 Visualizer(하위호환), 2순위 서비스 레지스트리의 stock-hub
+     */
+    get stockRegistry(): {
+        putObject(id: string, obj: RealObject): void;
+    } | undefined;
+    get rackTable(): RackGrid | undefined;
+    get cz(): number;
+    static get boardMaterial(): THREE.MeshStandardMaterial;
+    static get stockMaterial(): THREE.MeshStandardMaterial;
+    get frame(): THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap> | undefined;
+    get board(): THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap> | undefined;
+    get instancedMesh(): THREE.InstancedMesh<THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, THREE.Material | THREE.Material[], THREE.InstancedMeshEventMap> | undefined;
+    get stocks(): Stock[];
+    build(): void;
+    createRackFrame(w: number, h: number, d: number): THREE.BufferGeometry;
+    createRackBoards(shelves: number, width: number, height: number, depth: number, shelfLocIds: string[]): THREE.BufferGeometry;
+    makeLocationString(shelfString: string): string;
+    makeShelfString(pattern: string, shelf: number, length: number): string | undefined;
+    updateAlpha(): void;
+}

package/dist/rack-column.js

@@ -0,0 +1,258 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObject } from '@hatiolab/things-scene';
+import { Stock } from './stock.js';
+const _color = new THREE.Color();
+const _matrix = new THREE.Matrix4();
+const _position = new THREE.Vector3();
+const _quaternion = new THREE.Quaternion();
+const _scale = new THREE.Vector3();
+export class Rack extends RealObject {
+    _frame;
+    _board;
+    _instancedMesh;
+    _stocks = [];
+    static rackFrameGeometry = new THREE.BoxGeometry(1, 1, 1);
+    static boardGeometry = new THREE.PlaneGeometry(1, 1, 1, 1);
+    static _boardMaterial;
+    static _stockMaterial;
+    get visualizer() {
+        var component = this.component;
+        while (component) {
+            if (component.state.type == 'visualizer') {
+                return component;
+            }
+            component = component.parent;
+        }
+    }
+    /**
+     * Stock 등록 대상: 1순위 조상 Visualizer(하위호환), 2순위 서비스 레지스트리의 stock-hub
+     */
+    get stockRegistry() {
+        const vis = this.visualizer;
+        if (vis)
+            return vis;
+        return this.component.root?.getService?.('stock');
+    }
+    get rackTable() {
+        var component = this.component;
+        while (component) {
+            if (component.state.type == 'rack-grid') {
+                return component;
+            }
+            component = component.parent;
+        }
+    }
+    get cz() {
+        var { shelves = 1, depth = 1 } = this.rackTable.state;
+        return 0.5 * depth * shelves;
+    }
+    static get boardMaterial() {
+        if (!Rack._boardMaterial) {
+            Rack._boardMaterial = new THREE.MeshStandardMaterial({
+                color: '#dedede',
+                side: THREE.DoubleSide,
+                polygonOffset: true,
+                polygonOffsetFactor: -0.1
+            });
+        }
+        return Rack._boardMaterial;
+    }
+    static get stockMaterial() {
+        if (!Rack._stockMaterial) {
+            Rack._stockMaterial = new THREE.MeshStandardMaterial({
+                color: 0xffffff,
+                side: THREE.FrontSide,
+                metalness: 0,
+                roughness: 1,
+                envMapIntensity: 0
+            });
+        }
+        return Rack._stockMaterial;
+    }
+    get frame() {
+        return this._frame;
+    }
+    get board() {
+        return this._board;
+    }
+    get instancedMesh() {
+        return this._instancedMesh;
+    }
+    get stocks() {
+        return this._stocks;
+    }
+    build() {
+        super.build();
+        var { depth, hideRackFrame, shelves = 1, shelfLocations: commonShelfLocation, stockScale = 0.7 } = this.rackTable.state;
+        var { width, height, shelfLocations = commonShelfLocation, binLocations = '' } = this.component.state;
+        let scale = stockScale;
+        var shelfLocIds;
+        if (!shelfLocations) {
+            shelfLocIds = [];
+            for (var i = 0; i < shelves; i++)
+                shelfLocIds.push(i + 1);
+        }
+        else
+            shelfLocIds = shelfLocations.split(/\s*,\s*/);
+        var shelfBins = binLocations.trim().split('\n').reverse();
+        if (!hideRackFrame) {
+            this._frame = this.createRackFrame(width, height, depth * shelves);
+            this._board = this.createRackBoards(shelves, width, height, depth, shelfLocIds);
+        }
+        // Stock 인스턴스 정보 수집
+        const stockEntries = [];
+        for (var i = 0; i < shelves; i++) {
+            let bottom = -depth * shelves * 0.5;
+            if (shelfLocIds[i] == '') {
+                continue;
+            }
+            var bins = (shelfBins[i] || '').trim().split(/\s*,\s*/);
+            var binWidth = width / (bins.length || 1);
+            for (var b = 0; b < bins.length; b++) {
+                let sw = binWidth * scale;
+                let sh = height * scale;
+                let sd = depth * scale;
+                let stock = new Stock(this.component, { width: sw, height: sh, depth: sd });
+                let x = (width / 2) * ((2 * b - (bins.length - 1)) / bins.length);
+                let y = bottom + depth * i + sd * 0.5;
+                let z = 0;
+                var binCode = (bins[b] || '').replace('.', '');
+                let name = `${this.makeLocationString(shelfLocIds[i])}${binCode}`;
+                stockEntries.push({ stock, x, y, z, w: sw, h: sh, d: sd, name });
+            }
+        }
+        // InstancedMesh 생성 (전체 Stock을 1개 draw call로)
+        if (stockEntries.length > 0) {
+            const instMesh = new THREE.InstancedMesh(Stock.stockGeometry, Rack.stockMaterial, stockEntries.length);
+            // instanceColor 초기화
+            const defaultColor = new THREE.Color(Stock.defaultMaterial.color);
+            for (let idx = 0; idx < stockEntries.length; idx++) {
+                const { stock, x, y, z, w, h, d, name } = stockEntries[idx];
+                _matrix.compose(_position.set(x, y, z), _quaternion.identity(), _scale.set(w, d, h));
+                instMesh.setMatrixAt(idx, _matrix);
+                instMesh.setColorAt(idx, defaultColor);
+                // Stock에 instanced 참조 설정
+                stock._instancedMesh = instMesh;
+                stock._instanceIndex = idx;
+                stock._basePosition = { x, y, z };
+                stock._baseScale = { x: w, y: d, z: h };
+                // name 기반 lookup 유지
+                this._stocks.push(stock);
+                this.stockRegistry?.putObject(name, stock);
+            }
+            instMesh.instanceMatrix.needsUpdate = true;
+            instMesh.instanceColor.needsUpdate = true;
+            instMesh.receiveShadow = true;
+            // focused stock 회전 애니메이션
+            const self = this;
+            instMesh.onBeforeRender = () => {
+                let needsUpdate = false;
+                let hasFocused = false;
+                for (const stock of self._stocks) {
+                    if (stock._focused && stock._focusedAt != null) {
+                        const elapsed = performance.now() - stock._focusedAt;
+                        const angle = 2 * Math.PI * (elapsed / 2000);
+                        _quaternion.setFromAxisAngle(_position.set(0, 1, 0), angle);
+                        _matrix.compose(_position.set(stock._basePosition.x, stock._basePosition.y, stock._basePosition.z), _quaternion, _scale.set(stock._baseScale.x, stock._baseScale.y, stock._baseScale.z));
+                        instMesh.setMatrixAt(stock._instanceIndex, _matrix);
+                        needsUpdate = true;
+                        hasFocused = true;
+                    }
+                    else if (stock._focusedAt != null) {
+                        delete stock._focusedAt;
+                        _matrix.compose(_position.set(stock._basePosition.x, stock._basePosition.y, stock._basePosition.z), _quaternion.identity(), _scale.set(stock._baseScale.x, stock._baseScale.y, stock._baseScale.z));
+                        instMesh.setMatrixAt(stock._instanceIndex, _matrix);
+                        needsUpdate = true;
+                    }
+                }
+                if (needsUpdate) {
+                    instMesh.instanceMatrix.needsUpdate = true;
+                }
+                if (hasFocused) {
+                    self.component.invalidate();
+                }
+            };
+            this.object3d.add(instMesh);
+            this._instancedMesh = instMesh;
+        }
+    }
+    createRackFrame(w, h, d) {
+        const frameWeight = Math.round(Math.min(w, h) / 10);
+        const geometries = [];
+        for (let i = 0; i < 4; i++) {
+            const geometry = Rack.rackFrameGeometry.clone();
+            geometry.scale(frameWeight, d, frameWeight);
+            switch (i) {
+                case 0:
+                    geometry.translate(w / 2, 0, h / 2);
+                    break;
+                case 1:
+                    geometry.translate(w / 2, 0, -h / 2);
+                    break;
+                case 2:
+                    geometry.translate(-w / 2, 0, h / 2);
+                    break;
+                case 3:
+                    geometry.translate(-w / 2, 0, -h / 2);
+                    break;
+            }
+            geometries.push(geometry);
+        }
+        return BufferGeometryUtils.mergeGeometries(geometries);
+    }
+    createRackBoards(shelves, width, height, depth, shelfLocIds) {
+        let bottom = -depth * shelves * 0.5;
+        const geometries = [];
+        for (let i = 1; i < shelves; i++) {
+            if (shelfLocIds[i] === '') {
+                continue;
+            }
+            const geometry = Rack.boardGeometry.clone();
+            geometry.scale(width, height, 1);
+            geometry.rotateX(Math.PI / 2);
+            geometry.translate(0, bottom + depth * i, 0);
+            geometries.push(geometry);
+        }
+        return BufferGeometryUtils.mergeGeometries(geometries);
+    }
+    makeLocationString(shelfString) {
+        var { section = '', unit = '' } = this.component.state;
+        var { locPattern = '{z}{s}-{u}-{sh}', zone = '' } = this.rackTable.state;
+        var locationString = locPattern;
+        locationString = locationString.replace(/{z}/i, zone);
+        locationString = locationString.replace(/{s}/i, section);
+        locationString = locationString.replace(/{u}/i, unit);
+        locationString = locationString.replace(/{sh}/i, shelfString);
+        return locationString;
+    }
+    makeShelfString(pattern, shelf, length) {
+        /**
+         *  pattern #: 숫자
+         *  pattern 0: 고정 자리수
+         *  pattern -: 역순
+         */
+        if (!pattern || !shelf || !length)
+            return;
+        var isReverse = /^\-/.test(pattern);
+        pattern = pattern.replace(/#+/, '#');
+        var fixedLength = (pattern.match(/0/g) || []).length || 0;
+        var shelfString = String(isReverse ? length - shelf + 1 : shelf);
+        if (shelfString.length > fixedLength && fixedLength > 0) {
+            shelfString = shelfString.substring(shelfString.length - fixedLength);
+        }
+        else {
+            var prefix = '';
+            for (var i = 0; i < fixedLength - shelfString.length; i++) {
+                prefix += '0';
+            }
+            shelfString = prefix + shelfString;
+        }
+        return shelfString;
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=rack-column.js.map

package/dist/rack-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rack-column.js","sourceRoot":"","sources":["../src/rack-column.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\n\nimport { RealObject } from '@hatiolab/things-scene'\nimport { Stock } from './stock.js'\nimport RackGrid from './rack-grid.js'\n\n\nconst _color = new THREE.Color()\nconst _matrix = new THREE.Matrix4()\nconst _position = new THREE.Vector3()\nconst _quaternion = new THREE.Quaternion()\nconst _scale = new THREE.Vector3()\n\nexport class Rack extends RealObject {\n  private _frame?: THREE.BufferGeometry\n  private _board?: THREE.BufferGeometry\n  private _instancedMesh?: THREE.InstancedMesh\n  private _stocks: Stock[] = []\n\n  static rackFrameGeometry = new THREE.BoxGeometry(1, 1, 1)\n  static boardGeometry = new THREE.PlaneGeometry(1, 1, 1, 1)\n\n  private static _boardMaterial?: THREE.MeshStandardMaterial\n  private static _stockMaterial?: THREE.MeshStandardMaterial\n\n  get visualizer(): any | undefined {\n    var component = this.component\n\n    while (component) {\n      if (component.state.type == 'visualizer') {\n        return component as any\n      }\n      component = component.parent\n    }\n  }\n\n  /**\n   * Stock 등록 대상: 1순위 조상 Visualizer(하위호환), 2순위 서비스 레지스트리의 stock-hub\n   */\n  get stockRegistry(): { putObject(id: string, obj: RealObject): void } | undefined {\n    const vis = this.visualizer\n    if (vis) return vis\n    return (this.component.root as any)?.getService?.('stock')\n  }\n\n  get rackTable(): RackGrid | undefined {\n    var component = this.component\n\n    while (component) {\n      if (component.state.type == 'rack-grid') {\n        return component as unknown as RackGrid\n      }\n      component = component.parent\n    }\n  }\n\n  get cz() {\n    var { shelves = 1, depth = 1 } = this.rackTable!.state\n\n    return 0.5 * depth * shelves\n  }\n\n  static get boardMaterial() {\n    if (!Rack._boardMaterial) {\n      Rack._boardMaterial = new THREE.MeshStandardMaterial({\n        color: '#dedede',\n        side: THREE.DoubleSide,\n        polygonOffset: true,\n        polygonOffsetFactor: -0.1\n      })\n    }\n\n    return Rack._boardMaterial\n  }\n\n  static get stockMaterial() {\n    if (!Rack._stockMaterial) {\n      Rack._stockMaterial = new THREE.MeshStandardMaterial({\n        color: 0xffffff,\n        side: THREE.FrontSide,\n        metalness: 0,\n        roughness: 1,\n        envMapIntensity: 0\n      })\n    }\n    return Rack._stockMaterial\n  }\n\n  get frame() {\n    return this._frame\n  }\n\n  get board() {\n    return this._board\n  }\n\n  get instancedMesh() {\n    return this._instancedMesh\n  }\n\n  get stocks() {\n    return this._stocks\n  }\n\n  build() {\n    super.build()\n\n    var { depth, hideRackFrame, shelves = 1, shelfLocations: commonShelfLocation, stockScale = 0.7 } = this.rackTable!.state\n\n    var { width, height, shelfLocations = commonShelfLocation, binLocations = '' } = this.component.state\n\n    let scale = stockScale\n\n    var shelfLocIds\n\n    if (!shelfLocations) {\n      shelfLocIds = []\n      for (var i = 0; i < shelves; i++) shelfLocIds.push(i + 1)\n    } else shelfLocIds = shelfLocations.split(/\\s*,\\s*/)\n\n    var shelfBins = binLocations.trim().split('\\n').reverse()\n\n    if (!hideRackFrame) {\n      this._frame = this.createRackFrame(width, height, depth * shelves)\n      this._board = this.createRackBoards(shelves, width, height, depth, shelfLocIds)\n    }\n\n    // Stock 인스턴스 정보 수집\n    const stockEntries: { stock: Stock; x: number; y: number; z: number; w: number; h: number; d: number; name: string }[] = []\n\n    for (var i = 0; i < shelves; i++) {\n      let bottom = -depth * shelves * 0.5\n      if (shelfLocIds[i] == '') {\n        continue\n      }\n\n      var bins = (shelfBins[i] || '').trim().split(/\\s*,\\s*/)\n\n      var binWidth = width / (bins.length || 1)\n      for (var b = 0; b < bins.length; b++) {\n        let sw = binWidth * scale\n        let sh = height * scale\n        let sd = depth * scale\n\n        let stock = new Stock(this.component, { width: sw, height: sh, depth: sd })\n\n        let x = (width / 2) * ((2 * b - (bins.length - 1)) / bins.length)\n        let y = bottom + depth * i + sd * 0.5\n        let z = 0\n\n        var binCode = (bins[b] || '').replace('.', '')\n        let name = `${this.makeLocationString(shelfLocIds[i])}${binCode}`\n\n        stockEntries.push({ stock, x, y, z, w: sw, h: sh, d: sd, name })\n      }\n    }\n\n    // InstancedMesh 생성 (전체 Stock을 1개 draw call로)\n    if (stockEntries.length > 0) {\n      const instMesh = new THREE.InstancedMesh(\n        Stock.stockGeometry,\n        Rack.stockMaterial,\n        stockEntries.length\n      )\n\n      // instanceColor 초기화\n      const defaultColor = new THREE.Color(Stock.defaultMaterial.color)\n      for (let idx = 0; idx < stockEntries.length; idx++) {\n        const { stock, x, y, z, w, h, d, name } = stockEntries[idx]\n\n        _matrix.compose(\n          _position.set(x, y, z),\n          _quaternion.identity(),\n          _scale.set(w, d, h)\n        )\n        instMesh.setMatrixAt(idx, _matrix)\n        instMesh.setColorAt(idx, defaultColor)\n\n        // Stock에 instanced 참조 설정\n        stock._instancedMesh = instMesh\n        stock._instanceIndex = idx\n        stock._basePosition = { x, y, z }\n        stock._baseScale = { x: w, y: d, z: h }\n\n        // name 기반 lookup 유지\n        this._stocks.push(stock)\n        this.stockRegistry?.putObject(name, stock)\n      }\n\n      instMesh.instanceMatrix.needsUpdate = true\n      instMesh.instanceColor!.needsUpdate = true\n      instMesh.receiveShadow = true\n\n      // focused stock 회전 애니메이션\n      const self = this\n      instMesh.onBeforeRender = () => {\n        let needsUpdate = false\n        let hasFocused = false\n        for (const stock of self._stocks) {\n          if (stock._focused && stock._focusedAt != null) {\n            const elapsed = performance.now() - stock._focusedAt\n            const angle = 2 * Math.PI * (elapsed / 2000)\n            _quaternion.setFromAxisAngle(_position.set(0, 1, 0), angle)\n            _matrix.compose(\n              _position.set(stock._basePosition!.x, stock._basePosition!.y, stock._basePosition!.z),\n              _quaternion,\n              _scale.set(stock._baseScale!.x, stock._baseScale!.y, stock._baseScale!.z)\n            )\n            instMesh.setMatrixAt(stock._instanceIndex, _matrix)\n            needsUpdate = true\n            hasFocused = true\n          } else if (stock._focusedAt != null) {\n            delete stock._focusedAt\n            _matrix.compose(\n              _position.set(stock._basePosition!.x, stock._basePosition!.y, stock._basePosition!.z),\n              _quaternion.identity(),\n              _scale.set(stock._baseScale!.x, stock._baseScale!.y, stock._baseScale!.z)\n            )\n            instMesh.setMatrixAt(stock._instanceIndex, _matrix)\n            needsUpdate = true\n          }\n        }\n        if (needsUpdate) {\n          instMesh.instanceMatrix.needsUpdate = true\n        }\n        if (hasFocused) {\n          self.component.invalidate()\n        }\n      }\n\n      this.object3d.add(instMesh)\n      this._instancedMesh = instMesh\n    }\n  }\n\n  createRackFrame(w: number, h: number, d: number): THREE.BufferGeometry {\n    const frameWeight = Math.round(Math.min(w, h) / 10)\n    const geometries = []\n\n    for (let i = 0; i < 4; i++) {\n      const geometry = Rack.rackFrameGeometry.clone()\n      geometry.scale(frameWeight, d, frameWeight)\n\n      switch (i) {\n        case 0:\n          geometry.translate(w / 2, 0, h / 2)\n          break\n        case 1:\n          geometry.translate(w / 2, 0, -h / 2)\n          break\n        case 2:\n          geometry.translate(-w / 2, 0, h / 2)\n          break\n        case 3:\n          geometry.translate(-w / 2, 0, -h / 2)\n          break\n      }\n\n      geometries.push(geometry)\n    }\n\n    return BufferGeometryUtils.mergeGeometries(geometries)\n  }\n\n  createRackBoards(\n    shelves: number,\n    width: number,\n    height: number,\n    depth: number,\n    shelfLocIds: string[]\n  ): THREE.BufferGeometry {\n    let bottom = -depth * shelves * 0.5\n    const geometries = []\n\n    for (let i = 1; i < shelves; i++) {\n      if (shelfLocIds[i] === '') {\n        continue\n      }\n\n      const geometry = Rack.boardGeometry.clone()\n\n      geometry.scale(width, height, 1)\n      geometry.rotateX(Math.PI / 2)\n      geometry.translate(0, bottom + depth * i, 0)\n\n      geometries.push(geometry)\n    }\n\n    return BufferGeometryUtils.mergeGeometries(geometries)\n  }\n\n  makeLocationString(shelfString: string) {\n    var { section = '', unit = '' } = this.component.state\n    var { locPattern = '{z}{s}-{u}-{sh}', zone = '' } = this.rackTable!.state\n\n    var locationString = locPattern\n\n    locationString = locationString.replace(/{z}/i, zone)\n    locationString = locationString.replace(/{s}/i, section)\n    locationString = locationString.replace(/{u}/i, unit)\n    locationString = locationString.replace(/{sh}/i, shelfString)\n\n    return locationString\n  }\n\n  makeShelfString(pattern: string, shelf: number, length: number) {\n    /**\n     *  pattern #: 숫자\n     *  pattern 0: 고정 자리수\n     *  pattern -: 역순\n     */\n\n    if (!pattern || !shelf || !length) return\n\n    var isReverse = /^\\-/.test(pattern)\n    pattern = pattern.replace(/#+/, '#')\n\n    var fixedLength = (pattern.match(/0/g) || []).length || 0\n    var shelfString = String(isReverse ? length - shelf + 1 : shelf)\n\n    if (shelfString.length > fixedLength && fixedLength > 0) {\n      shelfString = shelfString.substring(shelfString.length - fixedLength)\n    } else {\n      var prefix = ''\n      for (var i = 0; i < fixedLength - shelfString.length; i++) {\n        prefix += '0'\n      }\n      shelfString = prefix + shelfString\n    }\n\n    return shelfString\n  }\n\n  updateAlpha() {}\n}\n"]}

package/dist/rack-grid-3d.d.ts

@@ -0,0 +1,13 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import { Rack } from './rack-column.js';
+export declare class RackGrid3D extends RealObjectGroup {
+    private _frameMaterial?;
+    build(): void;
+    protected get syncZPosOffset(): number;
+    get geometricOffsetY(): number;
+    private createFrameMaterial;
+    createRacks(): void;
+    mergeAndAddRackCommonObjects(racks: Rack[]): void;
+    dispose(): void;
+    updateAlpha(): void;
+}

package/dist/rack-grid-3d.js

@@ -0,0 +1,94 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import { Rack } from './rack-column.js';
+const DEFAULT_FRAME_COLOR = 0x8a8a8a;
+export class RackGrid3D extends RealObjectGroup {
+    _frameMaterial;
+    build() {
+        super.build();
+        this.createRacks();
+    }
+    // bottom origin: object3d가 zPos(바닥)에 위치 (내부 mesh는 center-local 좌표로 쌓임)
+    get syncZPosOffset() {
+        return 0;
+    }
+    get geometricOffsetY() {
+        return 0;
+    }
+    createFrameMaterial() {
+        this._frameMaterial?.dispose();
+        const { strokeStyle } = this.component.state;
+        const color = strokeStyle && typeof strokeStyle === 'string' ? strokeStyle : DEFAULT_FRAME_COLOR;
+        this._frameMaterial = new THREE.MeshStandardMaterial({
+            color,
+            roughness: 0.35,
+            metalness: 0.85
+        });
+        return this._frameMaterial;
+    }
+    createRacks() {
+        const { rotation = 0, shelfLocations, shelves = 1 } = this.component.state;
+        this.object3d.rotation.y = -rotation;
+        const racks = this.component.components
+            .map((cell) => {
+            const { shelfLocations: shelfLoc = shelfLocations, isEmpty } = cell.state;
+            if (!isEmpty) {
+                cell.setState('shelfLocations', shelfLoc);
+                const rack = new Rack(cell);
+                cell._realObject = rack; // 중복 생성 방지: addObject 재귀에서 skip
+                rack.update();
+                this.object3d.add(rack.object3d);
+                return rack;
+            }
+            return;
+        })
+            .filter((rack) => !!rack);
+        this.mergeAndAddRackCommonObjects(racks);
+    }
+    mergeAndAddRackCommonObjects(racks) {
+        const framesGeometries = [];
+        const boardsGeometries = [];
+        if (racks.length > 0) {
+            racks.forEach(rack => {
+                const geometry = rack.frame;
+                if (!geometry) {
+                    return;
+                }
+                geometry.translate(rack.position.x, rack.position.y, rack.position.z);
+                geometry.scale(rack.scale.x, rack.scale.y, rack.scale.z);
+                framesGeometries.push(geometry);
+            });
+            if (framesGeometries.length > 0) {
+                const frameMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(framesGeometries), this.createFrameMaterial());
+                this.object3d.add(frameMesh);
+            }
+            racks.forEach(rack => {
+                const geometry = rack.board;
+                if (!geometry) {
+                    return;
+                }
+                geometry.translate(rack.position.x, rack.position.y, rack.position.z);
+                geometry.scale(rack.scale.x, rack.scale.y, rack.scale.z);
+                boardsGeometries.push(geometry);
+            });
+            if (boardsGeometries.length > 0) {
+                const material = Rack.boardMaterial;
+                material.opacity = 0.5;
+                material.transparent = true;
+                const boardMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(boardsGeometries), material);
+                this.object3d.add(boardMesh);
+            }
+        }
+    }
+    dispose() {
+        this._frameMaterial?.dispose();
+        this._frameMaterial = undefined;
+        super.dispose();
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=rack-grid-3d.js.map

package/dist/rack-grid-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rack-grid-3d.js","sourceRoot":"","sources":["../src/rack-grid-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { Component, RealObjectGroup } from '@hatiolab/things-scene'\n\nimport { Rack } from './rack-column.js'\nimport type RackGrid from './rack-grid.js'\n\nconst DEFAULT_FRAME_COLOR = 0x8a8a8a\n\nexport class RackGrid3D extends RealObjectGroup {\n  private _frameMaterial?: THREE.MeshStandardMaterial\n\n  build() {\n    super.build()\n\n    this.createRacks()\n  }\n\n  // bottom origin: object3d가 zPos(바닥)에 위치 (내부 mesh는 center-local 좌표로 쌓임)\n  protected get syncZPosOffset(): number {\n    return 0\n  }\n\n  override get geometricOffsetY(): number {\n    return 0\n  }\n\n  private createFrameMaterial(): THREE.MeshStandardMaterial {\n    this._frameMaterial?.dispose()\n\n    const { strokeStyle } = this.component.state\n    const color = strokeStyle && typeof strokeStyle === 'string' ? strokeStyle : DEFAULT_FRAME_COLOR\n\n    this._frameMaterial = new THREE.MeshStandardMaterial({\n      color,\n      roughness: 0.35,\n      metalness: 0.85\n    })\n\n    return this._frameMaterial\n  }\n\n  createRacks() {\n    const { rotation = 0, shelfLocations, shelves = 1 } = this.component.state\n\n    this.object3d.rotation.y = -rotation\n\n    const racks = (this.component as unknown as RackGrid).components\n      .map((cell: Component) => {\n        const { shelfLocations: shelfLoc = shelfLocations, isEmpty } = cell.state\n\n        if (!isEmpty) {\n          cell.setState('shelfLocations', shelfLoc)\n\n          const rack = new Rack(cell)\n          cell._realObject = rack // 중복 생성 방지: addObject 재귀에서 skip\n\n          rack.update()\n          this.object3d.add(rack.object3d)\n\n          return rack\n        }\n        return\n      })\n      .filter((rack: any): rack is Rack => !!rack)\n\n    this.mergeAndAddRackCommonObjects(racks)\n  }\n\n  mergeAndAddRackCommonObjects(racks: Rack[]) {\n    const framesGeometries: THREE.BufferGeometry[] = []\n    const boardsGeometries: THREE.BufferGeometry[] = []\n\n    if (racks.length > 0) {\n      racks.forEach(rack => {\n        const geometry = rack.frame\n\n        if (!geometry) {\n          return\n        }\n\n        geometry.translate(rack.position.x, rack.position.y, rack.position.z)\n        geometry.scale(rack.scale.x, rack.scale.y, rack.scale.z)\n        framesGeometries.push(geometry)\n      })\n\n      if (framesGeometries.length > 0) {\n        const frameMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(framesGeometries), this.createFrameMaterial())\n        this.object3d.add(frameMesh)\n      }\n\n      racks.forEach(rack => {\n        const geometry = rack.board\n\n        if (!geometry) {\n          return\n        }\n\n        geometry.translate(rack.position.x, rack.position.y, rack.position.z)\n        geometry.scale(rack.scale.x, rack.scale.y, rack.scale.z)\n        boardsGeometries.push(geometry)\n      })\n\n      if (boardsGeometries.length > 0) {\n        const material = Rack.boardMaterial\n        material.opacity = 0.5\n        material.transparent = true\n\n        const boardMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(boardsGeometries), material)\n\n        this.object3d.add(boardMesh)\n      }\n    }\n  }\n\n  dispose() {\n    this._frameMaterial?.dispose()\n    this._frameMaterial = undefined\n\n    super.dispose()\n  }\n\n  updateAlpha() {}\n}\n"]}