@ohhwells/bridge 0.1.40 → 0.1.42

package/dist/index.cjs

@@ -35,6 +35,7 @@ __export(index_exports, {
   CustomToolbarButton: () => CustomToolbarButton,
   CustomToolbarDivider: () => CustomToolbarDivider,
   DragHandle: () => DragHandle,
+  DropIndicator: () => DropIndicator,
   ItemActionToolbar: () => ItemActionToolbar,
   ItemInteractionLayer: () => ItemInteractionLayer,
   LinkEditorPanel: () => LinkEditorPanel,
@@ -49,6 +50,7 @@ __export(index_exports, {
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
   buildTarget: () => buildTarget,
+  dropIndicatorVariants: () => dropIndicatorVariants,
   filterAvailablePages: () => filterAvailablePages,
   getEditModeInitialState: () => getEditModeInitialState,
   isEditSessionActive: () => isEditSessionActive,
@@ -7073,6 +7075,22 @@ function placeCaretAtPoint(el, x, y) {
     }
   }
 }
+function selectAllTextInEditable(el) {
+  const selection = window.getSelection();
+  if (!selection) return;
+  const range = document.createRange();
+  range.selectNodeContents(el);
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+function getNavigationLabelEditable(target) {
+  const editable = target.closest('[data-ohw-editable="text"]');
+  if (!editable) return null;
+  const hrefCtx = getHrefKeyFromElement(editable);
+  const navAnchor = hrefCtx ? getNavigationItemAnchor(hrefCtx.anchor) : null;
+  if (!navAnchor) return null;
+  return { editable, navAnchor };
+}
 function collectSections() {
   return collectSectionsFromDom();
 }
@@ -8217,6 +8235,7 @@ function OhhwellsBridge() {
           e.preventDefault();
           e.stopPropagation();
           if (selectedElRef.current === navAnchor) {
+            if (e.detail >= 2) return;
             activateRef.current(editable, { caretX: e.clientX, caretY: e.clientY });
             return;
           }
@@ -8277,6 +8296,28 @@ function OhhwellsBridge() {
       deselectRef.current();
       deactivateRef.current();
     };
+    const handleDblClick = (e) => {
+      const target = e.target;
+      if (target.closest("[data-ohw-toolbar]")) return;
+      if (target.closest("[data-ohw-state-toggle]")) return;
+      if (target.closest("[data-ohw-max-badge]")) return;
+      if (isInsideLinkEditor(target)) return;
+      if (target.closest('[data-ohw-edit-chrome], [data-ohw-item-interaction], [data-ohw-drag-handle-container], [data-slot="drag-handle"]')) {
+        return;
+      }
+      const navLabel = getNavigationLabelEditable(target);
+      if (!navLabel) return;
+      const { editable } = navLabel;
+      e.preventDefault();
+      e.stopPropagation();
+      if (activeElRef.current !== editable) {
+        activateRef.current(editable);
+      }
+      requestAnimationFrame(() => {
+        selectAllTextInEditable(editable);
+        refreshActiveCommandsRef.current();
+      });
+    };
     const handleMouseOver = (e) => {
       if (document.documentElement.hasAttribute("data-ohw-section-picking")) return;
       const target = e.target;
@@ -8998,6 +9039,15 @@ function OhhwellsBridge() {
     window.addEventListener("message", handleUiEscape);
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && document.querySelector("[data-ohw-section-picker]")) return;
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "a" && activeElRef.current) {
+        const navAnchor = getNavigationItemAnchor(activeElRef.current);
+        if (navAnchor) {
+          e.preventDefault();
+          selectAllTextInEditable(activeElRef.current);
+          refreshActiveCommandsRef.current();
+          return;
+        }
+      }
       if (e.key === "Escape" && linkPopoverOpenRef.current) {
         setLinkPopoverRef.current(null);
         return;
@@ -9330,6 +9380,7 @@ function OhhwellsBridge() {
     };
     window.addEventListener("resize", handleViewportResize, { passive: true });
     document.addEventListener("click", handleClick, true);
+    document.addEventListener("dblclick", handleDblClick, true);
     document.addEventListener("paste", handlePaste, true);
     document.addEventListener("input", handleInput, true);
     document.addEventListener("mouseover", handleMouseOver, true);
@@ -9344,6 +9395,7 @@ function OhhwellsBridge() {
     window.addEventListener("scroll", handleScroll, true);
     return () => {
       document.removeEventListener("click", handleClick, true);
+      document.removeEventListener("dblclick", handleDblClick, true);
       document.removeEventListener("paste", handlePaste, true);
       document.removeEventListener("input", handleInput, true);
       document.removeEventListener("mouseover", handleMouseOver, true);
@@ -9730,12 +9782,55 @@ function OhhwellsBridge() {
     bridgeRoot
   ) : null;
 }
+
+// src/ui/drop-indicator.tsx
+var React10 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var dropIndicatorVariants = cva(
+  "ov-gap-line pointer-events-none shrink-0 transition-opacity duration-150",
+  {
+    variants: {
+      direction: {
+        vertical: "h-6 w-[3px]",
+        horizontal: "h-[3px] w-[200px]"
+      },
+      state: {
+        default: "opacity-0",
+        hover: "opacity-100",
+        dragIdle: "opacity-40",
+        dragActive: "opacity-100"
+      }
+    },
+    defaultVariants: {
+      direction: "vertical",
+      state: "default"
+    }
+  }
+);
+var DropIndicator = React10.forwardRef(
+  ({ className, direction, state, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "div",
+      {
+        ref,
+        "data-slot": "drop-indicator",
+        "data-direction": direction ?? "vertical",
+        "data-state": state ?? "default",
+        "aria-hidden": "true",
+        className: cn(dropIndicatorVariants({ direction, state }), className),
+        ...props
+      }
+    );
+  }
+);
+DropIndicator.displayName = "DropIndicator";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CustomToolbar,
   CustomToolbarButton,
   CustomToolbarDivider,
   DragHandle,
+  DropIndicator,
   ItemActionToolbar,
   ItemInteractionLayer,
   LinkEditorPanel,
@@ -9750,6 +9845,7 @@ function OhhwellsBridge() {
   TooltipProvider,
   TooltipTrigger,
   buildTarget,
+  dropIndicatorVariants,
   filterAvailablePages,
   getEditModeInitialState,
   isEditSessionActive,