@ohhwells/bridge 0.1.87 → 0.1.89

package/dist/index.cjs

@@ -1949,6 +1949,7 @@ function findTemplateSection(id) {
   return null;
 }
 function findPlacementAnchor(id, exclude) {
+  if (CHROME_SECTION_IDS.has(id)) return null;
   for (const el of document.querySelectorAll(`[data-ohw-section="${CSS.escape(id)}"]`)) {
     if (el === exclude) continue;
     if (el.parentElement?.closest("[data-ohw-section]")) continue;
@@ -8250,6 +8251,27 @@ function deleteSectionInstance(instanceId, currentPath, existingEntries) {
 function restoreSectionInstance(instanceId, currentPath, existingEntries) {
   return setSectionRemoved(instanceId, currentPath, existingEntries, false);
 }
+function duplicateSectionInstance(instanceId, newId, currentPath, existingEntries) {
+  const original = findByInstanceId(instanceId);
+  if (!original) return null;
+  const clone = original.cloneNode(true);
+  clone.setAttribute("data-ohw-instance", newId);
+  const keyRekeys = rekeySectionSubtree(clone, newId);
+  original.insertAdjacentElement("afterend", clone);
+  const byId = new Map(existingEntries.map((e) => [e.instanceId, e]));
+  const entries = topLevelSections().map((el, order) => {
+    const id = instanceIdOf(el);
+    return {
+      instanceId: id,
+      type: el.getAttribute("data-ohw-section") ?? "",
+      order,
+      pagePath: currentPath,
+      ...byId.get(id)?.removed ? { removed: true } : {}
+    };
+  });
+  applyPersistedOrder(entries);
+  return { entries, keyRekeys };
+}
 function newInstanceId() {
   return typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `instance-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
@@ -8264,14 +8286,20 @@ function getPageSectionOrderEntries(raw, currentPath) {
 }
 function rekeySectionSubtree(root, instanceId) {
   const suffix = `::${instanceId}`;
+  const pairs = [];
   const rekey = (el, attr) => {
     const current = el.getAttribute(attr);
-    if (current) el.setAttribute(attr, `${current}${suffix}`);
+    if (!current) return;
+    const base = current.includes("::") ? current.slice(0, current.indexOf("::")) : current;
+    const next = `${base}${suffix}`;
+    el.setAttribute(attr, next);
+    pairs.push({ from: current, to: next });
   };
   if (root.hasAttribute("data-ohw-key")) rekey(root, "data-ohw-key");
   if (root.hasAttribute("data-ohw-href-key")) rekey(root, "data-ohw-href-key");
   root.querySelectorAll("[data-ohw-key]").forEach((el) => rekey(el, "data-ohw-key"));
   root.querySelectorAll("[data-ohw-href-key]").forEach((el) => rekey(el, "data-ohw-href-key"));
+  return pairs;
 }
 function initSectionInstancesFromContent(content, currentPath) {
   document.querySelectorAll("[data-ohw-section]:not([data-ohw-instance])").forEach((el) => {
@@ -17969,6 +17997,7 @@ function OhhwellsBridge() {
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
+      initSectionInstancesFromContent(content, window.location.pathname);
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") continue;
         if (key === AI_SECTIONS_KEY) continue;
@@ -18024,7 +18053,6 @@ function OhhwellsBridge() {
       if (isEditModeRef.current) requestMissingSocialIconsRef.current();
       enforceLinkHrefs();
       initSectionsFromContent(content, true);
-      initSectionInstancesFromContent(content, window.location.pathname);
       sectionsLoadedRef.current = true;
       pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
       if (imageLoads.length === 0) return Promise.resolve();
@@ -20090,6 +20118,7 @@ function OhhwellsBridge() {
         applyStylesToDom(parseStyleStore(content[STYLE_STORE_KEY]));
       }
       applyBrandChrome(content);
+      initSectionInstancesFromContent(content, window.location.pathname);
       let sectionsJson = null;
       for (const [key, val] of Object.entries(content)) {
         if (key === "__ohw_sections") {
@@ -20131,7 +20160,6 @@ function OhhwellsBridge() {
         sectionsLoadedRef.current = true;
         pendingScheduleConfigRequests.current.splice(0).forEach(processConfigRequest);
       }
-      initSectionInstancesFromContent(content, window.location.pathname);
       editContentRef.current = { ...editContentRef.current, ...content };
       reconcileNavbarItemsFromContent(editContentRef.current);
       reconcileFooterOrderFromContent(editContentRef.current);
@@ -20353,6 +20381,34 @@ function OhhwellsBridge() {
       });
     };
     window.addEventListener("message", handleDeleteSection);
+    const handleDuplicateSection = (e) => {
+      if (e.data?.type !== "ow:duplicate-section") return;
+      const instanceId = typeof e.data.instanceId === "string" ? e.data.instanceId : "";
+      if (!instanceId) return;
+      const newId = newInstanceId();
+      const currentEntries = getPageSectionOrderEntries(editContentRef.current[SECTION_ORDER_KEY], window.location.pathname);
+      const result = duplicateSectionInstance(instanceId, newId, window.location.pathname, currentEntries);
+      if (!result) return;
+      const { entries, keyRekeys } = result;
+      const orderJson = JSON.stringify(entries);
+      const nodes = [{ key: SECTION_ORDER_KEY, text: orderJson }];
+      for (const { from, to } of keyRekeys) {
+        const inherited = editContentRef.current[from];
+        if (inherited !== void 0) nodes.push({ key: to, text: inherited });
+      }
+      editContentRef.current = {
+        ...editContentRef.current,
+        ...Object.fromEntries(nodes.map(({ key, text }) => [key, text]))
+      };
+      setAiSectionOrder(orderJson, window.location.pathname);
+      postToParentRef.current({ type: "ow:change", nodes });
+      window.dispatchEvent(new Event("resize"));
+      const duplicateHeight = document.body.scrollHeight;
+      if (duplicateHeight > 50) postToParentRef.current({ type: "ow:height", height: duplicateHeight });
+      const clone = document.querySelector(`[data-ohw-instance="${CSS.escape(newId)}"]`);
+      if (clone) aiSectionApiRef.current?.selectFromElement(clone);
+    };
+    window.addEventListener("message", handleDuplicateSection);
     const handleDeactivate = (e) => {
       if (e.data?.type !== "ow:deactivate") return;
       if (document.documentElement.hasAttribute("data-ohw-panel-dragging")) return;
@@ -21039,6 +21095,7 @@ function OhhwellsBridge() {
       window.removeEventListener("message", handleMoveSection);
       window.removeEventListener("message", handlePanelDragging);
       window.removeEventListener("message", handleDeleteSection);
+      window.removeEventListener("message", handleDuplicateSection);
       window.removeEventListener("message", handleDeactivate);
       document.documentElement.removeAttribute("data-ohw-panel-dragging");
       window.removeEventListener("message", handleToastAction);
@@ -21246,7 +21303,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.86",
+        bridgeVersion: "0.1.88",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections