@combos-fun/plugin-development-tool 0.0.54 → 0.2.0

package/agent-skill.md

@@ -56,13 +56,13 @@ export default defineConfig({
 });
 ```
 
-Do not add `CombosDevelopmentToolTarget` from game code. Opt out of a construct with `// combos-no-target` or `{ editor: { pickable: false } }` on the `GameObject` params object (the extra key is ignored by `Transform`).
+Do not add `CombosDevelopmentToolTarget` from game code. Opt out of a construct with `// combos-no-target`.
 
 ## Runtime behaviour
 
 The System starts disabled. In pick mode it shows a full-canvas overlay (`pointer-events: auto`) so game `Event` / `Event3D` do not receive the tap, and it also listens on `window` capture so a DOM HUD above the canvas cannot swallow the tap. Targets are hit-tested from engine transforms projected to overlay CSS pixels. Overlapping hits prefer content: hollow / invisible / low-alpha nodes and rects covering ≥75% of the overlay lose to a smaller target underneath; two covering layers pick the earlier scene-walk item. Target additions/removals are observed automatically; `requestSceneRescan()` is for parent-driven structural refreshes.
 
-2D bounds come from `Transform` size / hierarchy (position, origin, anchor, scale, rotation). Set `transform.size` when the visual does not match a zero size. 3D bounds project `Transform3D` world position through the active `Renderer3DSystem` camera; a mesh bounding box is used when the Three object is available, otherwise a screen-space pad around the projected point.
+2D bounds come from `Transform2D` size plus `GameObject` hierarchy (position, origin, anchor, scale, rotation). Set `Transform2D.size` when the visual does not match a zero size. 3D bounds project `Transform3D` world position through the active `Renderer3DSystem` camera; a mesh bounding box is used when the Three object is available, otherwise a screen-space pad around the projected point.
 
 The marker overlay is independent of pick mode and mute. It currently draws a 28×28 canvas badge only for `Sound`; the owner still needs a Target for selection and persistence (the Vite plugin attaches that Target).
 
@@ -90,7 +90,7 @@ Snapshots expose described schema-backed `fieldDescriptors`, not raw fields. For
 
 ## Common pitfalls
 
-- 2D picking needs a positive `transform.size` to get a usable hit rect.
+- 2D picking needs a positive `Transform2D.size` to get a usable hit rect.
 - 3D picking needs `Renderer3DSystem` (for the camera) at runtime; there is no package dependency.
 - Pick ranking is not pixel-perfect: a fullscreen `Img` with `alpha: 1` still counts as drawable even if the PNG is mostly transparent.
 - A covering overlay is still selected when it is the only hit under the pointer.

package/dist/plugin-development-tool.cjs.js

@@ -501,7 +501,7 @@ function leafDescriptorsFromValue(componentName, options, path, value) {
                 group: options.group ?? componentName,
                 editorKind: mapEditorKind(options, axisType),
                 numberMeta: buildNumberMeta(options),
-                persistTarget: componentName === 'Transform' ? 'gameObjectConstructor' : 'component',
+                persistTarget: 'component',
             });
         }
         return out;
@@ -524,7 +524,7 @@ function leafDescriptorsFromValue(componentName, options, path, value) {
             editorKind: mapEditorKind(options, valueType),
             enumOptions: options.enumOptions,
             numberMeta: buildNumberMeta(options),
-            persistTarget: componentName === 'Transform' ? 'gameObjectConstructor' : 'component',
+            persistTarget: 'component',
         },
     ];
 }
