@particle-academy/fancy-term 0.4.0 → 0.4.1

package/README.md

@@ -142,6 +142,11 @@ Customize it with the `contextMenu` prop:
 Each item is `{ id, label?, icon?, disabled?, separator?, onSelect?(ctx) }`. Set
 `clipboard={false}` to turn off the copy chord + image-paste interception entirely.
 
+`ctx.selection` is **snapshotted before the right-click lands** and the built-in
+Copy writes that snapshot (through the active clipboard provider) — so it still
+copies over a mouse-reporting TUI (Claude Code, tmux, vim with mouse mode),
+where the app's redraw clears xterm's live selection before you can click Copy.
+
 ### OSC 52 (terminal-program clipboard)
 
 Modern TUIs — Claude Code, tmux, vim/neovim — copy their own selection with an

package/dist/index.cjs

@@ -769,6 +769,12 @@ function resolveMenuItems(config, ctx, actions) {
   const items = config === void 0 || config === true ? defaults : Array.isArray(config) ? config : config(ctx, defaults);
   return items.length > 0 ? items : null;
 }
+
+// src/selection-snapshot.ts
+function nextSelectionSnapshot(prev, event, liveSelection) {
+  if (event.type === "mousedown" && event.button === 0) return "";
+  return liveSelection || prev;
+}
 var Terminal = react.forwardRef(function Terminal2({
   output,
   theme,
@@ -869,25 +875,42 @@ var Terminal = react.forwardRef(function Terminal2({
     written.current = output;
   }, [output, handle]);
   const [menu, setMenu] = react.useState(null);
+  const selectionSnapshot = react.useRef("");
+  const trackSelection = react.useCallback(
+    (e) => {
+      selectionSnapshot.current = nextSelectionSnapshot(
+        selectionSnapshot.current,
+        { type: e.type, button: e.button },
+        handle.getSelection()
+      );
+    },
+    [handle]
+  );
   const openMenu = react.useCallback(
     (e) => {
       if (contextMenu === false) return;
       e.preventDefault();
-      const selection = handle.getSelection();
+      const selection = handle.getSelection() || selectionSnapshot.current;
       const ctx = {
         hasSelection: selection.length > 0,
         selection,
         readOnly: !!readOnly
       };
       const items = resolveMenuItems(contextMenu, ctx, {
-        copy: () => void handle.copySelection(),
+        // Copy writes the SNAPSHOTTED selection through the active clipboard
+        // provider — never a click-time re-read, which copies "" over a TUI
+        // (falling back to the live selection only when the snapshot is empty).
+        copy: (c) => {
+          const text = c.selection || handle.getSelection();
+          if (text) void providerWrite(resolveClipboard(clipboard).provider, text);
+        },
         paste: () => void handle.paste(),
         selectAll: () => handle.selectAll(),
         clear: () => handle.clear()
       });
       if (items) setMenu({ at: { x: e.clientX, y: e.clientY }, items, ctx });
     },
-    [contextMenu, handle, readOnly]
+    [contextMenu, handle, readOnly, clipboard]
   );
   const menuNode = menu ? /* @__PURE__ */ jsxRuntime.jsx(TerminalContextMenu, { at: menu.at, items: menu.items, ctx: menu.ctx, onClose: () => setMenu(null) }) : null;
   const surface = /* @__PURE__ */ jsxRuntime.jsx(
@@ -895,6 +918,8 @@ var Terminal = react.forwardRef(function Terminal2({
     {
       ref: containerRef,
       "data-fancy-terminal": "",
+      onMouseDownCapture: trackSelection,
+      onMouseUpCapture: trackSelection,
       onContextMenu: openMenu,
       "data-readonly": readOnly ? "" : void 0,
       "data-fancy-terminal-shell": shellId ?? void 0,
@@ -1009,6 +1034,7 @@ exports.encodeBase64 = encodeBase64;
 exports.fancyDarkTheme = fancyDarkTheme;
 exports.isImageFile = isImageFile;
 exports.navigatorClipboard = navigatorClipboard;
+exports.nextSelectionSnapshot = nextSelectionSnapshot;
 exports.osc52Response = osc52Response;
 exports.parseOsc52 = parseOsc52;
 exports.registerOsc52 = registerOsc52;