@embedpdf/viewer-chrome 3.0.0-next.15 → 3.0.0-next.16

package/dist/{commands-CYt4SFUX.cjs → commands-DL1gjZt7.cjs}

@@ -1,12 +1,14 @@
 let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
 let _embedpdf_react_stage = require("@embedpdf/react/stage");
+let _embedpdf_react_page_edit = require("@embedpdf/react/page-edit");
+let _embedpdf_react_outline = require("@embedpdf/react/outline");
+let _embedpdf_react_attachment = require("@embedpdf/react/attachment");
 let _embedpdf_react_interaction = require("@embedpdf/react/interaction");
 let _embedpdf_react_selection = require("@embedpdf/react/selection");
 let _embedpdf_react_annotation = require("@embedpdf/react/annotation");
 let _embedpdf_react_stamp = require("@embedpdf/react/stamp");
 let _embedpdf_react_measurement = require("@embedpdf/react/measurement");
 let _embedpdf_react_redaction = require("@embedpdf/react/redaction");
-let _embedpdf_react_actions = require("@embedpdf/react/actions");
 let _embedpdf_react_form = require("@embedpdf/react/form");
 let _embedpdf_react_signature = require("@embedpdf/react/signature");
 let _embedpdf_react_link = require("@embedpdf/react/link");
@@ -16,6 +18,122 @@ let _embedpdf_react_history = require("@embedpdf/react/history");
 let _embedpdf_react_shell = require("@embedpdf/react/shell");
 let _embedpdf_core_ui = require("@embedpdf/core-ui");
 let _embedpdf_web = require("@embedpdf/web");
+//#region src/config/attachments.ts
+/**
+* The attachment commands, for the attachments panel (its header, each file's menu) and the
+* strip over a selected file attachment annotation. The panel's commands act on the selected
+* file (`attachment.getSelected()`); the panel selects a file before it opens that file's menu.
+* Adding and deleting need `doc.attachments.modify` (a page's file: the annotation plugin's
+* `canDelete()`) and the `attachments.adding` feature. Saving takes a file out of the document,
+* so it goes with `documents.download` and needs `doc.download`: `readOnly` keeps it.
+*/
+/** The attachments panel's id in the layout. */
+const ATTACHMENTS_PANEL = "attachments";
+/** The menu of a file in the attachments panel: the commands below, for that file. */
+const ATTACHMENT_ITEM_MENU = "attachment-item";
+const attachmentOf = (commandContext) => commandContext.tryGet(_embedpdf_react_attachment.AttachmentToken);
+/** The first selected file. */
+const selectedOf$2 = (commandContext) => attachmentOf(commandContext)?.getSelected()[0] ?? null;
+/** Save a file as the browser saves a download, under its cleaned name. */
+async function saveAttachedFile(attachment, file) {
+	const { bytes, name, mimeType } = await attachment.download(file);
+	(0, _embedpdf_web.saveFile)(bytes, name, mimeType ?? void 0);
+}
+/** The one file attachment annotation selected on the pages, or null. */
+const selectedAnnotationFile = (commandContext) => {
+	const selection = commandContext.tryGet(_embedpdf_react_annotation.AnnotationToken)?.selection.list() ?? [];
+	const [only] = selection;
+	if (selection.length !== 1 || only?.subtype !== "file-attachment") return null;
+	const key = (0, _embedpdf_react_annotation.annotationKey)(only.ref);
+	return (attachmentOf(commandContext)?.list() ?? []).find((file) => file.home.kind === "page" && (0, _embedpdf_react_annotation.annotationKey)(file.home.ref) === key) ?? null;
+};
+/** Saving: the right to take files out, and the feature on. */
+const SAVES = {
+	categories: ["documents.download"],
+	allowed: (commandContext) => attachmentOf(commandContext)?.canDownload() ?? true,
+	notAllowedKey: "commands.notAllowed.doc-download"
+};
+/** Adding and deleting: the right to, and the feature on. */
+const EDITS$1 = {
+	categories: ["attachments.adding"],
+	allowed: (commandContext) => attachmentOf(commandContext)?.canAdd() ?? true,
+	notAllowedKey: "commands.notAllowed.doc-attachments-modify"
+};
+const attachmentCommands = [
+	{
+		id: "attachment:add",
+		labelKey: "commands.attachment.add",
+		icon: "plus",
+		...EDITS$1,
+		run: async (commandContext) => {
+			const attachment = attachmentOf(commandContext);
+			if (!attachment) return;
+			const files = commandContext.args?.files ?? [await (0, _embedpdf_web.pickFile)()].filter((file) => file !== null);
+			if (files.length === 0) return;
+			commandContext.tryGet(_embedpdf_react_shell.ShellToken)?.open(ATTACHMENTS_PANEL);
+			await attachment.add(files.map((data) => ({ data })));
+		}
+	},
+	{
+		id: "attachment:save",
+		labelKey: "commands.attachment.save",
+		icon: "download",
+		...SAVES,
+		enabled: (commandContext) => selectedOf$2(commandContext) !== null,
+		run: async (commandContext) => {
+			const attachment = attachmentOf(commandContext);
+			const file = selectedOf$2(commandContext);
+			if (attachment && file) await saveAttachedFile(attachment, file);
+		}
+	},
+	{
+		id: "attachment:go-to",
+		labelKey: "commands.attachment.goTo",
+		visible: (commandContext) => selectedOf$2(commandContext)?.home.kind === "page",
+		run: (commandContext) => {
+			const file = selectedOf$2(commandContext);
+			if (file) attachmentOf(commandContext)?.reveal(file);
+		}
+	},
+	{
+		id: "attachment:delete",
+		labelKey: "commands.attachment.delete",
+		icon: "trash",
+		...EDITS$1,
+		allowed: (commandContext) => {
+			const attachment = attachmentOf(commandContext);
+			const file = selectedOf$2(commandContext);
+			if (!attachment) return true;
+			return file ? attachment.canRemove(file) : attachment.canAdd();
+		},
+		enabled: (commandContext) => selectedOf$2(commandContext) !== null,
+		run: async (commandContext) => {
+			const attachment = attachmentOf(commandContext);
+			const file = selectedOf$2(commandContext);
+			if (attachment && file) await attachment.remove(file);
+		}
+	},
+	{
+		id: "menu:attachment-item",
+		labelKey: "commands.attachment.more",
+		icon: "dots",
+		menu: ATTACHMENT_ITEM_MENU,
+		categories: ["attachments"]
+	},
+	{
+		id: "annotation:save-file",
+		labelKey: "commands.annotate.saveFile",
+		icon: "download",
+		...SAVES,
+		visible: (commandContext) => selectedAnnotationFile(commandContext) !== null,
+		run: async (commandContext) => {
+			const attachment = attachmentOf(commandContext);
+			const file = selectedAnnotationFile(commandContext);
+			if (attachment && file) await saveAttachedFile(attachment, file);
+		}
+	}
+];
+//#endregion
 //#region src/config/modes.ts
 /** The exclusivity tag every mode surface opens with. */
 const MODE_TAG = "mode";
