dsh-mobile 0.8.8 → 0.8.9

package/lib/client.js

@@ -4305,6 +4305,182 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		// src/mobile-path-copy.ts
+		/** Tap-to-copy for the stock preview header path on touch devices.
+		*
+		* Taps land on `PathLabel`'s nested directory/name spans, so the titled owner is
+		* resolved through `closest()`; the changes-review file switcher keeps its own tap.
+		*/
+		/** The repository's shared touch predicate; kept identical to `TOUCH_PRIMARY_QUERY` (mobile-layout.ts)
+		* and `BROWSER_TOUCH_PRIMARY_QUERY` (native-mobile.ts) by a source drift test. */
+		const PATH_COPY_TOUCH_QUERY = "(hover: none), (pointer: coarse)";
+		/** Stock-DSH element whose `title` carries the path shown to the user: the preview
+		* header path bar. The presented-file card is deliberately NOT a target — its tap
+		* stays a pure open action, so opening a file never replaces the clipboard. */
+		const PATH_COPY_TARGET_SELECTOR = "[data-textpreview-path]";
+		/** Replace `{path}` in a localized toast template with the copied value, literally.
+		*
+		* The replacement is a function because a string replacement would interpret `$&`,
+		* `` $` `` and `$'` inside the path as replacement patterns, which would show a
+		* mangled message for a legal file name that contains them. */
+		function formatPathCopyMessage(template, path) {
+			return template.replaceAll("{path}", () => path);
+		}
+		/** The `title` of a copy target, verbatim — trailing spaces are legal in file names —
+		* or `undefined` when the attribute is absent or blank (blankness judged after trimming). */
+		function pathCopyText(element) {
+			const title = element.getAttribute("title");
+			const blank = title?.trim();
+			return title !== null && blank !== void 0 && blank !== "" ? title : void 0;
+		}
+		function isClosestCarrier(value) {
+			return typeof value?.closest === "function";
+		}
+		/** Resolve the copy target owning the tapped node: the titled ancestor outside the review scope.
+		* @param target - an event target; non-elements resolve to `null`.
+		* @returns the element whose `title` to copy, or `null` when the tap is not a copy target. */
+		function pathCopyOwner(target) {
+			if (!isClosestCarrier(target)) return null;
+			const owner = target.closest(PATH_COPY_TARGET_SELECTOR);
+			if (owner === null) return null;
+			if (target.closest("[data-changes-review]") !== null) return null;
+			return pathCopyText(owner) === void 0 ? null : owner;
+		}
+		/** Copy through the API, falling back to `execCopy`; resolves, never rejects.
+		* @param text - the value to place on the clipboard.
+		* @param io - the clipboard operations to use.
+		* @returns whether the value reached the clipboard by either route. */
+		async function copyPathText(text, io) {
+			try {
+				await io.writeText(text);
+				return true;
+			} catch {
+				try {
+					return io.execCopy(text);
+				} catch {
+					return false;
+				}
+			}
+		}
+		/** Build the browser clipboard adapter for one document.
+		*
+		* `writeText` delegates to `navigator.clipboard` when present and rejects otherwise, so
+		* {@link copyPathText} routes to the fallback. `execCopy` copies through an off-screen but
+		* rendered readonly textarea — `display:none` is not a reliable copy source — and restores
+		* focus, selection, and scroll on every path.
+		* @param document - the document that will host the fallback textarea.
+		* @returns the adapter bound to that document and this window's navigator. */
+		function domCopyIo(document) {
+			return {
+				writeText: (text) => {
+					const clipboard = globalThis.navigator?.clipboard;
+					if (clipboard?.writeText === void 0) return Promise.reject(/* @__PURE__ */ new Error("clipboard api unavailable"));
+					return clipboard.writeText(text);
+				},
+				execCopy: (value) => {
+					const activeElement = document.activeElement;
+					const selection = document.getSelection();
+					const savedRanges = selection === null ? [] : Array.from({ length: selection.rangeCount }, (_, at) => selection.getRangeAt(at).cloneRange());
+					const root = document.documentElement;
+					const scrollOwners = [root];
+					for (let node = activeElement; node !== null && node !== root; node = node.parentElement ?? null) scrollOwners.push(node);
+					const savedScroll = scrollOwners.map((owner) => ({
+						owner,
+						top: owner.scrollTop,
+						left: owner.scrollLeft
+					}));
+					const area = document.createElement("textarea");
+					area.value = value;
+					area.readOnly = true;
+					area.style.position = "fixed";
+					area.style.left = "-9999px";
+					document.body.appendChild(area);
+					try {
+						area.select();
+						return document.execCommand("copy");
+					} catch {
+						return false;
+					} finally {
+						document.body.removeChild(area);
+						if (selection !== null) {
+							selection.removeAllRanges();
+							for (const range of savedRanges) selection.addRange(range);
+						}
+						if (activeElement !== null) activeElement.focus?.({ preventScroll: true });
+						for (const { owner, top, left } of savedScroll) {
+							owner.scrollTop = top;
+							owner.scrollLeft = left;
+						}
+					}
+				}
+			};
+		}
+		/** Host the copy confirmation toast on one document.
+		* @param document - the document whose body hosts the toast.
+		* @returns the toast handle. */
+		function createPathCopyToast(document) {
+			const node = document.createElement("div");
+			node.className = "dsh-mobile-path-toast";
+			node.setAttribute("role", "status");
+			node.setAttribute("aria-live", "polite");
+			node.lang = document.documentElement.lang;
+			document.body.appendChild(node);
+			let timer;
+			return {
+				node,
+				show(message) {
+					node.textContent = message;
+					node.setAttribute("data-visible", "true");
+					if (timer !== void 0) clearTimeout(timer);
+					timer = setTimeout(() => {
+						node.removeAttribute("data-visible");
+						timer = void 0;
+					}, 2200);
+				},
+				dispose() {
+					if (timer !== void 0) {
+						clearTimeout(timer);
+						timer = void 0;
+					}
+					node.removeAttribute("data-visible");
+					document.body.removeChild(node);
+				}
+			};
+		}
+		/** Install the delegated tap-to-copy listener and its toast.
+		*
+		* The listener neither prevents nor stops propagation: the preview header keeps its
+		* own focus behavior, and taps on other elements keep their own actions. Disposal
+		* stops new copies, cancels the fallback of a still-pending write, and drops a
+		* completion that lands after disposal.
+		* @param deps - document, touch gate, localized templates, optional clipboard adapter.
+		* @returns the disposer. */
+		function installMobilePathCopy(deps) {
+			const source = deps.io ?? domCopyIo(deps.document);
+			const toast = createPathCopyToast(deps.document);
+			let disposed = false;
+			const io = {
+				writeText: (text) => source.writeText(text),
+				execCopy: (value) => disposed ? false : source.execCopy(value)
+			};
+			const onClick = (event) => {
+				if (disposed || !deps.isTouchPrimary()) return;
+				const owner = pathCopyOwner(event.target);
+				if (owner === null) return;
+				const path = pathCopyText(owner);
+				if (path === void 0) return;
+				copyPathText(path, io).then((ok) => {
+					if (disposed) return;
+					toast.show(formatPathCopyMessage(ok ? deps.labels.copied : deps.labels.failed, path));
+				});
+			};
+			deps.document.addEventListener("click", onClick);
+			return () => {
+				disposed = true;
+				deps.document.removeEventListener("click", onClick);
+				toast.dispose();
+			};
+		}
 		// src/native-mobile.ts
 		/**
 		* Viewport below which the injected chrome becomes an overlay drawer: the
@@ -4324,6 +4500,12 @@ window.__ModuleLoader__.load({
    the query restores the fixed scrim, and its more specific [hidden] rule
    keeps winning there. */
  .dsh-native-mobile-backdrop,.dsh-mobile-branch-toast,.dsh-mobile-media-toast { display:none; }
