@archie/devtools 0.1.10 → 0.1.12

package/dist/index.mjs

@@ -1,7 +1,8 @@
 import {
+  VID_ATTR,
   __dirname,
   babelPluginEditorMeta
-} from "./chunk-ZG6HZFTJ.mjs";
+} from "./chunk-ZTJ6RQQF.mjs";
 
 // src/index.ts
 import { readFileSync } from "fs";
@@ -175,7 +176,6 @@ function babelPluginDndAuto({ types: t }, opts = {}) {
 }
 
 // src/babel-plugin-strip-data-vid.ts
-import { VID_ATTR } from "@8base-archie/editor-protocol";
 function isStaticDataVidAttribute(t, attr) {
   if (!t.isJSXAttribute(attr)) return false;
   if (!t.isJSXIdentifier(attr.name, { name: VID_ATTR })) return false;

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.12.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.12",
   "description": "DevTools for Archie generated applications - Route synchronization and editor communication",
   "sideEffects": false,
   "repository": {
@@ -38,6 +38,7 @@
     "build": "tsup",
     "build:local": "ARCHIE_INSPECTOR_INCLUDE_STANDALONE=1 tsup",
     "typecheck": "tsc --noEmit",
+    "check:private-deps": "node scripts/check-no-private-deps.mjs",
     "release": "node publish.js"
   },
   "files": [
@@ -54,6 +55,7 @@
   "author": "8base",
   "license": "UNLICENSED",
   "devDependencies": {
+    "@8base-archie/editor-protocol": "1.0.0-rc.12",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
@@ -77,7 +79,6 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@8base-archie/editor-protocol": "1.0.0-rc.1",
     "@babel/core": "7.29.0",
     "@babel/types": "7.29.0",
     "zod": "^4.6.5"