@operato/scene-storage 10.0.0-beta.30 → 10.0.0-beta.31

package/src/rack-cell.ts

@@ -32,6 +32,7 @@ import {
   TRANSFER_SLOT_KEY,
   sceneComponent
 } from '@hatiolab/things-scene'
+import type { State, Material3D } from '@hatiolab/things-scene'
 import { CarrierHolder, type AttachFrame } from '@operato/scene-base'
 
 import { RackCell3D } from './rack-cell-3d.js'
@@ -44,6 +45,16 @@ import { RackCell3D } from './rack-cell-3d.js'
  */
 export type RackCellType = 'single' | 'multi' | 'bulk'
 
+/** RackCell 컴포넌트 state */
+export interface RackCellState extends State {
+  // ── 식별 ──
+  cellId?: string
+  cellType?: RackCellType
+
+  // ── 3D 재질 ──
+  material3d?: Material3D
+}
+
 const NATURE: ComponentNature = {
   mutable: false,
   resizable: false,
@@ -84,14 +95,16 @@ const NATURE: ComponentNature = {
  */
 @sceneComponent('rack-cell')
 export default class RackCell extends CarrierHolder(ContainerAbstract) {
+  declare state: RackCellState
+
   // ── Identification ────────────────────────────────────────────────────────
 
   get cellId(): string {
-    return (this.state.cellId as string) || ''
+    return this.state.cellId ?? ''
   }
 
   get cellType(): RackCellType {
-    return ((this.state.cellType as RackCellType) || 'single')
+    return this.state.cellType ?? 'single'
   }
 
   /** Maximum carrier count for this cell based on cellType. */
@@ -117,7 +130,7 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
 
   /** True when fewer carriers are currently held than capacity. */
   canReceive(_component?: any): boolean {
-    const occupied = ((this as any).components as Component[] | undefined)?.length ?? 0
+    const occupied = (this.components as Component[] | undefined)?.length ?? 0
     return occupied < this.capacity
   }
 
@@ -128,7 +141,7 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
    */
   async receive(carrier: any, options: any = {}): Promise<void> {
     if (!this.canReceive(carrier)) {
-      ;(this as any).trigger?.('transfer-rejected', {
+      this.trigger('transfer-rejected', {
         type: 'transfer-rejected',
         component: carrier,
         container: this,
@@ -137,8 +150,8 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
       return
     }
     carrier[TRANSFER_SLOT_KEY] = this.cellId
-    ;(this as any).reparent?.(carrier, options)
-    ;(this as any).trigger?.('transfer-received', {
+    this.reparent(carrier, options)
+    this.trigger('transfer-received', {
       type: 'transfer-received',
       component: carrier,
       container: this,
@@ -152,7 +165,7 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
    */
   async dispatch(carrier: any, target: any, options: any = {}): Promise<void> {
     if (target?.canReceive && !target.canReceive(carrier)) {
-      ;(this as any).trigger?.('transfer-rejected', {
+      this.trigger('transfer-rejected', {
         type: 'transfer-rejected',
         component: carrier,
         container: this,
@@ -166,7 +179,7 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
     } else {
       ;(target as any).reparent?.(carrier, options)
     }
-    ;(this as any).trigger?.('transfer-dispatched', {
+    this.trigger('transfer-dispatched', {
       type: 'transfer-dispatched',
       component: carrier,
       container: this,
@@ -194,7 +207,7 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
    * rests at the cell's Y-center (which is levelHeight/2 above the beam).
    */
   attachPointFor(carrier: Component): AttachFrame | null {
-    const root = (this as any)._realObject?.object3d
+    const root = this._realObject?.object3d
     if (!root) return null
     const carrierDepth = resolveCarrierDepth(carrier)
     return {
@@ -213,7 +226,7 @@ export default class RackCell extends CarrierHolder(ContainerAbstract) {
   // ── 3D ───────────────────────────────────────────────────────────────────
 
   buildRealObject(): RealObject | undefined {
-    return new RackCell3D(this as any)
+    return new RackCell3D(this)
   }
 }
 

package/src/spot-3d.ts

@@ -37,7 +37,7 @@ export class Spot3D extends RealObjectGroup {
   build() {
     super.build()
 
-    const state = this.component.state as any
+    const state = this.component.state
     const w = Math.max(Math.abs(numOr(state.width, 100)), 1)
     const h = Math.max(Math.abs(numOr(state.height, 100)), 1)
     const d = this.effectiveDepth // 2 by default (thin pad)

package/src/spot.ts

@@ -30,6 +30,7 @@
  */
 
 import { Component, ComponentNature, ContainerAbstract, RealObject, sceneComponent } from '@hatiolab/things-scene'
+import type { State, Material3D } from '@hatiolab/things-scene'
 import {
   CarrierHolder,
   Placeable,
@@ -41,6 +42,13 @@ import {
 
 import { Spot3D } from './spot-3d.js'
 
+/** Spot 컴포넌트 state */
+export interface SpotState extends State {
+  // Spot has no component-specific state — it uses standard fillStyle /
+  // strokeStyle / lineWidth / alpha / text / font* / material3d.
+  material3d?: Material3D
+}
+
 const NATURE: ComponentNature = {
   mutable: false,
   resizable: true,
@@ -61,6 +69,9 @@ const NATURE: ComponentNature = {
 // addObject DOM-skip gate. Spot is purely 3D.
 @sceneComponent('spot')
 export default class Spot extends CarrierHolder(Placeable(ContainerAbstract)) {
+  declare state: SpotState
+  declare _realObject?: Spot3D
+
   static placement: PlacementArchetype = 'floor'
   static align: Alignment = 'bottom'
   static defaultDepth = (_h: Heights) => 2 // a thin pad
@@ -131,7 +142,7 @@ export default class Spot extends CarrierHolder(Placeable(ContainerAbstract)) {
   }
 
   buildRealObject(): RealObject | undefined {
-    return new Spot3D(this as any)
+    return new Spot3D(this)
   }
 
   /**
@@ -147,7 +158,7 @@ export default class Spot extends CarrierHolder(Placeable(ContainerAbstract)) {
    * RealObject creation.
    */
   attachPointFor(carrier: Component): AttachFrame | null {
-    const ro = (this as any)._realObject as Spot3D | undefined
+    const ro = this._realObject
     const frame = ro?.getAttachFrame?.()
     if (!frame) return null
     const carrierDepth = resolveDepth(carrier)