@abbox/inspector 0.4.1 → 0.4.2

package/dist/next/with-abbox-inspector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"with-abbox-inspector.d.ts","sourceRoot":"","sources":["../../src/next/with-abbox-inspector.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CACR,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,8BAA8B,UAM1C,CAAC;AAcF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,MAAM,EAAE,CAAC,EACT,OAAO,GAAE,yBAA8B,GACtC,CAAC,CAgFH"}
+{"version":3,"file":"with-abbox-inspector.d.ts","sourceRoot":"","sources":["../../src/next/with-abbox-inspector.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CACR,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC7B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,8BAA8B,UAU1C,CAAC;AAcF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,MAAM,EAAE,CAAC,EACT,OAAO,GAAE,yBAA8B,GACtC,CAAC,CAgFH"}

package/dist/next/with-abbox-inspector.js

@@ -4,6 +4,10 @@ const require = createRequire(fileURLToPath(import.meta.url));
 import { isAbboxInspectorBuildEnabled } from "./preview-env.js";
 export const DEFAULT_VIEWER_FRAME_ANCESTORS = [
     "https://viewer.abbox.com",
+    // The hosted product embeds the Viewer, so browsers require the product
+    // origin to be allowed as an ancestor as well as the immediate Viewer.
+    "https://www.abbox.com",
+    "https://abbox.com",
     "http://localhost:5173",
     "http://127.0.0.1:5173",
     "http://localhost:4173",

package/dist/runtime/resolve-change-marker.d.ts

@@ -0,0 +1,12 @@
+import type { ChangeMarker } from "../protocol.js";
+export type DomMatchConfidence = "exact" | "probable" | "ambiguous" | "unresolved";
+export type ChangeMarkerResolution = {
+    changeId: string;
+    confidence: DomMatchConfidence;
+    candidateCount: number;
+};
+export declare function resolveChangeMarker(marker: ChangeMarker, doc: Document, pathname: string, refIdToElement: Map<string, Element>): {
+    element: Element | null;
+    resolution: ChangeMarkerResolution;
+};
+//# sourceMappingURL=resolve-change-marker.d.ts.map

package/dist/runtime/resolve-change-marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-change-marker.d.ts","sourceRoot":"","sources":["../../src/runtime/resolve-change-marker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC;AAEnF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAiCF,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GACnC;IAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAAC,UAAU,EAAE,sBAAsB,CAAA;CAAE,CAqEjE"}

package/dist/runtime/resolve-change-marker.js

@@ -0,0 +1,93 @@
+function routeMatches(markerRoute, pathname) {
+    if (!markerRoute?.trim())
+        return true;
+    const route = markerRoute.trim();
+    if (route === pathname)
+        return true;
+    if (route.endsWith("*") && pathname.startsWith(route.slice(0, -1)))
+        return true;
+    return false;
+}
+function collectSourcePrefixMatches(doc, prefix) {
+    const matches = [];
+    const nodes = doc.querySelectorAll("[data-abbox-src]");
+    for (const node of nodes) {
+        const attr = node.getAttribute("data-abbox-src");
+        if (attr?.startsWith(prefix)) {
+            matches.push(node);
+        }
+    }
+    return matches;
+}
+function collectElementIdMatches(doc, elementId) {
+    const escaped = elementId.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+    const byId = doc.querySelectorAll(`[id="${escaped}"]`);
+    if (byId.length > 0)
+        return [...byId];
+    const byData = doc.querySelectorAll(`[data-abbox-element-id="${escaped}"]`);
+    return [...byData];
+}
+export function resolveChangeMarker(marker, doc, pathname, refIdToElement) {
+    const base = {
+        changeId: marker.elementRefId,
+        confidence: "unresolved",
+        candidateCount: 0,
+    };
+    if (!routeMatches(marker.route, pathname)) {
+        return { element: null, resolution: base };
+    }
+    const byRef = refIdToElement.get(marker.elementRefId);
+    if (byRef) {
+        return {
+            element: byRef,
+            resolution: { ...base, confidence: "exact", candidateCount: 1 },
+        };
+    }
+    let candidates = [];
+    if (marker.compilerElementId?.trim()) {
+        candidates = collectElementIdMatches(doc, marker.compilerElementId.trim());
+        if (candidates.length === 1) {
+            return {
+                element: candidates[0],
+                resolution: { ...base, confidence: "exact", candidateCount: 1 },
+            };
+        }
+        if (candidates.length > 1) {
+            return {
+                element: null,
+                resolution: { ...base, confidence: "ambiguous", candidateCount: candidates.length },
+            };
+        }
+    }
+    const prefix = marker.sourceKeyPrefix?.trim();
+    if (prefix) {
+        candidates = collectSourcePrefixMatches(doc, prefix);
+        if (marker.interactionId) {
+            // Narrow by label hint when multiple nodes share a source line.
+            const label = marker.label.toLowerCase();
+            const narrowed = candidates.filter((el) => {
+                const text = (el.textContent ?? "").toLowerCase();
+                return label.length > 0 && text.includes(label.slice(0, 24));
+            });
+            if (narrowed.length === 1) {
+                return {
+                    element: narrowed[0],
+                    resolution: { ...base, confidence: "probable", candidateCount: 1 },
+                };
+            }
+        }
+        if (candidates.length === 1) {
+            return {
+                element: candidates[0],
+                resolution: { ...base, confidence: "probable", candidateCount: 1 },
+            };
+        }
+        if (candidates.length > 1) {
+            return {
+                element: null,
+                resolution: { ...base, confidence: "ambiguous", candidateCount: candidates.length },
+            };
+        }
+    }
+    return { element: null, resolution: base };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abbox/inspector",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "publishConfig": {
     "access": "public"
   },
@@ -57,6 +57,7 @@
     "README.md"
   ],
   "scripts": {
+    "prepare": "npm run build",
     "build": "tsc -p tsconfig.build.json && node -e \"const fs=require('fs');const p='dist/next';fs.mkdirSync(p,{recursive:true});fs.copyFileSync('src/next/webpack-instrumentation.cjs',p+'/webpack-instrumentation.cjs');fs.copyFileSync('src/next/abbox-pre-swc-loader.cjs',p+'/abbox-pre-swc-loader.cjs');fs.copyFileSync('src/next/babel-config.cjs',p+'/babel-config.cjs');\"",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "npm run build && vitest run",