@operato/scene-storage 10.0.0-beta.22

package/dist/asrs-rack.d.ts

@@ -0,0 +1,45 @@
+import { Component, ComponentNature, RealObject } from '@hatiolab/things-scene';
+import { type Alignment, type Heights, type PlacementArchetype } from '@operato/scene-base';
+declare const Base: typeof Component;
+/**
+ * AsrsRack — a multi-level high-bay storage rack, the structural backbone of
+ * an AS/RS (Automated Storage / Retrieval System).
+ *
+ * `levels` × `bays` cells form a vertical grid. Each cell holds one logistics
+ * package (Pallet / Box / Parcel). A pair of AsrsRacks separated by an aisle
+ * (where an AsrsCrane runs) is the typical AS/RS configuration; v1 ships the
+ * single-rack unit and lets users compose multi-rack systems by placing them
+ * side by side. A future `AsrsAisle` composite may bundle the pair + crane.
+ *
+ * **Placement**: `floor` archetype, full ceiling depth by default — AS/RS
+ * racks typically span floor to ceiling, with levels sized to fit the tallest
+ * pallet load. Users can shorten via explicit `state.depth` for warehouses
+ * with smaller envelopes.
+ *
+ * **Container-based**. Cells host stored cargo as children — each child's
+ * left/top within the rack's bounds determines which cell it occupies. The
+ * stacking pass in `Placeable.computeDefaultZPos` ensures each child cargo's
+ * z lands on the rack's overall bottom (parent.zPos + parent.depth = ceiling),
+ * which isn't quite cell-level resolution — true per-cell z positioning is
+ * a v3 concern (the cargo would need to know which cell-row it's in).
+ *
+ * No Legendable for v1 — racks are passive structures; their per-cell
+ * occupancy state is implicit in the children, not a status flag.
+ */
+export default class AsrsRack extends Base {
+    static placement: PlacementArchetype;
+    static align: Alignment;
+    static defaultDepth: (h: Heights) => number;
+    get nature(): ComponentNature;
+    get anchors(): never[];
+    /** Operation cargo (pallets / boxes / parcels) goes in the rack's cells. */
+    containable(component: Component): boolean;
+    /**
+     * 2D — top-down rectangle showing the rack footprint, with subdivisions
+     * suggesting the bay layout (lines parallel to the aisle).
+     */
+    render(ctx: CanvasRenderingContext2D): void;
+    get fillStyle(): string;
+    buildRealObject(): RealObject | undefined;
+}
+export {};

package/dist/asrs-rack.js

@@ -0,0 +1,99 @@
+import { __decorate } from "tslib";
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { Container, sceneComponent } from '@hatiolab/things-scene';
+import { Placeable } from '@operato/scene-base';
+import { AsrsRack3D } from './asrs-rack-3d.js';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'number',
+            label: 'levels',
+            name: 'levels',
+            placeholder: '# of vertical levels (default 4)'
+        },
+        {
+            type: 'number',
+            label: 'bays',
+            name: 'bays',
+            placeholder: '# of horizontal bays (default 5)'
+        }
+    ],
+    help: 'scene/component/asrs-rack'
+};
+const Base = Placeable(Container);
+/**
+ * AsrsRack — a multi-level high-bay storage rack, the structural backbone of
+ * an AS/RS (Automated Storage / Retrieval System).
+ *
+ * `levels` × `bays` cells form a vertical grid. Each cell holds one logistics
+ * package (Pallet / Box / Parcel). A pair of AsrsRacks separated by an aisle
+ * (where an AsrsCrane runs) is the typical AS/RS configuration; v1 ships the
+ * single-rack unit and lets users compose multi-rack systems by placing them
+ * side by side. A future `AsrsAisle` composite may bundle the pair + crane.
+ *
+ * **Placement**: `floor` archetype, full ceiling depth by default — AS/RS
+ * racks typically span floor to ceiling, with levels sized to fit the tallest
+ * pallet load. Users can shorten via explicit `state.depth` for warehouses
+ * with smaller envelopes.
+ *
+ * **Container-based**. Cells host stored cargo as children — each child's
+ * left/top within the rack's bounds determines which cell it occupies. The
+ * stacking pass in `Placeable.computeDefaultZPos` ensures each child cargo's
+ * z lands on the rack's overall bottom (parent.zPos + parent.depth = ceiling),
+ * which isn't quite cell-level resolution — true per-cell z positioning is
+ * a v3 concern (the cargo would need to know which cell-row it's in).
+ *
+ * No Legendable for v1 — racks are passive structures; their per-cell
+ * occupancy state is implicit in the children, not a status flag.
+ */
+let AsrsRack = class AsrsRack extends Base {
+    static placement = 'floor';
+    static align = 'bottom';
+    static defaultDepth = (h) => h.ceiling - h.floor;
+    get nature() {
+        return NATURE;
+    }
+    get anchors() {
+        return [];
+    }
+    /** Operation cargo (pallets / boxes / parcels) goes in the rack's cells. */
+    containable(component) {
+        const archetype = component.constructor.placement;
+        if (archetype === 'operation')
+            return true;
+        return component.isDescendible(this);
+    }
+    /**
+     * 2D — top-down rectangle showing the rack footprint, with subdivisions
+     * suggesting the bay layout (lines parallel to the aisle).
+     */
+    render(ctx) {
+        const { width, height, left, top } = this.state;
+        const bays = Math.max(1, Math.floor(this.state.bays || 5));
+        ctx.beginPath();
+        // Outer rectangle
+        ctx.rect(left, top, width, height);
+        // Bay subdivisions (vertical lines)
+        for (let i = 1; i < bays; i++) {
+            const x = left + (width * i) / bays;
+            ctx.moveTo(x, top);
+            ctx.lineTo(x, top + height);
+        }
+    }
+    get fillStyle() {
+        return '#a0a0a8';
+    }
+    buildRealObject() {
+        return new AsrsRack3D(this);
+    }
+};
+AsrsRack = __decorate([
+    sceneComponent('asrs-rack')
+], AsrsRack);
+export default AsrsRack;
+//# sourceMappingURL=asrs-rack.js.map

