@pdfme/ui 6.1.5-dev.14 → 6.1.5-dev.15

package/dist/index.js

@@ -54485,10 +54485,10 @@ if (typeof window !== "undefined") {
 	window.hotkeys = hotkeys$1;
 }
 //#endregion
-//#region ../converter/dist/img2pdf-CTJv8er1.js
+//#region ../converter/dist/img2pdf-BWYwe2Xi.js
 async function pdf2img$1(pdf, options = {}, env) {
 	try {
-		const { scale = 1, imageType = "jpeg", range = {} } = options;
+		const { scale = 1, imageType = "jpeg", range = {}, maxCanvasPixels } = options;
 		const { start = 0, end = Infinity } = range;
 		const { getDocument, destroyDocument, createCanvas, canvasToArrayBuffer } = env;
 		const pdfDoc = await getDocument(pdf);
@@ -54499,7 +54499,13 @@ async function pdf2img$1(pdf, options = {}, env) {
 			const results = [];
 			for (let pageNum = startPage; pageNum <= endPage; pageNum++) {
 				const page = await pdfDoc.getPage(pageNum);
-				const viewport = page.getViewport({ scale });
+				let renderScale = scale;
+				if (maxCanvasPixels && maxCanvasPixels > 0) {
+					const baseViewport = page.getViewport({ scale: 1 });
+					const baseArea = baseViewport.width * baseViewport.height;
+					if (baseArea > 0) renderScale = Math.min(scale, Math.sqrt(maxCanvasPixels / baseArea));
+				}
+				const viewport = page.getViewport({ scale: renderScale });
 				const canvas = createCanvas(viewport.width, viewport.height);
 				if (!canvas) throw new Error("Failed to create canvas");
 				const context = canvas.getContext("2d");
@@ -102370,9 +102376,10 @@ function detectMimeType(arrayBuffer) {
 var arrayBufferToBase64 = (arrayBuffer) => {
 	const mimeType = detectMimeType(arrayBuffer);
 	const bytes = new Uint8Array(arrayBuffer);
-	let binary = "";
-	for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
-	const base64String = btoa(binary);
+	const chunkSize = 32768;
+	const chunks = [];
+	for (let i = 0; i < bytes.length; i += chunkSize) chunks.push(String.fromCharCode.apply(null, bytes.subarray(i, i + chunkSize)));
+	const base64String = btoa(chunks.join(""));
 	if (mimeType) return `data:${mimeType};base64,${base64String}`;
 	else return `data:application/octet-stream;base64,${base64String}`;
 };
@@ -132426,6 +132433,8 @@ var usePrevious = (value) => {
 	return ref.current;
 };
 var getScale = (n, paper) => Math.floor((n / paper > 1 ? 1 : n / paper) * 100) / 100;
+var MIN_BASE_SCALE = .01;
+var MAX_BACKGROUND_CANVAS_PIXELS = 4096 * 4096;
 var useUIPreProcessor = ({ template, size, zoomLevel, maxZoom }) => {
 	const [backgrounds, setBackgrounds] = (0, import_react$9.useState)([]);
 	const [pageSizes, setPageSizes] = (0, import_react$9.useState)([]);
@@ -132456,13 +132465,16 @@ var useUIPreProcessor = ({ template, size, zoomLevel, maxZoom }) => {
 				return buffer;
 			};
 			const [pageSizeBuffer, imageBuffer] = [createPdfArrayBuffer(), createPdfArrayBuffer()];
-			const [_pages, imgBuffers] = await Promise.all([pdf2size(pageSizeBuffer), pdf2img(imageBuffer, { scale: maxZoom })]);
+			const [_pages, imgBuffers] = await Promise.all([pdf2size(pageSizeBuffer), pdf2img(imageBuffer, {
+				scale: maxZoom,
+				maxCanvasPixels: MAX_BACKGROUND_CANVAS_PIXELS
+			})]);
 			_pageSizes = _pages;
 			paperWidth = _pageSizes[0].width * ZOOM;
 			paperHeight = _pageSizes[0].height * ZOOM;
 			_backgrounds = imgBuffers.map(arrayBufferToBase64);
 		}
-		const _scale = Math.min(getScale(size.width, paperWidth), getScale(size.height - 30, paperHeight));
+		const _scale = Math.max(MIN_BASE_SCALE, Math.min(getScale(size.width, paperWidth), getScale(size.height - 30, paperHeight)));
 		return {
 			backgrounds: _backgrounds,
 			pageSizes: _pageSizes,
@@ -236634,6 +236646,7 @@ var scaleDragPosAdjustment = (adjustment, scale) => {
 	if (scale < 1) return adjustment * -(1 - scale);
 	return 0;
 };
+var MIN_CANVAS_WIDTH = 100;
 var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPageCursorChange, onChangeSelection, onRegisterSchemaSelectionHandler }) => {
 	const past = (0, import_react$9.useRef)([]);
 	const future = (0, import_react$9.useRef)([]);
@@ -236643,16 +236656,16 @@ var TemplateEditor = ({ template, size, onSaveTemplate, onChangeTemplate, onPage
 	const pluginsRegistry = (0, import_react$9.useContext)(PluginsRegistry);
 	const options = (0, import_react$9.useContext)(OptionsContext);
 	const maxZoom = useMaxZoom();
+	const canvasWidth = size.width - 45;
 	const [hoveringSchemaId, setHoveringSchemaId] = (0, import_react$9.useState)(null);
 	const [activeElements, setActiveElements] = (0, import_react$9.useState)([]);
 	const [schemasList, setSchemasList] = (0, import_react$9.useState)([[]]);
 	const [pageCursor, setPageCursor] = (0, import_react$9.useState)(0);
-	const [sidebarOpen, setSidebarOpen] = (0, import_react$9.useState)(options.sidebarOpen ?? true);
+	const [sidebarOpen, setSidebarOpen] = (0, import_react$9.useState)(options.sidebarOpen ?? canvasWidth - 400 >= MIN_CANVAS_WIDTH);
 	const [canvasHeight, setCanvasHeight] = (0, import_react$9.useState)(0);
 	const [prevTemplate, setPrevTemplate] = (0, import_react$9.useState)(null);
-	const canvasWidth = size.width - 45;
 	const sizeExcSidebars = (0, import_react$9.useMemo)(() => ({
-		width: sidebarOpen ? canvasWidth - 400 : canvasWidth,
+		width: Math.max(sidebarOpen ? canvasWidth - 400 : canvasWidth, 0),
 		height: size.height
 	}), [
 		canvasWidth,