@hatiolab/things-scene 10.0.0-beta.5 → 10.0.0-beta.50

package/dist-types/transition/transition-effect.d.ts

@@ -0,0 +1,84 @@
+interface WorldState {
+    x: number;
+    y: number;
+    rotation: number;
+    width: number;
+    height: number;
+}
+interface State3D {
+    pos: any;
+    quat: any;
+    fromScale?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    toScale?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+}
+interface ReparentState {
+    fromWorld?: WorldState;
+    toWorld?: WorldState;
+    from3D?: State3D;
+    to3D?: State3D;
+    duration: number;
+    startTime: number;
+    progress: number;
+}
+/**
+ * TransitionEffect — reparent 전환의 모든 것을 소유한다.
+ *
+ * - 상태: Map<Component, ReparentState>
+ * - 타이밍: 자체 RAF loop
+ * - 2D 렌더링: transition canvas (lazy 생성/제거)
+ * - 3D 보간: object3d position/quaternion 직접 조작
+ * - 정리: suppressTransform 해제, canvas 제거
+ */
+export default class TransitionEffect {
+    private active;
+    private rafId;
+    private root;
+    private _canvas;
+    private _ctx;
+    constructor(root: any);
+    isReparenting(component: any): boolean;
+    getState(component: any): ReparentState | null;
+    begin(component: any, options: {
+        fromWorld?: WorldState;
+        toWorld?: WorldState;
+        from3D?: State3D;
+        to3D?: State3D;
+        duration: number;
+        ease?: string;
+    }): void;
+    cancel(component: any): void;
+    /**
+     * 2D transition canvas에 렌더링 — postrender()에서 호출
+     */
+    renderComponent(component: any, modelLayer: any): void;
+    /**
+     * draw cycle 시작 시 호출 — canvas clear
+     */
+    beginDraw(): void;
+    /**
+     * draw cycle 종료 시 호출 — canvas restore
+     */
+    endDraw(): void;
+    /**
+     * model-layer resize 시 호출 — canvas 크기 동기화
+     */
+    resize(): void;
+    dispose(): void;
+    private ensureCanvas;
+    private removeCanvas;
+    private startLoop;
+    private stopLoop;
+    private tick;
+    private complete;
+    private cleanup3D;
+}
+export {};
+//# sourceMappingURL=transition-effect.d.ts.map

package/dist-types/transition/transition-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition-effect.d.ts","sourceRoot":"","sources":["../../src/transition/transition-effect.ts"],"names":[],"mappings":"AAcA,UAAU,UAAU;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,OAAO;IACf,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,GAAG,CAAA;IACT,SAAS,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,OAAO,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAC9C;AAED,UAAU,aAAa;IACrB,SAAS,CAAC,EAAE,UAAU,CAAA;IACtB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAgB;IACnC,OAAO,CAAC,MAAM,CAAgC;IAC9C,OAAO,CAAC,KAAK,CAAI;IACjB,OAAO,CAAC,IAAI,CAAK;IAGjB,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,IAAI,CAAwC;gBAExC,IAAI,EAAE,GAAG;IAMrB,aAAa,CAAC,SAAS,EAAE,GAAG,GAAG,OAAO;IAItC,QAAQ,CAAC,SAAS,EAAE,GAAG,GAAG,aAAa,GAAG,IAAI;IAI9C,KAAK,CACH,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;QACP,SAAS,CAAC,EAAE,UAAU,CAAA;QACtB,OAAO,CAAC,EAAE,UAAU,CAAA;QACpB,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,GACA,IAAI;IAqCP,MAAM,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI;IAK5B;;OAEG;IACH,eAAe,CAAC,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,GAAG,IAAI;IAoCtD;;OAEG;IACH,SAAS,IAAI,IAAI;IAQjB;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf;;OAEG;IACH,MAAM,IAAI,IAAI;IASd,OAAO,IAAI,IAAI;IAWf,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,SAAS;IAajB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,IAAI;IA6CZ,OAAO,CAAC,QAAQ;IAkBhB,OAAO,CAAC,SAAS;CAWlB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hatiolab/things-scene",
-  "version": "10.0.0-beta.5",
+  "version": "10.0.0-beta.50",
   "description": "A high-performance 2D/3D scene graph library for building interactive visual editors, combining HTML5 Canvas and Three.js to enable facility visualization, data-driven animations, and real-time monitoring dashboards",
   "main": "things-scene-min.js",
   "module": "things-scene.mjs",
@@ -35,13 +35,13 @@
     "test": "mocha --require should --require ./test/setup.js --node-option import=tsx test/**/test-*.js",
     "test:case": "mocha --require should --require ./test/setup.js --node-option import=tsx",
     "clean": "rimraf dist-types things-scene*.js *.js.map",
-    "build": "npm run clean && npm run build:types && npm run build:rollup:prod",
+    "build": "yarn clean && yarn build:types && yarn build:rollup:prod",
     "build:types": "tsc -p tsconfig.declarations.json",
     "build:rollup": "NODE_ENV=development rollup -c",
     "build:rollup:prod": "NODE_ENV=production rollup -c",
     "dev": "npx rollup src/index.ts -o things-scene.mjs -f esm -p @rollup/plugin-node-resolve -p @rollup/plugin-commonjs -p @rollup/plugin-typescript -w",
     "build:clean": "rm yarn.lock || echo 'yarn.lock not found.' && yarn install && yarn build",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "yarn build",
     "prettify": "prettier --write \"{src,test}/**/*.{js,ts,css,html}\"",
     "type-check": "tsc --noEmit",
     "type-check:watch": "tsc --noEmit --watch"
@@ -64,6 +64,7 @@
     "lit": "^3.0.0",
     "mocha": "^11.0.0",
     "prettier": "^3.0.0",
+    "puppeteer": "^24.39.1",
     "rimraf": "^6.0.0",
     "rollup": "^4.0.0",
     "should": "^13.2.3",