package/dist/asrs-rack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asrs-rack.js","sourceRoot":"","sources":["../src/asrs-rack.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAA8B,SAAS,EAAc,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC1G,OAAO,EACL,SAAS,EAIV,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,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,WAAW,EAAE,kCAAkC;SAChD;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,kCAAkC;SAChD;KACF;IACD,IAAI,EAAE,2BAA2B;CAClC,CAAA;AAED,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAgC,CAAA;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAEY,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,IAAI;IACxC,MAAM,CAAC,SAAS,GAAuB,OAAO,CAAA;IAC9C,MAAM,CAAC,KAAK,GAAc,QAAQ,CAAA;IAClC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,CAAA;IAEzD,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,OAAO;QACT,OAAO,EAAE,CAAA;IACX,CAAC;IAED,4EAA4E;IAC5E,WAAW,CAAC,SAAoB;QAC9B,MAAM,SAAS,GAAI,SAAS,CAAC,WAAmB,CAAC,SAAS,CAAA;QAC1D,IAAI,SAAS,KAAK,WAAW;YAAE,OAAO,IAAI,CAAA;QAC1C,OAAO,SAAS,CAAC,aAAa,CAAC,IAAW,CAAC,CAAA;IAC7C,CAAC;IAED;;;OAGG;IACH,MAAM,CAAC,GAA6B;QAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/C,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAE,IAAI,CAAC,KAAK,CAAC,IAAe,IAAI,CAAC,CAAC,CAAC,CAAA;QAEtE,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,kBAAkB;QAClB,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAClC,oCAAoC;QACpC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC;YAC9B,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAA;YACnC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAClB,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,CAAA;QAC7B,CAAC;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,eAAe;QACb,OAAO,IAAI,UAAU,CAAC,IAAW,CAAC,CAAA;IACpC,CAAC;;AA7CkB,QAAQ;IAD5B,cAAc,CAAC,WAAW,CAAC;GACP,QAAQ,CA8C5B;eA9CoB,QAAQ","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, Container, RealObject, sceneComponent } from '@hatiolab/things-scene'\nimport {\n  Placeable,\n  type Alignment,\n  type Heights,\n  type PlacementArchetype\n} from '@operato/scene-base'\n\nimport { AsrsRack3D } from './asrs-rack-3d.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'levels',\n      name: 'levels',\n      placeholder: '# of vertical levels (default 4)'\n    },\n    {\n      type: 'number',\n      label: 'bays',\n      name: 'bays',\n      placeholder: '# of horizontal bays (default 5)'\n    }\n  ],\n  help: 'scene/component/asrs-rack'\n}\n\nconst Base = Placeable(Container) as unknown as typeof Component\n\n/**\n * AsrsRack — a multi-level high-bay storage rack, the structural backbone of\n * an AS/RS (Automated Storage / Retrieval System).\n *\n * `levels` × `bays` cells form a vertical grid. Each cell holds one logistics\n * package (Pallet / Box / Parcel). A pair of AsrsRacks separated by an aisle\n * (where an AsrsCrane runs) is the typical AS/RS configuration; v1 ships the\n * single-rack unit and lets users compose multi-rack systems by placing them\n * side by side. A future `AsrsAisle` composite may bundle the pair + crane.\n *\n * **Placement**: `floor` archetype, full ceiling depth by default — AS/RS\n * racks typically span floor to ceiling, with levels sized to fit the tallest\n * pallet load. Users can shorten via explicit `state.depth` for warehouses\n * with smaller envelopes.\n *\n * **Container-based**. Cells host stored cargo as children — each child's\n * left/top within the rack's bounds determines which cell it occupies. The\n * stacking pass in `Placeable.computeDefaultZPos` ensures each child cargo's\n * z lands on the rack's overall bottom (parent.zPos + parent.depth = ceiling),\n * which isn't quite cell-level resolution — true per-cell z positioning is\n * a v3 concern (the cargo would need to know which cell-row it's in).\n *\n * No Legendable for v1 — racks are passive structures; their per-cell\n * occupancy state is implicit in the children, not a status flag.\n */\n@sceneComponent('asrs-rack')\nexport default class AsrsRack extends Base {\n  static placement: PlacementArchetype = 'floor'\n  static align: Alignment = 'bottom'\n  static defaultDepth = (h: Heights) => h.ceiling - h.floor\n\n  get nature() {\n    return NATURE\n  }\n\n  get anchors() {\n    return []\n  }\n\n  /** Operation cargo (pallets / boxes / parcels) goes in the rack's cells. */\n  containable(component: Component) {\n    const archetype = (component.constructor as any).placement\n    if (archetype === 'operation') return true\n    return component.isDescendible(this as any)\n  }\n\n  /**\n   * 2D — top-down rectangle showing the rack footprint, with subdivisions\n   * suggesting the bay layout (lines parallel to the aisle).\n   */\n  render(ctx: CanvasRenderingContext2D) {\n    const { width, height, left, top } = this.state\n    const bays = Math.max(1, Math.floor((this.state.bays as number) || 5))\n\n    ctx.beginPath()\n    // Outer rectangle\n    ctx.rect(left, top, width, height)\n    // Bay subdivisions (vertical lines)\n    for (let i = 1; i < bays; i++) {\n      const x = left + (width * i) / bays\n      ctx.moveTo(x, top)\n      ctx.lineTo(x, top + height)\n    }\n  }\n\n  get fillStyle() {\n    return '#a0a0a8'\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new AsrsRack3D(this as any)\n  }\n}\n"]}