@@ -621,7 +621,10 @@ function syncPhysicsBodyFromTransform(go) {
     if (!physics?.body) {
         return;
     }
-    const { x, y } = go.transform.position;
+    const pose = go.getComponent('Transform2D');
+    if (!pose)
+        return;
+    const { x, y } = pose.position;
     if (physics.Body?.setPosition) {
         physics.Body.setPosition(physics.body, { x, y });
         return;
@@ -634,11 +637,16 @@ function syncMoverOriginFromTransform(go) {
     if (!mover) {
         return;
     }
-    mover.originX = go.transform.position.x;
-    mover.originY = go.transform.position.y;
+    const pose = go.getComponent('Transform2D');
+    if (!pose)
+        return;
+    mover.originX = pose.position.x;
+    mover.originY = pose.position.y;
 }
 function applyTransformProperty(go, _comp, path, value) {
-    const transform = go.transform;
+    const transform = go.getComponent('Transform2D');
+    if (!transform)
+        return false;
     const transformRecord = transform;
     if (path.length === 1 && path[0] === 'rotation') {
         const next = asNumber(value);
@@ -696,7 +704,7 @@ function applySoundProperty(_go, comp, path, value) {
     return false;
 }
 const APPLY_HOOKS = {
-    Transform: applyTransformProperty,
+    Transform2D: applyTransformProperty,
     Text: applyTextProperty,
     Sound: applySoundProperty,
 };
@@ -980,6 +988,32 @@ function projectTransform3D(transform, camera, css, object3D) {
     const scale = Math.max(Math.abs(transform.scaleX ?? 1), Math.abs(transform.scaleY ?? 1), Math.abs(transform.scaleZ ?? 1), 1);
     return padAround(projected, DEFAULT_POINT_EXTENT * scale);
 }
+function asTransform2DPose(value) {
+    if (!value || typeof value !== 'object')
+        return null;
+    const t = value;
+    if (!t.position || !t.size)
+        return null;
+    return {
+        position: t.position,
+        size: t.size,
+        origin: t.origin ?? { x: 0, y: 0 },
+        anchor: t.anchor ?? { x: 0, y: 0 },
+        scale: t.scale ?? { x: 1, y: 1 },
+        skew: t.skew ?? { x: 0, y: 0 },
+        rotation: t.rotation ?? 0,
+    };
+}
+function pose2DFromGameObject(go) {
+    const pose = asTransform2DPose(go.getComponent('Transform2D'));
+    if (!pose)
+        return null;
+    const parentGo = go.parent && go.parent !== go.scene ? go.parent : null;
+    return {
+        ...pose,
+        parent: parentGo ? pose2DFromGameObject(parentGo) : null,
+    };
+}
 function projectGameObjectToScreen(go, opts) {
     if (opts.css.width <= 0 || opts.css.height <= 0) {
         return null;
@@ -988,7 +1022,10 @@ function projectGameObjectToScreen(go, opts) {
     if (t3d && opts.camera) {
         return projectTransform3D(t3d, opts.camera, opts.css, opts.object3D);
     }
-    return projectTransform2D(go.transform, opts.css, opts.design ?? null);
+    const t2d = pose2DFromGameObject(go);
+    if (!t2d)
+        return null;
+    return projectTransform2D(t2d, opts.css, opts.design ?? null);
 }
 function rectContains(rect, x, y) {
     return x >= rect.x && y >= rect.y && x <= rect.x + rect.width && y <= rect.y + rect.height;
@@ -1399,17 +1436,17 @@ let CombosDevelopmentToolSystem$1 = class CombosDevelopmentToolSystem extends en
     }
     collectGameObjects(go, out) {
         out.push(go);
-        for (const tr of go.transform.children) {
-            this.collectGameObjects(tr.gameObject, out);
+        for (const child of go.children) {
+            this.collectGameObjects(child, out);
         }
     }
     listSceneObjects() {
         const list = [];
         const scene = this.game.scene;
-        if (!scene?.transform?.children)
+        if (!scene?.children)
             return list;
-        for (const tr of scene.transform.children) {
-            this.collectGameObjects(tr.gameObject, list);
+        for (const child of scene.children) {
+            this.collectGameObjects(child, list);
         }
         return list;
     }
@@ -1696,7 +1733,7 @@ var CombosDevelopmentToolSystem = CombosDevelopmentToolSystem$1;
 /** Auto-generated by scripts/build-package.mjs — do not edit. */
 Object.assign(CombosDevelopmentToolSystem, {
     packageName: "@combos-fun/plugin-development-tool",
-    packageVersion: "0.0.54",
+    packageVersion: "0.2.0",
 });
 
 function isInternalEditorGo(go) {