+ /* The path-copy toast confirms a clipboard write whose gate is the touch
+    predicate, not viewport width, so its box lives outside the overlay query:
+    a landscape phone or tablet copy must stay visible. The bottom slot keeps
+    it clear of the branch and media toasts' shared top-center position. */
+ .dsh-mobile-path-toast { display:none; }
+ .dsh-mobile-path-toast[data-visible="true"] { display:block; position:fixed; z-index:330; left:50%; transform:translateX(-50%); bottom:max(12px,env(safe-area-inset-bottom)); max-width:calc(100vw - 32px); box-sizing:border-box; padding:7px 14px; border:1px solid rgb(15 23 42 / 10%); border-radius:999px; background:rgb(15 23 42 / 92%); color:#fff; font-size:13px; line-height:20px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; }
  /* The content-font preference may exceed Safari's focused-editable minimum.
     The html-level class exists on every non-desktop mobile page, so it also
     covers body-level portals (model picker search) the center column never
@@ -5520,6 +5702,14 @@ window.__ModuleLoader__.load({
 					mediaToastTimer = 0;
 				}, 2200);
 			};
+			const disposePathCopy = installMobilePathCopy({
+				document,
+				isTouchPrimary: () => window.matchMedia(PATH_COPY_TOUCH_QUERY).matches,
+				labels: {
+					copied: label("Copiato: {path}", "Copied: {path}", "已复制：{path}"),
+					failed: label("Impossibile copiare il percorso.", "Could not copy the path.", "无法复制路径。")
+				}
+			});
 			let mediaRequestGeneration = 0;
 			let disposed = false;
 			let boundComposer = null;
@@ -6147,6 +6337,7 @@ window.__ModuleLoader__.load({
 				disposed = true;
 				stopStockBack();
 				sidebarScrollMemory.dispose();
+				disposePathCopy();
 				disposeTaskWatcher();
 				mediaRequestGeneration += 1;
 				mediaPickerAbortController.abort();