@@ -59,9 +177,9 @@ function modeCommandsFor(specs, isTaken) {
 //#endregion
 //#region src/config/open-files.ts
 const OPEN_COMMAND_ID = "document:open";
-const PDF_TYPE = "application/pdf";
+const PDF_TYPE$1 = "application/pdf";
 /** Whether a file is a PDF, by its type or, where the system gives it none, its name. */
-const isPdfFile = (file) => file.type === PDF_TYPE || /\.pdf$/i.test(file.name);
+const isPdfFile = (file) => file.type === PDF_TYPE$1 || /\.pdf$/i.test(file.name);
 /**
 * Whether a drag may bring a PDF: it carries files, and one of them is a PDF or of a type the
 * browser doesn't know. Text, links and anything dragged inside the page carry no files; where
@@ -70,14 +188,14 @@ const isPdfFile = (file) => file.type === PDF_TYPE || /\.pdf$/i.test(file.name);
 function mayCarryPdf(transfer) {
 	if (!transfer || !Array.from(transfer.types).includes("Files")) return false;
 	const files = Array.from(transfer.items ?? []).filter((item) => item.kind === "file");
-	return files.length === 0 || files.some((item) => item.type === PDF_TYPE || item.type === "");
+	return files.length === 0 || files.some((item) => item.type === PDF_TYPE$1 || item.type === "");
 }
 const givenFilesOf = (args) => {
 	const files = args?.files;
 	return Array.isArray(files) ? files : null;
 };
 /** The file the user picks in the file dialog, as a list: empty when they close it. */
-const pickedFiles = () => (0, _embedpdf_web.pickFile)({ accept: `.pdf,${PDF_TYPE}` }).then((file) => file ? [file] : []);
+const pickedFiles = () => (0, _embedpdf_web.pickFile)({ accept: `.pdf,${PDF_TYPE$1}` }).then((file) => file ? [file] : []);
 /**
 * Open each file as a new tab, the first one shown. Its tab is there at once, named like a `src`
 * file's (its name without `.pdf`), while the file is read; one that can't be opened says why
@@ -106,6 +224,289 @@ const openFileCommand = {
 	}
 };
 //#endregion
+//#region src/config/outline.ts
+/** The outline panel's id in the layout. */
+const OUTLINE_PANEL = "outline";
+/**
+* A request to rename an item in its row: the selected one, once it isn't the item `after`
+* names (an add selects the item it makes). The panel takes the request and closes it.
+*/
+const OUTLINE_RENAME = "outline-rename";
+/** The dialog that edits one item's title, look, target and open state (`props.item`). */
+const OUTLINE_PROPERTIES_DIALOG = "outline-properties";
+/** The menu of a row of the outline: the commands below, for that row. */
+const OUTLINE_ITEM_MENU = "outline-item";
+const outlineOf = (commandContext) => commandContext.tryGet(_embedpdf_react_outline.OutlineToken);
+/** The first selected item, as the outline holds it. */
+const selectedOf$1 = (commandContext) => {
+	const outline = outlineOf(commandContext);
+	const [ref] = outline?.getSelected() ?? [];
+	return ref ? outline?.get(ref) ?? null : null;
+};
+const hasSelection$1 = (commandContext) => selectedOf$1(commandContext) !== null;
+/** What a command that changes the outline needs: the right to, and the feature on. */
+const EDITS = {
+	categories: ["outline.editing"],
+	allowed: (commandContext) => outlineOf(commandContext)?.canEdit() ?? true,
+	notAllowedKey: "commands.notAllowed.doc-outline-modify"
+};
+/**
+* Add an item and rename it in its row, as Acrobat's New Bookmark does: it goes to where the
+* view is, after the selected item, or at the end of the outline when none is selected.
+*/
+async function addItem(commandContext, input) {
+	const outline = outlineOf(commandContext);
+	if (!outline) return;
+	const shell = commandContext.tryGet(_embedpdf_react_shell.ShellToken);
+	const selected = selectedOf$1(commandContext);
+	shell?.open(OUTLINE_PANEL);
+	shell?.open(OUTLINE_RENAME, { props: { after: selected?.ref.objectNumber ?? null } });
+	try {
+		await outline.create(input(selected), { select: true });
+	} catch (error) {
+		shell?.close(OUTLINE_RENAME);
+		throw error;
+	}
+}
+const outlineCommands = [
+	{
+		id: "outline:add",
+		labelKey: "commands.outline.add",
+		icon: "plus",
+		shortcut: "Mod+B",
+		...EDITS,
+		run: (commandContext) => addItem(commandContext, (selected) => selected ? {
+			parent: selected.parent,
+			position: { after: selected.ref }
+		} : {})
+	},
+	{
+		id: "outline:add-child",
+		labelKey: "commands.outline.addChild",
+		...EDITS,
+		enabled: hasSelection$1,
+		run: (commandContext) => addItem(commandContext, (selected) => selected ? { parent: selected.ref } : {})
+	},
+	{
+		id: "outline:rename",
+		labelKey: "commands.outline.rename",
+		...EDITS,
+		enabled: hasSelection$1,
+		run: (commandContext) => {
+			const selected = selectedOf$1(commandContext);
+			if (!selected) return;
+			commandContext.tryGet(_embedpdf_react_shell.ShellToken)?.open(OUTLINE_RENAME, { props: { item: selected.ref.objectNumber } });
+		}
+	},
+	{
+		id: "outline:set-destination",
+		labelKey: "commands.outline.setDestination",
+		...EDITS,
+		enabled: (commandContext) => hasSelection$1(commandContext) && outlineOf(commandContext)?.getCurrentViewTarget() != null,
+		run: async (commandContext) => {
+			const outline = outlineOf(commandContext);
+			const selected = selectedOf$1(commandContext);
+			const target = outline?.getCurrentViewTarget() ?? null;
+			if (outline && selected && target) await outline.update(selected.ref, { target });
+		}
+	},
+	{
+		id: "outline:properties",
+		labelKey: "commands.outline.properties",
+		...EDITS,
+		enabled: hasSelection$1,
+		run: (commandContext) => {
+			const selected = selectedOf$1(commandContext);
+			if (!selected) return;
+			commandContext.tryGet(_embedpdf_react_shell.ShellToken)?.open(OUTLINE_PROPERTIES_DIALOG, {
+				exclusive: "modal",
+				props: { item: selected.ref.objectNumber }
+			});
+		}
+	},
+	{
+		id: "outline:delete",
+		labelKey: "commands.outline.delete",
+		icon: "trash",
+		...EDITS,
+		enabled: hasSelection$1,
+		run: async (commandContext) => {
+			const outline = outlineOf(commandContext);
+			const selected = outline?.getSelected() ?? [];
+			if (outline && selected.length > 0) await outline.delete(selected);
+		}
+	},
+	{
+		id: "menu:outline-item",
+		labelKey: "commands.outline.more",
+		icon: "dots",
+		menu: OUTLINE_ITEM_MENU,
+		...EDITS
+	},
+	{
+		id: "outline:expand-all",
+		labelKey: "commands.outline.expandAll",
+		icon: "chevronsDown",
+		categories: ["outline"],
+		run: (commandContext) => outlineOf(commandContext)?.expandAll()
+	},
+	{
+		id: "outline:collapse-all",
+		labelKey: "commands.outline.collapseAll",
+		icon: "chevronsUp",
+		categories: ["outline"],
+		run: (commandContext) => outlineOf(commandContext)?.collapseAll()
+	}
+];
+//#endregion
+//#region src/config/page-commands.ts
+/** The menu of a page: the commands below, for that page and the others selected with it. */
+const PAGE_MENU = "page";
+const PDF_TYPE = "application/pdf";
+const pageEditOf = (commandContext) => commandContext.tryGet(_embedpdf_react_page_edit.PageEditToken);
+const selectedOf = (commandContext) => pageEditOf(commandContext)?.getSelected() ?? [];
+const hasSelection = (commandContext) => selectedOf(commandContext).length > 0;
+/** The document's pages, in display order. */
+const pagesOf = (commandContext) => commandContext.tryGet(_embedpdf_react_runtime.DocumentsToken)?.listPages(commandContext.documentId ?? void 0) ?? [];
+const argsOf = (commandContext) => commandContext.args ?? {};
+/** What a command that changes the pages needs: the right to, and the feature on. */
+const PAGE_EDITS = {
+	categories: ["pages"],
+	allowed: (commandContext) => pageEditOf(commandContext)?.canEdit() ?? true,
+	notAllowedKey: "commands.notAllowed.doc-pages-assemble"
+};
+/**
+* Where new pages go: where the caller says, else after the selected page that comes last, else
+* at the end.
+*/
+function insertPositionOf(commandContext) {
+	const given = argsOf(commandContext).position;
+	if (given) return given;
+	const selected = new Set(selectedOf(commandContext).map((ref) => ref.objectNumber));
+	const last = pagesOf(commandContext).filter((page) => selected.has(page.ref.objectNumber)).pop();
+	return last ? { after: last.ref } : "end";
+}
+/** The PDFs the caller passed, else the one the user picks: empty when they close the dialog. */
+async function filesToInsert(commandContext) {
+	const given = argsOf(commandContext).files;
+	if (given) return given.filter(isPdfFile);
+	const picked = await (0, _embedpdf_web.pickFile)({ accept: `.pdf,${PDF_TYPE}` });
+	return picked ? [picked] : [];
+}
+/** The name of a copy of some of the document's pages: the document's own name, then `-pages`. */
+function extractNameOf(commandContext) {
+	const id = commandContext.documentId ?? void 0;
+	return `${commandContext.tryGet(_embedpdf_react_runtime.DocumentsToken)?.get(id)?.name?.replace(/\.pdf$/i, "") || "document"}-pages.pdf`;
+}
+const rotate = (id, labelKey, icon, delta) => ({
+	id,
+	labelKey,
+	icon,
+	...PAGE_EDITS,
+	enabled: hasSelection,
+	run: async (commandContext) => {
+		const selected = selectedOf(commandContext);
+		if (selected.length > 0) await pageEditOf(commandContext)?.rotateBy(selected, delta);
+	}
+});
+const pageCommands = [
+	rotate("page:rotate-clockwise", "commands.pages.rotateClockwise", "pageRotateClockwise", 90),
+	rotate("page:rotate-counterclockwise", "commands.pages.rotateCounterclockwise", "pageRotateCounterClockwise", -90),
+	{
+		id: "page:delete",
+		labelKey: "commands.pages.delete",
+		icon: "trash",
+		...PAGE_EDITS,
+		enabled: (commandContext) => {
+			const count = selectedOf(commandContext).length;
+			return count > 0 && count < pagesOf(commandContext).length;
+		},
+		run: async (commandContext) => {
+			const selected = selectedOf(commandContext);
+			if (selected.length > 0) await pageEditOf(commandContext)?.delete(selected);
+		}
+	},
+	{
+		id: "page:duplicate",
+		labelKey: "commands.pages.duplicate",
+		icon: "copy",
+		categories: PAGE_EDITS.categories,
+		allowed: (commandContext) => {
+			const pageEdit = pageEditOf(commandContext);
+			return pageEdit ? pageEdit.canEdit() && pageEdit.canExtract() : true;
+		},
+		enabled: hasSelection,
+		run: async (commandContext) => {
+			const pageEdit = pageEditOf(commandContext);
+			const selected = selectedOf(commandContext);
+			if (!pageEdit || selected.length === 0) return;
+			const { pages } = await pageEdit.duplicate(selected);
+			pageEdit.select(pages);
+		}
+	},
+	{
+		id: "page:insert-blank",
+		labelKey: "commands.pages.insertBlank",
+		icon: "filePlus",
+		...PAGE_EDITS,
+		run: async (commandContext) => {
+			const pageEdit = pageEditOf(commandContext);
+			if (!pageEdit) return;
+			const { pages } = await pageEdit.insertBlank({ position: insertPositionOf(commandContext) });
+			pageEdit.select(pages);
+		}
+	},
+	{
+		id: "page:insert-file",
+		labelKey: "commands.pages.insertFile",
+		icon: "fileImport",
+		...PAGE_EDITS,
+		run: async (commandContext) => {
+			const pageEdit = pageEditOf(commandContext);
+			if (!pageEdit) return;
+			let position = insertPositionOf(commandContext);
+			const files = await filesToInsert(commandContext);
+			const inserted = [];
+			for (const file of files) {
+				const { pages } = await pageEdit.insertFromBytes(new Uint8Array(await file.arrayBuffer()), { position });
+				inserted.push(...pages);
+				const last = pages[pages.length - 1];
+				if (last) position = { after: last };
+			}
+			if (inserted.length > 0) pageEdit.select(inserted);
+		}
+	},
+	{
+		id: "page:extract",
+		labelKey: "commands.pages.extract",
+		icon: "fileExport",
+		categories: ["documents.download"],
+		allowed: (commandContext) => pageEditOf(commandContext)?.canExtract() ?? true,
+		notAllowedKey: "commands.notAllowed.doc-download",
+		enabled: hasSelection,
+		run: async (commandContext) => {
+			const selected = selectedOf(commandContext);
+			const pageEdit = pageEditOf(commandContext);
+			if (!pageEdit || selected.length === 0) return;
+			(0, _embedpdf_web.saveFile)(await pageEdit.extract(selected), extractNameOf(commandContext), PDF_TYPE);
+		}
+	},
+	{
+		id: "page:select-all",
+		labelKey: "commands.pages.selectAll",
+		categories: PAGE_EDITS.categories,
+		enabled: (commandContext) => selectedOf(commandContext).length < pagesOf(commandContext).length,
+		run: (commandContext) => pageEditOf(commandContext)?.select(pagesOf(commandContext).map((page) => page.ref))
+	},
+	{
+		id: "menu:page",
+		labelKey: "commands.pages.more",
+		icon: "dots",
+		menu: PAGE_MENU,
+		...PAGE_EDITS
+	}
+];
+//#endregion
 //#region src/config/commands.ts
 /**
 * The command vocabulary — the semantic layer. Every command is a pure value:
@@ -136,6 +537,8 @@ const GO_TO_PAGE_DIALOG = "go-to-page";
 const SHORTCUTS_DIALOG = "shortcuts";
 /** The confirmation before marked areas are removed for good (ui/redact-confirm.tsx). */
 const REDACT_CONFIRM_DIALOG = "redact-confirm";
+/** The Print dialog: which pages, and whether annotations print (ui/print-dialog.tsx). */
+const PRINT_DIALOG = "print";
 /** The form designer's sidebar (ui/form-design-panel.tsx), which `form:design` opens. */
 const FORM_DESIGN_PANEL = "form-design";
 /** Form design's resting tool, the form plugin's: widgets select, move and resize there. */
@@ -419,6 +822,9 @@ const defaultCommands = [
 		icon: "viewSettings",
 		menu: "view"
 	},
+	...outlineCommands,
+	...attachmentCommands,
+	...pageCommands,
 	openFileCommand,
 	{
 		id: "document:download",
@@ -432,15 +838,7 @@ const defaultCommands = [
 			const id = commandContext.documentId ?? void 0;
 			const documents = commandContext.tryGet(_embedpdf_react_runtime.DocumentsToken);
 			if (!documents) return;
-			documents.download(id).then((bytes) => {
-				const blob = new Blob([bytes], { type: "application/pdf" });
-				const url = URL.createObjectURL(blob);
-				const anchor = document.createElement("a");
-				anchor.href = url;
-				anchor.download = "document.pdf";
-				anchor.click();
-				URL.revokeObjectURL(url);
-			}).catch((error) => console.warn("[snippet-react] download failed", error));
+			documents.download(id).then((bytes) => (0, _embedpdf_web.saveFile)(bytes, "document.pdf", "application/pdf")).catch((error) => console.warn("[snippet-react] download failed", error));
 		},
 		enabled: (commandContext) => commandContext.documentId != null
 	},
@@ -452,11 +850,8 @@ const defaultCommands = [
 		categories: ["documents.print"],
 		allowed: (commandContext) => commandContext.tryGet(_embedpdf_react_runtime.DocumentsToken)?.canPrint() ?? true,
 		notAllowedKey: "commands.notAllowed.doc-print",
-		run: (commandContext) => {
-			const actions = commandContext.documentId != null ? commandContext.tryGet(_embedpdf_react_actions.ActionsToken) : null;
-			if (actions) actions.runDocumentVerb("print", () => window.print());
-			else window.print();
-		}
+		modal: PRINT_DIALOG,
+		enabled: (commandContext) => commandContext.documentId != null
 	},
 	{
 		id: "view:fullscreen",
@@ -978,6 +1373,24 @@ Object.defineProperty(exports, "OPEN_COMMAND_ID", {
 		return OPEN_COMMAND_ID;
 	}
 });
+Object.defineProperty(exports, "OUTLINE_PROPERTIES_DIALOG", {
+	enumerable: true,
+	get: function() {
+		return OUTLINE_PROPERTIES_DIALOG;
+	}
+});
+Object.defineProperty(exports, "OUTLINE_RENAME", {
+	enumerable: true,
+	get: function() {
+		return OUTLINE_RENAME;
+	}
+});
+Object.defineProperty(exports, "PRINT_DIALOG", {
+	enumerable: true,
+	get: function() {
+		return PRINT_DIALOG;
+	}
+});
 Object.defineProperty(exports, "REDACT_CONFIRM_DIALOG", {
 	enumerable: true,
 	get: function() {
@@ -1057,4 +1470,4 @@ Object.defineProperty(exports, "toolCommandsFor", {
 	}
 });
 
-//# sourceMappingURL=commands-CYt4SFUX.cjs.map
+//# sourceMappingURL=commands-DL1gjZt7.cjs.map