@preprio/toolkit 0.5.0-rc.10 → 0.5.0-rc.11

package/README.md

@@ -872,6 +872,20 @@ The rest is about rendering:
   `data-prepr-reference="<linked item _id>"`. The editor only knows the items
   the open item links to directly; content inside the wrapper is outlined as
   that linked item, and clicking it opens the link in the editor.
+- Content of items the open item does not link to (for example news cards
+  filled by a query) is outlined muted as "other item". Clicking it does not
+  follow its link: the editor offers to open that item, or to go to the
+  linked page. Ctrl/Cmd/Shift-click still opens the link in a new tab, and
+  Alt-click follows it. Inside the site's header, footer and navigation
+  (`header`, `footer`, `nav` and the `banner`, `contentinfo` and
+  `navigation` roles) such content stays unmarked and its links behave as
+  any other page link (a `header` or `footer` inside an `article`, `section`,
+  `aside` or `main` belongs to that content and is not site chrome). Change
+  that per part of the page with an attribute on
+  an ancestor; the nearest one wins:
+  - `data-prepr-other-item="off"` keeps other items inside it unmarked.
+  - `data-prepr-other-item="on"` marks them, also inside a header, footer or
+    navigation.
 
 Typed text and changed fields show immediately. Structural changes, such as
 adding or reordering components, appear after save.

package/dist/astro/index.cjs

