@nubase/terminal 0.0.0-stage → 0.1.0

package/out/renderer/assets/DocumentPreviews-BA1gL-ZJ.js

@@ -0,0 +1,66 @@
+import { $t as __toESM, Yt as require_react, g as formatBytes, h as fetchRange, nt as require_jsx_runtime, p as dirname, y as ActivityIndicator } from "./fileTypes-nBt-Y6NI.js";
+import { i as defaultUrlTransform, r as Markdown } from "./index-CQHlaLTi.js";
+//#region src/builtin-extensions/files/previewers/DocumentPreviews.tsx
+var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
+var MAX_MARKDOWN_BYTES = 4 * 1024 * 1024;
+var isRelative = (url) => !/^[a-z][a-z0-9+.-]*:/i.test(url) && !url.startsWith("#") && !url.startsWith("//");
+/** Rendered Markdown; relative images and links resolve next to the file. */
+var MarkdownPreview = ({ file, ctx }) => {
+	const [text, setText] = (0, import_react.useState)();
+	const [error, setError] = (0, import_react.useState)();
+	(0, import_react.useEffect)(() => {
+		let cancelled = false;
+		(file.size === 0 ? Promise.resolve(/* @__PURE__ */ new ArrayBuffer(0)) : fetchRange(file.url, 0, Math.min(file.size, MAX_MARKDOWN_BYTES) - 1)).then((bytes) => {
+			if (!cancelled) setText(new TextDecoder().decode(bytes));
+		}).catch((e) => !cancelled && setError(String(e)));
+		return () => {
+			cancelled = true;
+		};
+	}, [file.url, file.size]);
+	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "p-4 text-destructive text-sm",
+		children: error
+	});
+	if (text === void 0) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "flex h-full items-center justify-center",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityIndicator, {})
+	});
+	const base = dirname(file.path);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "h-full overflow-auto",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", {
+			className: "mx-auto max-w-3xl px-6 py-5",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Markdown, {
+				text,
+				urlTransform: (url, key) => {
+					if (key === "src" && isRelative(url)) {
+						const [path = ""] = url.split(/[?#]/);
+						return ctx.fs.resourceUrl(`${base}/${decodeURIComponent(path)}`);
+					}
+					return defaultUrlTransform(url);
+				}
+			}), file.size > MAX_MARKDOWN_BYTES && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "mt-4 text-muted-foreground text-xs",
+				children: [
+					"Showing the first ",
+					formatBytes(MAX_MARKDOWN_BYTES),
+					"."
+				]
+			})]
+		})
+	});
+};
+/**
+* The page rendered in a sandboxed frame with scripts disabled: a downloaded
+* page can't run code or read other local files. Relative CSS and images load.
+*/
+var HtmlPreview = ({ file }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("iframe", {
+	title: file.name,
+	src: file.url,
+	sandbox: "",
+	referrerPolicy: "no-referrer",
+	className: "size-full border-0 bg-white"
+}, file.url);
+//#endregion
+export { HtmlPreview, MarkdownPreview };