@operato/scene-storage 10.0.0-beta.22

package/CHANGELOG.md

@@ -0,0 +1,25 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [10.0.0-beta.22](https://github.com/things-scene/operato-scene/compare/v10.0.0-beta.21...v10.0.0-beta.22) (2026-04-30)
+
+
+### :rocket: New Features
+
+* **scene-base,manufacturing,storage,conveyance:** Carriable/CarrierHolder mixins + RobotArm + Spot ([5e3ee78](https://github.com/things-scene/operato-scene/commit/5e3ee784d6fb51addc602921863113b967c7feb3))
+* **scene-facility,base:** add Floor + placeholder icons + base config fix ([830d57e](https://github.com/things-scene/operato-scene/commit/830d57ee8ecd7a31e7289f7cd6fe52027aa0380a))
+* **scene-storage:** add AsrsRack + AsrsCrane (Phase A6) ([a553d2c](https://github.com/things-scene/operato-scene/commit/a553d2c7294182727a42c082d48b57f3167d43f4))
+* **scene-transport,storage:** rebuild Forklift3D from scratch + align Pallet decks ([83aa335](https://github.com/things-scene/operato-scene/commit/83aa33531ce24615dc15e295d28872dec85e29de))
+* **scene:** @operato/scene-storage — Pallet + Box + Parcel (Phase A5) ([314f164](https://github.com/things-scene/operato-scene/commit/314f164a37379e36b7fa07c93178de8e36b41bf3))
+
+
+### :bug: Bug Fix
+
+* **scene-base,storage,transport:** rescale heights to scene units, clamp mast travel, operation cargo defaults to floor ([bd545d2](https://github.com/things-scene/operato-scene/commit/bd545d2ba9f41d97acc8d75b249e16aff4720258))
+
+
+### :house: Code Refactoring
+
+* **templates:** split warehouse → facility/conveyance/storage/transport + i18n ([4d0b726](https://github.com/things-scene/operato-scene/commit/4d0b7260fb515c904d6c1ebd8c37ef3193244ab8))

package/README.md

@@ -0,0 +1,59 @@
+# @operato/scene-storage
+
+**Storage** domain components for things-scene — the *cargo* and (eventually) the *infrastructure that holds it*.
+
+## Domain context
+
+This package collects the things that *flow* through a logistics scene at the operation surface — pallets, boxes, parcels — and (future phases) the structures that store them: shelves, racks, AS/RS, mezzanines.
+
+Initial scope (Phase A5): Pallet, Box, Parcel. All declare `placement: 'operation'` — the first concrete use of the *operation* archetype, riding on conveyor surfaces, AGV decks, and forklift forks set up in earlier phases.
+
+Planned (Phase A6+): Shelf, Rack, AS/RS, Mezzanine.
+
+## First operation-archetype components
+
+Conveyance and Transport are `floor`-archetype (structural). Storage cargo is `operation`-archetype — items that don't sit on the floor of their own accord but ride on the operation surface that conveyance creates. `containable()` filters in Forklift / Agv let these auto-mount when the user adds them as children.
+
+<!-- AUTOGEN_BEGIN: do not edit between markers (run scripts/regenerate-readmes.mjs to update) -->
+
+## Components
+
+- `Pallet`
+- `Box`
+- `Parcel`
+- `AsrsRack`
+- `AsrsCrane`
+
+## Templates (things-scene catalog)
+
+| type | group | description |
+|---|---|---|
+| `pallet` | warehouse | wood pallet (EUR / EPAL) |
+| `box` | warehouse | wood crate |
+| `parcel` | warehouse | cardboard parcel |
+| `asrs-rack` | warehouse | AS/RS storage rack (multi-level) |
+| `asrs-crane` | warehouse | AS/RS stacker crane |
+
+## Install
+
+```bash
+yarn add @operato/scene-storage
+```
+
+## Usage
+
+```ts
+import { Pallet, Box, Parcel, AsrsRack, AsrsCrane } from '@operato/scene-storage'
+```
+
+## Build
+
+```bash
+yarn build
+```
+
+Output: ESM module at `dist/index.js` (single bundle, no UMD/IE legacy).
+
+_Version: 10.0.0-beta.1_
+
+<!-- AUTOGEN_END -->

package/dist/asrs-crane-3d.d.ts

@@ -0,0 +1,7 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export declare class AsrsCrane3D extends RealObjectGroup {
+    build(): void;
+    updateDimension(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateAlpha(): void;
+}

package/dist/asrs-crane-3d.js

@@ -0,0 +1,164 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * AsrsCrane 3D — stacker crane for AS/RS aisles.
+ *
+ * LO-POLY but structurally complete. The signature parts:
+ *
+ *   - tall vertical mast (the dominant element — runs floor → ceiling)
+ *   - base unit (motor housing at floor level, runs on the floor rail)
+ *   - top guide (sliding block at ceiling that runs on the ceiling rail —
+ *     stabilizes the mast under acceleration)
+ *   - carriage (horizontal block that slides up/down the mast at
+ *     `state.carriageHeight`)
+ *   - shuttle/fork attachment on the carriage (extends sideways into a cell
+ *     to extract / insert a pallet)
+ *   - status lamp on top of the base unit
+ *
+ * The base unit + top guide combo is what visually distinguishes a stacker
+ * crane from a forklift — the stacker is *constrained* to the aisle, riding
+ * rails top and bottom, and that constraint is the visual signature.
+ */
+import * as THREE from 'three';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+const MAST_COLOR = 0x4a5060;
+const BASE_COLOR = 0x33394a;
+const SHUTTLE_COLOR = 0x222233;
+const RAIL_COLOR = 0x222222;
+export class AsrsCrane3D extends RealObjectGroup {
+    build() {
+        super.build();
+        const { width, height, depth = 200 } = this.component.state;
+        const bodyColor = this.component.state.bodyColor || '#888';
+        const emissiveColor = this.component.state.lampEmissive || '#222222';
+        const status = this.component.state.status;
+        const lampIntensity = status && status !== 'idle' ? 1.5 : 0.2;
+        // Clamp carriageHeight to the available mast travel — keeps the carriage
+        // inside the shaft even if state.carriageHeight is stale (e.g. left over
+        // from an older height-scale convention).
+        const carriageRaw = this.component.state.carriageHeight ?? depth * 0.4;
+        const carriageHeight = Math.max(0, Math.min(carriageRaw, depth * 0.85));
+        const baseY = -depth / 2;
+        // Proportions
+        const baseH = depth * 0.10;
+        const topGuideH = depth * 0.05;
+        const mastH = depth - baseH - topGuideH;
+        const mastW = width * 0.35;
+        const mastD = height * 0.35;
+        const bodyMaterial = new THREE.MeshStandardMaterial({
+            color: bodyColor,
+            metalness: 0.4,
+            roughness: 0.5
+        });
+        const mastMaterial = new THREE.MeshStandardMaterial({
+            color: MAST_COLOR,
+            metalness: 0.85,
+            roughness: 0.3
+        });
+        const baseMaterial = new THREE.MeshStandardMaterial({
+            color: BASE_COLOR,
+            metalness: 0.7,
+            roughness: 0.4
+        });
+        const shuttleMaterial = new THREE.MeshStandardMaterial({
+            color: SHUTTLE_COLOR,
+            metalness: 0.85,
+            roughness: 0.3
+        });
+        // ── Floor rail (visible track under the base) ─────────────────────
+        const railH = baseH * 0.25;
+        const railGeo = new THREE.BoxGeometry(width * 1.15, railH, mastD * 0.4);
+        const railMesh = new THREE.Mesh(railGeo, new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.9, roughness: 0.3 }));
+        railMesh.position.set(0, baseY + railH / 2, 0);
+        railMesh.receiveShadow = true;
+        this.object3d.add(railMesh);
+        // ── Base unit (motor housing on floor rail) ───────────────────────
+        const baseGeo = new THREE.BoxGeometry(width * 0.95, baseH, height * 0.85);
+        const baseMesh = new THREE.Mesh(baseGeo, baseMaterial);
+        baseMesh.position.set(0, baseY + railH + baseH / 2, 0);
+        baseMesh.castShadow = true;
+        baseMesh.receiveShadow = true;
+        this.object3d.add(baseMesh);
+        // Body color tint band on base unit (subtle status indication)
+        const tintH = baseH * 0.15;
+        const tintGeo = new THREE.BoxGeometry(width * 0.95, tintH, height * 0.85);
+        const tintMaterial = new THREE.MeshStandardMaterial({
+            color: bodyColor,
+            transparent: true,
+            opacity: 0.6,
+            metalness: 0.1,
+            roughness: 0.6
+        });
+        const tintMesh = new THREE.Mesh(tintGeo, tintMaterial);
+        tintMesh.position.set(0, baseY + railH + baseH - tintH / 2, 0);
+        this.object3d.add(tintMesh);
+        // ── Mast (vertical column from base top to ceiling) ───────────────
+        const mastY = baseY + railH + baseH + mastH / 2;
+        const mastGeo = new THREE.BoxGeometry(mastW, mastH, mastD);
+        const mastMesh = new THREE.Mesh(mastGeo, mastMaterial);
+        mastMesh.position.set(0, mastY, 0);
+        mastMesh.castShadow = true;
+        this.object3d.add(mastMesh);
+        // ── Carriage (horizontal block sliding on mast at carriageHeight) ─
+        const carriageW = width * 0.85;
+        const carriageH = baseH * 0.7;
+        const carriageD = mastD * 1.4;
+        const carriageY = baseY + railH + baseH + carriageHeight + carriageH / 2;
+        const carriageGeo = new THREE.BoxGeometry(carriageW, carriageH, carriageD);
+        const carriageMesh = new THREE.Mesh(carriageGeo, bodyMaterial);
+        carriageMesh.position.set(0, carriageY, 0);
+        carriageMesh.castShadow = true;
+        this.object3d.add(carriageMesh);
+        // ── Shuttle / fork attachment on carriage (extends sideways) ──────
+        const shuttleW = width * 1.05;
+        const shuttleH = carriageH * 0.5;
+        const shuttleD = carriageD * 0.6;
+        const shuttleGeo = new THREE.BoxGeometry(shuttleW, shuttleH, shuttleD);
+        const shuttleMesh = new THREE.Mesh(shuttleGeo, shuttleMaterial);
+        shuttleMesh.position.set(0, carriageY - carriageH / 2 - shuttleH / 2, 0);
+        shuttleMesh.castShadow = true;
+        this.object3d.add(shuttleMesh);
+        // ── Top guide (sliding block on ceiling rail) ─────────────────────
+        const topGuideGeo = new THREE.BoxGeometry(width * 0.7, topGuideH, height * 0.6);
+        const topGuideMesh = new THREE.Mesh(topGuideGeo, baseMaterial);
+        topGuideMesh.position.set(0, baseY + depth - topGuideH / 2, 0);
+        topGuideMesh.castShadow = true;
+        this.object3d.add(topGuideMesh);
+        // Ceiling rail (small visual cue at very top)
+        const ceilingRailGeo = new THREE.BoxGeometry(width * 1.15, topGuideH * 0.4, mastD * 0.4);
+        const ceilingRailMesh = new THREE.Mesh(ceilingRailGeo, new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.9, roughness: 0.3 }));
+        ceilingRailMesh.position.set(0, baseY + depth - topGuideH * 0.2, 0);
+        this.object3d.add(ceilingRailMesh);
+        // ── Status lamp on top of base unit ───────────────────────────────
+        const lampR = Math.min(width, height) * 0.04;
+        const lampH = lampR * 1.5;
+        const lampMaterial = new THREE.MeshStandardMaterial({
+            color: emissiveColor,
+            emissive: emissiveColor,
+            emissiveIntensity: lampIntensity,
+            metalness: 0,
+            roughness: 0.3
+        });
+        const lampGeo = new THREE.CylinderGeometry(lampR, lampR * 0.85, lampH, 12);
+        const lampMesh = new THREE.Mesh(lampGeo, lampMaterial);
+        // Place lamp near the corner of the base, away from the mast
+        lampMesh.position.set(width * 0.3, baseY + railH + baseH + lampH / 2, height * 0.3);
+        this.object3d.add(lampMesh);
+    }
+    updateDimension() { }
+    onchange(after, before) {
+        if ('status' in after ||
+            'bodyColor' in after ||
+            'lampEmissive' in after ||
+            'carriageHeight' in after ||
+            'width' in after ||
+            'height' in after ||
+            'depth' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=asrs-crane-3d.js.map

package/dist/asrs-crane-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asrs-crane-3d.js","sourceRoot":"","sources":["../src/asrs-crane-3d.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,UAAU,GAAG,QAAQ,CAAA;AAC3B,MAAM,aAAa,GAAG,QAAQ,CAAA;AAC9B,MAAM,UAAU,GAAG,QAAQ,CAAA;AAE3B,MAAM,OAAO,WAAY,SAAQ,eAAe;IAC9C,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAC3D,MAAM,SAAS,GAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAoB,IAAI,MAAM,CAAA;QACtE,MAAM,aAAa,GAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAuB,IAAI,SAAS,CAAA;QAChF,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAA;QAC1C,MAAM,aAAa,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;QAC7D,yEAAyE;QACzE,yEAAyE;QACzE,0CAA0C;QAC1C,MAAM,WAAW,GAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,cAAyB,IAAI,KAAK,GAAG,GAAG,CAAA;QAClF,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC,CAAA;QAEvE,MAAM,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,CAAA;QAExB,cAAc;QACd,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAC1B,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAA;QAC9B,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CAAA;QACvC,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAC1B,MAAM,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;QAE3B,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAClD,KAAK,EAAE,SAAS;YAChB,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAClD,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAClD,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,eAAe,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YACrD,KAAK,EAAE,aAAa;YACpB,SAAS,EAAE,IAAI;YACf,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QAEF,qEAAqE;QACrE,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAC1B,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,CAAA;QACvE,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAC7B,OAAO,EACP,IAAI,KAAK,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CACtF,CAAA;QACD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC9C,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAA;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAE3B,qEAAqE;QACrE,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAAA;QACzE,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QACtD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QACtD,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAA;QAC1B,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAA;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAE3B,+DAA+D;QAC/D,MAAM,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAC1B,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAAA;QACzE,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAClD,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QACtD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC9D,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAE3B,qEAAqE;QACrE,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,CAAA;QAC/C,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;QAC1D,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QACtD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;QAClC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAA;QAC1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAE3B,qEAAqE;QACrE,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAA;QAC9B,MAAM,SAAS,GAAG,KAAK,GAAG,GAAG,CAAA;QAC7B,MAAM,SAAS,GAAG,KAAK,GAAG,GAAG,CAAA;QAC7B,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,cAAc,GAAG,SAAS,GAAG,CAAC,CAAA;QACxE,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;QAC1E,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QAC9D,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAA;QAC1C,YAAY,CAAC,UAAU,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;QAE/B,qEAAqE;QACrE,MAAM,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAA;QAC7B,MAAM,QAAQ,GAAG,SAAS,GAAG,GAAG,CAAA;QAChC,MAAM,QAAQ,GAAG,SAAS,GAAG,GAAG,CAAA;QAChC,MAAM,UAAU,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACtE,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;QAC/D,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QACxE,WAAW,CAAC,UAAU,GAAG,IAAI,CAAA;QAC7B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QAE9B,qEAAqE;QACrE,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,GAAG,EAAE,SAAS,EAAE,MAAM,GAAG,GAAG,CAAC,CAAA;QAC/E,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QAC9D,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC9D,YAAY,CAAC,UAAU,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;QAE/B,8CAA8C;QAC9C,MAAM,cAAc,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK,GAAG,IAAI,EAAE,SAAS,GAAG,GAAG,EAAE,KAAK,GAAG,GAAG,CAAC,CAAA;QACxF,MAAM,eAAe,GAAG,IAAI,KAAK,CAAC,IAAI,CACpC,cAAc,EACd,IAAI,KAAK,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CACtF,CAAA;QACD,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,CAAA;QACnE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;QAElC,qEAAqE;QACrE,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;QAC5C,MAAM,KAAK,GAAG,KAAK,GAAG,GAAG,CAAA;QACzB,MAAM,YAAY,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAClD,KAAK,EAAE,aAAa;YACpB,QAAQ,EAAE,aAAa;YACvB,iBAAiB,EAAE,aAAa;YAChC,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;QAC1E,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;QACtD,6DAA6D;QAC7D,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,CAAA;QACnF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAC7B,CAAC;IAED,eAAe,KAAI,CAAC;IAEpB,QAAQ,CAAC,KAA8B,EAAE,MAA+B;QACtE,IACE,QAAQ,IAAI,KAAK;YACjB,WAAW,IAAI,KAAK;YACpB,cAAc,IAAI,KAAK;YACvB,gBAAgB,IAAI,KAAK;YACzB,OAAO,IAAI,KAAK;YAChB,QAAQ,IAAI,KAAK;YACjB,OAAO,IAAI,KAAK,EAChB,CAAC;YACD,IAAI,CAAC,MAAM,EAAE,CAAA;YACb,OAAM;QACR,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAC/B,CAAC;IAED,WAAW,KAAI,CAAC;CACjB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * AsrsCrane 3D — stacker crane for AS/RS aisles.\n *\n * LO-POLY but structurally complete. The signature parts:\n *\n *   - tall vertical mast (the dominant element — runs floor → ceiling)\n *   - base unit (motor housing at floor level, runs on the floor rail)\n *   - top guide (sliding block at ceiling that runs on the ceiling rail —\n *     stabilizes the mast under acceleration)\n *   - carriage (horizontal block that slides up/down the mast at\n *     `state.carriageHeight`)\n *   - shuttle/fork attachment on the carriage (extends sideways into a cell\n *     to extract / insert a pallet)\n *   - status lamp on top of the base unit\n *\n * The base unit + top guide combo is what visually distinguishes a stacker\n * crane from a forklift — the stacker is *constrained* to the aisle, riding\n * rails top and bottom, and that constraint is the visual signature.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\n\nconst MAST_COLOR = 0x4a5060\nconst BASE_COLOR = 0x33394a\nconst SHUTTLE_COLOR = 0x222233\nconst RAIL_COLOR = 0x222222\n\nexport class AsrsCrane3D extends RealObjectGroup {\n  build() {\n    super.build()\n\n    const { width, height, depth = 200 } = this.component.state\n    const bodyColor = (this.component.state.bodyColor as string) || '#888'\n    const emissiveColor = (this.component.state.lampEmissive as string) || '#222222'\n    const status = this.component.state.status\n    const lampIntensity = status && status !== 'idle' ? 1.5 : 0.2\n    // Clamp carriageHeight to the available mast travel — keeps the carriage\n    // inside the shaft even if state.carriageHeight is stale (e.g. left over\n    // from an older height-scale convention).\n    const carriageRaw = (this.component.state.carriageHeight as number) ?? depth * 0.4\n    const carriageHeight = Math.max(0, Math.min(carriageRaw, depth * 0.85))\n\n    const baseY = -depth / 2\n\n    // Proportions\n    const baseH = depth * 0.10\n    const topGuideH = depth * 0.05\n    const mastH = depth - baseH - topGuideH\n    const mastW = width * 0.35\n    const mastD = height * 0.35\n\n    const bodyMaterial = new THREE.MeshStandardMaterial({\n      color: bodyColor,\n      metalness: 0.4,\n      roughness: 0.5\n    })\n    const mastMaterial = new THREE.MeshStandardMaterial({\n      color: MAST_COLOR,\n      metalness: 0.85,\n      roughness: 0.3\n    })\n    const baseMaterial = new THREE.MeshStandardMaterial({\n      color: BASE_COLOR,\n      metalness: 0.7,\n      roughness: 0.4\n    })\n    const shuttleMaterial = new THREE.MeshStandardMaterial({\n      color: SHUTTLE_COLOR,\n      metalness: 0.85,\n      roughness: 0.3\n    })\n\n    // ── Floor rail (visible track under the base) ─────────────────────\n    const railH = baseH * 0.25\n    const railGeo = new THREE.BoxGeometry(width * 1.15, railH, mastD * 0.4)\n    const railMesh = new THREE.Mesh(\n      railGeo,\n      new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.9, roughness: 0.3 })\n    )\n    railMesh.position.set(0, baseY + railH / 2, 0)\n    railMesh.receiveShadow = true\n    this.object3d.add(railMesh)\n\n    // ── Base unit (motor housing on floor rail) ───────────────────────\n    const baseGeo = new THREE.BoxGeometry(width * 0.95, baseH, height * 0.85)\n    const baseMesh = new THREE.Mesh(baseGeo, baseMaterial)\n    baseMesh.position.set(0, baseY + railH + baseH / 2, 0)\n    baseMesh.castShadow = true\n    baseMesh.receiveShadow = true\n    this.object3d.add(baseMesh)\n\n    // Body color tint band on base unit (subtle status indication)\n    const tintH = baseH * 0.15\n    const tintGeo = new THREE.BoxGeometry(width * 0.95, tintH, height * 0.85)\n    const tintMaterial = new THREE.MeshStandardMaterial({\n      color: bodyColor,\n      transparent: true,\n      opacity: 0.6,\n      metalness: 0.1,\n      roughness: 0.6\n    })\n    const tintMesh = new THREE.Mesh(tintGeo, tintMaterial)\n    tintMesh.position.set(0, baseY + railH + baseH - tintH / 2, 0)\n    this.object3d.add(tintMesh)\n\n    // ── Mast (vertical column from base top to ceiling) ───────────────\n    const mastY = baseY + railH + baseH + mastH / 2\n    const mastGeo = new THREE.BoxGeometry(mastW, mastH, mastD)\n    const mastMesh = new THREE.Mesh(mastGeo, mastMaterial)\n    mastMesh.position.set(0, mastY, 0)\n    mastMesh.castShadow = true\n    this.object3d.add(mastMesh)\n\n    // ── Carriage (horizontal block sliding on mast at carriageHeight) ─\n    const carriageW = width * 0.85\n    const carriageH = baseH * 0.7\n    const carriageD = mastD * 1.4\n    const carriageY = baseY + railH + baseH + carriageHeight + carriageH / 2\n    const carriageGeo = new THREE.BoxGeometry(carriageW, carriageH, carriageD)\n    const carriageMesh = new THREE.Mesh(carriageGeo, bodyMaterial)\n    carriageMesh.position.set(0, carriageY, 0)\n    carriageMesh.castShadow = true\n    this.object3d.add(carriageMesh)\n\n    // ── Shuttle / fork attachment on carriage (extends sideways) ──────\n    const shuttleW = width * 1.05\n    const shuttleH = carriageH * 0.5\n    const shuttleD = carriageD * 0.6\n    const shuttleGeo = new THREE.BoxGeometry(shuttleW, shuttleH, shuttleD)\n    const shuttleMesh = new THREE.Mesh(shuttleGeo, shuttleMaterial)\n    shuttleMesh.position.set(0, carriageY - carriageH / 2 - shuttleH / 2, 0)\n    shuttleMesh.castShadow = true\n    this.object3d.add(shuttleMesh)\n\n    // ── Top guide (sliding block on ceiling rail) ─────────────────────\n    const topGuideGeo = new THREE.BoxGeometry(width * 0.7, topGuideH, height * 0.6)\n    const topGuideMesh = new THREE.Mesh(topGuideGeo, baseMaterial)\n    topGuideMesh.position.set(0, baseY + depth - topGuideH / 2, 0)\n    topGuideMesh.castShadow = true\n    this.object3d.add(topGuideMesh)\n\n    // Ceiling rail (small visual cue at very top)\n    const ceilingRailGeo = new THREE.BoxGeometry(width * 1.15, topGuideH * 0.4, mastD * 0.4)\n    const ceilingRailMesh = new THREE.Mesh(\n      ceilingRailGeo,\n      new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.9, roughness: 0.3 })\n    )\n    ceilingRailMesh.position.set(0, baseY + depth - topGuideH * 0.2, 0)\n    this.object3d.add(ceilingRailMesh)\n\n    // ── Status lamp on top of base unit ───────────────────────────────\n    const lampR = Math.min(width, height) * 0.04\n    const lampH = lampR * 1.5\n    const lampMaterial = new THREE.MeshStandardMaterial({\n      color: emissiveColor,\n      emissive: emissiveColor,\n      emissiveIntensity: lampIntensity,\n      metalness: 0,\n      roughness: 0.3\n    })\n    const lampGeo = new THREE.CylinderGeometry(lampR, lampR * 0.85, lampH, 12)\n    const lampMesh = new THREE.Mesh(lampGeo, lampMaterial)\n    // Place lamp near the corner of the base, away from the mast\n    lampMesh.position.set(width * 0.3, baseY + railH + baseH + lampH / 2, height * 0.3)\n    this.object3d.add(lampMesh)\n  }\n\n  updateDimension() {}\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if (\n      'status' in after ||\n      'bodyColor' in after ||\n      'lampEmissive' in after ||\n      'carriageHeight' 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/asrs-crane.d.ts

@@ -0,0 +1,47 @@
+import { Component, ComponentNature, RealObject } from '@hatiolab/things-scene';
+import { type Alignment, type Heights, type LegendBinding, type PlacementArchetype } from '@operato/scene-base';
+/**
+ * AsrsCrane status — the operating state of a stacker crane in an AS/RS aisle.
+ *
+ * - `idle`       — parked at home position
+ * - `moving`     — translating along the aisle (horizontal) or along the
+ *                  mast (vertical); the two motions are typically combined
+ * - `loading`    — extracting a pallet from a rack cell
+ * - `unloading`  — placing a pallet into a rack cell
+ * - `error`      — fault / e-stop / collision warning
+ */
+export type AsrsCraneStatus = 'idle' | 'moving' | 'loading' | 'unloading' | 'error';
+declare const Base: typeof Component;
+/**
+ * AsrsCrane — the stacker / retrieval crane that runs in the aisle of an
+ * AS/RS, moving cargo between the load port and the rack cells.
+ *
+ * Structure: a tall vertical mast that translates along a floor + ceiling
+ * rail (the aisle), with a carriage that slides up/down the mast carrying a
+ * shuttle / forks. The whole assembly's footprint is narrow (mast width)
+ * but its visual height is full ceiling — by far the tallest single
+ * component in a typical scene.
+ *
+ * Currently Shape-based (no children). The carrier the crane is *currently
+ * carrying* is best modeled via data binding (a `currentCarrier` data field
+ * on the crane → looked up to a Pallet/Box elsewhere in the scene), as in
+ * fmsim's CarrierManager pattern. Adding the carrier as a child would mix
+ * static placement with the dynamic data-driven flow we deliberately keep
+ * separate (see Phase A4 commit notes).
+ */
+export default class AsrsCrane extends Base {
+    static legends: Record<string, LegendBinding>;
+    static placement: PlacementArchetype;
+    static align: Alignment;
+    static defaultDepth: (h: Heights) => number;
+    get nature(): ComponentNature;
+    get anchors(): never[];
+    /**
+     * 2D — top-down rectangle showing the crane's footprint along the aisle.
+     * The crane is much taller than wide, so the 2D mark is small.
+     */
+    render(ctx: CanvasRenderingContext2D): void;
+    get fillStyle(): string;
+    buildRealObject(): RealObject | undefined;
+}
+export {};

package/dist/asrs-crane.js

@@ -0,0 +1,104 @@
+import { __decorate } from "tslib";
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
+import { Legendable, Placeable } from '@operato/scene-base';
+import { AsrsCrane3D } from './asrs-crane-3d.js';
+const BODY_LEGEND = {
+    idle: '#888',
+    moving: '#aabbcc',
+    loading: '#ffaa00',
+    unloading: '#ffaa00',
+    error: '#c66',
+    default: '#888'
+};
+const LAMP_EMISSIVE_LEGEND = {
+    idle: '#222222',
+    moving: '#44ff44',
+    loading: '#ffaa00',
+    unloading: '#ffaa00',
+    error: '#ff3333',
+    default: '#222222'
+};
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'select',
+            label: 'status',
+            name: 'status',
+            property: {
+                options: [
+                    { display: 'Idle', value: 'idle' },
+                    { display: 'Moving', value: 'moving' },
+                    { display: 'Loading', value: 'loading' },
+                    { display: 'Unloading', value: 'unloading' },
+                    { display: 'Error', value: 'error' }
+                ]
+            }
+        },
+        {
+            type: 'number',
+            label: 'carriage-height',
+            name: 'carriageHeight',
+            placeholder: 'mm — height of carriage on mast'
+        }
+    ],
+    help: 'scene/component/asrs-crane'
+};
+const Base = Legendable(Placeable(RectPath(Shape)));
+/**
+ * AsrsCrane — the stacker / retrieval crane that runs in the aisle of an
+ * AS/RS, moving cargo between the load port and the rack cells.
+ *
+ * Structure: a tall vertical mast that translates along a floor + ceiling
+ * rail (the aisle), with a carriage that slides up/down the mast carrying a
+ * shuttle / forks. The whole assembly's footprint is narrow (mast width)
+ * but its visual height is full ceiling — by far the tallest single
+ * component in a typical scene.
+ *
+ * Currently Shape-based (no children). The carrier the crane is *currently
+ * carrying* is best modeled via data binding (a `currentCarrier` data field
+ * on the crane → looked up to a Pallet/Box elsewhere in the scene), as in
+ * fmsim's CarrierManager pattern. Adding the carrier as a child would mix
+ * static placement with the dynamic data-driven flow we deliberately keep
+ * separate (see Phase A4 commit notes).
+ */
+let AsrsCrane = class AsrsCrane extends Base {
+    static legends = {
+        bodyColor: { from: 'status', legend: BODY_LEGEND },
+        lampEmissive: { from: 'status', legend: LAMP_EMISSIVE_LEGEND }
+    };
+    static placement = 'floor';
+    static align = 'bottom';
+    static defaultDepth = (h) => h.ceiling - h.floor;
+    get nature() {
+        return NATURE;
+    }
+    get anchors() {
+        return [];
+    }
+    /**
+     * 2D — top-down rectangle showing the crane's footprint along the aisle.
+     * The crane is much taller than wide, so the 2D mark is small.
+     */
+    render(ctx) {
+        const { width, height, left, top } = this.state;
+        ctx.beginPath();
+        ctx.rect(left, top, width, height);
+    }
+    get fillStyle() {
+        return this.state.bodyColor || '#888';
+    }
+    buildRealObject() {
+        return new AsrsCrane3D(this);
+    }
+};
+AsrsCrane = __decorate([
+    sceneComponent('asrs-crane')
+], AsrsCrane);
+export default AsrsCrane;
+//# sourceMappingURL=asrs-crane.js.map

package/dist/asrs-crane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asrs-crane.js","sourceRoot":"","sources":["../src/asrs-crane.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RealObject, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport {\n  Legendable,\n  Placeable,\n  type Alignment,\n  type Heights,\n  type LegendBinding,\n  type PlacementArchetype\n} from '@operato/scene-base'\n\nimport { AsrsCrane3D } from './asrs-crane-3d.js'\n\n/**\n * AsrsCrane status — the operating state of a stacker crane in an AS/RS aisle.\n *\n * - `idle`       — parked at home position\n * - `moving`     — translating along the aisle (horizontal) or along the\n *                  mast (vertical); the two motions are typically combined\n * - `loading`    — extracting a pallet from a rack cell\n * - `unloading`  — placing a pallet into a rack cell\n * - `error`      — fault / e-stop / collision warning\n */\nexport type AsrsCraneStatus = 'idle' | 'moving' | 'loading' | 'unloading' | 'error'\n\nconst BODY_LEGEND = {\n  idle: '#888',\n  moving: '#aabbcc',\n  loading: '#ffaa00',\n  unloading: '#ffaa00',\n  error: '#c66',\n  default: '#888'\n}\n\nconst LAMP_EMISSIVE_LEGEND = {\n  idle: '#222222',\n  moving: '#44ff44',\n  loading: '#ffaa00',\n  unloading: '#ffaa00',\n  error: '#ff3333',\n  default: '#222222'\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'status',\n      name: 'status',\n      property: {\n        options: [\n          { display: 'Idle', value: 'idle' },\n          { display: 'Moving', value: 'moving' },\n          { display: 'Loading', value: 'loading' },\n          { display: 'Unloading', value: 'unloading' },\n          { display: 'Error', value: 'error' }\n        ]\n      }\n    },\n    {\n      type: 'number',\n      label: 'carriage-height',\n      name: 'carriageHeight',\n      placeholder: 'mm — height of carriage on mast'\n    }\n  ],\n  help: 'scene/component/asrs-crane'\n}\n\nconst Base = Legendable(Placeable(RectPath(Shape))) as unknown as typeof Component\n\n/**\n * AsrsCrane — the stacker / retrieval crane that runs in the aisle of an\n * AS/RS, moving cargo between the load port and the rack cells.\n *\n * Structure: a tall vertical mast that translates along a floor + ceiling\n * rail (the aisle), with a carriage that slides up/down the mast carrying a\n * shuttle / forks. The whole assembly's footprint is narrow (mast width)\n * but its visual height is full ceiling — by far the tallest single\n * component in a typical scene.\n *\n * Currently Shape-based (no children). The carrier the crane is *currently\n * carrying* is best modeled via data binding (a `currentCarrier` data field\n * on the crane → looked up to a Pallet/Box elsewhere in the scene), as in\n * fmsim's CarrierManager pattern. Adding the carrier as a child would mix\n * static placement with the dynamic data-driven flow we deliberately keep\n * separate (see Phase A4 commit notes).\n */\n@sceneComponent('asrs-crane')\nexport default class AsrsCrane extends Base {\n  static legends: Record<string, LegendBinding> = {\n    bodyColor: { from: 'status', legend: BODY_LEGEND },\n    lampEmissive: { from: 'status', legend: LAMP_EMISSIVE_LEGEND }\n  }\n\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  /**\n   * 2D — top-down rectangle showing the crane's footprint along the aisle.\n   * The crane is much taller than wide, so the 2D mark is small.\n   */\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) || '#888'\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new AsrsCrane3D(this as any)\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+export declare class AsrsRack3D extends RealObjectGroup {
+    build(): void;
+    updateDimension(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateAlpha(): void;
+}

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

@@ -0,0 +1,129 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * AsrsRack 3D — multi-level high-bay storage rack.
+ *
+ * LO-POLY but visually unambiguous as a rack. The signature parts:
+ *
+ *   - 4 corner uprights (vertical posts running floor → top)
+ *   - intermediate uprights between bays (one between each adjacent bay pair)
+ *   - horizontal beams at each level on both front and back faces (defining
+ *     the cell decks)
+ *   - diagonal cross-bracing on the back face (the "X" pattern that says
+ *     this is a load-bearing storage rack, not just a generic frame)
+ *
+ * No floor / ceiling panels — the rack is open by design (cells are accessed
+ * by the stacker crane from the front/aisle side).
+ *
+ * Cargo (pallets, boxes) added as children render at their own z position.
+ * The rack itself is purely structural geometry.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+const POST_COLOR = 0x6a7080;
+const BEAM_COLOR = 0x556070;
+const BRACE_COLOR = 0x556070;
+export class AsrsRack3D extends RealObjectGroup {
+    build() {
+        super.build();
+        const { width, height, depth = 3000 } = this.component.state;
+        const levels = Math.max(1, Math.floor(this.component.state.levels || 4));
+        const bays = Math.max(1, Math.floor(this.component.state.bays || 5));
+        const baseY = -depth / 2;
+        const postW = Math.min(width / bays, height) * 0.06;
+        const beamH = depth * 0.025;
+        const braceT = postW * 0.6;
+        const postMaterial = new THREE.MeshStandardMaterial({
+            color: POST_COLOR,
+            metalness: 0.7,
+            roughness: 0.4
+        });
+        const beamMaterial = new THREE.MeshStandardMaterial({
+            color: BEAM_COLOR,
+            metalness: 0.7,
+            roughness: 0.4
+        });
+        const braceMaterial = new THREE.MeshStandardMaterial({
+            color: BRACE_COLOR,
+            metalness: 0.7,
+            roughness: 0.4
+        });
+        // ── Uprights (vertical posts at every bay boundary) ──────────────
+        // bays + 1 vertical positions; for each, one front post + one back post.
+        const postGeos = [];
+        for (let i = 0; i <= bays; i++) {
+            const xFrac = i / bays - 0.5;
+            const x = xFrac * width;
+            // Front + back posts
+            for (const zSign of [-1, 1]) {
+                const post = new THREE.BoxGeometry(postW, depth, postW);
+                post.translate(x, 0, zSign * (height / 2 - postW / 2));
+                postGeos.push(post);
+            }
+        }
+        const postMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(postGeos), postMaterial);
+        postMesh.castShadow = true;
+        postMesh.receiveShadow = true;
+        this.object3d.add(postMesh);
+        // ── Horizontal beams (front + back faces at each level) ──────────
+        // levels + 1 vertical positions (level 0 = ground, level N = top).
+        const beamGeos = [];
+        for (let lv = 0; lv <= levels; lv++) {
+            const yFrac = lv / levels;
+            const y = baseY + yFrac * depth - beamH / 2 + (lv === 0 ? beamH : 0);
+            for (const zSign of [-1, 1]) {
+                const beam = new THREE.BoxGeometry(width, beamH, beamH);
+                beam.translate(0, y, zSign * (height / 2 - beamH / 2));
+                beamGeos.push(beam);
+            }
+        }
+        const beamMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(beamGeos), beamMaterial);
+        beamMesh.castShadow = true;
+        beamMesh.receiveShadow = true;
+        this.object3d.add(beamMesh);
+        // ── Diagonal cross-bracing on the back face (the "X" pattern) ────
+        // Two diagonals per level — "/" and "\" — making an X across each
+        // bay-tall cell. Visual signature of a load-bearing rack.
+        const braceGeos = [];
+        const cellW = width / bays;
+        const cellH = depth / levels;
+        const braceLen = Math.sqrt(cellW * cellW + cellH * cellH);
+        const braceAngle = Math.atan2(cellH, cellW);
+        const backZ = height / 2 - postW * 0.6;
+        for (let bay = 0; bay < bays; bay++) {
+            // Brace only every other bay to keep things visually open
+            if (bay % 2 !== 0)
+                continue;
+            const cellCenterX = (bay - bays / 2 + 0.5) * cellW;
+            for (let lv = 0; lv < levels; lv++) {
+                const cellCenterY = baseY + (lv + 0.5) * cellH;
+                for (const sign of [-1, 1]) {
+                    const brace = new THREE.BoxGeometry(braceLen, braceT, braceT);
+                    brace.rotateZ(sign * braceAngle);
+                    brace.translate(cellCenterX, cellCenterY, backZ);
+                    braceGeos.push(brace);
+                }
+            }
+        }
+        if (braceGeos.length > 0) {
+            const braceMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(braceGeos), braceMaterial);
+            braceMesh.castShadow = true;
+            this.object3d.add(braceMesh);
+        }
+    }
+    updateDimension() { }
+    onchange(after, before) {
+        if ('levels' in after ||
+            'bays' in after ||
+            'width' in after ||
+            'height' in after ||
+            'depth' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    updateAlpha() { }
+}
+//# sourceMappingURL=asrs-rack-3d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"asrs-rack-3d.js","sourceRoot":"","sources":["../src/asrs-rack-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * AsrsRack 3D — multi-level high-bay storage rack.\n *\n * LO-POLY but visually unambiguous as a rack. The signature parts:\n *\n *   - 4 corner uprights (vertical posts running floor → top)\n *   - intermediate uprights between bays (one between each adjacent bay pair)\n *   - horizontal beams at each level on both front and back faces (defining\n *     the cell decks)\n *   - diagonal cross-bracing on the back face (the \"X\" pattern that says\n *     this is a load-bearing storage rack, not just a generic frame)\n *\n * No floor / ceiling panels — the rack is open by design (cells are accessed\n * by the stacker crane from the front/aisle side).\n *\n * Cargo (pallets, boxes) added as children render at their own z position.\n * The rack itself is purely structural geometry.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\n\nconst POST_COLOR = 0x6a7080\nconst BEAM_COLOR = 0x556070\nconst BRACE_COLOR = 0x556070\n\nexport class AsrsRack3D extends RealObjectGroup {\n  build() {\n    super.build()\n\n    const { width, height, depth = 3000 } = this.component.state\n    const levels = Math.max(1, Math.floor((this.component.state.levels as number) || 4))\n    const bays = Math.max(1, Math.floor((this.component.state.bays as number) || 5))\n\n    const baseY = -depth / 2\n    const postW = Math.min(width / bays, height) * 0.06\n    const beamH = depth * 0.025\n    const braceT = postW * 0.6\n\n    const postMaterial = new THREE.MeshStandardMaterial({\n      color: POST_COLOR,\n      metalness: 0.7,\n      roughness: 0.4\n    })\n    const beamMaterial = new THREE.MeshStandardMaterial({\n      color: BEAM_COLOR,\n      metalness: 0.7,\n      roughness: 0.4\n    })\n    const braceMaterial = new THREE.MeshStandardMaterial({\n      color: BRACE_COLOR,\n      metalness: 0.7,\n      roughness: 0.4\n    })\n\n    // ── Uprights (vertical posts at every bay boundary) ──────────────\n    // bays + 1 vertical positions; for each, one front post + one back post.\n    const postGeos: THREE.BufferGeometry[] = []\n    for (let i = 0; i <= bays; i++) {\n      const xFrac = i / bays - 0.5\n      const x = xFrac * width\n      // Front + back posts\n      for (const zSign of [-1, 1]) {\n        const post = new THREE.BoxGeometry(postW, depth, postW)\n        post.translate(x, 0, zSign * (height / 2 - postW / 2))\n        postGeos.push(post)\n      }\n    }\n    const postMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(postGeos), postMaterial)\n    postMesh.castShadow = true\n    postMesh.receiveShadow = true\n    this.object3d.add(postMesh)\n\n    // ── Horizontal beams (front + back faces at each level) ──────────\n    // levels + 1 vertical positions (level 0 = ground, level N = top).\n    const beamGeos: THREE.BufferGeometry[] = []\n    for (let lv = 0; lv <= levels; lv++) {\n      const yFrac = lv / levels\n      const y = baseY + yFrac * depth - beamH / 2 + (lv === 0 ? beamH : 0)\n\n      for (const zSign of [-1, 1]) {\n        const beam = new THREE.BoxGeometry(width, beamH, beamH)\n        beam.translate(0, y, zSign * (height / 2 - beamH / 2))\n        beamGeos.push(beam)\n      }\n    }\n    const beamMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(beamGeos), beamMaterial)\n    beamMesh.castShadow = true\n    beamMesh.receiveShadow = true\n    this.object3d.add(beamMesh)\n\n    // ── Diagonal cross-bracing on the back face (the \"X\" pattern) ────\n    // Two diagonals per level — \"/\" and \"\\\" — making an X across each\n    // bay-tall cell. Visual signature of a load-bearing rack.\n    const braceGeos: THREE.BufferGeometry[] = []\n    const cellW = width / bays\n    const cellH = depth / levels\n    const braceLen = Math.sqrt(cellW * cellW + cellH * cellH)\n    const braceAngle = Math.atan2(cellH, cellW)\n    const backZ = height / 2 - postW * 0.6\n\n    for (let bay = 0; bay < bays; bay++) {\n      // Brace only every other bay to keep things visually open\n      if (bay % 2 !== 0) continue\n\n      const cellCenterX = (bay - bays / 2 + 0.5) * cellW\n\n      for (let lv = 0; lv < levels; lv++) {\n        const cellCenterY = baseY + (lv + 0.5) * cellH\n\n        for (const sign of [-1, 1]) {\n          const brace = new THREE.BoxGeometry(braceLen, braceT, braceT)\n          brace.rotateZ(sign * braceAngle)\n          brace.translate(cellCenterX, cellCenterY, backZ)\n          braceGeos.push(brace)\n        }\n      }\n    }\n    if (braceGeos.length > 0) {\n      const braceMesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(braceGeos), braceMaterial)\n      braceMesh.castShadow = true\n      this.object3d.add(braceMesh)\n    }\n  }\n\n  updateDimension() {}\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if (\n      'levels' in after ||\n      'bays' 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"]}