package/dist/box-3d.d.ts

@@ -0,0 +1,11 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export declare class Box3D extends RealObjectGroup {
+    build(): void;
+    /** Wood crate — visible slats, 4 corner posts, open top. */
+    private buildWoodCrate;
+    /** Plastic tote — solid molded walls + top stackable lip. */
+    private buildPlasticTote;
+    updateDimension(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateAlpha(): void;
+}

package/dist/box-3d.js

@@ -0,0 +1,166 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Box 3D — wood crate and plastic tote variants.
+ *
+ * Wood crate: 4 vertical corner posts + horizontal slats with gaps → the
+ *             typical industrial wooden crate look. Forklift-friendly.
+ * Plastic tote: solid 4 walls + visible top lip / handle cutouts. Stackable.
+ *
+ * Both have a defined floor (so they look like containers, not just walls)
+ * and an opening at top — as you'd expect from a real crate / tote that's
+ * open or has a removable lid.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export class Box3D extends RealObjectGroup {
+    build() {
+        super.build();
+        const { width, height, depth = 300 } = this.component.state;
+        const material = this.component.state.material || 'wood';
+        const bodyColor = this.component.state.bodyColor || '#a87644';
+        if (material === 'plastic') {
+            this.buildPlasticTote(width, height, depth, bodyColor);
+        }
+        else {
+            this.buildWoodCrate(width, height, depth, bodyColor);
+        }
+    }
+    /** Wood crate — visible slats, 4 corner posts, open top. */
+    buildWoodCrate(width, height, depth, bodyColor) {
+        const baseY = -depth / 2;
+        const wallThickness = Math.min(width, height) * 0.04;
+        const postW = wallThickness * 1.6;
+        const slatH = depth * 0.10;
+        const slatGap = slatH * 0.6;
+        const floorH = depth * 0.05;
+        const woodMaterial = new THREE.MeshStandardMaterial({
+            color: bodyColor,
+            metalness: 0,
+            roughness: 0.85
+        });
+        const postColor = new THREE.Color(bodyColor).multiplyScalar(0.8);
+        const postMaterial = new THREE.MeshStandardMaterial({
+            color: postColor,
+            metalness: 0,
+            roughness: 0.9
+        });
+        // ── 4 corner posts ───────────────────────────────────────────────
+        const postGeos = [];
+        for (const xSign of [-1, 1]) {
+            for (const zSign of [-1, 1]) {
+                const post = new THREE.BoxGeometry(postW, depth, postW);
+                post.translate(xSign * (width / 2 - postW / 2), baseY + depth / 2, zSign * (height / 2 - postW / 2));
+                postGeos.push(post);
+            }
+        }
+        const postMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(postGeos), postMaterial);
+        postMesh.castShadow = true;
+        this.object3d.add(postMesh);
+        // ── Slatted walls (horizontal slats with gaps) ───────────────────
+        const slatRowCount = Math.max(2, Math.floor((depth - floorH) / (slatH + slatGap)));
+        const slatGeos = [];
+        for (let row = 0; row < slatRowCount; row++) {
+            const y = baseY + floorH + slatGap + row * (slatH + slatGap) + slatH / 2;
+            // Long walls (front / back)
+            for (const zSign of [-1, 1]) {
+                const slat = new THREE.BoxGeometry(width - postW * 2, slatH, wallThickness);
+                slat.translate(0, y, zSign * (height / 2 - wallThickness / 2));
+                slatGeos.push(slat);
+            }
+            // Short walls (left / right)
+            for (const xSign of [-1, 1]) {
+                const slat = new THREE.BoxGeometry(wallThickness, slatH, height - postW * 2);
+                slat.translate(xSign * (width / 2 - wallThickness / 2), y, 0);
+                slatGeos.push(slat);
+            }
+        }
+        const slatMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(slatGeos), woodMaterial);
+        slatMesh.castShadow = true;
+        slatMesh.receiveShadow = true;
+        this.object3d.add(slatMesh);
+        // ── Floor (bottom panel) ─────────────────────────────────────────
+        const floorGeo = new THREE.BoxGeometry(width - postW * 2, floorH, height - postW * 2);
+        const floorMesh = new THREE.Mesh(floorGeo, woodMaterial);
+        floorMesh.position.set(0, baseY + floorH / 2, 0);
+        floorMesh.receiveShadow = true;
+        this.object3d.add(floorMesh);
+    }
+    /** Plastic tote — solid molded walls + top stackable lip. */
+    buildPlasticTote(width, height, depth, bodyColor) {
+        const baseY = -depth / 2;
+        const wallThickness = Math.min(width, height) * 0.05;
+        const lipH = depth * 0.06;
+        const floorH = depth * 0.06;
+        const totMaterial = new THREE.MeshStandardMaterial({
+            color: bodyColor,
+            metalness: 0.05,
+            roughness: 0.55
+        });
+        const lipColor = new THREE.Color(bodyColor).multiplyScalar(0.85);
+        const lipMaterial = new THREE.MeshStandardMaterial({
+            color: lipColor,
+            metalness: 0.05,
+            roughness: 0.55
+        });
+        // ── 4 solid walls ────────────────────────────────────────────────
+        const wallGeos = [];
+        const wallH = depth - lipH - floorH;
+        const wallY = baseY + floorH + wallH / 2;
+        // Long walls
+        for (const zSign of [-1, 1]) {
+            const wall = new THREE.BoxGeometry(width, wallH, wallThickness);
+            wall.translate(0, wallY, zSign * (height / 2 - wallThickness / 2));
+            wallGeos.push(wall);
+        }
+        // Short walls
+        for (const xSign of [-1, 1]) {
+            const wall = new THREE.BoxGeometry(wallThickness, wallH, height - 2 * wallThickness);
+            wall.translate(xSign * (width / 2 - wallThickness / 2), wallY, 0);
+            wallGeos.push(wall);
+        }
+        const wallMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(wallGeos), totMaterial);
+        wallMesh.castShadow = true;
+        wallMesh.receiveShadow = true;
+        this.object3d.add(wallMesh);
+        // ── Top lip (stackable rim — slightly wider than walls) ──────────
+        const lipGeos = [];
+        const lipY = baseY + depth - lipH / 2;
+        // Long sides
+        for (const zSign of [-1, 1]) {
+            const lip = new THREE.BoxGeometry(width * 1.02, lipH, wallThickness * 1.5);
+            lip.translate(0, lipY, zSign * (height / 2 - wallThickness * 0.75));
+            lipGeos.push(lip);
+        }
+        // Short sides
+        for (const xSign of [-1, 1]) {
+            const lip = new THREE.BoxGeometry(wallThickness * 1.5, lipH, height * 1.02 - 2 * wallThickness * 1.5);
+            lip.translate(xSign * (width / 2 - wallThickness * 0.75), lipY, 0);
+            lipGeos.push(lip);
+        }
+        const lipMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(lipGeos), lipMaterial);
+        lipMesh.castShadow = true;
+        this.object3d.add(lipMesh);
+        // ── Floor (solid bottom) ─────────────────────────────────────────
+        const floorGeo = new THREE.BoxGeometry(width, floorH, height);
+        const floorMesh = new THREE.Mesh(floorGeo, totMaterial);
+        floorMesh.position.set(0, baseY + floorH / 2, 0);
+        floorMesh.receiveShadow = true;
+        this.object3d.add(floorMesh);
+    }
+    updateDimension() { }
+    onchange(after, before) {
+        if ('material' in after ||
+            'bodyColor' in after ||
+            'width' in after ||
+            'height' in after ||
+            'depth' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=box-3d.js.map

package/dist/box-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-3d.js","sourceRoot":"","sources":["../src/box-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Box 3D — wood crate and plastic tote variants.\n *\n * Wood crate: 4 vertical corner posts + horizontal slats with gaps → the\n *             typical industrial wooden crate look. Forklift-friendly.\n * Plastic tote: solid 4 walls + visible top lip / handle cutouts. Stackable.\n *\n * Both have a defined floor (so they look like containers, not just walls)\n * and an opening at top — as you'd expect from a real crate / tote that's\n * open or has a removable lid.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\n\nexport class Box3D extends RealObjectGroup {\n  build() {\n    super.build()\n\n    const { width, height, depth = 300 } = this.component.state\n    const material = (this.component.state.material as string) || 'wood'\n    const bodyColor = (this.component.state.bodyColor as string) || '#a87644'\n\n    if (material === 'plastic') {\n      this.buildPlasticTote(width, height, depth, bodyColor)\n    } else {\n      this.buildWoodCrate(width, height, depth, bodyColor)\n    }\n  }\n\n  /** Wood crate — visible slats, 4 corner posts, open top. */\n  private buildWoodCrate(width: number, height: number, depth: number, bodyColor: string) {\n    const baseY = -depth / 2\n    const wallThickness = Math.min(width, height) * 0.04\n    const postW = wallThickness * 1.6\n    const slatH = depth * 0.10\n    const slatGap = slatH * 0.6\n    const floorH = depth * 0.05\n\n    const woodMaterial = new THREE.MeshStandardMaterial({\n      color: bodyColor,\n      metalness: 0,\n      roughness: 0.85\n    })\n    const postColor = new THREE.Color(bodyColor).multiplyScalar(0.8)\n    const postMaterial = new THREE.MeshStandardMaterial({\n      color: postColor,\n      metalness: 0,\n      roughness: 0.9\n    })\n\n    // ── 4 corner posts ───────────────────────────────────────────────\n    const postGeos: THREE.BufferGeometry[] = []\n    for (const xSign of [-1, 1]) {\n      for (const zSign of [-1, 1]) {\n        const post = new THREE.BoxGeometry(postW, depth, postW)\n        post.translate(\n          xSign * (width / 2 - postW / 2),\n          baseY + depth / 2,\n          zSign * (height / 2 - postW / 2)\n        )\n        postGeos.push(post)\n      }\n    }\n    const postMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(postGeos), postMaterial)\n    postMesh.castShadow = true\n    this.object3d.add(postMesh)\n\n    // ── Slatted walls (horizontal slats with gaps) ───────────────────\n    const slatRowCount = Math.max(2, Math.floor((depth - floorH) / (slatH + slatGap)))\n    const slatGeos: THREE.BufferGeometry[] = []\n\n    for (let row = 0; row < slatRowCount; row++) {\n      const y = baseY + floorH + slatGap + row * (slatH + slatGap) + slatH / 2\n      // Long walls (front / back)\n      for (const zSign of [-1, 1]) {\n        const slat = new THREE.BoxGeometry(width - postW * 2, slatH, wallThickness)\n        slat.translate(0, y, zSign * (height / 2 - wallThickness / 2))\n        slatGeos.push(slat)\n      }\n      // Short walls (left / right)\n      for (const xSign of [-1, 1]) {\n        const slat = new THREE.BoxGeometry(wallThickness, slatH, height - postW * 2)\n        slat.translate(xSign * (width / 2 - wallThickness / 2), y, 0)\n        slatGeos.push(slat)\n      }\n    }\n    const slatMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(slatGeos), woodMaterial)\n    slatMesh.castShadow = true\n    slatMesh.receiveShadow = true\n    this.object3d.add(slatMesh)\n\n    // ── Floor (bottom panel) ─────────────────────────────────────────\n    const floorGeo = new THREE.BoxGeometry(width - postW * 2, floorH, height - postW * 2)\n    const floorMesh = new THREE.Mesh(floorGeo, woodMaterial)\n    floorMesh.position.set(0, baseY + floorH / 2, 0)\n    floorMesh.receiveShadow = true\n    this.object3d.add(floorMesh)\n  }\n\n  /** Plastic tote — solid molded walls + top stackable lip. */\n  private buildPlasticTote(width: number, height: number, depth: number, bodyColor: string) {\n    const baseY = -depth / 2\n    const wallThickness = Math.min(width, height) * 0.05\n    const lipH = depth * 0.06\n    const floorH = depth * 0.06\n\n    const totMaterial = new THREE.MeshStandardMaterial({\n      color: bodyColor,\n      metalness: 0.05,\n      roughness: 0.55\n    })\n    const lipColor = new THREE.Color(bodyColor).multiplyScalar(0.85)\n    const lipMaterial = new THREE.MeshStandardMaterial({\n      color: lipColor,\n      metalness: 0.05,\n      roughness: 0.55\n    })\n\n    // ── 4 solid walls ────────────────────────────────────────────────\n    const wallGeos: THREE.BufferGeometry[] = []\n    const wallH = depth - lipH - floorH\n    const wallY = baseY + floorH + wallH / 2\n\n    // Long walls\n    for (const zSign of [-1, 1]) {\n      const wall = new THREE.BoxGeometry(width, wallH, wallThickness)\n      wall.translate(0, wallY, zSign * (height / 2 - wallThickness / 2))\n      wallGeos.push(wall)\n    }\n    // Short walls\n    for (const xSign of [-1, 1]) {\n      const wall = new THREE.BoxGeometry(wallThickness, wallH, height - 2 * wallThickness)\n      wall.translate(xSign * (width / 2 - wallThickness / 2), wallY, 0)\n      wallGeos.push(wall)\n    }\n    const wallMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(wallGeos), totMaterial)\n    wallMesh.castShadow = true\n    wallMesh.receiveShadow = true\n    this.object3d.add(wallMesh)\n\n    // ── Top lip (stackable rim — slightly wider than walls) ──────────\n    const lipGeos: THREE.BufferGeometry[] = []\n    const lipY = baseY + depth - lipH / 2\n    // Long sides\n    for (const zSign of [-1, 1]) {\n      const lip = new THREE.BoxGeometry(width * 1.02, lipH, wallThickness * 1.5)\n      lip.translate(0, lipY, zSign * (height / 2 - wallThickness * 0.75))\n      lipGeos.push(lip)\n    }\n    // Short sides\n    for (const xSign of [-1, 1]) {\n      const lip = new THREE.BoxGeometry(wallThickness * 1.5, lipH, height * 1.02 - 2 * wallThickness * 1.5)\n      lip.translate(xSign * (width / 2 - wallThickness * 0.75), lipY, 0)\n      lipGeos.push(lip)\n    }\n    const lipMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(lipGeos), lipMaterial)\n    lipMesh.castShadow = true\n    this.object3d.add(lipMesh)\n\n    // ── Floor (solid bottom) ─────────────────────────────────────────\n    const floorGeo = new THREE.BoxGeometry(width, floorH, height)\n    const floorMesh = new THREE.Mesh(floorGeo, totMaterial)\n    floorMesh.position.set(0, baseY + floorH / 2, 0)\n    floorMesh.receiveShadow = true\n    this.object3d.add(floorMesh)\n  }\n\n  updateDimension() {}\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if (\n      'material' in after ||\n      'bodyColor' in after ||\n      'width' in after ||\n      'height' in after ||\n      'depth' in after\n    ) {\n      this.update()\n      return\n    }\n    super.onchange(after, before)\n  }\n\n  updateAlpha() {}\n}\n"]}

package/dist/box.d.ts

@@ -0,0 +1,36 @@
+import { Component, ComponentNature, RealObject } from '@hatiolab/things-scene';
+import { type Alignment, type LegendBinding, type PlacementArchetype } from '@operato/scene-base';
+/**
+ * Box material — drives 3D structure and color.
+ *
+ * - `wood`     — wood crate: visible vertical slats, gaps between, open or
+ *                semi-open top. Used for heavy / industrial parts.
+ * - `plastic`  — plastic tote / bin: solid molded walls with stackable lip
+ *                at top. Used for fulfillment, parts kitting.
+ *
+ * Cardboard parcels are a separate component (see `parcel.ts`) — they have
+ * different proportions, taping, and labels that warrant a distinct class.
+ */
+export type BoxMaterial = 'wood' | 'plastic';
+declare const Base: typeof Component;
+/**
+ * Box — a generic stackable container for goods. Wood crate or plastic tote
+ * variants distinguished by `material` prop.
+ *
+ * Shape-based (not Container) — boxes nesting other components is rare in
+ * logistics visualization (a *case* of items inside a box is data, not
+ * scene-tree). If a future use case needs nested boxes, extend Container.
+ */
+export default class Box extends Base {
+    static legends: Record<string, LegendBinding>;
+    static placement: PlacementArchetype;
+    static align: Alignment;
+    static defaultDepth: number;
+    get nature(): ComponentNature;
+    get anchors(): never[];
+    /** 2D — top-down rectangle. */
+    render(ctx: CanvasRenderingContext2D): void;
+    get fillStyle(): string;
+    buildRealObject(): RealObject | undefined;
+}
+export {};

package/dist/box.js

@@ -0,0 +1,73 @@
+import { __decorate } from "tslib";
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
+import { Carriable, Legendable, Placeable } from '@operato/scene-base';
+import { Box3D } from './box-3d.js';
+const BODY_LEGEND = {
+    wood: '#a87644',
+    plastic: '#3a5078',
+    default: '#a87644'
+};
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'material',
+            name: 'material',
+            property: {
+                options: [
+                    { display: 'Wood', value: 'wood' },
+                    { display: 'Plastic', value: 'plastic' }
+                ]
+            }
+        }
+    ],
+    help: 'scene/component/box'
+};
+// Carriable: a box can be a child of any CarrierHolder (Pallet for stacking,
+// AGV deck, robot-arm gripper, Spot for staging).
+const Base = Carriable(Legendable(Placeable(RectPath(Shape))));
+/**
+ * Box — a generic stackable container for goods. Wood crate or plastic tote
+ * variants distinguished by `material` prop.
+ *
+ * Shape-based (not Container) — boxes nesting other components is rare in
+ * logistics visualization (a *case* of items inside a box is data, not
+ * scene-tree). If a future use case needs nested boxes, extend Container.
+ */
+let Box = class Box extends Base {
+    static legends = {
+        bodyColor: { from: 'material', legend: BODY_LEGEND }
+    };
+    static placement = 'operation';
+    static align = 'bottom';
+    static defaultDepth = 300;
+    get nature() {
+        return NATURE;
+    }
+    get anchors() {
+        return [];
+    }
+    /** 2D — top-down rectangle. */
+    render(ctx) {
+        const { width, height, left, top } = this.state;
+        ctx.beginPath();
+        ctx.rect(left, top, width, height);
+    }
+    get fillStyle() {
+        return this.state.bodyColor || '#a87644';
+    }
+    buildRealObject() {
+        return new Box3D(this);
+    }
+};
+Box = __decorate([
+    sceneComponent('box')
+], Box);
+export default Box;
+//# sourceMappingURL=box.js.map

package/dist/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../src/box.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAA0C,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAChH,OAAO,EACL,SAAS,EACT,UAAU,EACV,SAAS,EAIV,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAenC,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,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,UAAU;YACjB,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oBAClC,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;iBACzC;aACF;SACF;KACF;IACD,IAAI,EAAE,qBAAqB;CAC5B,CAAA;AAED,6EAA6E;AAC7E,kDAAkD;AAClD,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAgC,CAAA;AAE7F;;;;;;;GAOG;AAEY,IAAM,GAAG,GAAT,MAAM,GAAI,SAAQ,IAAI;IACnC,MAAM,CAAC,OAAO,GAAkC;QAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE;KACrD,CAAA;IAED,MAAM,CAAC,SAAS,GAAuB,WAAW,CAAA;IAClD,MAAM,CAAC,KAAK,GAAc,QAAQ,CAAA;IAClC,MAAM,CAAC,YAAY,GAAG,GAAG,CAAA;IAEzB,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,OAAO;QACT,OAAO,EAAE,CAAA;IACX,CAAC;IAED,+BAA+B;IAC/B,MAAM,CAAC,GAA6B;QAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/C,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpC,CAAC;IAED,IAAI,SAAS;QACX,OAAQ,IAAI,CAAC,KAAK,CAAC,SAAoB,IAAI,SAAS,CAAA;IACtD,CAAC;IAED,eAAe;QACb,OAAO,IAAI,KAAK,CAAC,IAAW,CAAC,CAAA;IAC/B,CAAC;;AA9BkB,GAAG;IADvB,cAAc,CAAC,KAAK,CAAC;GACD,GAAG,CA+BvB;eA/BoB,GAAG","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RealObject, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport {\n  Carriable,\n  Legendable,\n  Placeable,\n  type Alignment,\n  type LegendBinding,\n  type PlacementArchetype\n} from '@operato/scene-base'\n\nimport { Box3D } from './box-3d.js'\n\n/**\n * Box material — drives 3D structure and color.\n *\n * - `wood`     — wood crate: visible vertical slats, gaps between, open or\n *                semi-open top. Used for heavy / industrial parts.\n * - `plastic`  — plastic tote / bin: solid molded walls with stackable lip\n *                at top. Used for fulfillment, parts kitting.\n *\n * Cardboard parcels are a separate component (see `parcel.ts`) — they have\n * different proportions, taping, and labels that warrant a distinct class.\n */\nexport type BoxMaterial = 'wood' | 'plastic'\n\nconst BODY_LEGEND = {\n  wood: '#a87644',\n  plastic: '#3a5078',\n  default: '#a87644'\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'material',\n      name: 'material',\n      property: {\n        options: [\n          { display: 'Wood', value: 'wood' },\n          { display: 'Plastic', value: 'plastic' }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/box'\n}\n\n// Carriable: a box can be a child of any CarrierHolder (Pallet for stacking,\n// AGV deck, robot-arm gripper, Spot for staging).\nconst Base = Carriable(Legendable(Placeable(RectPath(Shape)))) as unknown as typeof Component\n\n/**\n * Box — a generic stackable container for goods. Wood crate or plastic tote\n * variants distinguished by `material` prop.\n *\n * Shape-based (not Container) — boxes nesting other components is rare in\n * logistics visualization (a *case* of items inside a box is data, not\n * scene-tree). If a future use case needs nested boxes, extend Container.\n */\n@sceneComponent('box')\nexport default class Box extends Base {\n  static legends: Record<string, LegendBinding> = {\n    bodyColor: { from: 'material', legend: BODY_LEGEND }\n  }\n\n  static placement: PlacementArchetype = 'operation'\n  static align: Alignment = 'bottom'\n  static defaultDepth = 300\n\n  get nature() {\n    return NATURE\n  }\n\n  get anchors() {\n    return []\n  }\n\n  /** 2D — top-down rectangle. */\n  render(ctx: CanvasRenderingContext2D) {\n    const { width, height, left, top } = this.state\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n  }\n\n  get fillStyle() {\n    return (this.state.bodyColor as string) || '#a87644'\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Box3D(this as any)\n  }\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Pallet } from './pallet.js';
+export type { PalletMaterial } from './pallet.js';
+export { default as Box } from './box.js';
+export type { BoxMaterial } from './box.js';
+export { default as Parcel } from './parcel.js';
+export { default as AsrsRack } from './asrs-rack.js';
+export { default as AsrsCrane } from './asrs-crane.js';
+export type { AsrsCraneStatus } from './asrs-crane.js';
+export { default as Spot } from './spot.js';
+export { Spot3D } from './spot-3d.js';

package/dist/index.js

@@ -0,0 +1,11 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+export { default as Pallet } from './pallet.js';
+export { default as Box } from './box.js';
+export { default as Parcel } from './parcel.js';
+export { default as AsrsRack } from './asrs-rack.js';
+export { default as AsrsCrane } from './asrs-crane.js';
+export { default as Spot } from './spot.js';
+export { Spot3D } from './spot-3d.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAG/C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAA;AAGzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAGtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nexport { default as Pallet } from './pallet.js'\nexport type { PalletMaterial } from './pallet.js'\n\nexport { default as Box } from './box.js'\nexport type { BoxMaterial } from './box.js'\n\nexport { default as Parcel } from './parcel.js'\n\nexport { default as AsrsRack } from './asrs-rack.js'\nexport { default as AsrsCrane } from './asrs-crane.js'\nexport type { AsrsCraneStatus } from './asrs-crane.js'\n\nexport { default as Spot } from './spot.js'\nexport { Spot3D } from './spot-3d.js'\n"]}

package/dist/pallet-3d.d.ts

@@ -0,0 +1,11 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export declare class Pallet3D extends RealObjectGroup {
+    build(): void;
+    /** Wood EUR-style: 7 top slats + 3 stringers + 5 bottom slats. */
+    private buildWood;
+    /** Plastic molded: solid top deck + ribbed underside / feet. */
+    private buildPlastic;
+    updateDimension(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateAlpha(): void;
+}