@nubase/terminal 0.0.0-stage → 0.1.1

package/out/preload/index.cjs

@@ -0,0 +1,23 @@
+let electron = require("electron");
+//#region src/common/host-contract.ts
+var INVOKE_CHANNEL = "nubase:invoke";
+var EVENT_CHANNEL = "nubase:event";
+//#endregion
+//#region src/preload/index.ts
+var listeners = /* @__PURE__ */ new Map();
+electron.ipcRenderer.on(EVENT_CHANNEL, (_event, name, payload) => {
+	for (const listener of listeners.get(name) ?? []) listener(payload);
+});
+electron.contextBridge.exposeInMainWorld("nubaseHost", {
+	invoke: (method, args) => electron.ipcRenderer.invoke(INVOKE_CHANNEL, method, args),
+	on: (event, listener) => {
+		let set = listeners.get(event);
+		if (!set) {
+			set = /* @__PURE__ */ new Set();
+			listeners.set(event, set);
+		}
+		set.add(listener);
+		return () => set.delete(listener);
+	}
+});
+//#endregion

package/out/renderer/assets/BinaryPreviews-Dvmgctgl.js

@@ -0,0 +1,262 @@
+import { $t as __toESM, B as SearchTextInput, Ft as Eye, It as ExternalLink, Nt as Folder, Pt as FolderOpen, Yt as require_react, _ as iconFor, b as Button, g as formatBytes, h as fetchRange, nt as require_jsx_runtime, q as cn, v as isMac, y as ActivityIndicator } from "./fileTypes-nBt-Y6NI.js";
+import { n as PreviewMessage } from "./index-CQHlaLTi.js";
+import { t as useAsync } from "./useAsync-Bi56CNnI.js";
+import { ImageView } from "./ImagePreview-DpnKfbxj.js";
+//#region src/builtin-extensions/files/previewers/BinaryPreviews.tsx
+var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+var import_jsx_runtime = /* @__PURE__ */ __toESM(require_jsx_runtime(), 1);
+var HEX_PAGE = 64 * 1024;
+var BYTES_PER_ROW = 16;
+var Centered = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+	className: "flex h-full items-center justify-center",
+	children
+});
+/** Offset, hex and ASCII columns, 64 KB at a time. */
+var HexPreview = ({ file }) => {
+	const [bytes, setBytes] = (0, import_react.useState)(new Uint8Array());
+	const [loading, setLoading] = (0, import_react.useState)(false);
+	const loadMore = async (from, reset = false) => {
+		if (file.size === 0) return;
+		setLoading(true);
+		try {
+			const end = Math.min(file.size, from + HEX_PAGE) - 1;
+			const chunk = new Uint8Array(await fetchRange(file.url, from, end));
+			setBytes((previous) => {
+				if (reset) return chunk;
+				const merged = new Uint8Array(previous.length + chunk.length);
+				merged.set(previous);
+				merged.set(chunk, previous.length);
+				return merged;
+			});
+		} finally {
+			setLoading(false);
+		}
+	};
+	(0, import_react.useEffect)(() => {
+		setBytes(new Uint8Array());
+		loadMore(0, true);
+	}, [file.url]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "h-full overflow-auto",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
+			className: "selectable p-3 font-mono text-muted-foreground text-xs leading-relaxed",
+			children: (0, import_react.useMemo)(() => {
+				const lines = [];
+				for (let offset = 0; offset < bytes.length; offset += BYTES_PER_ROW) {
+					const slice = bytes.subarray(offset, offset + BYTES_PER_ROW);
+					const hex = Array.from(slice, (b) => b.toString(16).padStart(2, "0")).join(" ").padEnd(BYTES_PER_ROW * 3 - 1, " ");
+					const ascii = Array.from(slice, (b) => b >= 32 && b < 127 ? String.fromCharCode(b) : ".").join("");
+					lines.push(`${offset.toString(16).padStart(8, "0")}  ${hex.slice(0, 23)}  ${hex.slice(24)}  │${ascii}│`);
+				}
+				return lines.join("\n");
+			}, [bytes])
+		}), bytes.length < file.size && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			className: "px-3 pb-3",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+				variant: "outline",
+				size: "sm",
+				isLoading: loading,
+				onClick: () => void loadMore(bytes.length),
+				children: [
+					"Load more (",
+					formatBytes(bytes.length),
+					" of ",
+					formatBytes(file.size),
+					")"
+				]
+			})
+		})]
+	});
+};
+/** What the OS renders for formats Chromium can't (HEIC, RAW, PSD, Keynote, PowerPoint…). */
+var SystemPreview = ({ file, ctx }) => {
+	const { value, done } = useAsync(file.url, async () => ({ src: await ctx.fs.thumbnail(file.path, 2048) }));
+	if (!done) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Centered, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityIndicator, {}) });
+	if (!value?.src) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewMessage, {
+		ctx,
+		path: file.path,
+		children: "The system has no preview for this file."
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageView, {
+		src: value.src,
+		alt: file.name,
+		caption: "system preview"
+	}, value.src);
+};
+/** Details, OS thumbnail and ways out, for files nothing else can show. */
+var InfoPreview = ({ file, ctx }) => {
+	const { value: thumbnail } = useAsync(file.url, () => ctx.fs.thumbnail(file.path, 512));
+	const Icon = iconFor(file.name);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-full flex-col items-center justify-center gap-4 overflow-auto p-6 text-center",
+		children: [
+			thumbnail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+				src: thumbnail,
+				alt: "",
+				className: "max-h-64 max-w-full rounded-md object-contain shadow-sm"
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "flex size-24 items-center justify-center rounded-2xl bg-muted",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+					size: 40,
+					className: "text-muted-foreground"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "max-w-full",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "selectable truncate font-medium text-sm",
+					children: file.name
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "mt-1 text-muted-foreground text-xs",
+					children: [
+						formatBytes(file.size),
+						" ·",
+						" ",
+						file.extension ? `.${file.extension} file` : "file",
+						" · modified",
+						" ",
+						new Date(file.mtimeMs).toLocaleString()
+					]
+				})]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap justify-center gap-2",
+				children: [
+					isMac() && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => void ctx.shell.quickLook(file.path),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Eye, { size: 14 }), "Quick Look"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						size: "sm",
+						onClick: () => ctx.shell.openPath(file.path).catch((e) => ctx.notify(String(e), "error")),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExternalLink, { size: 14 }), "Open in default app"]
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => void ctx.shell.showItemInFolder(file.path),
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FolderOpen, { size: 14 }), "Reveal"]
+					})
+				]
+			})
+		]
+	});
+};
+/** The entries of a zip, read from its central directory by the host. */
+var ArchivePreview = ({ file, ctx }) => {
+	const [filter, setFilter] = (0, import_react.useState)("");
+	const { value, error } = useAsync(file.url, () => ctx.host.call("listZip", file.path));
+	const entries = (0, import_react.useMemo)(() => {
+		const needle = filter.toLowerCase();
+		return (value?.entries ?? []).filter((e) => !needle || e.name.toLowerCase().includes(needle)).sort((a, b) => a.name.localeCompare(b.name));
+	}, [value, filter]);
+	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PreviewMessage, {
+		ctx,
+		path: file.path,
+		children: ["Could not read this archive: ", error]
+	});
+	if (!value) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Centered, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityIndicator, {}) });
+	const files = value.entries.filter((e) => !e.isDirectory);
+	const total = files.reduce((sum, e) => sum + e.size, 0);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex h-full flex-col",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "flex shrink-0 items-center gap-3 border-b px-3 py-1.5 text-muted-foreground text-xs",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+					className: "whitespace-nowrap",
+					children: [
+						files.length.toLocaleString(),
+						" files · ",
+						formatBytes(total),
+						" ",
+						"uncompressed",
+						value.truncated ? " · list truncated" : ""
+					]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1" }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchTextInput, {
+					className: "h-7 max-w-56 text-xs",
+					placeholder: "Filter",
+					value: filter,
+					onChange: (e) => setFilter(e.target.value)
+				})
+			]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+			className: "selectable min-h-0 flex-1 overflow-auto py-1 font-mono text-xs",
+			children: entries.map((entry) => {
+				const depth = entry.name.replace(/\/$/, "").split("/").length - 1;
+				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+					className: "flex items-center gap-2 px-3 py-0.5 hover:bg-muted",
+					children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(entry.isDirectory ? Folder : iconFor(entry.name), {
+							size: 12,
+							className: cn("shrink-0", entry.isDirectory ? "text-chart-1" : "text-muted-foreground"),
+							style: { marginLeft: filter ? 0 : depth * 12 }
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: filter ? entry.name : entry.name.replace(/\/$/, "").split("/").pop()
+						}),
+						!entry.isDirectory && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+							className: "shrink-0 text-muted-foreground tabular-nums",
+							children: formatBytes(entry.size)
+						})
+					]
+				}, entry.name);
+			})
+		})]
+	});
+};
+/** A type specimen: the alphabet at several sizes. */
+var FontPreview = ({ file }) => {
+	const family = (0, import_react.useMemo)(() => `nubase-preview-${Math.round(file.mtimeMs)}-${file.name.replace(/\W/g, "")}`, [file.name, file.mtimeMs]);
+	const { value: face, error } = useAsync(file.url, async (url) => {
+		const loaded = await new FontFace(family, `url("${url}")`).load();
+		document.fonts.add(loaded);
+		return loaded;
+	});
+	(0, import_react.useEffect)(() => () => {
+		if (face) document.fonts.delete(face);
+	}, [face]);
+	if (error) return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "p-4 text-destructive text-sm",
+		children: ["Could not load font: ", error]
+	});
+	if (!face) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Centered, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActivityIndicator, {}) });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "selectable h-full space-y-5 overflow-auto p-6",
+		style: { fontFamily: family },
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "text-5xl",
+				children: "Aa Bb Cc"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "text-xl",
+				children: "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "text-xl",
+				children: "abcdefghijklmnopqrstuvwxyz"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "text-xl",
+				children: ["0123456789 !@#$%^&*()[]", "?"]
+			}),
+			[
+				12,
+				16,
+				24,
+				36
+			].map((size) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				style: { fontSize: size },
+				children: "The quick brown fox jumps over the lazy dog."
+			}, size))
+		]
+	});
+};
+//#endregion
+export { ArchivePreview, FontPreview, HexPreview, InfoPreview, SystemPreview };