@deepseek-ai/dsh-client-ui-sidebar-documentpreview 0.1.7-alpha.1 → 0.1.7-rc.1

package/lib/client.js

@@ -130,6 +130,16 @@ window.__ModuleLoader__.load({
 				name: trimmed.slice(cut)
 			};
 		}
+		/**
+		* Address a decoded absolute file path through the authenticated file route.
+		* @param base - HTTP(S) application base, including its deployment prefix.
+		* @param path - Native file path; URL escapes in authored Markdown must already be decoded.
+		* @returns File URL, or undefined for unsupported transports and non-absolute paths.
+		*/
+		function fileMediaUrl(base, path) {
+			if (!/^https?:/u.test(base) || !isAbsoluteWorkspacePath(path) || /^[/\\]{2}/u.test(path) || /[\u0000-\u001f\u007f]/u.test(path)) return void 0;
+			return new URL(`api/file?path=${encodeURIComponent(path)}`, base).href;
+		}
 		//#endregion
 		//#region lib/types/client/failure-line.js
 		/** Render a byte count the way a person reads one. */
@@ -1502,7 +1512,6 @@ window.__ModuleLoader__.load({
 		* @returns an HTTP(S) file URL, or undefined for unsupported or malformed destinations.
 		*/
 		function markdownImageUrl(base, documentPath, destination) {
-			if (!base.startsWith("http:") && !base.startsWith("https:")) return void 0;
 			const suffix = destination.search(/[?#]/u);
 			let path;
 			try {
@@ -1510,13 +1519,13 @@ window.__ModuleLoader__.load({
 			} catch (_error) {
 				return;
 			}
-			if (path.length === 0 || path.includes("\0") || /^[/\\]{2}/u.test(path)) return void 0;
+			if (path.length === 0) return void 0;
 			if (!/^[a-z]:[/\\]/iu.test(path) && /^[a-z][a-z\d+.-]*:/iu.test(path)) return void 0;
 			if (!isAbsoluteWorkspacePath(path)) {
 				if (documentPath === void 0) return void 0;
 				path = pathPartsOf(documentPath).directory + path;
 			}
-			return new URL(`api/file?path=${encodeURIComponent(path)}`, base).href;
+			return fileMediaUrl(base, path);
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/markdown/MarkdownBody.module.css.mjs
@@ -1544,16 +1553,27 @@ window.__ModuleLoader__.load({
 			const copyLabel = t("code.copy");
 			const copiedLabel = t("code.copied");
 			const footnotes = t("footnotes");
+			const codeLabel = t("codeBlock.title");
+			const wrapLabel = t("codeBlock.wrap");
+			const unwrapLabel = t("codeBlock.unwrap");
 			const labels = (0, react.useMemo)(() => ({
 				code: {
 					copyLabel,
-					copiedLabel
+					copiedLabel,
+					toolbarLabels: {
+						codeLabel,
+						wrapLabel,
+						unwrapLabel
+					}
 				},
 				footnotes
 			}), [
 				copyLabel,
 				copiedLabel,
-				footnotes
+				footnotes,
+				codeLabel,
+				wrapLabel,
+				unwrapLabel
 			]);
 			if (content.kind !== "text") return null;
 			return (0, react_jsx_runtime.jsx)("div", {
@@ -4502,7 +4522,12 @@ document.open();document.write(html);document.close();
 				frame.current?.setAttribute("data-document-zoom-mode", props.preference.kind);
 				frame.current?.style.setProperty("--document-zoom", String(zoom));
 				controls.current?.showZoom(zoom);
-			}, [props.preference.kind, zoom]);
+				props.onRenderZoom?.(zoom);
+			}, [
+				props.onRenderZoom,
+				props.preference.kind,
+				zoom
+			]);
 			(0, react.useEffect)(() => {
 				const node = scrollport.current;
 				const clearPendingPinch = () => {
@@ -4990,7 +5015,7 @@ document.open();document.write(html);document.close();
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/deepseek-harness/deepseek-harness/packages/client/ui-sidebar-documentpreview/src/client/code/CodeBody.module.css.mjs
-		const css$2 = ".Java6a_renderer{white-space:normal;flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.Java6a_renderer .Java6a_code{--dsl-code-block-border-radius:0px;--dsl-code-block-line-white-space:pre;--dsl-code-block-background:transparent;flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;margin:0;display:flex;position:static}.Java6a_renderer .Java6a_code>[data-code-block-content]{flex:auto;min-width:0;min-height:0;display:block;position:relative;overflow:auto}.Java6a_renderer .Java6a_code>[data-code-block-content]::-webkit-scrollbar-track{margin:2px}.Java6a_renderer .Java6a_code pre{box-sizing:border-box;white-space:pre;word-break:normal;overflow-wrap:normal;min-width:100%;overflow:visible}.Java6a_renderer[data-wrap=true] .Java6a_code{--dsl-code-block-line-white-space:pre-wrap}.Java6a_renderer[data-wrap=true] .Java6a_code pre{white-space:pre-wrap;overflow-wrap:anywhere}";
+		const css$2 = ".Java6a_renderer{white-space:normal;flex-direction:column;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.Java6a_renderer .Java6a_code{--dsl-code-block-border-radius:0px;--dsl-code-block-line-white-space:pre;--dsl-code-block-background:transparent;flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;margin:0;display:flex;position:static}.Java6a_renderer .Java6a_code>[data-code-block-content]{flex:auto;min-width:0;min-height:0;display:block;position:relative;overflow:auto}.Java6a_renderer .Java6a_code>[data-code-block-content]::-webkit-scrollbar-track{margin:2px}.Java6a_renderer .Java6a_code pre{box-sizing:border-box;white-space:pre;word-break:normal;overflow-wrap:normal;min-width:100%;padding:16px;overflow:visible}.Java6a_renderer[data-wrap=true] .Java6a_code{--dsl-code-block-line-white-space:pre-wrap}.Java6a_renderer[data-wrap=true] .Java6a_code pre{white-space:pre-wrap;overflow-wrap:anywhere}";
 		const tagId$2 = "@deepseek-ai/dsh-client-ui-sidebar-documentpreview/CodeBody.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -5021,9 +5046,15 @@ document.open();document.write(html);document.close();
 					code: content.text,
 					lang: language,
 					streaming: !content.eof,
+					wrap,
 					lineNumbers: true,
 					copyLabel: t("copy"),
-					copiedLabel: t("copied")
+					copiedLabel: t("copied"),
+					toolbarLabels: {
+						codeLabel: t("codeBlock.title"),
+						wrapLabel: t("codeBlock.wrap"),
+						unwrapLabel: t("codeBlock.unwrap")
+					}
 				})
 			});
 		}

package/lib/client.pdf.js

@@ -959,7 +959,7 @@ window.__ModuleLoader__.load({
 		* @param pageNumber - 1-based selected page.
 		* @param canvas - canvas owned by this render only.
 		* @param signal - render lifetime.
-		* @param pixelRatio - display pixel ratio.
+		* @param pixelRatio - device pixel ratio multiplied by the settled document zoom.
 		* @param renderText - optional selectable text layer sharing this page and viewport.
 		* @returns the page's CSS dimensions after rendering completes.
 		*/
@@ -32412,6 +32412,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
 			const [load, setLoad] = (0, react.useState)();
 			const [attempt, setAttempt] = (0, react.useState)(0);
 			const [pageWidth, setPageWidth] = (0, react.useState)();
+			const [renderZoom, setRenderZoom] = (0, react.useState)(1);
 			const { retainTab, actions, t, ZoomViewport, zoomSurfaceClass } = props;
 			const preference = view.zoom ?? FIT_WIDTH;
 			const labels = {
@@ -32502,6 +32503,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
 					onVisible: pageVisible,
 					signal: tab.signal,
 					onWidth: index === 0 ? setPageWidth : void 0,
+					zoom: renderZoom,
 					zoomSurfaceClass,
 					t
 				}, index))
@@ -32513,66 +32515,99 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
 				signal: tab.signal,
 				scrollportRef: props.scrollportRef,
 				onPreference: setPreference,
+				onRenderZoom: setRenderZoom,
 				children: pages
 			});
 		}
-		function PdfPage({ document, page, requested: initiallyRequested, onVisible, signal, onWidth, zoomSurfaceClass, t }) {
+		function PdfPage({ document, page, requested: initiallyRequested, onVisible, signal, onWidth, zoom, zoomSurfaceClass, t }) {
 			const host = (0, react.useRef)(null);
 			const canvas = (0, react.useRef)(null);
 			const text = (0, react.useRef)(null);
 			const [width, setWidth] = (0, react.useState)();
 			const [requested, setRequested] = (0, react.useState)(initiallyRequested);
+			const [visible, setVisible] = (0, react.useState)(initiallyRequested);
+			const renderedZoom = (0, react.useRef)();
+			const pendingRender = (0, react.useRef)(Promise.resolve());
+			const textTask = (0, react.useRef)();
 			const [state, setState] = (0, react.useState)("loading");
 			const [failure, setFailure] = (0, react.useState)();
 			const [attempt, setAttempt] = (0, react.useState)(0);
 			(0, react.useEffect)(() => {
-				const node = host.current;
+				const node = state === "ready" ? canvas.current : host.current;
 				if (typeof IntersectionObserver === "undefined") {
 					setRequested(true);
+					setVisible(true);
 					return;
 				}
 				let disposed = false;
 				const observer = new IntersectionObserver((entries) => {
-					if (disposed || !entries.some((entry) => entry.isIntersecting)) return;
+					if (disposed) return;
+					const intersects = entries.some((entry) => entry.isIntersecting);
+					setVisible(intersects);
+					if (!intersects) return;
 					setRequested(true);
 					onVisible(page);
-					observer.disconnect();
 				}, { rootMargin: "100% 0px" });
 				observer.observe(node);
 				return () => {
 					disposed = true;
 					observer.disconnect();
 				};
-			}, [page, onVisible]);
+			}, [
+				page,
+				onVisible,
+				state
+			]);
+			(0, react.useEffect)(() => () => {
+				textTask.current?.cancel();
+			}, []);
 			(0, react.useEffect)(() => {
 				if (!requested) return;
+				setFailure(void 0);
+				if (renderedZoom.current !== void 0 && (!visible || renderedZoom.current === zoom)) return;
 				const node = canvas.current;
 				const lifetime = new AbortController();
 				const renderSignal = AbortSignal.any([lifetime.signal, signal]);
-				setState("loading");
-				setFailure(void 0);
-				const createText = pdfTextRenderer(text.current);
-				let textTask;
-				renderPdfPage(document, page, node, renderSignal, window.devicePixelRatio, (pdfPage, viewport) => {
-					textTask = createText(pdfPage, viewport);
-					return textTask;
-				}).then((size) => {
-					if (!renderSignal.aborted) {
+				let newText;
+				pendingRender.current = pendingRender.current.then(async () => {
+					renderSignal.throwIfAborted();
+					const buffer = node.ownerDocument.createElement("canvas");
+					try {
+						const size = await renderPdfPage(document, page, buffer, renderSignal, window.devicePixelRatio * zoom, textTask.current === void 0 ? (pdfPage, viewport) => {
+							newText = pdfTextRenderer(text.current)(pdfPage, viewport);
+							return newText;
+						} : void 0);
+						renderSignal.throwIfAborted();
+						const context = node.getContext("2d");
+						if (context === null) throw new Error("PDF canvas has no 2D context");
+						node.width = buffer.width;
+						node.height = buffer.height;
+						node.style.setProperty("--pdf-page-width", `${size.width}px`);
+						node.style.setProperty("--pdf-page-height", `${size.height}px`);
+						context.drawImage(buffer, 0, 0);
+						textTask.current ??= newText;
+						newText = void 0;
+						renderedZoom.current = zoom;
 						setWidth(size.width);
 						onWidth?.(size.width);
 						setState("ready");
+					} finally {
+						buffer.width = buffer.height = 0;
+						newText?.cancel();
 					}
-				}, (error) => {
+				}).catch((error) => {
 					if (!renderSignal.aborted) setFailure({ error });
 				});
 				return () => {
 					lifetime.abort();
-					textTask?.cancel();
+					newText?.cancel();
 				};
 			}, [
 				document,
 				page,
 				requested,
+				visible,
+				zoom,
 				signal,
 				attempt,
 				onWidth
@@ -32602,7 +32637,7 @@ fn fs_main(in : VertexOutput) -> @location(0) vec4<f32> {
 						className: `${PdfBody_module_css_default.surface} ${zoomSurfaceClass}`,
 						"data-document-zoom-surface": true,
 						style: { "--document-zoom-width": `${width ?? 0}px` },
-						hidden: state !== "ready" || failure !== void 0,
+						hidden: state !== "ready",
 						children: [(0, react_jsx_runtime.jsx)("canvas", {
 							ref: canvas,
 							className: PdfBody_module_css_default.canvas,

package/lib/types/client/excel/excel.d.ts

@@ -3,6 +3,7 @@ import { type ReactNode } from 'react';
 import type { LoadedExcelBodyProps } from './LazyExcelBody.tsx';
 /**
  * Display stored spreadsheet values and formats without editing or recalculation.
+ * Keep the mounted workbook sized to its preview pane.
  * @param props - Complete workbook bytes, limits, and locale.
  * @returns An isolated spreadsheet surface with cancellable loading.
  */

package/lib/types/client/excel/xlsx-archive.d.ts

@@ -4,9 +4,11 @@ export declare class XlsxPreviewArchive {
     /** Detected workbook content that the preview does not display. */
     readonly unsupportedFeatures: Set<"charts" | "images" | "shapes" | "conditionalFormatting">;
     private readonly files;
+    private readonly parts;
     /**
      * Read an archive without modifying the borrowed source buffer.
      * @param bytes - Complete XLSX source bytes.
+     * @throws When ZIP entries have ASCII case-equivalent names.
      */
     constructor(bytes: Uint8Array<ArrayBuffer>);
     /**

package/lib/types/client/pdf/document.d.ts

@@ -30,7 +30,7 @@ export type RenderPdfText = (page: PDFPageProxy, viewport: PageViewport) => {
  * @param pageNumber - 1-based selected page.
  * @param canvas - canvas owned by this render only.
  * @param signal - render lifetime.
- * @param pixelRatio - display pixel ratio.
+ * @param pixelRatio - device pixel ratio multiplied by the settled document zoom.
  * @param renderText - optional selectable text layer sharing this page and viewport.
  * @returns the page's CSS dimensions after rendering completes.
  */

package/lib/types/client/zoom/ZoomViewport.d.ts

@@ -12,6 +12,8 @@ export interface ZoomViewportProps {
     readonly signal: AbortSignal;
     readonly scrollportRef: RefCallback<HTMLElement>;
     readonly onPreference: (preference: ZoomPreference) => void;
+    /** Resolved scale after a gesture settles or fit-width measurement changes. */
+    readonly onRenderZoom?: (zoom: number) => void;
     readonly children: ReactNode;
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepseek-ai/dsh-client-ui-sidebar-documentpreview",
   "description": "Extensible Sidebar previews for Office documents, spreadsheets, Markdown, code, images, PDF, HTML, and plain text",
-  "version": "0.1.7-alpha.1",
+  "version": "0.1.7-rc.1",
   "publishConfig": {
     "access": "public"
   },
@@ -42,7 +42,7 @@
   },
   "license": "MIT",
   "peerDependencies": {
-    "@deepseek-ai/cordis": "^4.0.3"
+    "@deepseek-ai/cordis": "~4.0.4"
   },
   "devDependencies": {
     "@fortune-sheet/core": "1.0.4",
@@ -61,26 +61,26 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
-    "@deepseek-ai/cordis": "^4.0.3",
-    "@deepseek-ai/dsh-api-remotes": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-api-workspace-files": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-connection": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-api-gateway": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-locale": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-resources": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-store": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-test-runtime": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-dockkit": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-session": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-settings": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-sidebar-right": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-office-to-pdf": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-host-webserver": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-session": "^0.1.7-alpha.1",
-    "@deepseek-ai/dsh-util-workspace-path": "^0.1.7-alpha.1"
+    "@deepseek-ai/cordis": "~4.0.4",
+    "@deepseek-ai/dsh-api-gateway": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-api-remotes": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-api-workspace-files": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-connection": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-locale": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-resources": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-dockkit": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-test-runtime": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-primitives": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-renderer": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-session": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-store": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-sidebar-right": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-slots": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-office-to-pdf": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-host-webserver": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-session": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-util-workspace-path": "0.1.7-rc.1",
+    "@deepseek-ai/dsh-client-ui-settings": "0.1.7-rc.1"
   },
   "files": [
     "lib/index.js",
@@ -89,7 +89,7 @@
     "lib/types/**/*.d.ts"
   ],
   "dependencies": {
-    "@deepseek-ai/schemastery": "^3.18.3"
+    "@deepseek-ai/schemastery": "~3.18.4"
   },
   "scripts": {
     "bundle": "tsdown",