@ohhwells/bridge 0.1.155 → 0.1.156

package/dist/index.cjs

@@ -83,6 +83,7 @@ __export(index_exports, {
   foldAlignIntoTrees: () => foldAlignIntoTrees,
   getEditModeInitialState: () => getEditModeInitialState,
   hasMountedContentNodes: () => hasMountedContentNodes,
+  indexCollectionItems: () => indexCollectionItems,
   insertFooterHours: () => insertFooterHours,
   isEditSessionActive: () => isEditSessionActive,
   isPlainLeftClick: () => isPlainLeftClick,
@@ -90,6 +91,7 @@ __export(index_exports, {
   isRenderableTree: () => isRenderableTree,
   isStickySearchParam: () => isStickySearchParam,
   isValidUrl: () => isValidUrl,
+  matchCollectionItemClick: () => matchCollectionItemClick,
   nextViableSlide: () => nextViableSlide,
   parseAiFooterState: () => parseAiFooterState,
   parseAiSectionsState: () => parseAiSectionsState,
@@ -11695,6 +11697,172 @@ function useLinkHrefGuardian(...deps) {
   }, deps);
 }
 
+// src/ui/link-modal/linkModal.utils.ts
+function parseTarget(target) {
+  if (!target) return { pageRoute: "", sectionId: null };
+  const hashIndex = target.indexOf("#");
+  if (hashIndex === -1) return { pageRoute: target, sectionId: null };
+  return {
+    pageRoute: target.slice(0, hashIndex),
+    sectionId: target.slice(hashIndex + 1) || null
+  };
+}
+function normalizePath(path) {
+  const trimmed = path.trim();
+  if (!trimmed) return "/";
+  try {
+    if (/^https?:\/\//i.test(trimmed)) {
+      return new URL(trimmed).pathname || "/";
+    }
+  } catch {
+  }
+  const withSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+  if (withSlash.length > 1 && withSlash.endsWith("/")) return withSlash.slice(0, -1);
+  return withSlash;
+}
+function findPageByPath(pages, path) {
+  const normalized = normalizePath(path);
+  return pages.find((p) => normalizePath(p.path) === normalized);
+}
+function inferPageTitleFromPath(path) {
+  const normalized = normalizePath(path);
+  if (normalized === "/") return "Home";
+  const segment = normalized.split("/").filter(Boolean).pop() ?? "";
+  if (!segment) return "Home";
+  return segment.split("-").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function isInternalPath(route) {
+  const trimmed = route.trim();
+  if (!trimmed) return false;
+  if (/^https?:\/\//i.test(trimmed)) return false;
+  if (trimmed.startsWith("/")) return true;
+  if (trimmed.includes(" ") || trimmed.includes(".")) return false;
+  return true;
+}
+function resolvePage(route, pages) {
+  const found = findPageByPath(pages, route);
+  if (found) return { path: found.path, title: found.title };
+  return { path: normalizePath(route), title: inferPageTitleFromPath(route) };
+}
+function getSectionsForPath(sectionsByPath, pageRoute) {
+  if (!sectionsByPath) return [];
+  const normalized = normalizePath(pageRoute);
+  return sectionsByPath[normalized] ?? sectionsByPath[pageRoute] ?? [];
+}
+function buildTarget(page, section) {
+  if (section) return `${page.path}#${section.id}`;
+  return page.path;
+}
+function isValidUrl(urlString) {
+  try {
+    const url = new URL(urlString);
+    if (url.protocol !== "http:" && url.protocol !== "https:") return false;
+    const hostname = url.hostname;
+    if (!hostname || hostname.length === 0) return false;
+    if (hostname.includes(" ")) return false;
+    if (hostname === "localhost") return true;
+    if (!hostname.includes(".")) return false;
+    if (!/[a-z]/i.test(hostname)) return false;
+    return true;
+  } catch {
+    return false;
+  }
+}
+function normalizeUrl(value) {
+  const trimmed = value.trim();
+  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) return trimmed;
+  return `https://${trimmed}`;
+}
+function validateUrlInput(value, pages, allPages) {
+  const trimmed = value.trim();
+  if (!trimmed) return "";
+  const exactPage = allPages.find((p) => p.title.toLowerCase() === trimmed.toLowerCase());
+  if (exactPage) return "";
+  const hasPrefixMatch = pages.some((p) => p.title.toLowerCase().startsWith(trimmed.toLowerCase()));
+  if (hasPrefixMatch) {
+    return "Select a page from the list or enter a valid URL";
+  }
+  const hasScheme = /^https?:\/\//i.test(trimmed);
+  if (!hasScheme && !trimmed.includes(".")) {
+    return "Please enter a valid URL (e.g., https://example.com)";
+  }
+  if (!isValidUrl(normalizeUrl(trimmed))) {
+    return "Please enter a valid URL (e.g., https://example.com)";
+  }
+  return "";
+}
+function getEditModeInitialState(target, pages, sections) {
+  const empty = {
+    searchValue: "",
+    selectedPage: null,
+    selectedSection: null,
+    step: "input"
+  };
+  if (!target) return empty;
+  if (isValidUrl(normalizeUrl(target))) {
+    return { searchValue: target, selectedPage: null, selectedSection: null, step: "input" };
+  }
+  const { pageRoute, sectionId } = parseTarget(target);
+  if (sectionId) {
+    if (isInternalPath(pageRoute)) {
+      const page = resolvePage(pageRoute, pages);
+      const sec = sections.find((s) => s.id === sectionId);
+      return {
+        searchValue: page.title,
+        selectedPage: page,
+        selectedSection: sec ? { id: sec.id, label: sec.label } : null,
+        step: "input"
+      };
+    }
+    return { searchValue: pageRoute || target, selectedPage: null, selectedSection: null, step: "input" };
+  }
+  if (isInternalPath(pageRoute)) {
+    const page = resolvePage(pageRoute, pages);
+    return {
+      searchValue: page.title,
+      selectedPage: page,
+      selectedSection: null,
+      step: "input"
+    };
+  }
+  return { searchValue: target, selectedPage: null, selectedSection: null, step: "input" };
+}
+function filterAvailablePages(pages, existingTargets) {
+  const taken = new Set(existingTargets);
+  return pages.filter((p) => !taken.has(p.path));
+}
+
+// src/lib/collection-item-click.ts
+function indexCollectionItems(pages) {
+  const index = /* @__PURE__ */ new Map();
+  for (const page of pages) {
+    if (page.kind !== "COLLECTION_ITEM" || !page.collection || !page.path) continue;
+    index.set(normalizePath(page.path), { path: page.path, collection: page.collection });
+  }
+  return index;
+}
+function pathOfHref(href) {
+  const trimmed = href.trim();
+  if (!trimmed || trimmed.startsWith("#")) return null;
+  if (/^[a-z][a-z0-9+.-]*:/i.test(trimmed) && !/^https?:/i.test(trimmed)) return null;
+  const withoutHash = trimmed.split("#")[0];
+  const withoutQuery = withoutHash.split("?")[0];
+  if (!withoutQuery) return null;
+  return normalizePath(withoutQuery);
+}
+function matchCollectionItemClick(target, index) {
+  if (!target || index.size === 0) return null;
+  const text = target.closest('[data-ohw-editable="text"], [data-ohw-editable="plain"]');
+  if (!text) return null;
+  const anchor = text.closest("a");
+  if (!anchor || anchor.closest(CTA_BUTTON_SELECTOR)) return null;
+  const href = anchor.getAttribute("href");
+  if (!href) return null;
+  const path = pathOfHref(href);
+  if (!path) return null;
+  return index.get(path) ?? null;
+}
+
 // src/lib/sticky-search-params.ts
 var STICKY_EXACT = /* @__PURE__ */ new Set([
   // Site identity. Required in local dev and in the canvas editor's iframe, where there is no
@@ -17044,7 +17212,7 @@ function apiBase() {
 function bridgeVersion() {
   try {
     if (true) {
-      return "0.1.155";
+      return "0.1.156";
     }
   } catch {
   }
@@ -17058,7 +17226,7 @@ function stampBridgeVersionOnDocument() {
     return;
   }
   try {
-    const v = true ? "0.1.155" : "";
+    const v = true ? "0.1.156" : "";
     if (v) {
       document.documentElement.setAttribute("data-ohw-bridge-version", v);
       window.__OHW_BRIDGE_VERSION__ = v;
@@ -20714,141 +20882,6 @@ function isEditSessionActive() {
   return new URLSearchParams(q).get("mode") === "edit";
 }
 
-// src/ui/link-modal/linkModal.utils.ts
-function parseTarget(target) {
-  if (!target) return { pageRoute: "", sectionId: null };
-  const hashIndex = target.indexOf("#");
-  if (hashIndex === -1) return { pageRoute: target, sectionId: null };
-  return {
-    pageRoute: target.slice(0, hashIndex),
-    sectionId: target.slice(hashIndex + 1) || null
-  };
-}
-function normalizePath(path) {
-  const trimmed = path.trim();
-  if (!trimmed) return "/";
-  try {
-    if (/^https?:\/\//i.test(trimmed)) {
-      return new URL(trimmed).pathname || "/";
-    }
-  } catch {
-  }
-  const withSlash = trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
-  if (withSlash.length > 1 && withSlash.endsWith("/")) return withSlash.slice(0, -1);
-  return withSlash;
-}
-function findPageByPath(pages, path) {
-  const normalized = normalizePath(path);
-  return pages.find((p) => normalizePath(p.path) === normalized);
-}
-function inferPageTitleFromPath(path) {
-  const normalized = normalizePath(path);
-  if (normalized === "/") return "Home";
-  const segment = normalized.split("/").filter(Boolean).pop() ?? "";
-  if (!segment) return "Home";
-  return segment.split("-").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
-function isInternalPath(route) {
-  const trimmed = route.trim();
-  if (!trimmed) return false;
-  if (/^https?:\/\//i.test(trimmed)) return false;
-  if (trimmed.startsWith("/")) return true;
-  if (trimmed.includes(" ") || trimmed.includes(".")) return false;
-  return true;
-}
-function resolvePage(route, pages) {
-  const found = findPageByPath(pages, route);
-  if (found) return { path: found.path, title: found.title };
-  return { path: normalizePath(route), title: inferPageTitleFromPath(route) };
-}
-function getSectionsForPath(sectionsByPath, pageRoute) {
-  if (!sectionsByPath) return [];
-  const normalized = normalizePath(pageRoute);
-  return sectionsByPath[normalized] ?? sectionsByPath[pageRoute] ?? [];
-}
-function buildTarget(page, section) {
-  if (section) return `${page.path}#${section.id}`;
-  return page.path;
-}
-function isValidUrl(urlString) {
-  try {
-    const url = new URL(urlString);
-    if (url.protocol !== "http:" && url.protocol !== "https:") return false;
-    const hostname = url.hostname;
-    if (!hostname || hostname.length === 0) return false;
-    if (hostname.includes(" ")) return false;
-    if (hostname === "localhost") return true;
-    if (!hostname.includes(".")) return false;
-    if (!/[a-z]/i.test(hostname)) return false;
-    return true;
-  } catch {
-    return false;
-  }
-}
-function normalizeUrl(value) {
-  const trimmed = value.trim();
-  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) return trimmed;
-  return `https://${trimmed}`;
-}
-function validateUrlInput(value, pages, allPages) {
-  const trimmed = value.trim();
-  if (!trimmed) return "";
-  const exactPage = allPages.find((p) => p.title.toLowerCase() === trimmed.toLowerCase());
-  if (exactPage) return "";
-  const hasPrefixMatch = pages.some((p) => p.title.toLowerCase().startsWith(trimmed.toLowerCase()));
-  if (hasPrefixMatch) {
-    return "Select a page from the list or enter a valid URL";
-  }
-  const hasScheme = /^https?:\/\//i.test(trimmed);
-  if (!hasScheme && !trimmed.includes(".")) {
-    return "Please enter a valid URL (e.g., https://example.com)";
-  }
-  if (!isValidUrl(normalizeUrl(trimmed))) {
-    return "Please enter a valid URL (e.g., https://example.com)";
-  }
-  return "";
-}
-function getEditModeInitialState(target, pages, sections) {
-  const empty = {
-    searchValue: "",
-    selectedPage: null,
-    selectedSection: null,
-    step: "input"
-  };
-  if (!target) return empty;
-  if (isValidUrl(normalizeUrl(target))) {
-    return { searchValue: target, selectedPage: null, selectedSection: null, step: "input" };
-  }
-  const { pageRoute, sectionId } = parseTarget(target);
-  if (sectionId) {
-    if (isInternalPath(pageRoute)) {
-      const page = resolvePage(pageRoute, pages);
-      const sec = sections.find((s) => s.id === sectionId);
-      return {
-        searchValue: page.title,
-        selectedPage: page,
-        selectedSection: sec ? { id: sec.id, label: sec.label } : null,
-        step: "input"
-      };
-    }
-    return { searchValue: pageRoute || target, selectedPage: null, selectedSection: null, step: "input" };
-  }
-  if (isInternalPath(pageRoute)) {
-    const page = resolvePage(pageRoute, pages);
-    return {
-      searchValue: page.title,
-      selectedPage: page,
-      selectedSection: null,
-      step: "input"
-    };
-  }
-  return { searchValue: target, selectedPage: null, selectedSection: null, step: "input" };
-}
-function filterAvailablePages(pages, existingTargets) {
-  const taken = new Set(existingTargets);
-  return pages.filter((p) => !taken.has(p.path));
-}
-
 // src/lib/prefetch-sections.ts
 function buildPageFetchUrl(path) {
   const normalized = normalizePath(path);
@@ -26007,6 +26040,7 @@ function OhhwellsBridge() {
   const appliedDrawerRef = (0, import_react21.useRef)(null);
   const pendingDeleteUndoRef = (0, import_react21.useRef)(null);
   const [sitePages, setSitePages] = (0, import_react21.useState)([]);
+  const collectionItemsRef = (0, import_react21.useRef)(/* @__PURE__ */ new Map());
   const [sectionsByPath, setSectionsByPath] = (0, import_react21.useState)({});
   const sectionsPrefetchGenRef = (0, import_react21.useRef)(0);
   const setLinkPopoverRef = (0, import_react21.useRef)(setLinkPopover);
@@ -26150,10 +26184,12 @@ function OhhwellsBridge() {
     const onSitePages = (e) => {
       if (e.data?.type !== "ow:site-pages" || !Array.isArray(e.data.pages)) return;
       if (useFixtures) return;
-      const mapped = e.data.pages.map((p) => ({
+      const incoming = e.data.pages;
+      const mapped = incoming.map((p) => ({
         path: p.path,
         title: p.title
       }));
+      collectionItemsRef.current = indexCollectionItems(incoming);
       setSitePages(mapped);
       runSectionsPrefetchRef.current(mapped);
     };
@@ -28573,6 +28609,17 @@ function OhhwellsBridge() {
       }
       if (isInsideFloatingPanel(target)) return;
       if (target.closest("[data-ohw-form-toolbar]")) return;
+      const collectionItem = matchCollectionItemClick(target, collectionItemsRef.current);
+      if (collectionItem) {
+        e.preventDefault();
+        e.stopPropagation();
+        postToParentRef.current({
+          type: "ow:collection-item-selected",
+          path: collectionItem.path,
+          collection: collectionItem.collection
+        });
+        return;
+      }
       if (target.closest(
         '[data-ohw-field-toolbar], [data-ohw-field-type-picker], [data-radix-popper-content-wrapper], [role="menu"], [data-slot="dropdown-menu-content"]'
       )) {
@@ -31993,7 +32040,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.155",
+        bridgeVersion: "0.1.156",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections
@@ -33219,6 +33266,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   foldAlignIntoTrees,
   getEditModeInitialState,
   hasMountedContentNodes,
+  indexCollectionItems,
   insertFooterHours,
   isEditSessionActive,
   isPlainLeftClick,
@@ -33226,6 +33274,7 @@ function EmptySection({ title, homeHref = "/", eyebrowKey, titleKey, subtitleKey
   isRenderableTree,
   isStickySearchParam,
   isValidUrl,
+  matchCollectionItemClick,
   nextViableSlide,
   parseAiFooterState,
   parseAiSectionsState,