@ohhwells/bridge 0.1.54-next.156 → 0.1.54-next.157

package/dist/index.cjs

@@ -9927,16 +9927,20 @@ function reconcileSocialsFromContent(content, root = document) {
   applySocialsOrder(stored, root);
 }
 var DROP_BAR_THICKNESS = 3;
+var DROP_BAR_GAP = 8;
 function buildSocialDropSlots(row) {
   const items = listSocialItems(row);
   if (!items.length) return [];
-  return items.concat(items[items.length - 1]).map((item, index) => {
-    const rect = item.getBoundingClientRect();
-    const left = (index === items.length ? rect.right : rect.left) - DROP_BAR_THICKNESS / 2;
+  const rects = items.map((item) => item.getBoundingClientRect());
+  return items.concat(items[items.length - 1]).map((_, index) => {
+    const previous = rects[index - 1];
+    const next = rects[index];
+    const centre = previous && next ? (previous.right + next.left) / 2 : next ? next.left - DROP_BAR_GAP : previous.right + DROP_BAR_GAP;
+    const rect = next ?? previous;
     return {
       insertIndex: index,
       columnIndex: -1,
-      left,
+      left: centre - DROP_BAR_THICKNESS / 2,
       top: rect.top,
       width: DROP_BAR_THICKNESS,
       height: rect.height,
@@ -15462,7 +15466,6 @@ function OhhwellsBridge() {
         reconcileFooterOrderFromContent(content);
         reconcileSocialsFromContent(content);
         applySocialsDisplayFromContent(content);
-        applySocialsDisplayFromContent(content);
       } finally {
         observer?.observe(document.body, { childList: true, subtree: true });
       }
@@ -15542,7 +15545,6 @@ function OhhwellsBridge() {
         reconcileFooterOrderFromContent(content);
         reconcileSocialsFromContent(content);
         applySocialsDisplayFromContent(content);
-        applySocialsDisplayFromContent(content);
         document.querySelectorAll("footer [data-ohw-href-key]").forEach((el) => {
           if (isFooterHrefKey(el.getAttribute("data-ohw-href-key"))) {
             disableNativeHrefDrag(el);
@@ -16084,7 +16086,7 @@ function OhhwellsBridge() {
       const selected = selectedElRef.current;
       if (selected && (selected === editable || selected.contains(editable))) return;
       if (!isMediaEditable(editable) && !editable.hasAttribute("contenteditable")) {
-        if (isIconEditable(editable)) {
+        if (isIconEditable(editable) && !getSocialItem(editable)) {
           hoveredItemElRef.current = editable;
           setHoveredItemRect(editable.getBoundingClientRect());
           return;
@@ -16154,7 +16156,7 @@ function OhhwellsBridge() {
       const related = e.relatedTarget instanceof Element ? e.relatedTarget : null;
       if (related?.closest("[data-ohw-drag-handle-container], [data-ohw-item-interaction]")) return;
       if (!isMediaEditable(editable)) {
-        if (isIconEditable(editable) && hoveredItemElRef.current === editable) {
+        if (isIconEditable(editable) && !getSocialItem(editable) && hoveredItemElRef.current === editable) {
           if (!related?.closest("[data-ohw-item-interaction]")) {
             hoveredItemElRef.current = null;
             setHoveredItemRect(null);
@@ -17827,9 +17829,9 @@ function OhhwellsBridge() {
         return;
       }
       if (target.closest("[data-ohw-item-drag-surface]")) return;
-      const anchor = getNavigationItemAnchor(target);
+      const anchor = getNavigationItemAnchor(target) ?? (document.elementsFromPoint(e.clientX, e.clientY).map((el) => el instanceof HTMLElement ? getNavigationItemAnchor(el) : null).find((found) => found !== null) ?? null);
       const hrefKey = anchor?.getAttribute("data-ohw-href-key") ?? null;
-      if (anchor && isFooterHrefKey(hrefKey)) {
+      if (anchor && (isFooterHrefKey(hrefKey) || getSocialItem(anchor))) {
         footerPointerDragRef.current = {
           el: anchor,
           kind: "link",
@@ -17889,7 +17891,7 @@ function OhhwellsBridge() {
         const column = findFooterColumnForLink(pending.el);
         const columns2 = listFooterColumns();
         beginFooterDragRef.current({
-          kind: "link",
+          kind: getSocialItem(pending.el) ? "social" : "link",
           hrefKey: key,
           columnEl: column,
           sourceColumnIndex: column ? columns2.indexOf(column) : 0,