@archie/devtools 0.1.10 → 0.1.11

package/dist/client/client.js

@@ -10271,7 +10271,7 @@ function isPreviewOrigin(origin) {
 var DEFAULT_SCRIPT_ID = "archie-inspector-script";
 var R2_INSPECTOR_BASE_URL = "https://pub-bf238c278d9644b39ec34ecaca1d315c.r2.dev";
 function readBuildVersion() {
-  return "0.1.10" ? "0.1.10" : null;
+  return "0.1.11" ? "0.1.11" : null;
 }
 var REMOTE_INSPECTOR_VERSION = readBuildVersion();
 var isRemoteInspectorUrlVersioned = REMOTE_INSPECTOR_VERSION !== null;

package/dist/client/client.mjs

@@ -10236,7 +10236,7 @@ function isPreviewOrigin(origin) {
 var DEFAULT_SCRIPT_ID = "archie-inspector-script";
 var R2_INSPECTOR_BASE_URL = "https://pub-bf238c278d9644b39ec34ecaca1d315c.r2.dev";
 function readBuildVersion() {
-  return "0.1.10" ? "0.1.10" : null;
+  return "0.1.11" ? "0.1.11" : null;
 }
 var REMOTE_INSPECTOR_VERSION = readBuildVersion();
 var isRemoteInspectorUrlVersioned = REMOTE_INSPECTOR_VERSION !== null;

package/dist/inspector.standalone.js

@@ -2139,6 +2139,10 @@
             vidIdentity: true,
             nodeMeta: true,
             refusals: true,
+            // Host -> runtime `SELECT {vid}` (alias `SELECT_ELEMENT_BY_VID`)
+            // re-selects a node by its stamped `data-vid`, e.g. after the
+            // iframe reloaded and lost the selection.
+            selectByVid: true,
           },
         }
       }
@@ -2198,9 +2202,27 @@
         }
         if (meta && meta.componentName) nodeMeta.component = meta.componentName
         if (meta && meta.lockReason) nodeMeta.lockReason = meta.lockReason
+        if (nodeMeta.isKitOrigin) {
+          var usage = resolveScreenUsageMeta(el)
+          if (usage && usage.vid !== vid) {
+            nodeMeta.usageVid = usage.vid
+            if (usage.file) nodeMeta.usageFile = usage.file
+          }
+        }
         return nodeMeta
       }
 
+      // The nearest non-template meta above `el` (the screen-file usage of
+      // the kit instance owning it) when it carries a valid vid, else null.
+      function resolveScreenUsageMeta(el) {
+        var owner = getUsageMetaOwnerFiberFromElement(el)
+        var usage = owner && resolveEditorMetaValue(owner.memoizedProps.__editorMeta)
+        if (usage && typeof usage.vid === "string" && VID_PATTERN.test(usage.vid)) {
+          return usage
+        }
+        return null
+      }
+
       /**
        * Emit `REFUSED` (vid-identity migration) instead of letting a
        * drag/drop the runtime's own policy would reject proceed silently —
@@ -2283,6 +2305,53 @@
       var inspectorCleanupMap = new WeakMap()
       var BADGE_UPDATE_DELAY_MS = 50
 
+      // Host-driven selection by `data-vid`: same end state as a single
+      // user click (styles, `selectedElements`, design-mode sync, an
+      // `ELEMENT_SELECTED` carrying `extractMetadata`). Silent when the vid
+      // is malformed or nothing renders it.
+      function selectElementByVid(vid) {
+        if (typeof vid !== "string" || !VID_PATTERN.test(vid)) return
+        var target = safeQuerySelector('[data-vid="' + vid + '"]')
+        if (!target || !isValidContentElement(target)) {
+          inspectorLog("[Inspector] SELECT: no element for vid", vid)
+          return
+        }
+
+        removeHighlight()
+        var previousSelection = selectedElements.slice()
+        previousSelection.forEach(function (el) {
+          removeInspectorStyles(el)
+          cleanupElementListeners(el)
+        })
+        selectedElements = [target]
+        selectedElement = target
+        window._inspectorSelectedElement = target
+        if (window.__ARCHIE_INSPECTOR__)
+          window.__ARCHIE_INSPECTOR__.selectedElement = target
+        isElementSelected = true
+
+        applyInspectorStyles(target)
+        createSelectedBadge(target)
+        updateSharedHighlights()
+        setupBadgePositionListeners(target)
+
+        var rect = target.getBoundingClientRect()
+        var offscreen =
+          rect.bottom < 0 ||
+          rect.right < 0 ||
+          rect.top > window.innerHeight ||
+          rect.left > window.innerWidth
+        if (offscreen && typeof target.scrollIntoView === "function") {
+          target.scrollIntoView({ block: "center", inline: "nearest" })
+        }
+
+        postMessageToParent({
+          type: "ELEMENT_SELECTED",
+          metadata: extractMetadata(target),
+        })
+        publishSelectionToDesignMode()
+      }
+
       /**
        * Bridge to design-mode store: publish current inspector selection as
        * DND nodeIds so arrange overlay knows when to show resize handles +
@@ -5059,6 +5128,12 @@
               metadata: metadata,
             })
           }
+        } else if (
+          event.data &&
+          (event.data.type === "SELECT" ||
+            event.data.type === "SELECT_ELEMENT_BY_VID")
+        ) {
+          selectElementByVid(event.data.vid)
         } else if (event.data && event.data.type === "HIDE_SELECTED_ELEMENT") {
           if (selectedElement) {
             deleteElementCleanup(selectedElement)

package/dist/{inspector.standalone@0.1.10.js → inspector.standalone@0.1.11.js}

@@ -2139,6 +2139,10 @@
             vidIdentity: true,
             nodeMeta: true,
             refusals: true,
+            // Host -> runtime `SELECT {vid}` (alias `SELECT_ELEMENT_BY_VID`)
+            // re-selects a node by its stamped `data-vid`, e.g. after the
+            // iframe reloaded and lost the selection.
+            selectByVid: true,
           },
         }
       }
@@ -2198,9 +2202,27 @@
         }
         if (meta && meta.componentName) nodeMeta.component = meta.componentName
         if (meta && meta.lockReason) nodeMeta.lockReason = meta.lockReason
+        if (nodeMeta.isKitOrigin) {
+          var usage = resolveScreenUsageMeta(el)
+          if (usage && usage.vid !== vid) {
+            nodeMeta.usageVid = usage.vid
+            if (usage.file) nodeMeta.usageFile = usage.file
+          }
+        }
         return nodeMeta
       }
 
+      // The nearest non-template meta above `el` (the screen-file usage of
+      // the kit instance owning it) when it carries a valid vid, else null.
+      function resolveScreenUsageMeta(el) {
+        var owner = getUsageMetaOwnerFiberFromElement(el)
+        var usage = owner && resolveEditorMetaValue(owner.memoizedProps.__editorMeta)
+        if (usage && typeof usage.vid === "string" && VID_PATTERN.test(usage.vid)) {
+          return usage
+        }
+        return null
+      }
+
       /**
        * Emit `REFUSED` (vid-identity migration) instead of letting a
        * drag/drop the runtime's own policy would reject proceed silently —
@@ -2283,6 +2305,53 @@
       var inspectorCleanupMap = new WeakMap()
       var BADGE_UPDATE_DELAY_MS = 50
 
+      // Host-driven selection by `data-vid`: same end state as a single
+      // user click (styles, `selectedElements`, design-mode sync, an
+      // `ELEMENT_SELECTED` carrying `extractMetadata`). Silent when the vid
+      // is malformed or nothing renders it.
+      function selectElementByVid(vid) {
+        if (typeof vid !== "string" || !VID_PATTERN.test(vid)) return
+        var target = safeQuerySelector('[data-vid="' + vid + '"]')
+        if (!target || !isValidContentElement(target)) {
+          inspectorLog("[Inspector] SELECT: no element for vid", vid)
+          return
+        }
+
+        removeHighlight()
+        var previousSelection = selectedElements.slice()
+        previousSelection.forEach(function (el) {
+          removeInspectorStyles(el)
+          cleanupElementListeners(el)
+        })
+        selectedElements = [target]
+        selectedElement = target
+        window._inspectorSelectedElement = target
+        if (window.__ARCHIE_INSPECTOR__)
+          window.__ARCHIE_INSPECTOR__.selectedElement = target
+        isElementSelected = true
+
+        applyInspectorStyles(target)
+        createSelectedBadge(target)
+        updateSharedHighlights()
+        setupBadgePositionListeners(target)
+
+        var rect = target.getBoundingClientRect()
+        var offscreen =
+          rect.bottom < 0 ||
+          rect.right < 0 ||
+          rect.top > window.innerHeight ||
+          rect.left > window.innerWidth
+        if (offscreen && typeof target.scrollIntoView === "function") {
+          target.scrollIntoView({ block: "center", inline: "nearest" })
+        }
+
+        postMessageToParent({
+          type: "ELEMENT_SELECTED",
+          metadata: extractMetadata(target),
+        })
+        publishSelectionToDesignMode()
+      }
+
       /**
        * Bridge to design-mode store: publish current inspector selection as
        * DND nodeIds so arrange overlay knows when to show resize handles +
@@ -5059,6 +5128,12 @@
               metadata: metadata,
             })
           }
+        } else if (
+          event.data &&
+          (event.data.type === "SELECT" ||
+            event.data.type === "SELECT_ELEMENT_BY_VID")
+        ) {
+          selectElementByVid(event.data.vid)
         } else if (event.data && event.data.type === "HIDE_SELECTED_ELEMENT") {
           if (selectedElement) {
             deleteElementCleanup(selectedElement)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archie/devtools",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "DevTools for Archie generated applications - Route synchronization and editor communication",
   "sideEffects": false,
   "repository": {