@archie/devtools 0.0.32 → 0.0.34

package/dist/client/client.js

@@ -5230,6 +5230,36 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
       const minW = isExplicit ? INTERACTIVE_MIN : MIN_WIDTH;
       const minH = isExplicit ? INTERACTIVE_MIN : MIN_HEIGHT;
       if (rect.width < minW || rect.height < minH || rect.width === 0 || rect.height === 0) {
+        const isZeroRect = rect.width === 0 || rect.height === 0;
+        const smallEligibility = isInspectorEligible(el) ?? (projectUsageMeta(el) ? "projected-usage" : null);
+        if (smallEligibility !== null && !seenResolvedHosts.has(el)) {
+          const nodeId2 = resolveStableNodeId(el, usedNodeIds);
+          usedNodeIds.add(nodeId2);
+          el.setAttribute(DND_NODE_ID_ATTR, nodeId2);
+          if (!isZeroRect) {
+            seenResolvedHosts.add(el);
+            const surfaceMeta2 = el instanceof HTMLElement ? getDirectEditorMeta(el) ?? void 0 : void 0;
+            const identityMeta3 = projectUsageMeta(el) ?? surfaceMeta2;
+            const selector = getUniqueSelector(el);
+            const parentEl2 = el.parentElement;
+            results.push({
+              nodeId: nodeId2,
+              element: el,
+              selector,
+              sourceMetaNodeId: identityMeta3?.nodeId ?? null,
+              resolvedHostNodeId: nodeId2,
+              resolvedHostSelector: selector,
+              resolutionKind: "direct-host",
+              label: getLabel(el),
+              rect,
+              containerStrategy: parentEl2 && isFlexOrGridParent(parentEl2) ? resolveContainerStrategy(parentEl2) : null,
+              eligibilitySource: smallEligibility,
+              draggable: false,
+              identityOrigin: identityMeta3?.origin ?? null,
+              editorMeta: surfaceMeta2
+            });
+          }
+        }
         if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
         continue;
       }
@@ -5312,7 +5342,14 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
 }
 function buildMovedElementEntry(el, usedNodeIds) {
   const rect = el.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0) return null;
+  if (rect.width === 0 || rect.height === 0) {
+    if (isInspectorEligible(el) !== null || projectUsageMeta(el) !== null) {
+      const nodeId2 = resolveStableNodeId(el, usedNodeIds);
+      usedNodeIds.add(nodeId2);
+      el.setAttribute(DND_NODE_ID_ATTR, nodeId2);
+    }
+    return null;
+  }
   const nodeId = resolveStableNodeId(el, usedNodeIds);
   el.setAttribute(DND_NODE_ID_ATTR, nodeId);
   const parentEl = el.parentElement;
@@ -6487,6 +6524,8 @@ function serializeArrangeChange(event, index) {
     // Insert-specific fields
     displayName: event.kind === "insert" ? event.displayName : void 0,
     html: event.kind === "insert" ? event.html : void 0,
+    tsxCode: event.kind === "insert" ? event.tsxCode : void 0,
+    tsxImports: event.kind === "insert" ? event.tsxImports : void 0,
     containerId: event.kind === "insert" ? event.containerId : void 0,
     containerNodeKey: event.kind === "insert" ? event.containerNodeKey : void 0,
     insertIndex: event.kind === "insert" ? event.index : void 0,

package/dist/client/client.mjs

@@ -5195,6 +5195,36 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
       const minW = isExplicit ? INTERACTIVE_MIN : MIN_WIDTH;
       const minH = isExplicit ? INTERACTIVE_MIN : MIN_HEIGHT;
       if (rect.width < minW || rect.height < minH || rect.width === 0 || rect.height === 0) {
+        const isZeroRect = rect.width === 0 || rect.height === 0;
+        const smallEligibility = isInspectorEligible(el) ?? (projectUsageMeta(el) ? "projected-usage" : null);
+        if (smallEligibility !== null && !seenResolvedHosts.has(el)) {
+          const nodeId2 = resolveStableNodeId(el, usedNodeIds);
+          usedNodeIds.add(nodeId2);
+          el.setAttribute(DND_NODE_ID_ATTR, nodeId2);
+          if (!isZeroRect) {
+            seenResolvedHosts.add(el);
+            const surfaceMeta2 = el instanceof HTMLElement ? getDirectEditorMeta(el) ?? void 0 : void 0;
+            const identityMeta3 = projectUsageMeta(el) ?? surfaceMeta2;
+            const selector = getUniqueSelector(el);
+            const parentEl2 = el.parentElement;
+            results.push({
+              nodeId: nodeId2,
+              element: el,
+              selector,
+              sourceMetaNodeId: identityMeta3?.nodeId ?? null,
+              resolvedHostNodeId: nodeId2,
+              resolvedHostSelector: selector,
+              resolutionKind: "direct-host",
+              label: getLabel(el),
+              rect,
+              containerStrategy: parentEl2 && isFlexOrGridParent(parentEl2) ? resolveContainerStrategy(parentEl2) : null,
+              eligibilitySource: smallEligibility,
+              draggable: false,
+              identityOrigin: identityMeta3?.origin ?? null,
+              editorMeta: surfaceMeta2
+            });
+          }
+        }
         if (!isSvgRoot) results.push(...scanElements(el, depth + 1, usedNodeIds, seenResolvedHosts));
         continue;
       }
@@ -5277,7 +5307,14 @@ function scanElements(root, depth = 0, usedNodeIds = /* @__PURE__ */ new Set(),
 }
 function buildMovedElementEntry(el, usedNodeIds) {
   const rect = el.getBoundingClientRect();
-  if (rect.width === 0 || rect.height === 0) return null;
+  if (rect.width === 0 || rect.height === 0) {
+    if (isInspectorEligible(el) !== null || projectUsageMeta(el) !== null) {
+      const nodeId2 = resolveStableNodeId(el, usedNodeIds);
+      usedNodeIds.add(nodeId2);
+      el.setAttribute(DND_NODE_ID_ATTR, nodeId2);
+    }
+    return null;
+  }
   const nodeId = resolveStableNodeId(el, usedNodeIds);
   el.setAttribute(DND_NODE_ID_ATTR, nodeId);
   const parentEl = el.parentElement;
@@ -6452,6 +6489,8 @@ function serializeArrangeChange(event, index) {
     // Insert-specific fields
     displayName: event.kind === "insert" ? event.displayName : void 0,
     html: event.kind === "insert" ? event.html : void 0,
+    tsxCode: event.kind === "insert" ? event.tsxCode : void 0,
+    tsxImports: event.kind === "insert" ? event.tsxImports : void 0,
     containerId: event.kind === "insert" ? event.containerId : void 0,
     containerNodeKey: event.kind === "insert" ? event.containerNodeKey : void 0,
     insertIndex: event.kind === "insert" ? event.index : void 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archie/devtools",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "DevTools for Archie generated applications - Route synchronization and editor communication",
   "repository": {
     "type": "git",