@@ -31,7 +31,7 @@ __export(astro_exports, {
 module.exports = __toCommonJS(astro_exports);
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/features.ts
 function isEnabled(config) {

package/dist/astro/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/features.ts
 function isEnabled(config) {

package/dist/{chunk-IDEC77LZ.js → chunk-6423Q744.js}

@@ -2,7 +2,7 @@ import {
   ALL_FEATURES_ENABLED,
   VERSION,
   resolveFeatures
-} from "./chunk-F46GJS6Y.js";
+} from "./chunk-AOHA5INA.js";
 import {
   createIframeBridge,
   isLocale,
@@ -2509,6 +2509,11 @@ var debug7 = createScopedLogger("visual-editor");
 var ENCODED_SELECTOR2 = "[data-prepr-encoded]";
 var REFERENCE_ATTR = "data-prepr-reference";
 var REFERENCE_SELECTOR = `[${REFERENCE_ATTR}]`;
+var OTHER_ITEM_ATTR = "data-prepr-other-item";
+var OTHER_ITEM_SELECTOR = `[${OTHER_ITEM_ATTR}="on"],[${OTHER_ITEM_ATTR}="off"]`;
+var CHROME_SELECTOR = "header, footer, nav, [role=banner], [role=contentinfo], [role=navigation]";
+var SECTIONING_SELECTOR = "article, aside, main, nav, section";
+var PLAIN_HEADER_FOOTER = "header:not([role]), footer:not([role])";
 var CURSOR_STYLE_MARKER = "data-prepr-visual-editor";
 var CURSOR_STYLES = `${ENCODED_SELECTOR2}{cursor:pointer}html[data-prepr-ve-suspended] ${ENCODED_SELECTOR2}{cursor:auto}`;
 var SUSPENDED_ATTR = "data-prepr-ve-suspended";
@@ -2588,10 +2593,26 @@ function createVisualEditor(opts) {
     }
     return null;
   };
+  const inSiteChrome = (el) => {
+    let chrome = el.closest(CHROME_SELECTOR);
+    while (chrome) {
+      if (!chrome.matches(PLAIN_HEADER_FOOTER) || !chrome.parentElement?.closest(SECTIONING_SELECTOR)) {
+        return true;
+      }
+      chrome = chrome.parentElement?.closest(CHROME_SELECTOR) ?? null;
+    }
+    return false;
+  };
+  const showsOtherItem = (el) => {
+    const choice = el.closest(OTHER_ITEM_SELECTOR);
+    if (choice) return choice.getAttribute(OTHER_ITEM_ATTR) === "on";
+    return !inSiteChrome(el);
+  };
   const itemKind = (el) => {
     if (isCurrentItem(el)) return "current";
     if (!references) return "other";
-    return linkedIdOf(el) ? "referenced" : null;
+    if (linkedIdOf(el)) return "referenced";
+    return showsOtherItem(el) ? "other" : null;
   };
   const referenceFieldOf = (el) => {
     const linked = linkedIdOf(el);
@@ -2664,6 +2685,7 @@ function createVisualEditor(opts) {
       }
       return;
     }
+    if (kind === "other" && (e2.ctrlKey || e2.metaKey || e2.shiftKey)) return;
     e2.preventDefault();
     e2.stopPropagation();
     const item = listItemIn(encoded, e2.target);
@@ -2671,11 +2693,13 @@ function createVisualEditor(opts) {
       select(item?.element ?? encoded, encoded, item?.index);
     const referenceField = kind === "referenced" ? referenceFieldOf(encoded) : void 0;
     const linkedId = kind === "referenced" ? linkedIdOf(encoded) : null;
+    const linkHref = kind === "other" ? leavingLinkHref(e2.target) : null;
     opts.onEdit({
       ...readEditPayload(encoded),
       ...linkedId && { id: linkedId },
       ...item && { block: item.index },
-      ...referenceField && { referenceField }
+      ...referenceField && { referenceField },
+      ...linkHref && { linkHref }
     });
   };
   const handleKey = (e2) => {
@@ -2996,7 +3020,8 @@ function createPreprPreview(opts = {}) {
     locale: contentLocale,
     block,
     entryId,
-    referenceField
+    referenceField,
+    linkHref
   }) => {
     const safeHref = href ? safeEditUrl(href) : null;
     if (href && !safeHref) {
@@ -3010,7 +3035,8 @@ function createPreprPreview(opts = {}) {
         locale: contentLocale,
         ...block !== void 0 && { block },
         ...entryId && { entryId },
-        ...referenceField && { referenceField }
+        ...referenceField && { referenceField },
+        ...linkHref && { linkHref }
       });
     } else if (safeHref) {
       window.open(safeHref, "_blank", "noopener,noreferrer");

package/dist/{chunk-F46GJS6Y.js → chunk-AOHA5INA.js}

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/features.ts
 function isEnabled(config) {

package/dist/{chunk-TBBU3LDD.js → chunk-QSXIHRH4.js}

@@ -1,7 +1,7 @@
 import {
   VERSION,
   resolveFeatures
-} from "./chunk-F46GJS6Y.js";
+} from "./chunk-AOHA5INA.js";
 
 // src/core/server.ts
 var PreprError = class extends Error {

package/dist/index.cjs

@@ -51,7 +51,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/features.ts
 function isEnabled(config) {
@@ -2980,6 +2980,11 @@ var debug8 = createScopedLogger("visual-editor");
 var ENCODED_SELECTOR2 = "[data-prepr-encoded]";
 var REFERENCE_ATTR = "data-prepr-reference";
 var REFERENCE_SELECTOR = `[${REFERENCE_ATTR}]`;
+var OTHER_ITEM_ATTR = "data-prepr-other-item";
+var OTHER_ITEM_SELECTOR = `[${OTHER_ITEM_ATTR}="on"],[${OTHER_ITEM_ATTR}="off"]`;
+var CHROME_SELECTOR = "header, footer, nav, [role=banner], [role=contentinfo], [role=navigation]";
+var SECTIONING_SELECTOR = "article, aside, main, nav, section";
+var PLAIN_HEADER_FOOTER = "header:not([role]), footer:not([role])";
 var CURSOR_STYLE_MARKER = "data-prepr-visual-editor";
 var CURSOR_STYLES = `${ENCODED_SELECTOR2}{cursor:pointer}html[data-prepr-ve-suspended] ${ENCODED_SELECTOR2}{cursor:auto}`;
 var SUSPENDED_ATTR = "data-prepr-ve-suspended";
@@ -3059,10 +3064,26 @@ function createVisualEditor(opts) {
     }
     return null;
   };
+  const inSiteChrome = (el) => {
+    let chrome = el.closest(CHROME_SELECTOR);
+    while (chrome) {
+      if (!chrome.matches(PLAIN_HEADER_FOOTER) || !chrome.parentElement?.closest(SECTIONING_SELECTOR)) {
+        return true;
+      }
+      chrome = chrome.parentElement?.closest(CHROME_SELECTOR) ?? null;
+    }
+    return false;
+  };
+  const showsOtherItem = (el) => {
+    const choice = el.closest(OTHER_ITEM_SELECTOR);
+    if (choice) return choice.getAttribute(OTHER_ITEM_ATTR) === "on";
+    return !inSiteChrome(el);
+  };
   const itemKind = (el) => {
     if (isCurrentItem(el)) return "current";
     if (!references) return "other";
-    return linkedIdOf(el) ? "referenced" : null;
+    if (linkedIdOf(el)) return "referenced";
+    return showsOtherItem(el) ? "other" : null;
   };
   const referenceFieldOf = (el) => {
     const linked = linkedIdOf(el);
@@ -3135,6 +3156,7 @@ function createVisualEditor(opts) {
       }
       return;
     }
+    if (kind === "other" && (e2.ctrlKey || e2.metaKey || e2.shiftKey)) return;
     e2.preventDefault();
     e2.stopPropagation();
     const item = listItemIn(encoded, e2.target);
@@ -3142,11 +3164,13 @@ function createVisualEditor(opts) {
       select(item?.element ?? encoded, encoded, item?.index);
     const referenceField = kind === "referenced" ? referenceFieldOf(encoded) : void 0;
     const linkedId = kind === "referenced" ? linkedIdOf(encoded) : null;
+    const linkHref = kind === "other" ? leavingLinkHref(e2.target) : null;
     opts.onEdit({
       ...readEditPayload(encoded),
       ...linkedId && { id: linkedId },
       ...item && { block: item.index },
-      ...referenceField && { referenceField }
+      ...referenceField && { referenceField },
+      ...linkHref && { linkHref }
     });
   };
   const handleKey = (e2) => {
@@ -3467,7 +3491,8 @@ function createPreprPreview(opts = {}) {
     locale: contentLocale,
     block,
     entryId,
-    referenceField
+    referenceField,
+    linkHref
   }) => {
     const safeHref = href ? safeEditUrl(href) : null;
     if (href && !safeHref) {
@@ -3481,7 +3506,8 @@ function createPreprPreview(opts = {}) {
         locale: contentLocale,
         ...block !== void 0 && { block },
         ...entryId && { entryId },
-        ...referenceField && { referenceField }
+        ...referenceField && { referenceField },
+        ...linkHref && { linkHref }
       });
     } else if (safeHref) {
       window.open(safeHref, "_blank", "noopener,noreferrer");

package/dist/index.d.cts

@@ -5,7 +5,7 @@ export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j
  * Package version; must match package.json. Lives in its own leaf module so
  * core can import it without cycling through the barrel.
  */
-declare const VERSION = "0.5.0-rc.10";
+declare const VERSION = "0.5.0-rc.11";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { g as PreprEnvironment, h as PreprEventType, i as PreprFeatureConfig, j
  * Package version; must match package.json. Lives in its own leaf module so
  * core can import it without cycling through the barrel.
  */
-declare const VERSION = "0.5.0-rc.10";
+declare const VERSION = "0.5.0-rc.11";
 
 /**
  * Resolve a `PreprFeatures` bag to plain booleans, defaulting every omitted key

package/dist/index.js

@@ -18,7 +18,7 @@ import {
   setTrackingParam,
   stegaClean,
   trackEvent
-} from "./chunk-IDEC77LZ.js";
+} from "./chunk-6423Q744.js";
 import {
   PreprError,
   extractAccessToken,
@@ -29,11 +29,11 @@ import {
   getPreprUUIDFromHeaders,
   getToolbarPropsFromHeaders,
   validatePreprToken
-} from "./chunk-TBBU3LDD.js";
+} from "./chunk-QSXIHRH4.js";
 import {
   VERSION,
   resolveFeatures
-} from "./chunk-F46GJS6Y.js";
+} from "./chunk-AOHA5INA.js";
 import {
   createLiveBridge,
   createLiveStore

package/dist/nextjs/components.cjs

@@ -2945,6 +2945,11 @@ var debug8 = createScopedLogger("visual-editor");
 var ENCODED_SELECTOR2 = "[data-prepr-encoded]";
 var REFERENCE_ATTR = "data-prepr-reference";
 var REFERENCE_SELECTOR = `[${REFERENCE_ATTR}]`;
+var OTHER_ITEM_ATTR = "data-prepr-other-item";
+var OTHER_ITEM_SELECTOR = `[${OTHER_ITEM_ATTR}="on"],[${OTHER_ITEM_ATTR}="off"]`;
+var CHROME_SELECTOR = "header, footer, nav, [role=banner], [role=contentinfo], [role=navigation]";
+var SECTIONING_SELECTOR = "article, aside, main, nav, section";
+var PLAIN_HEADER_FOOTER = "header:not([role]), footer:not([role])";
 var CURSOR_STYLE_MARKER = "data-prepr-visual-editor";
 var CURSOR_STYLES = `${ENCODED_SELECTOR2}{cursor:pointer}html[data-prepr-ve-suspended] ${ENCODED_SELECTOR2}{cursor:auto}`;
 var SUSPENDED_ATTR = "data-prepr-ve-suspended";
@@ -3024,10 +3029,26 @@ function createVisualEditor(opts) {
     }
     return null;
   };
+  const inSiteChrome = (el) => {
+    let chrome = el.closest(CHROME_SELECTOR);
+    while (chrome) {
+      if (!chrome.matches(PLAIN_HEADER_FOOTER) || !chrome.parentElement?.closest(SECTIONING_SELECTOR)) {
+        return true;
+      }
+      chrome = chrome.parentElement?.closest(CHROME_SELECTOR) ?? null;
+    }
+    return false;
+  };
+  const showsOtherItem = (el) => {
+    const choice = el.closest(OTHER_ITEM_SELECTOR);
+    if (choice) return choice.getAttribute(OTHER_ITEM_ATTR) === "on";
+    return !inSiteChrome(el);
+  };
   const itemKind = (el) => {
     if (isCurrentItem(el)) return "current";
     if (!references) return "other";
-    return linkedIdOf(el) ? "referenced" : null;
+    if (linkedIdOf(el)) return "referenced";
+    return showsOtherItem(el) ? "other" : null;
   };
   const referenceFieldOf = (el) => {
     const linked = linkedIdOf(el);
@@ -3100,6 +3121,7 @@ function createVisualEditor(opts) {
       }
       return;
     }
+    if (kind === "other" && (e2.ctrlKey || e2.metaKey || e2.shiftKey)) return;
     e2.preventDefault();
     e2.stopPropagation();
     const item = listItemIn(encoded, e2.target);
@@ -3107,11 +3129,13 @@ function createVisualEditor(opts) {
       select(item?.element ?? encoded, encoded, item?.index);
     const referenceField = kind === "referenced" ? referenceFieldOf(encoded) : void 0;
     const linkedId = kind === "referenced" ? linkedIdOf(encoded) : null;
+    const linkHref = kind === "other" ? leavingLinkHref(e2.target) : null;
     opts.onEdit({
       ...readEditPayload(encoded),
       ...linkedId && { id: linkedId },
       ...item && { block: item.index },
-      ...referenceField && { referenceField }
+      ...referenceField && { referenceField },
+      ...linkHref && { linkHref }
     });
   };
   const handleKey = (e2) => {
@@ -3432,7 +3456,8 @@ function createPreprPreview(opts = {}) {
     locale: contentLocale,
     block,
     entryId,
-    referenceField
+    referenceField,
+    linkHref
   }) => {
     const safeHref = href ? safeEditUrl(href) : null;
     if (href && !safeHref) {
@@ -3446,7 +3471,8 @@ function createPreprPreview(opts = {}) {
         locale: contentLocale,
         ...block !== void 0 && { block },
         ...entryId && { entryId },
-        ...referenceField && { referenceField }
+        ...referenceField && { referenceField },
+        ...linkHref && { linkHref }
       });
     } else if (safeHref) {
       window.open(safeHref, "_blank", "noopener,noreferrer");
@@ -3544,7 +3570,7 @@ function createPreprPreview(opts = {}) {
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/nextjs/components.js

@@ -2,8 +2,8 @@
 import {
   createPreprPreview,
   loadTrackingPixel
-} from "../chunk-IDEC77LZ.js";
-import "../chunk-F46GJS6Y.js";
+} from "../chunk-6423Q744.js";
+import "../chunk-AOHA5INA.js";
 import "../chunk-URXSDJOU.js";
 import "../chunk-S3VT4UWM.js";
 

package/dist/nextjs/index.cjs

@@ -49,7 +49,7 @@ module.exports = __toCommonJS(nextjs_exports);
 var import_server = require("next/server");
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nextjs/index.js

@@ -2,7 +2,7 @@
 import { NextResponse } from "next/server";
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nextjs/live-action.js

@@ -1,8 +1,8 @@
 "use server";
 import {
   isPreviewFromHeaders
-} from "../chunk-TBBU3LDD.js";
-import "../chunk-F46GJS6Y.js";
+} from "../chunk-QSXIHRH4.js";
+import "../chunk-AOHA5INA.js";
 import {
   parsePatchLog
 } from "../chunk-KD3GK6TO.js";

package/dist/nuxt/index.cjs

@@ -35,7 +35,7 @@ __export(nuxt_exports, {
 module.exports = __toCommonJS(nuxt_exports);
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/nuxt/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/react/components.cjs

@@ -2944,6 +2944,11 @@ var debug8 = createScopedLogger("visual-editor");
 var ENCODED_SELECTOR2 = "[data-prepr-encoded]";
 var REFERENCE_ATTR = "data-prepr-reference";
 var REFERENCE_SELECTOR = `[${REFERENCE_ATTR}]`;
+var OTHER_ITEM_ATTR = "data-prepr-other-item";
+var OTHER_ITEM_SELECTOR = `[${OTHER_ITEM_ATTR}="on"],[${OTHER_ITEM_ATTR}="off"]`;
+var CHROME_SELECTOR = "header, footer, nav, [role=banner], [role=contentinfo], [role=navigation]";
+var SECTIONING_SELECTOR = "article, aside, main, nav, section";
+var PLAIN_HEADER_FOOTER = "header:not([role]), footer:not([role])";
 var CURSOR_STYLE_MARKER = "data-prepr-visual-editor";
 var CURSOR_STYLES = `${ENCODED_SELECTOR2}{cursor:pointer}html[data-prepr-ve-suspended] ${ENCODED_SELECTOR2}{cursor:auto}`;
 var SUSPENDED_ATTR = "data-prepr-ve-suspended";
@@ -3023,10 +3028,26 @@ function createVisualEditor(opts) {
     }
     return null;
   };
+  const inSiteChrome = (el) => {
+    let chrome = el.closest(CHROME_SELECTOR);
+    while (chrome) {
+      if (!chrome.matches(PLAIN_HEADER_FOOTER) || !chrome.parentElement?.closest(SECTIONING_SELECTOR)) {
+        return true;
+      }
+      chrome = chrome.parentElement?.closest(CHROME_SELECTOR) ?? null;
+    }
+    return false;
+  };
+  const showsOtherItem = (el) => {
+    const choice = el.closest(OTHER_ITEM_SELECTOR);
+    if (choice) return choice.getAttribute(OTHER_ITEM_ATTR) === "on";
+    return !inSiteChrome(el);
+  };
   const itemKind = (el) => {
     if (isCurrentItem(el)) return "current";
     if (!references) return "other";
-    return linkedIdOf(el) ? "referenced" : null;
+    if (linkedIdOf(el)) return "referenced";
+    return showsOtherItem(el) ? "other" : null;
   };
   const referenceFieldOf = (el) => {
     const linked = linkedIdOf(el);
@@ -3099,6 +3120,7 @@ function createVisualEditor(opts) {
       }
       return;
     }
+    if (kind === "other" && (e2.ctrlKey || e2.metaKey || e2.shiftKey)) return;
     e2.preventDefault();
     e2.stopPropagation();
     const item = listItemIn(encoded, e2.target);
@@ -3106,11 +3128,13 @@ function createVisualEditor(opts) {
       select(item?.element ?? encoded, encoded, item?.index);
     const referenceField = kind === "referenced" ? referenceFieldOf(encoded) : void 0;
     const linkedId = kind === "referenced" ? linkedIdOf(encoded) : null;
+    const linkHref = kind === "other" ? leavingLinkHref(e2.target) : null;
     opts.onEdit({
       ...readEditPayload(encoded),
       ...linkedId && { id: linkedId },
       ...item && { block: item.index },
-      ...referenceField && { referenceField }
+      ...referenceField && { referenceField },
+      ...linkHref && { linkHref }
     });
   };
   const handleKey = (e2) => {
@@ -3431,7 +3455,8 @@ function createPreprPreview(opts = {}) {
     locale: contentLocale,
     block,
     entryId,
-    referenceField
+    referenceField,
+    linkHref
   }) => {
     const safeHref = href ? safeEditUrl(href) : null;
     if (href && !safeHref) {
@@ -3445,7 +3470,8 @@ function createPreprPreview(opts = {}) {
         locale: contentLocale,
         ...block !== void 0 && { block },
         ...entryId && { entryId },
-        ...referenceField && { referenceField }
+        ...referenceField && { referenceField },
+        ...linkHref && { linkHref }
       });
     } else if (safeHref) {
       window.open(safeHref, "_blank", "noopener,noreferrer");
@@ -3540,7 +3566,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/react/components.js

@@ -2920,6 +2920,11 @@ var debug8 = createScopedLogger("visual-editor");
 var ENCODED_SELECTOR2 = "[data-prepr-encoded]";
 var REFERENCE_ATTR = "data-prepr-reference";
 var REFERENCE_SELECTOR = `[${REFERENCE_ATTR}]`;
+var OTHER_ITEM_ATTR = "data-prepr-other-item";
+var OTHER_ITEM_SELECTOR = `[${OTHER_ITEM_ATTR}="on"],[${OTHER_ITEM_ATTR}="off"]`;
+var CHROME_SELECTOR = "header, footer, nav, [role=banner], [role=contentinfo], [role=navigation]";
+var SECTIONING_SELECTOR = "article, aside, main, nav, section";
+var PLAIN_HEADER_FOOTER = "header:not([role]), footer:not([role])";
 var CURSOR_STYLE_MARKER = "data-prepr-visual-editor";
 var CURSOR_STYLES = `${ENCODED_SELECTOR2}{cursor:pointer}html[data-prepr-ve-suspended] ${ENCODED_SELECTOR2}{cursor:auto}`;
 var SUSPENDED_ATTR = "data-prepr-ve-suspended";
@@ -2999,10 +3004,26 @@ function createVisualEditor(opts) {
     }
     return null;
   };
+  const inSiteChrome = (el) => {
+    let chrome = el.closest(CHROME_SELECTOR);
+    while (chrome) {
+      if (!chrome.matches(PLAIN_HEADER_FOOTER) || !chrome.parentElement?.closest(SECTIONING_SELECTOR)) {
+        return true;
+      }
+      chrome = chrome.parentElement?.closest(CHROME_SELECTOR) ?? null;
+    }
+    return false;
+  };
+  const showsOtherItem = (el) => {
+    const choice = el.closest(OTHER_ITEM_SELECTOR);
+    if (choice) return choice.getAttribute(OTHER_ITEM_ATTR) === "on";
+    return !inSiteChrome(el);
+  };
   const itemKind = (el) => {
     if (isCurrentItem(el)) return "current";
     if (!references) return "other";
-    return linkedIdOf(el) ? "referenced" : null;
+    if (linkedIdOf(el)) return "referenced";
+    return showsOtherItem(el) ? "other" : null;
   };
   const referenceFieldOf = (el) => {
     const linked = linkedIdOf(el);
@@ -3075,6 +3096,7 @@ function createVisualEditor(opts) {
       }
       return;
     }
+    if (kind === "other" && (e2.ctrlKey || e2.metaKey || e2.shiftKey)) return;
     e2.preventDefault();
     e2.stopPropagation();
     const item = listItemIn(encoded, e2.target);
@@ -3082,11 +3104,13 @@ function createVisualEditor(opts) {
       select(item?.element ?? encoded, encoded, item?.index);
     const referenceField = kind === "referenced" ? referenceFieldOf(encoded) : void 0;
     const linkedId = kind === "referenced" ? linkedIdOf(encoded) : null;
+    const linkHref = kind === "other" ? leavingLinkHref(e2.target) : null;
     opts.onEdit({
       ...readEditPayload(encoded),
       ...linkedId && { id: linkedId },
       ...item && { block: item.index },
-      ...referenceField && { referenceField }
+      ...referenceField && { referenceField },
+      ...linkHref && { linkHref }
     });
   };
   const handleKey = (e2) => {
@@ -3407,7 +3431,8 @@ function createPreprPreview(opts = {}) {
     locale: contentLocale,
     block,
     entryId,
-    referenceField
+    referenceField,
+    linkHref
   }) => {
     const safeHref = href ? safeEditUrl(href) : null;
     if (href && !safeHref) {
@@ -3421,7 +3446,8 @@ function createPreprPreview(opts = {}) {
         locale: contentLocale,
         ...block !== void 0 && { block },
         ...entryId && { entryId },
-        ...referenceField && { referenceField }
+        ...referenceField && { referenceField },
+        ...linkHref && { linkHref }
       });
     } else if (safeHref) {
       window.open(safeHref, "_blank", "noopener,noreferrer");
@@ -3516,7 +3542,7 @@ function createPreprPreview(opts = {}) {
 }
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/pixel.ts
 var PIXEL_SCRIPT_URL = "https://cdn.tracking.prepr.io/js/prepr.min.js";

package/dist/sveltekit/index.cjs

@@ -35,7 +35,7 @@ __export(sveltekit_exports, {
 module.exports = __toCommonJS(sveltekit_exports);
 
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/dist/sveltekit/index.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "0.5.0-rc.10";
+var VERSION = "0.5.0-rc.11";
 
 // src/core/constants.ts
 var COOKIE_PREVIEW_MODE = "Prepr-Preview-Mode";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preprio/toolkit",
-  "version": "0.5.0-rc.10",
+  "version": "0.5.0-rc.11",
   "description": "Prepr personalization, A/B testing and preview toolkit for React, Next.js, Nuxt, Astro, SvelteKit and Express",
   "license": "Apache-2.0",
   "author": "Prepr B.V. (https://prepr.io)",