@bendyline/docblocks-react 1.1.2 → 2.1.0

package/dist/GitToolbarControl-GNMRVKWQ.js

@@ -0,0 +1,136 @@
+import {
+  useMenuKeyboard
+} from "./chunk-57ZJJOC5.js";
+import {
+  isFileDirty,
+  useGitContext
+} from "./chunk-5A4KEWKT.js";
+
+// src/Git/GitToolbarControl.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GitToolbarControl({ selectedFile }) {
+  const git = useGitContext();
+  const [menuOpen, setMenuOpen] = useState(false);
+  const rootRef = useRef(null);
+  const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(menuOpen, setMenuOpen);
+  useEffect(() => {
+    if (!menuOpen) return;
+    const onPointerDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
+        setMenuOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    return () => document.removeEventListener("pointerdown", onPointerDown);
+  }, [menuOpen]);
+  if (!git || !git.repo || !selectedFile) return null;
+  const dirty = isFileDirty(git.status, selectedFile);
+  const label = dirty ? "Git actions (file modified)" : "Git actions";
+  const openDiff = () => {
+    closeMenu(false);
+    git.openDialog({ kind: "diff", path: selectedFile });
+  };
+  const openHistory = () => {
+    closeMenu(false);
+    git.openDialog({ kind: "history", path: selectedFile });
+  };
+  const openOnRemote = () => {
+    closeMenu(false);
+    git.openOnRemote(selectedFile);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu", ref: rootRef, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        className: "squisq-toolbar-button db-git-toolbar-trigger",
+        onClick: () => setMenuOpen((prev) => !prev),
+        onKeyDown: handleTriggerKeyDown,
+        "aria-label": label,
+        "aria-haspopup": "menu",
+        "aria-expanded": menuOpen,
+        "data-tooltip": label,
+        children: [
+          /* @__PURE__ */ jsx(BranchGlyph, {}),
+          dirty && /* @__PURE__ */ jsx("span", { className: "db-git-toolbar-dot", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    menuOpen && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: menuRef,
+        className: "db-toolbar-menu-dropdown",
+        role: "menu",
+        "aria-label": label,
+        onKeyDown: handleMenuKeyDown,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: -1,
+              className: "db-toolbar-menu-item",
+              disabled: !dirty,
+              onClick: openDiff,
+              children: "View changes"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: -1,
+              className: "db-toolbar-menu-item",
+              onClick: openHistory,
+              children: "File history\u2026"
+            }
+          ),
+          git.remoteWeb && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: -1,
+              className: "db-toolbar-menu-item",
+              onClick: openOnRemote,
+              children: [
+                "Open on ",
+                git.remoteWeb.host
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function BranchGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "16",
+      height: "16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "4.5", cy: "12", r: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "11.5", cy: "4", r: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M4.5 10V7.5A2.5 2.5 0 0 1 7 5h2.5" })
+      ]
+    }
+  );
+}
+export {
+  GitToolbarControl
+};
+//# sourceMappingURL=GitToolbarControl-GNMRVKWQ.js.map

package/dist/GitToolbarControl-GNMRVKWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Git/GitToolbarControl.tsx"],"sourcesContent":["/**\n * GitToolbarControl — per-file git actions in the editor toolbar.\n *\n * A single branch-glyph button (styled like the export trigger) opening a\n * small dropdown: view working-tree changes, per-file history, and \"Open\n * on <host>\" when a web remote is known. A dot overlay marks the selected\n * file as modified. Null-renders without a git context, a repository, or a\n * selected file. Deliberately has no editor dependency.\n */\n\nimport { useEffect, useRef, useState } from 'react';\nimport { useGitContext } from './GitContext.js';\nimport { isFileDirty } from './git-status.js';\nimport { useMenuKeyboard } from './useMenuKeyboard.js';\n\nexport interface GitToolbarControlProps {\n  /** Currently selected file path (slash-prefixed), or null. */\n  selectedFile: string | null;\n}\n\nexport function GitToolbarControl({ selectedFile }: GitToolbarControlProps) {\n  const git = useGitContext();\n  const [menuOpen, setMenuOpen] = useState(false);\n  /** Wraps trigger + menu — the outside-click hit test, not the menu itself. */\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } =\n    useMenuKeyboard(menuOpen, setMenuOpen);\n\n  // Close on outside click (same pointerdown pattern as ExportToolbarControls).\n  useEffect(() => {\n    if (!menuOpen) return;\n    const onPointerDown = (e: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n        setMenuOpen(false);\n      }\n    };\n    document.addEventListener('pointerdown', onPointerDown);\n    return () => document.removeEventListener('pointerdown', onPointerDown);\n  }, [menuOpen]);\n\n  if (!git || !git.repo || !selectedFile) return null;\n\n  const dirty = isFileDirty(git.status, selectedFile);\n  const label = dirty ? 'Git actions (file modified)' : 'Git actions';\n\n  // Each of these replaces the menu with a dialog, so focus belongs there,\n  // not back on the trigger.\n  const openDiff = () => {\n    closeMenu(false);\n    git.openDialog({ kind: 'diff', path: selectedFile });\n  };\n  const openHistory = () => {\n    closeMenu(false);\n    git.openDialog({ kind: 'history', path: selectedFile });\n  };\n  const openOnRemote = () => {\n    closeMenu(false);\n    git.openOnRemote(selectedFile);\n  };\n\n  return (\n    <div className=\"db-toolbar-menu\" ref={rootRef}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className=\"squisq-toolbar-button db-git-toolbar-trigger\"\n        onClick={() => setMenuOpen((prev) => !prev)}\n        onKeyDown={handleTriggerKeyDown}\n        aria-label={label}\n        aria-haspopup=\"menu\"\n        aria-expanded={menuOpen}\n        data-tooltip={label}\n      >\n        <BranchGlyph />\n        {dirty && <span className=\"db-git-toolbar-dot\" aria-hidden=\"true\" />}\n      </button>\n\n      {menuOpen && (\n        <div\n          ref={menuRef}\n          className=\"db-toolbar-menu-dropdown\"\n          role=\"menu\"\n          aria-label={label}\n          onKeyDown={handleMenuKeyDown}\n        >\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            tabIndex={-1}\n            className=\"db-toolbar-menu-item\"\n            disabled={!dirty}\n            onClick={openDiff}\n          >\n            View changes\n          </button>\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            tabIndex={-1}\n            className=\"db-toolbar-menu-item\"\n            onClick={openHistory}\n          >\n            File history…\n          </button>\n          {git.remoteWeb && (\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabIndex={-1}\n              className=\"db-toolbar-menu-item\"\n              onClick={openOnRemote}\n            >\n              Open on {git.remoteWeb.host}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction BranchGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"4.5\" cy=\"12\" r=\"2\" />\n      <circle cx=\"11.5\" cy=\"4\" r=\"2\" />\n      <path d=\"M4.5 10V7.5A2.5 2.5 0 0 1 7 5h2.5\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}