@kitsy/pdf 0.0.0-stage → 0.2.0

package/dist/chunk-CCJ43SIX.js

@@ -0,0 +1,342 @@
+import { imagesToPdf, detectImageKind, getJpegOrientation } from './chunk-WEOPDD3P.js';
+import { PdfToolPage, PdfToolColumns, SummaryList, SideTips, FileDropzone, iconButtonClass, fieldLabelClass, inputClass, StatusBanner, primaryButtonClass, secondaryButtonClass, BackToPdfTools } from './chunk-H6EERRCR.js';
+import { formatBytes, toBaseName, downloadBlob } from './chunk-EKHEY3LI.js';
+import { useState, useRef, useEffect, useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var MAX_IMAGES = 100;
+var MAX_TOTAL_BYTES = 200 * 1024 * 1024;
+var MARGINS = [
+  { value: 0, label: "None" },
+  { value: 18, label: "Small" },
+  { value: 36, label: "Medium" },
+  { value: 72, label: "Large" }
+];
+var nextImageId = 0;
+function isImageFile(file) {
+  return (file?.type || "").startsWith("image/") || /\.(jpe?g|png|webp|gif|bmp)$/i.test(file?.name || "");
+}
+async function rasterize(file, type) {
+  const bitmap = await createImageBitmap(file, { imageOrientation: "from-image" });
+  const canvas = document.createElement("canvas");
+  canvas.width = bitmap.width;
+  canvas.height = bitmap.height;
+  const context = canvas.getContext("2d");
+  if (type === "image/jpeg") {
+    context.fillStyle = "#ffffff";
+    context.fillRect(0, 0, canvas.width, canvas.height);
+  }
+  context.drawImage(bitmap, 0, 0);
+  bitmap.close?.();
+  const blob = await new Promise(
+    (resolve, reject) => canvas.toBlob((result) => result ? resolve(result) : reject(new Error("encode failed")), type, 0.92)
+  );
+  return new Uint8Array(await blob.arrayBuffer());
+}
+async function toEmbeddableBytes(file) {
+  const bytes = new Uint8Array(await file.arrayBuffer());
+  const kind = detectImageKind(bytes);
+  if (kind === "png") return bytes;
+  if (kind === "jpg") {
+    return getJpegOrientation(bytes) === 1 ? bytes : rasterize(file, "image/jpeg");
+  }
+  return rasterize(file, "image/png");
+}
+function ImagesToPdf() {
+  const [images, setImages] = useState([]);
+  const [pageSize, setPageSize] = useState("a4");
+  const [orientation, setOrientation] = useState("auto");
+  const [margin, setMargin] = useState(18);
+  const [outputName, setOutputName] = useState("images");
+  const [isConverting, setIsConverting] = useState(false);
+  const [status, setStatus] = useState({
+    tone: "info",
+    text: "Add JPG, PNG, or other images, arrange them, and turn them into one PDF."
+  });
+  const imagesRef = useRef(images);
+  imagesRef.current = images;
+  useEffect(() => {
+    document.title = "Images to PDF | Apps";
+    return () => imagesRef.current.forEach((image) => URL.revokeObjectURL(image.previewUrl));
+  }, []);
+  const totalBytes = useMemo(() => images.reduce((sum, image) => sum + image.file.size, 0), [images]);
+  const addFiles = (files) => {
+    if (!files.length) return;
+    const accepted = files.filter(isImageFile);
+    if (!accepted.length) {
+      setStatus({ tone: "error", text: "Only image files are supported." });
+      return;
+    }
+    if (images.length + accepted.length > MAX_IMAGES) {
+      setStatus({ tone: "error", text: `Please add up to ${MAX_IMAGES} images at a time.` });
+      return;
+    }
+    if (totalBytes + accepted.reduce((sum, file) => sum + file.size, 0) > MAX_TOTAL_BYTES) {
+      setStatus({ tone: "error", text: `Total size must stay under ${formatBytes(MAX_TOTAL_BYTES)}.` });
+      return;
+    }
+    setImages((current) => [
+      ...current,
+      ...accepted.map((file) => ({
+        id: `img-${++nextImageId}`,
+        file,
+        previewUrl: URL.createObjectURL(file)
+      }))
+    ]);
+    const skipped = files.length - accepted.length;
+    setStatus({
+      tone: "success",
+      text: `${accepted.length} image${accepted.length > 1 ? "s" : ""} added.${skipped ? ` ${skipped} non-image file${skipped > 1 ? "s" : ""} skipped.` : ""}`
+    });
+  };
+  const moveImage = (index, offset) => {
+    setImages((current) => {
+      const target = index + offset;
+      if (target < 0 || target >= current.length) return current;
+      const next = [...current];
+      [next[index], next[target]] = [next[target], next[index]];
+      return next;
+    });
+  };
+  const removeImage = (id) => {
+    setImages((current) => {
+      const removed = current.find((image) => image.id === id);
+      if (removed) URL.revokeObjectURL(removed.previewUrl);
+      return current.filter((image) => image.id !== id);
+    });
+  };
+  const clearImages = () => {
+    images.forEach((image) => URL.revokeObjectURL(image.previewUrl));
+    setImages([]);
+    setStatus({ tone: "info", text: "Selection cleared. Add images to continue." });
+  };
+  const handleConvert = async (event) => {
+    event.preventDefault();
+    if (!images.length) return;
+    setIsConverting(true);
+    setStatus({ tone: "info", text: "Building your PDF..." });
+    try {
+      const sources = [];
+      for (const image of images) {
+        try {
+          sources.push({ name: image.file.name, bytes: await toEmbeddableBytes(image.file) });
+        } catch {
+          throw new Error(`${image.file.name}: this image could not be read.`);
+        }
+      }
+      const baseName = toBaseName(outputName, "images");
+      const bytes = await imagesToPdf(sources, {
+        pageSize,
+        orientation,
+        margin: Number(margin),
+        title: baseName
+      });
+      const blob = new Blob([bytes], { type: "application/pdf" });
+      downloadBlob(blob, `${baseName}.pdf`);
+      setStatus({
+        tone: "success",
+        text: `Created a ${images.length}-page PDF (${formatBytes(blob.size)}). Your download has started.`
+      });
+    } catch (error) {
+      setStatus({ tone: "error", text: `Conversion failed: ${error?.message || "Please try again."}` });
+    } finally {
+      setIsConverting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    PdfToolPage,
+    {
+      title: "Images to PDF",
+      description: "Turn photos, scans, and screenshots into a single PDF, one image per page. Runs in your browser; images never leave your device.",
+      stats: [
+        { value: images.length || "-", label: "Pages" },
+        { value: "PDF", label: "Output" }
+      ],
+      children: /* @__PURE__ */ jsx(
+        PdfToolColumns,
+        {
+          main: /* @__PURE__ */ jsxs("form", { onSubmit: handleConvert, children: [
+            /* @__PURE__ */ jsx(
+              FileDropzone,
+              {
+                accept: "image/*",
+                multiple: true,
+                disabled: isConverting,
+                onFiles: addFiles,
+                icon: "fa-solid fa-images",
+                title: "Drag and drop images here",
+                hint: "JPG, PNG, WebP, GIF, or BMP. Add more any time."
+              }
+            ),
+            images.length ? /* @__PURE__ */ jsx("ol", { className: "mt-5 grid gap-3 sm:grid-cols-2 xl:grid-cols-3", children: images.map((image, index) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "overflow-hidden rounded-2xl border border-slate-200 bg-white/90 dark:border-slate-700 dark:bg-slate-900/80",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative flex h-36 items-center justify-center bg-slate-100 dark:bg-slate-800", children: [
+                    /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: image.previewUrl,
+                        alt: image.file.name,
+                        className: "max-h-full max-w-full object-contain"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "absolute left-2 top-2 rounded-lg bg-slate-900/80 px-2 py-0.5 text-xs font-semibold text-white", children: index + 1 })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-2.5", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-medium text-slate-900 dark:text-slate-100", children: image.file.name }),
+                      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-slate-500 dark:text-slate-400", children: formatBytes(image.file.size) })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => moveImage(index, -1),
+                        disabled: isConverting || index === 0,
+                        className: iconButtonClass,
+                        "aria-label": `Move ${image.file.name} earlier`,
+                        children: /* @__PURE__ */ jsx("i", { className: "fa-solid fa-arrow-left" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => moveImage(index, 1),
+                        disabled: isConverting || index === images.length - 1,
+                        className: iconButtonClass,
+                        "aria-label": `Move ${image.file.name} later`,
+                        children: /* @__PURE__ */ jsx("i", { className: "fa-solid fa-arrow-right" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => removeImage(image.id),
+                        disabled: isConverting,
+                        className: iconButtonClass,
+                        "aria-label": `Remove ${image.file.name}`,
+                        children: /* @__PURE__ */ jsx("i", { className: "fa-solid fa-xmark" })
+                      }
+                    )
+                  ] })
+                ]
+              },
+              image.id
+            )) }) : null,
+            /* @__PURE__ */ jsxs("fieldset", { className: "mt-5 grid gap-4 sm:grid-cols-3", disabled: isConverting, children: [
+              /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "Page size",
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: pageSize,
+                    onChange: (event) => setPageSize(event.target.value),
+                    className: `mt-2 ${inputClass}`,
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "a4", children: "A4" }),
+                      /* @__PURE__ */ jsx("option", { value: "letter", children: "US Letter" }),
+                      /* @__PURE__ */ jsx("option", { value: "fit", children: "Same as image" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "Orientation",
+                /* @__PURE__ */ jsxs(
+                  "select",
+                  {
+                    value: orientation,
+                    onChange: (event) => setOrientation(event.target.value),
+                    disabled: pageSize === "fit",
+                    className: `mt-2 ${inputClass}`,
+                    children: [
+                      /* @__PURE__ */ jsx("option", { value: "auto", children: "Auto (match image)" }),
+                      /* @__PURE__ */ jsx("option", { value: "portrait", children: "Portrait" }),
+                      /* @__PURE__ */ jsx("option", { value: "landscape", children: "Landscape" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "Margin",
+                /* @__PURE__ */ jsx(
+                  "select",
+                  {
+                    value: margin,
+                    onChange: (event) => setMargin(Number(event.target.value)),
+                    className: `mt-2 ${inputClass}`,
+                    children: MARGINS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: `sm:col-span-3 ${fieldLabelClass}`, children: [
+                "Output file name",
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: outputName,
+                    onChange: (event) => setOutputName(event.target.value),
+                    className: `mt-2 ${inputClass}`
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(StatusBanner, { status }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5 flex flex-wrap gap-3", children: [
+              /* @__PURE__ */ jsxs("button", { type: "submit", disabled: isConverting || !images.length, className: primaryButtonClass, children: [
+                /* @__PURE__ */ jsx("i", { className: `fa-solid ${isConverting ? "fa-spinner fa-spin" : "fa-file-pdf"}` }),
+                isConverting ? "Converting..." : "Create PDF"
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clearImages,
+                  disabled: isConverting || !images.length,
+                  className: secondaryButtonClass,
+                  children: [
+                    /* @__PURE__ */ jsx("i", { className: "fa-solid fa-trash" }),
+                    "Clear"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(BackToPdfTools, {})
+            ] })
+          ] }),
+          side: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: "Summary" }),
+            /* @__PURE__ */ jsx(
+              SummaryList,
+              {
+                items: [
+                  { label: "Images", value: images.length },
+                  { label: "Total size", value: formatBytes(totalBytes) }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SideTips,
+              {
+                tips: [
+                  "Each image becomes one page, in the order shown.",
+                  "Large images are scaled down to fit the page; small ones are not enlarged.",
+                  "Phone photos are turned upright automatically.",
+                  "JPG and PNG are embedded as-is. Other formats are converted to PNG."
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { ImagesToPdf };
+//# sourceMappingURL=chunk-CCJ43SIX.js.map
+//# sourceMappingURL=chunk-CCJ43SIX.js.map

package/dist/chunk-CCJ43SIX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/images/ImagesToPdf.tsx"],"names":[],"mappings":"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","file":"chunk-CCJ43SIX.js","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { downloadBlob, formatBytes, toBaseName } from \"../shared/files\";\nimport {\n  BackToPdfTools,\n  FileDropzone,\n  PdfToolColumns,\n  PdfToolPage,\n  SideTips,\n  StatusBanner,\n  SummaryList,\n  fieldLabelClass,\n  iconButtonClass,\n  inputClass,\n  primaryButtonClass,\n  secondaryButtonClass,\n} from \"../shared/ToolLayout\";\nimport { detectImageKind, getJpegOrientation, imagesToPdf, type OrientationOption, type PageSizeOption } from \"./imagesToPdfCore\";\n\nconst MAX_IMAGES = 100;\nconst MAX_TOTAL_BYTES = 200 * 1024 * 1024;\n\nconst MARGINS = [\n  { value: 0, label: \"None\" },\n  { value: 18, label: \"Small\" },\n  { value: 36, label: \"Medium\" },\n  { value: 72, label: \"Large\" },\n];\n\nlet nextImageId = 0;\n\nfunction isImageFile(file) {\n  return (file?.type || \"\").startsWith(\"image/\") || /\\.(jpe?g|png|webp|gif|bmp)$/i.test(file?.name || \"\");\n}\n\n/** Re-draw an image the browser can display as PNG/JPEG bytes pdf-lib can embed. */\nasync function rasterize(file, type) {\n  const bitmap = await createImageBitmap(file, { imageOrientation: \"from-image\" });\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = bitmap.width;\n  canvas.height = bitmap.height;\n  const context = canvas.getContext(\"2d\");\n  if (type === \"image/jpeg\") {\n    context.fillStyle = \"#ffffff\";\n    context.fillRect(0, 0, canvas.width, canvas.height);\n  }\n  context.drawImage(bitmap, 0, 0);\n  bitmap.close?.();\n  const blob = await new Promise<Blob>((resolve, reject) =>\n    canvas.toBlob((result) => (result ? resolve(result) : reject(new Error(\"encode failed\"))), type, 0.92)\n  );\n  return new Uint8Array(await blob.arrayBuffer());\n}\n\n/** PNG/JPEG pass through untouched unless EXIF says the photo is rotated. */\nasync function toEmbeddableBytes(file) {\n  const bytes = new Uint8Array(await file.arrayBuffer());\n  const kind = detectImageKind(bytes);\n  if (kind === \"png\") return bytes;\n  if (kind === \"jpg\") {\n    return getJpegOrientation(bytes) === 1 ? bytes : rasterize(file, \"image/jpeg\");\n  }\n  return rasterize(file, \"image/png\");\n}\n\nexport default function ImagesToPdf() {\n  const [images, setImages] = useState([]);\n  const [pageSize, setPageSize] = useState<PageSizeOption>(\"a4\");\n  const [orientation, setOrientation] = useState<OrientationOption>(\"auto\");\n  const [margin, setMargin] = useState(18);\n  const [outputName, setOutputName] = useState(\"images\");\n  const [isConverting, setIsConverting] = useState(false);\n  const [status, setStatus] = useState({\n    tone: \"info\",\n    text: \"Add JPG, PNG, or other images, arrange them, and turn them into one PDF.\",\n  });\n  const imagesRef = useRef(images);\n  imagesRef.current = images;\n\n  useEffect(() => {\n    document.title = \"Images to PDF | Apps\";\n    return () => imagesRef.current.forEach((image) => URL.revokeObjectURL(image.previewUrl));\n  }, []);\n\n  const totalBytes = useMemo(() => images.reduce((sum, image) => sum + image.file.size, 0), [images]);\n\n  const addFiles = (files) => {\n    if (!files.length) return;\n    const accepted = files.filter(isImageFile);\n    if (!accepted.length) {\n      setStatus({ tone: \"error\", text: \"Only image files are supported.\" });\n      return;\n    }\n    if (images.length + accepted.length > MAX_IMAGES) {\n      setStatus({ tone: \"error\", text: `Please add up to ${MAX_IMAGES} images at a time.` });\n      return;\n    }\n    if (totalBytes + accepted.reduce((sum, file) => sum + file.size, 0) > MAX_TOTAL_BYTES) {\n      setStatus({ tone: \"error\", text: `Total size must stay under ${formatBytes(MAX_TOTAL_BYTES)}.` });\n      return;\n    }\n\n    setImages((current) => [\n      ...current,\n      ...accepted.map((file) => ({\n        id: `img-${++nextImageId}`,\n        file,\n        previewUrl: URL.createObjectURL(file),\n      })),\n    ]);\n    const skipped = files.length - accepted.length;\n    setStatus({\n      tone: \"success\",\n      text: `${accepted.length} image${accepted.length > 1 ? \"s\" : \"\"} added.${\n        skipped ? ` ${skipped} non-image file${skipped > 1 ? \"s\" : \"\"} skipped.` : \"\"\n      }`,\n    });\n  };\n\n  const moveImage = (index, offset) => {\n    setImages((current) => {\n      const target = index + offset;\n      if (target < 0 || target >= current.length) return current;\n      const next = [...current];\n      [next[index], next[target]] = [next[target], next[index]];\n      return next;\n    });\n  };\n\n  const removeImage = (id) => {\n    setImages((current) => {\n      const removed = current.find((image) => image.id === id);\n      if (removed) URL.revokeObjectURL(removed.previewUrl);\n      return current.filter((image) => image.id !== id);\n    });\n  };\n\n  const clearImages = () => {\n    images.forEach((image) => URL.revokeObjectURL(image.previewUrl));\n    setImages([]);\n    setStatus({ tone: \"info\", text: \"Selection cleared. Add images to continue.\" });\n  };\n\n  const handleConvert = async (event) => {\n    event.preventDefault();\n    if (!images.length) return;\n\n    setIsConverting(true);\n    setStatus({ tone: \"info\", text: \"Building your PDF...\" });\n\n    try {\n      const sources = [];\n      for (const image of images) {\n        try {\n          sources.push({ name: image.file.name, bytes: await toEmbeddableBytes(image.file) });\n        } catch {\n          throw new Error(`${image.file.name}: this image could not be read.`);\n        }\n      }\n\n      const baseName = toBaseName(outputName, \"images\");\n      const bytes = await imagesToPdf(sources, {\n        pageSize,\n        orientation,\n        margin: Number(margin),\n        title: baseName,\n      });\n      const blob = new Blob([bytes as BlobPart], { type: \"application/pdf\" });\n      downloadBlob(blob, `${baseName}.pdf`);\n      setStatus({\n        tone: \"success\",\n        text: `Created a ${images.length}-page PDF (${formatBytes(blob.size)}). Your download has started.`,\n      });\n    } catch (error) {\n      setStatus({ tone: \"error\", text: `Conversion failed: ${error?.message || \"Please try again.\"}` });\n    } finally {\n      setIsConverting(false);\n    }\n  };\n\n  return (\n    <PdfToolPage\n      title=\"Images to PDF\"\n      description=\"Turn photos, scans, and screenshots into a single PDF, one image per page. Runs in your browser; images never leave your device.\"\n      stats={[\n        { value: images.length || \"-\", label: \"Pages\" },\n        { value: \"PDF\", label: \"Output\" },\n      ]}\n    >\n      <PdfToolColumns\n        main={\n          <form onSubmit={handleConvert}>\n            <FileDropzone\n              accept=\"image/*\"\n              multiple\n              disabled={isConverting}\n              onFiles={addFiles}\n              icon=\"fa-solid fa-images\"\n              title=\"Drag and drop images here\"\n              hint=\"JPG, PNG, WebP, GIF, or BMP. Add more any time.\"\n            />\n\n            {images.length ? (\n              <ol className=\"mt-5 grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n                {images.map((image, index) => (\n                  <li\n                    key={image.id}\n                    className=\"overflow-hidden rounded-2xl border border-slate-200 bg-white/90 dark:border-slate-700 dark:bg-slate-900/80\"\n                  >\n                    <div className=\"relative flex h-36 items-center justify-center bg-slate-100 dark:bg-slate-800\">\n                      <img\n                        src={image.previewUrl}\n                        alt={image.file.name}\n                        className=\"max-h-full max-w-full object-contain\"\n                      />\n                      <span className=\"absolute left-2 top-2 rounded-lg bg-slate-900/80 px-2 py-0.5 text-xs font-semibold text-white\">\n                        {index + 1}\n                      </span>\n                    </div>\n                    <div className=\"flex items-center gap-2 p-2.5\">\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-xs font-medium text-slate-900 dark:text-slate-100\">\n                          {image.file.name}\n                        </p>\n                        <p className=\"text-[11px] text-slate-500 dark:text-slate-400\">\n                          {formatBytes(image.file.size)}\n                        </p>\n                      </div>\n                      <button\n                        type=\"button\"\n                        onClick={() => moveImage(index, -1)}\n                        disabled={isConverting || index === 0}\n                        className={iconButtonClass}\n                        aria-label={`Move ${image.file.name} earlier`}\n                      >\n                        <i className=\"fa-solid fa-arrow-left\" />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => moveImage(index, 1)}\n                        disabled={isConverting || index === images.length - 1}\n                        className={iconButtonClass}\n                        aria-label={`Move ${image.file.name} later`}\n                      >\n                        <i className=\"fa-solid fa-arrow-right\" />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => removeImage(image.id)}\n                        disabled={isConverting}\n                        className={iconButtonClass}\n                        aria-label={`Remove ${image.file.name}`}\n                      >\n                        <i className=\"fa-solid fa-xmark\" />\n                      </button>\n                    </div>\n                  </li>\n                ))}\n              </ol>\n            ) : null}\n\n            <fieldset className=\"mt-5 grid gap-4 sm:grid-cols-3\" disabled={isConverting}>\n              <label className={fieldLabelClass}>\n                Page size\n                <select\n                  value={pageSize}\n                  onChange={(event) => setPageSize(event.target.value as PageSizeOption)}\n                  className={`mt-2 ${inputClass}`}\n                >\n                  <option value=\"a4\">A4</option>\n                  <option value=\"letter\">US Letter</option>\n                  <option value=\"fit\">Same as image</option>\n                </select>\n              </label>\n              <label className={fieldLabelClass}>\n                Orientation\n                <select\n                  value={orientation}\n                  onChange={(event) => setOrientation(event.target.value as OrientationOption)}\n                  disabled={pageSize === \"fit\"}\n                  className={`mt-2 ${inputClass}`}\n                >\n                  <option value=\"auto\">Auto (match image)</option>\n                  <option value=\"portrait\">Portrait</option>\n                  <option value=\"landscape\">Landscape</option>\n                </select>\n              </label>\n              <label className={fieldLabelClass}>\n                Margin\n                <select\n                  value={margin}\n                  onChange={(event) => setMargin(Number(event.target.value))}\n                  className={`mt-2 ${inputClass}`}\n                >\n                  {MARGINS.map((option) => (\n                    <option key={option.value} value={option.value}>\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              </label>\n              <label className={`sm:col-span-3 ${fieldLabelClass}`}>\n                Output file name\n                <input\n                  type=\"text\"\n                  value={outputName}\n                  onChange={(event) => setOutputName(event.target.value)}\n                  className={`mt-2 ${inputClass}`}\n                />\n              </label>\n            </fieldset>\n\n            <StatusBanner status={status} />\n\n            <div className=\"mt-5 flex flex-wrap gap-3\">\n              <button type=\"submit\" disabled={isConverting || !images.length} className={primaryButtonClass}>\n                <i className={`fa-solid ${isConverting ? \"fa-spinner fa-spin\" : \"fa-file-pdf\"}`} />\n                {isConverting ? \"Converting...\" : \"Create PDF\"}\n              </button>\n              <button\n                type=\"button\"\n                onClick={clearImages}\n                disabled={isConverting || !images.length}\n                className={secondaryButtonClass}\n              >\n                <i className=\"fa-solid fa-trash\" />\n                Clear\n              </button>\n              <BackToPdfTools />\n            </div>\n          </form>\n        }\n        side={\n          <>\n            <h2 className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">Summary</h2>\n            <SummaryList\n              items={[\n                { label: \"Images\", value: images.length },\n                { label: \"Total size\", value: formatBytes(totalBytes) },\n              ]}\n            />\n            <SideTips\n              tips={[\n                \"Each image becomes one page, in the order shown.\",\n                \"Large images are scaled down to fit the page; small ones are not enlarged.\",\n                \"Phone photos are turned upright automatically.\",\n                \"JPG and PNG are embedded as-is. Other formats are converted to PNG.\",\n              ]}\n            />\n          </>\n        }\n      />\n    </PdfToolPage>\n  );\n}\n"]}

package/dist/chunk-CNEDWATL.js

@@ -0,0 +1,210 @@
+import { useRenderDocument, useThumbnails } from './chunk-J4IRICCJ.js';
+import { renderedSize, IMAGE_FORMATS, DPI_OPTIONS, dpiToScale, imageFileName } from './chunk-NOFGCYGS.js';
+import { renderPageToCanvas, canvasToBlob } from './chunk-DPEJU4P6.js';
+import { createZip } from './chunk-7V4SWTUK.js';
+import { parsePageSelection } from './chunk-BLHNKR3S.js';
+import { useSinglePdf } from './chunk-BK3MYSUS.js';
+import { PdfToolPage, PdfToolColumns, SummaryList, SideTips, SelectedPdfCard, FileDropzone, fieldLabelClass, inputClass, StatusBanner, primaryButtonClass, BackToPdfTools } from './chunk-H6EERRCR.js';
+import { toBaseName, downloadBlob, formatBytes } from './chunk-EKHEY3LI.js';
+import { useState, useEffect, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function PdfToImages() {
+  const [format, setFormat] = useState("png");
+  const [dpi, setDpi] = useState(150);
+  const [quality, setQuality] = useState(0.85);
+  const [pages, setPages] = useState("");
+  const [isConverting, setIsConverting] = useState(false);
+  const [status, setStatus] = useState({
+    tone: "info",
+    text: "Add a PDF to export its pages as PNG or JPG images."
+  });
+  useEffect(() => {
+    document.title = "PDF to Images | Apps";
+  }, []);
+  const onError = useCallback((text) => setStatus({ tone: "error", text }), []);
+  const onLoaded = useCallback(({ file, pageCount }) => {
+    setPages("");
+    setStatus({
+      tone: "success",
+      text: `${file.name} loaded with ${pageCount} page${pageCount === 1 ? "" : "s"}.`
+    });
+  }, []);
+  const pdf = useSinglePdf({ onError, onLoaded });
+  const { doc, error: renderError } = useRenderDocument(pdf.bytes);
+  const thumbnails = useThumbnails(doc, 120);
+  let selection = [];
+  let selectionError = "";
+  if (pdf.pageCount) {
+    try {
+      selection = [...new Set(parsePageSelection(pages, pdf.pageCount))];
+    } catch (error) {
+      selectionError = error.message;
+    }
+  }
+  const firstPage = thumbnails[0];
+  const estimate = firstPage ? renderedSize(firstPage.width, firstPage.height, dpi) : null;
+  const handleConvert = async (event) => {
+    event.preventDefault();
+    if (!doc || !selection.length) return;
+    setIsConverting(true);
+    const baseName = toBaseName(pdf.file.name, "document");
+    const { mime } = IMAGE_FORMATS[format];
+    const outputs = [];
+    let reduced = false;
+    try {
+      for (let i = 0; i < selection.length; i += 1) {
+        const pageNumber = selection[i] + 1;
+        setStatus({ tone: "info", text: `Rendering page ${pageNumber} (${i + 1} of ${selection.length})...` });
+        const render = await renderPageToCanvas(doc, pageNumber, { scale: dpiToScale(dpi) });
+        reduced = reduced || render.reduced;
+        const blob = await canvasToBlob(render.canvas, mime, format === "jpeg" ? quality : void 0);
+        render.canvas.width = 0;
+        render.canvas.height = 0;
+        outputs.push({
+          name: imageFileName(baseName, pageNumber, pdf.pageCount, format),
+          bytes: new Uint8Array(await blob.arrayBuffer()),
+          type: mime
+        });
+      }
+      let size;
+      if (outputs.length === 1) {
+        const blob = new Blob([outputs[0].bytes], { type: outputs[0].type });
+        size = blob.size;
+        downloadBlob(blob, outputs[0].name);
+      } else {
+        const blob = new Blob([createZip(outputs)], { type: "application/zip" });
+        size = blob.size;
+        downloadBlob(blob, `${baseName}-images.zip`);
+      }
+      setStatus({
+        tone: "success",
+        text: `Exported ${outputs.length} image${outputs.length === 1 ? "" : "s"} (${formatBytes(size)}). Your download has started.${reduced ? " Some pages were scaled down to stay within browser canvas limits." : ""}`
+      });
+    } catch (error) {
+      setStatus({ tone: "error", text: `Export failed: ${error?.message || "Please try again."}` });
+    } finally {
+      setIsConverting(false);
+    }
+  };
+  const busy = isConverting || pdf.isReading;
+  return /* @__PURE__ */ jsx(
+    PdfToolPage,
+    {
+      title: "PDF to Images",
+      description: "Export PDF pages as PNG or JPG images at the resolution you need. Runs in your browser; files never leave your device.",
+      stats: [
+        { value: pdf.pageCount || "-", label: "Pages" },
+        { value: format === "png" ? "PNG" : "JPG", label: "Output" }
+      ],
+      children: /* @__PURE__ */ jsx(
+        PdfToolColumns,
+        {
+          main: /* @__PURE__ */ jsxs("form", { onSubmit: handleConvert, children: [
+            pdf.file ? /* @__PURE__ */ jsx(SelectedPdfCard, { file: pdf.file, pageCount: pdf.pageCount, onRemove: pdf.clear, disabled: isConverting }) : /* @__PURE__ */ jsx(
+              FileDropzone,
+              {
+                accept: ".pdf,application/pdf",
+                disabled: busy,
+                onFiles: pdf.selectFiles,
+                title: "Drag and drop a PDF here",
+                hint: "or click to browse from your device"
+              }
+            ),
+            renderError ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-rose-700 dark:text-rose-300", children: renderError }) : null,
+            thumbnails.length ? /* @__PURE__ */ jsx("div", { className: "mt-5 flex gap-2 overflow-x-auto pb-2", children: thumbnails.map((thumb, index) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `flex h-28 w-20 shrink-0 items-center justify-center rounded-lg border bg-slate-100 p-1 dark:bg-slate-800 ${selection.includes(index) ? "border-[#1F8CFF]" : "border-slate-200 opacity-40 dark:border-slate-700"}`,
+                children: thumb ? /* @__PURE__ */ jsx("img", { src: thumb.url, alt: `Page ${index + 1}`, className: "max-h-full max-w-full" }) : /* @__PURE__ */ jsx("i", { className: "fa-solid fa-spinner fa-spin text-slate-400" })
+              },
+              index
+            )) }) : null,
+            /* @__PURE__ */ jsxs("fieldset", { className: "mt-5 grid gap-4 sm:grid-cols-2", disabled: busy || !pdf.pageCount, children: [
+              /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "Format",
+                /* @__PURE__ */ jsx("select", { value: format, onChange: (event) => setFormat(event.target.value), className: `mt-2 ${inputClass}`, children: Object.entries(IMAGE_FORMATS).map(([value, option]) => /* @__PURE__ */ jsx("option", { value, children: option.label }, value)) })
+              ] }),
+              /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "Resolution",
+                /* @__PURE__ */ jsx("select", { value: dpi, onChange: (event) => setDpi(Number(event.target.value)), className: `mt-2 ${inputClass}`, children: DPI_OPTIONS.map((value) => /* @__PURE__ */ jsxs("option", { value, children: [
+                  value,
+                  " DPI",
+                  value === 72 ? " (screen)" : value === 150 ? " (recommended)" : value === 300 ? " (print)" : ""
+                ] }, value)) })
+              ] }),
+              format === "jpeg" ? /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "JPG quality: ",
+                Math.round(quality * 100),
+                "%",
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "range",
+                    min: 0.4,
+                    max: 1,
+                    step: 0.05,
+                    value: quality,
+                    onChange: (event) => setQuality(Number(event.target.value)),
+                    className: "mt-2 w-full accent-[#1F8CFF]"
+                  }
+                )
+              ] }) : null,
+              /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                "Pages",
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: pages,
+                    onChange: (event) => setPages(event.target.value),
+                    placeholder: "All pages (e.g. 1-3, 5)",
+                    className: `mt-2 ${inputClass}`
+                  }
+                )
+              ] })
+            ] }),
+            selectionError && pages.trim() ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-rose-700 dark:text-rose-300", children: selectionError }) : null,
+            /* @__PURE__ */ jsx(StatusBanner, { status }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5 flex flex-wrap gap-3", children: [
+              /* @__PURE__ */ jsxs("button", { type: "submit", disabled: busy || !doc || !selection.length, className: primaryButtonClass, children: [
+                /* @__PURE__ */ jsx("i", { className: `fa-solid ${isConverting ? "fa-spinner fa-spin" : "fa-file-image"}` }),
+                isConverting ? "Exporting..." : "Export images"
+              ] }),
+              /* @__PURE__ */ jsx(BackToPdfTools, {})
+            ] })
+          ] }),
+          side: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: "Output" }),
+            /* @__PURE__ */ jsx(
+              SummaryList,
+              {
+                items: [
+                  { label: "Images", value: pdf.pageCount ? selection.length : "-" },
+                  {
+                    label: "Page 1 size",
+                    value: estimate ? `${estimate.width} \xD7 ${estimate.height}px` : "-"
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SideTips,
+              {
+                tips: [
+                  "150 DPI suits screens and sharing; use 300 DPI for printing.",
+                  "More than one image downloads as a ZIP.",
+                  "Very large pages are scaled down to fit browser limits."
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { PdfToImages };
+//# sourceMappingURL=chunk-CNEDWATL.js.map
+//# sourceMappingURL=chunk-CNEDWATL.js.map

package/dist/chunk-CNEDWATL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toimages/PdfToImages.tsx"],"names":[],"mappings":"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","file":"chunk-CNEDWATL.js","sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { downloadBlob, formatBytes, toBaseName } from \"../shared/files\";\nimport { parsePageSelection } from \"../shared/pageRanges\";\nimport { canvasToBlob, renderPageToCanvas } from \"../shared/pdfRender\";\nimport {\n  BackToPdfTools,\n  FileDropzone,\n  PdfToolColumns,\n  PdfToolPage,\n  SelectedPdfCard,\n  SideTips,\n  StatusBanner,\n  SummaryList,\n  fieldLabelClass,\n  inputClass,\n  primaryButtonClass,\n} from \"../shared/ToolLayout\";\nimport { useRenderDocument, useThumbnails } from \"../shared/useRenderDocument\";\nimport { useSinglePdf } from \"../shared/useSinglePdf\";\nimport { createZip } from \"../shared/zip\";\nimport { DPI_OPTIONS, IMAGE_FORMATS, dpiToScale, imageFileName, renderedSize, type ImageFormat } from \"./pdfToImagesCore\";\n\nexport default function PdfToImages() {\n  const [format, setFormat] = useState<ImageFormat>(\"png\");\n  const [dpi, setDpi] = useState(150);\n  const [quality, setQuality] = useState(0.85);\n  const [pages, setPages] = useState(\"\");\n  const [isConverting, setIsConverting] = useState(false);\n  const [status, setStatus] = useState({\n    tone: \"info\",\n    text: \"Add a PDF to export its pages as PNG or JPG images.\",\n  });\n\n  useEffect(() => {\n    document.title = \"PDF to Images | Apps\";\n  }, []);\n\n  const onError = useCallback((text) => setStatus({ tone: \"error\", text }), []);\n  const onLoaded = useCallback(({ file, pageCount }) => {\n    setPages(\"\");\n    setStatus({\n      tone: \"success\",\n      text: `${file.name} loaded with ${pageCount} page${pageCount === 1 ? \"\" : \"s\"}.`,\n    });\n  }, []);\n  const pdf = useSinglePdf({ onError, onLoaded });\n  const { doc, error: renderError } = useRenderDocument(pdf.bytes);\n  const thumbnails = useThumbnails(doc, 120);\n\n  let selection = [];\n  let selectionError = \"\";\n  if (pdf.pageCount) {\n    try {\n      selection = [...new Set(parsePageSelection(pages, pdf.pageCount))];\n    } catch (error) {\n      selectionError = error.message;\n    }\n  }\n\n  const firstPage = thumbnails[0];\n  const estimate = firstPage ? renderedSize(firstPage.width, firstPage.height, dpi) : null;\n\n  const handleConvert = async (event) => {\n    event.preventDefault();\n    if (!doc || !selection.length) return;\n\n    setIsConverting(true);\n    const baseName = toBaseName(pdf.file.name, \"document\");\n    const { mime } = IMAGE_FORMATS[format];\n    const outputs = [];\n    let reduced = false;\n\n    try {\n      for (let i = 0; i < selection.length; i += 1) {\n        const pageNumber = selection[i] + 1;\n        setStatus({ tone: \"info\", text: `Rendering page ${pageNumber} (${i + 1} of ${selection.length})...` });\n        const render = await renderPageToCanvas(doc, pageNumber, { scale: dpiToScale(dpi) });\n        reduced = reduced || render.reduced;\n        const blob = await canvasToBlob(render.canvas, mime, format === \"jpeg\" ? quality : undefined);\n        render.canvas.width = 0;\n        render.canvas.height = 0;\n        outputs.push({\n          name: imageFileName(baseName, pageNumber, pdf.pageCount, format),\n          bytes: new Uint8Array(await blob.arrayBuffer()),\n          type: mime,\n        });\n      }\n\n      let size;\n      if (outputs.length === 1) {\n        const blob = new Blob([outputs[0].bytes as BlobPart], { type: outputs[0].type });\n        size = blob.size;\n        downloadBlob(blob, outputs[0].name);\n      } else {\n        const blob = new Blob([createZip(outputs) as BlobPart], { type: \"application/zip\" });\n        size = blob.size;\n        downloadBlob(blob, `${baseName}-images.zip`);\n      }\n\n      setStatus({\n        tone: \"success\",\n        text: `Exported ${outputs.length} image${outputs.length === 1 ? \"\" : \"s\"} (${formatBytes(size)}). Your download has started.${\n          reduced ? \" Some pages were scaled down to stay within browser canvas limits.\" : \"\"\n        }`,\n      });\n    } catch (error) {\n      setStatus({ tone: \"error\", text: `Export failed: ${error?.message || \"Please try again.\"}` });\n    } finally {\n      setIsConverting(false);\n    }\n  };\n\n  const busy = isConverting || pdf.isReading;\n\n  return (\n    <PdfToolPage\n      title=\"PDF to Images\"\n      description=\"Export PDF pages as PNG or JPG images at the resolution you need. Runs in your browser; files never leave your device.\"\n      stats={[\n        { value: pdf.pageCount || \"-\", label: \"Pages\" },\n        { value: format === \"png\" ? \"PNG\" : \"JPG\", label: \"Output\" },\n      ]}\n    >\n      <PdfToolColumns\n        main={\n          <form onSubmit={handleConvert}>\n            {pdf.file ? (\n              <SelectedPdfCard file={pdf.file} pageCount={pdf.pageCount} onRemove={pdf.clear} disabled={isConverting} />\n            ) : (\n              <FileDropzone\n                accept=\".pdf,application/pdf\"\n                disabled={busy}\n                onFiles={pdf.selectFiles}\n                title=\"Drag and drop a PDF here\"\n                hint=\"or click to browse from your device\"\n              />\n            )}\n\n            {renderError ? <p className=\"mt-3 text-xs text-rose-700 dark:text-rose-300\">{renderError}</p> : null}\n\n            {thumbnails.length ? (\n              <div className=\"mt-5 flex gap-2 overflow-x-auto pb-2\">\n                {thumbnails.map((thumb, index) => (\n                  <div\n                    key={index}\n                    className={`flex h-28 w-20 shrink-0 items-center justify-center rounded-lg border bg-slate-100 p-1 dark:bg-slate-800 ${\n                      selection.includes(index) ? \"border-[#1F8CFF]\" : \"border-slate-200 opacity-40 dark:border-slate-700\"\n                    }`}\n                  >\n                    {thumb ? (\n                      <img src={thumb.url} alt={`Page ${index + 1}`} className=\"max-h-full max-w-full\" />\n                    ) : (\n                      <i className=\"fa-solid fa-spinner fa-spin text-slate-400\" />\n                    )}\n                  </div>\n                ))}\n              </div>\n            ) : null}\n\n            <fieldset className=\"mt-5 grid gap-4 sm:grid-cols-2\" disabled={busy || !pdf.pageCount}>\n              <label className={fieldLabelClass}>\n                Format\n                <select value={format} onChange={(event) => setFormat(event.target.value as ImageFormat)} className={`mt-2 ${inputClass}`}>\n                  {Object.entries(IMAGE_FORMATS).map(([value, option]) => (\n                    <option key={value} value={value}>\n                      {option.label}\n                    </option>\n                  ))}\n                </select>\n              </label>\n              <label className={fieldLabelClass}>\n                Resolution\n                <select value={dpi} onChange={(event) => setDpi(Number(event.target.value))} className={`mt-2 ${inputClass}`}>\n                  {DPI_OPTIONS.map((value) => (\n                    <option key={value} value={value}>\n                      {value} DPI{value === 72 ? \" (screen)\" : value === 150 ? \" (recommended)\" : value === 300 ? \" (print)\" : \"\"}\n                    </option>\n                  ))}\n                </select>\n              </label>\n              {format === \"jpeg\" ? (\n                <label className={fieldLabelClass}>\n                  JPG quality: {Math.round(quality * 100)}%\n                  <input\n                    type=\"range\"\n                    min={0.4}\n                    max={1}\n                    step={0.05}\n                    value={quality}\n                    onChange={(event) => setQuality(Number(event.target.value))}\n                    className=\"mt-2 w-full accent-[#1F8CFF]\"\n                  />\n                </label>\n              ) : null}\n              <label className={fieldLabelClass}>\n                Pages\n                <input\n                  type=\"text\"\n                  value={pages}\n                  onChange={(event) => setPages(event.target.value)}\n                  placeholder=\"All pages (e.g. 1-3, 5)\"\n                  className={`mt-2 ${inputClass}`}\n                />\n              </label>\n            </fieldset>\n\n            {selectionError && pages.trim() ? (\n              <p className=\"mt-3 text-xs text-rose-700 dark:text-rose-300\">{selectionError}</p>\n            ) : null}\n\n            <StatusBanner status={status} />\n\n            <div className=\"mt-5 flex flex-wrap gap-3\">\n              <button type=\"submit\" disabled={busy || !doc || !selection.length} className={primaryButtonClass}>\n                <i className={`fa-solid ${isConverting ? \"fa-spinner fa-spin\" : \"fa-file-image\"}`} />\n                {isConverting ? \"Exporting...\" : \"Export images\"}\n              </button>\n              <BackToPdfTools />\n            </div>\n          </form>\n        }\n        side={\n          <>\n            <h2 className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">Output</h2>\n            <SummaryList\n              items={[\n                { label: \"Images\", value: pdf.pageCount ? selection.length : \"-\" },\n                {\n                  label: \"Page 1 size\",\n                  value: estimate ? `${estimate.width} × ${estimate.height}px` : \"-\",\n                },\n              ]}\n            />\n            <SideTips\n              tips={[\n                \"150 DPI suits screens and sharing; use 300 DPI for printing.\",\n                \"More than one image downloads as a ZIP.\",\n                \"Very large pages are scaled down to fit browser limits.\",\n              ]}\n            />\n          </>\n        }\n      />\n    </PdfToolPage>\n  );\n}\n"]}