@kitsy/pdf 0.0.0-stage → 0.1.0

package/dist/chunk-4EAYBJ6G.js

@@ -0,0 +1,362 @@
+import { formatPageNumber, stampPdf } from './chunk-VCTN77K2.js';
+import { useSinglePdf } from './chunk-BK3MYSUS.js';
+import { PdfToolPage, PdfToolColumns, SideTips, SelectedPdfCard, FileDropzone, cardClass, 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';
+
+var NUMBER_FORMATS = ["{n}", "Page {n}", "Page {n} of {total}", "{n} / {total}"];
+var POSITIONS = [
+  { value: "bottom-center", label: "Bottom center" },
+  { value: "bottom-right", label: "Bottom right" },
+  { value: "bottom-left", label: "Bottom left" },
+  { value: "top-center", label: "Top center" },
+  { value: "top-right", label: "Top right" },
+  { value: "top-left", label: "Top left" }
+];
+function Toggle({ checked, onChange, label, disabled = false }) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-3 text-sm font-semibold text-slate-900 dark:text-slate-100", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (event) => onChange(event.target.checked),
+        disabled,
+        className: "h-4 w-4 accent-[#1F8CFF]"
+      }
+    ),
+    label
+  ] });
+}
+function StampPreview({ watermark, pageNumbers }) {
+  const [vertical, horizontal] = (pageNumbers?.position || "bottom-center").split("-");
+  const justify = { left: "justify-start", center: "justify-center", right: "justify-end" }[horizontal];
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto mt-4 flex aspect-[1/1.414] w-40 flex-col overflow-hidden rounded-md border border-slate-300 bg-white p-2 shadow-sm", children: [
+    pageNumbers && vertical === "top" ? /* @__PURE__ */ jsx("div", { className: `flex ${justify} text-[7px] text-slate-600`, children: formatPageNumber(pageNumbers.format, 1, 12) }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-1 items-center justify-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-x-1 top-2 space-y-1", children: Array.from({ length: 9 }, (_, i) => /* @__PURE__ */ jsx("div", { className: "h-1 rounded bg-slate-200", style: { width: `${70 + i * 17 % 30}%` } }, i)) }),
+      watermark ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "relative whitespace-nowrap font-bold",
+          style: {
+            color: watermark.color,
+            opacity: watermark.opacity,
+            fontSize: `${Math.max(6, watermark.fontSize / 4)}px`,
+            transform: `rotate(${-watermark.rotation}deg)`
+          },
+          children: watermark.text
+        }
+      ) : null
+    ] }),
+    pageNumbers && vertical === "bottom" ? /* @__PURE__ */ jsx("div", { className: `flex ${justify} text-[7px] text-slate-600`, children: formatPageNumber(pageNumbers.format, 1, 12) }) : null
+  ] });
+}
+function WatermarkPdf() {
+  const [useWatermark, setUseWatermark] = useState(true);
+  const [watermarkText, setWatermarkText] = useState("CONFIDENTIAL");
+  const [watermarkSize, setWatermarkSize] = useState(60);
+  const [watermarkOpacity, setWatermarkOpacity] = useState(0.2);
+  const [watermarkRotation, setWatermarkRotation] = useState(45);
+  const [watermarkColor, setWatermarkColor] = useState("#e11d48");
+  const [useNumbers, setUseNumbers] = useState(false);
+  const [numberFormat, setNumberFormat] = useState("Page {n} of {total}");
+  const [numberPosition, setNumberPosition] = useState("bottom-center");
+  const [numberSize, setNumberSize] = useState(11);
+  const [startAt, setStartAt] = useState(1);
+  const [pages, setPages] = useState("");
+  const [outputName, setOutputName] = useState("");
+  const [isStamping, setIsStamping] = useState(false);
+  const [status, setStatus] = useState({
+    tone: "info",
+    text: "Add a PDF, then stamp a text watermark, page numbers, or both."
+  });
+  useEffect(() => {
+    document.title = "Watermark & Page Numbers | Apps";
+  }, []);
+  const onError = useCallback((text) => setStatus({ tone: "error", text }), []);
+  const onLoaded = useCallback(({ file, pageCount }) => {
+    setOutputName(`${toBaseName(file.name, "document")}-stamped`);
+    setStatus({
+      tone: "success",
+      text: `${file.name} loaded with ${pageCount} page${pageCount === 1 ? "" : "s"}.`
+    });
+  }, []);
+  const pdf = useSinglePdf({ onError, onLoaded });
+  const watermark = useWatermark ? {
+    text: watermarkText,
+    fontSize: Number(watermarkSize),
+    opacity: Number(watermarkOpacity),
+    rotation: Number(watermarkRotation),
+    color: watermarkColor
+  } : null;
+  const pageNumbers = useNumbers ? {
+    format: numberFormat,
+    position: numberPosition,
+    fontSize: Number(numberSize),
+    startAt: Number(startAt)
+  } : null;
+  const hasStamp = Boolean(watermark && watermarkText.trim() || pageNumbers);
+  const handleStamp = async (event) => {
+    event.preventDefault();
+    if (!pdf.bytes || !hasStamp) return;
+    setIsStamping(true);
+    setStatus({ tone: "info", text: "Stamping your PDF..." });
+    try {
+      const bytes = await stampPdf(pdf.bytes, { pages, watermark, pageNumbers });
+      const blob = new Blob([bytes], { type: "application/pdf" });
+      downloadBlob(blob, `${toBaseName(outputName, "stamped")}.pdf`);
+      setStatus({
+        tone: "success",
+        text: `Done (${formatBytes(blob.size)}). Your download has started.`
+      });
+    } catch (error) {
+      setStatus({ tone: "error", text: `Stamping failed: ${error?.message || "Please try again."}` });
+    } finally {
+      setIsStamping(false);
+    }
+  };
+  const busy = isStamping || pdf.isReading;
+  return /* @__PURE__ */ jsx(
+    PdfToolPage,
+    {
+      title: "Watermark & Page Numbers",
+      description: "Stamp a text watermark such as DRAFT or CONFIDENTIAL, and add page numbers, on every page or just the ones you pick. Runs in your browser.",
+      stats: [
+        { value: pdf.pageCount || "-", label: "Pages" },
+        { value: "PDF", label: "Output" }
+      ],
+      children: /* @__PURE__ */ jsx(
+        PdfToolColumns,
+        {
+          main: /* @__PURE__ */ jsxs("form", { onSubmit: handleStamp, children: [
+            pdf.file ? /* @__PURE__ */ jsx(
+              SelectedPdfCard,
+              {
+                signed: pdf.signed,
+                file: pdf.file,
+                pageCount: pdf.pageCount,
+                onRemove: pdf.clear,
+                disabled: isStamping
+              }
+            ) : /* @__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"
+              }
+            ),
+            /* @__PURE__ */ jsxs("fieldset", { className: "mt-5 space-y-4", disabled: busy, children: [
+              /* @__PURE__ */ jsxs("div", { className: cardClass, children: [
+                /* @__PURE__ */ jsx(Toggle, { checked: useWatermark, onChange: setUseWatermark, label: "Text watermark" }),
+                useWatermark ? /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-4 sm:grid-cols-2", children: [
+                  /* @__PURE__ */ jsxs("label", { className: `sm:col-span-2 ${fieldLabelClass}`, children: [
+                    "Text",
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        value: watermarkText,
+                        onChange: (event) => setWatermarkText(event.target.value),
+                        maxLength: 80,
+                        className: `mt-2 ${inputClass}`
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Size: ",
+                    watermarkSize,
+                    "pt",
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "range",
+                        min: 12,
+                        max: 160,
+                        value: watermarkSize,
+                        onChange: (event) => setWatermarkSize(Number(event.target.value)),
+                        className: "mt-2 w-full accent-[#1F8CFF]"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Opacity: ",
+                    Math.round(watermarkOpacity * 100),
+                    "%",
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "range",
+                        min: 0.05,
+                        max: 1,
+                        step: 0.05,
+                        value: watermarkOpacity,
+                        onChange: (event) => setWatermarkOpacity(Number(event.target.value)),
+                        className: "mt-2 w-full accent-[#1F8CFF]"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Angle",
+                    /* @__PURE__ */ jsxs(
+                      "select",
+                      {
+                        value: watermarkRotation,
+                        onChange: (event) => setWatermarkRotation(Number(event.target.value)),
+                        className: `mt-2 ${inputClass}`,
+                        children: [
+                          /* @__PURE__ */ jsx("option", { value: 0, children: "Horizontal" }),
+                          /* @__PURE__ */ jsx("option", { value: 45, children: "Diagonal (45\xB0)" }),
+                          /* @__PURE__ */ jsx("option", { value: -45, children: "Diagonal (-45\xB0)" }),
+                          /* @__PURE__ */ jsx("option", { value: 90, children: "Vertical" })
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Colour",
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "color",
+                        value: watermarkColor,
+                        onChange: (event) => setWatermarkColor(event.target.value),
+                        className: "mt-2 h-9 w-full cursor-pointer rounded-lg border border-slate-300 bg-white dark:border-slate-700 dark:bg-slate-950"
+                      }
+                    )
+                  ] })
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: cardClass, children: [
+                /* @__PURE__ */ jsx(Toggle, { checked: useNumbers, onChange: setUseNumbers, label: "Page numbers" }),
+                useNumbers ? /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-4 sm:grid-cols-2", children: [
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Format",
+                    /* @__PURE__ */ jsx(
+                      "select",
+                      {
+                        value: numberFormat,
+                        onChange: (event) => setNumberFormat(event.target.value),
+                        className: `mt-2 ${inputClass}`,
+                        children: NUMBER_FORMATS.map((format) => /* @__PURE__ */ jsx("option", { value: format, children: formatPageNumber(format, 1, 12) }, format))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Position",
+                    /* @__PURE__ */ jsx(
+                      "select",
+                      {
+                        value: numberPosition,
+                        onChange: (event) => setNumberPosition(event.target.value),
+                        className: `mt-2 ${inputClass}`,
+                        children: POSITIONS.map((position) => /* @__PURE__ */ jsx("option", { value: position.value, children: position.label }, position.value))
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Font size",
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "number",
+                        min: 6,
+                        max: 36,
+                        value: numberSize,
+                        onChange: (event) => setNumberSize(Number(event.target.value)),
+                        className: `mt-2 ${inputClass}`
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                    "Start numbering at",
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "number",
+                        min: 1,
+                        value: startAt,
+                        onChange: (event) => setStartAt(Number(event.target.value)),
+                        className: `mt-2 ${inputClass}`
+                      }
+                    )
+                  ] })
+                ] }) : null
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+                /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                  "Apply to pages",
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: pages,
+                      onChange: (event) => setPages(event.target.value),
+                      placeholder: "All pages (e.g. 2-)",
+                      className: `mt-2 ${inputClass}`
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("label", { className: fieldLabelClass, children: [
+                  "Output file name",
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "text",
+                      value: outputName,
+                      onChange: (event) => setOutputName(event.target.value),
+                      placeholder: "stamped",
+                      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: busy || !pdf.bytes || !hasStamp,
+                  className: primaryButtonClass,
+                  children: [
+                    /* @__PURE__ */ jsx("i", { className: `fa-solid ${isStamping ? "fa-spinner fa-spin" : "fa-stamp"}` }),
+                    isStamping ? "Stamping..." : "Apply & Download"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(BackToPdfTools, {})
+            ] })
+          ] }),
+          side: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: "Preview" }),
+            /* @__PURE__ */ jsx(StampPreview, { watermark, pageNumbers }),
+            /* @__PURE__ */ jsx(
+              SideTips,
+              {
+                tips: [
+                  "The preview is a rough guide to placement, not an exact render.",
+                  /* @__PURE__ */ jsxs(Fragment, { children: [
+                    "Skip a cover page with ",
+                    /* @__PURE__ */ jsx("code", { children: "2-" }),
+                    " in Apply to pages. Numbering counts only stamped pages."
+                  ] }),
+                  "Text uses Helvetica, so it supports basic Latin characters only."
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { WatermarkPdf };
+//# sourceMappingURL=chunk-4EAYBJ6G.js.map
+//# sourceMappingURL=chunk-4EAYBJ6G.js.map

package/dist/chunk-4EAYBJ6G.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stamp/WatermarkPdf.tsx"],"names":[],"mappings":"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","file":"chunk-4EAYBJ6G.js","sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { downloadBlob, formatBytes, toBaseName } from \"../shared/files\";\nimport {\n  BackToPdfTools,\n  FileDropzone,\n  PdfToolColumns,\n  PdfToolPage,\n  SelectedPdfCard,\n  SideTips,\n  StatusBanner,\n  cardClass,\n  fieldLabelClass,\n  inputClass,\n  primaryButtonClass,\n} from \"../shared/ToolLayout\";\nimport { useSinglePdf } from \"../shared/useSinglePdf\";\nimport { formatPageNumber, stampPdf, type NumberPosition } from \"./stampPdfCore\";\n\nconst NUMBER_FORMATS = [\"{n}\", \"Page {n}\", \"Page {n} of {total}\", \"{n} / {total}\"];\n\nconst POSITIONS = [\n  { value: \"bottom-center\", label: \"Bottom center\" },\n  { value: \"bottom-right\", label: \"Bottom right\" },\n  { value: \"bottom-left\", label: \"Bottom left\" },\n  { value: \"top-center\", label: \"Top center\" },\n  { value: \"top-right\", label: \"Top right\" },\n  { value: \"top-left\", label: \"Top left\" },\n];\n\nfunction Toggle({ checked, onChange, label, disabled = false }) {\n  return (\n    <label className=\"flex cursor-pointer items-center gap-3 text-sm font-semibold text-slate-900 dark:text-slate-100\">\n      <input\n        type=\"checkbox\"\n        checked={checked}\n        onChange={(event) => onChange(event.target.checked)}\n        disabled={disabled}\n        className=\"h-4 w-4 accent-[#1F8CFF]\"\n      />\n      {label}\n    </label>\n  );\n}\n\nfunction StampPreview({ watermark, pageNumbers }) {\n  const [vertical, horizontal] = (pageNumbers?.position || \"bottom-center\").split(\"-\");\n  const justify = { left: \"justify-start\", center: \"justify-center\", right: \"justify-end\" }[horizontal];\n\n  return (\n    <div className=\"mx-auto mt-4 flex aspect-[1/1.414] w-40 flex-col overflow-hidden rounded-md border border-slate-300 bg-white p-2 shadow-sm\">\n      {pageNumbers && vertical === \"top\" ? (\n        <div className={`flex ${justify} text-[7px] text-slate-600`}>\n          {formatPageNumber(pageNumbers.format, 1, 12)}\n        </div>\n      ) : null}\n      <div className=\"relative flex flex-1 items-center justify-center\">\n        <div className=\"absolute inset-x-1 top-2 space-y-1\">\n          {Array.from({ length: 9 }, (_, i) => (\n            <div key={i} className=\"h-1 rounded bg-slate-200\" style={{ width: `${70 + ((i * 17) % 30)}%` }} />\n          ))}\n        </div>\n        {watermark ? (\n          <span\n            className=\"relative whitespace-nowrap font-bold\"\n            style={{\n              color: watermark.color,\n              opacity: watermark.opacity,\n              fontSize: `${Math.max(6, watermark.fontSize / 4)}px`,\n              transform: `rotate(${-watermark.rotation}deg)`,\n            }}\n          >\n            {watermark.text}\n          </span>\n        ) : null}\n      </div>\n      {pageNumbers && vertical === \"bottom\" ? (\n        <div className={`flex ${justify} text-[7px] text-slate-600`}>\n          {formatPageNumber(pageNumbers.format, 1, 12)}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport default function WatermarkPdf() {\n  const [useWatermark, setUseWatermark] = useState(true);\n  const [watermarkText, setWatermarkText] = useState(\"CONFIDENTIAL\");\n  const [watermarkSize, setWatermarkSize] = useState(60);\n  const [watermarkOpacity, setWatermarkOpacity] = useState(0.2);\n  const [watermarkRotation, setWatermarkRotation] = useState(45);\n  const [watermarkColor, setWatermarkColor] = useState(\"#e11d48\");\n  const [useNumbers, setUseNumbers] = useState(false);\n  const [numberFormat, setNumberFormat] = useState(\"Page {n} of {total}\");\n  const [numberPosition, setNumberPosition] = useState<NumberPosition>(\"bottom-center\");\n  const [numberSize, setNumberSize] = useState(11);\n  const [startAt, setStartAt] = useState(1);\n  const [pages, setPages] = useState(\"\");\n  const [outputName, setOutputName] = useState(\"\");\n  const [isStamping, setIsStamping] = useState(false);\n  const [status, setStatus] = useState({\n    tone: \"info\",\n    text: \"Add a PDF, then stamp a text watermark, page numbers, or both.\",\n  });\n\n  useEffect(() => {\n    document.title = \"Watermark & Page Numbers | Apps\";\n  }, []);\n\n  const onError = useCallback((text) => setStatus({ tone: \"error\", text }), []);\n  const onLoaded = useCallback(({ file, pageCount }) => {\n    setOutputName(`${toBaseName(file.name, \"document\")}-stamped`);\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\n  const watermark = useWatermark\n    ? {\n        text: watermarkText,\n        fontSize: Number(watermarkSize),\n        opacity: Number(watermarkOpacity),\n        rotation: Number(watermarkRotation),\n        color: watermarkColor,\n      }\n    : null;\n  const pageNumbers = useNumbers\n    ? {\n        format: numberFormat,\n        position: numberPosition,\n        fontSize: Number(numberSize),\n        startAt: Number(startAt),\n      }\n    : null;\n  const hasStamp = Boolean((watermark && watermarkText.trim()) || pageNumbers);\n\n  const handleStamp = async (event) => {\n    event.preventDefault();\n    if (!pdf.bytes || !hasStamp) return;\n\n    setIsStamping(true);\n    setStatus({ tone: \"info\", text: \"Stamping your PDF...\" });\n    try {\n      const bytes = await stampPdf(pdf.bytes, { pages, watermark, pageNumbers });\n      const blob = new Blob([bytes as BlobPart], { type: \"application/pdf\" });\n      downloadBlob(blob, `${toBaseName(outputName, \"stamped\")}.pdf`);\n      setStatus({\n        tone: \"success\",\n        text: `Done (${formatBytes(blob.size)}). Your download has started.`,\n      });\n    } catch (error) {\n      setStatus({ tone: \"error\", text: `Stamping failed: ${error?.message || \"Please try again.\"}` });\n    } finally {\n      setIsStamping(false);\n    }\n  };\n\n  const busy = isStamping || pdf.isReading;\n\n  return (\n    <PdfToolPage\n      title=\"Watermark & Page Numbers\"\n      description=\"Stamp a text watermark such as DRAFT or CONFIDENTIAL, and add page numbers, on every page or just the ones you pick. Runs in your browser.\"\n      stats={[\n        { value: pdf.pageCount || \"-\", label: \"Pages\" },\n        { value: \"PDF\", label: \"Output\" },\n      ]}\n    >\n      <PdfToolColumns\n        main={\n          <form onSubmit={handleStamp}>\n            {pdf.file ? (\n              <SelectedPdfCard\n                signed={pdf.signed}\n                file={pdf.file}\n                pageCount={pdf.pageCount}\n                onRemove={pdf.clear}\n                disabled={isStamping}\n              />\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            <fieldset className=\"mt-5 space-y-4\" disabled={busy}>\n              <div className={cardClass}>\n                <Toggle checked={useWatermark} onChange={setUseWatermark} label=\"Text watermark\" />\n                {useWatermark ? (\n                  <div className=\"mt-4 grid gap-4 sm:grid-cols-2\">\n                    <label className={`sm:col-span-2 ${fieldLabelClass}`}>\n                      Text\n                      <input\n                        type=\"text\"\n                        value={watermarkText}\n                        onChange={(event) => setWatermarkText(event.target.value)}\n                        maxLength={80}\n                        className={`mt-2 ${inputClass}`}\n                      />\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Size: {watermarkSize}pt\n                      <input\n                        type=\"range\"\n                        min={12}\n                        max={160}\n                        value={watermarkSize}\n                        onChange={(event) => setWatermarkSize(Number(event.target.value))}\n                        className=\"mt-2 w-full accent-[#1F8CFF]\"\n                      />\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Opacity: {Math.round(watermarkOpacity * 100)}%\n                      <input\n                        type=\"range\"\n                        min={0.05}\n                        max={1}\n                        step={0.05}\n                        value={watermarkOpacity}\n                        onChange={(event) => setWatermarkOpacity(Number(event.target.value))}\n                        className=\"mt-2 w-full accent-[#1F8CFF]\"\n                      />\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Angle\n                      <select\n                        value={watermarkRotation}\n                        onChange={(event) => setWatermarkRotation(Number(event.target.value))}\n                        className={`mt-2 ${inputClass}`}\n                      >\n                        <option value={0}>Horizontal</option>\n                        <option value={45}>Diagonal (45°)</option>\n                        <option value={-45}>Diagonal (-45°)</option>\n                        <option value={90}>Vertical</option>\n                      </select>\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Colour\n                      <input\n                        type=\"color\"\n                        value={watermarkColor}\n                        onChange={(event) => setWatermarkColor(event.target.value)}\n                        className=\"mt-2 h-9 w-full cursor-pointer rounded-lg border border-slate-300 bg-white dark:border-slate-700 dark:bg-slate-950\"\n                      />\n                    </label>\n                  </div>\n                ) : null}\n              </div>\n\n              <div className={cardClass}>\n                <Toggle checked={useNumbers} onChange={setUseNumbers} label=\"Page numbers\" />\n                {useNumbers ? (\n                  <div className=\"mt-4 grid gap-4 sm:grid-cols-2\">\n                    <label className={fieldLabelClass}>\n                      Format\n                      <select\n                        value={numberFormat}\n                        onChange={(event) => setNumberFormat(event.target.value)}\n                        className={`mt-2 ${inputClass}`}\n                      >\n                        {NUMBER_FORMATS.map((format) => (\n                          <option key={format} value={format}>\n                            {formatPageNumber(format, 1, 12)}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Position\n                      <select\n                        value={numberPosition}\n                        onChange={(event) => setNumberPosition(event.target.value as NumberPosition)}\n                        className={`mt-2 ${inputClass}`}\n                      >\n                        {POSITIONS.map((position) => (\n                          <option key={position.value} value={position.value}>\n                            {position.label}\n                          </option>\n                        ))}\n                      </select>\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Font size\n                      <input\n                        type=\"number\"\n                        min={6}\n                        max={36}\n                        value={numberSize}\n                        onChange={(event) => setNumberSize(Number(event.target.value))}\n                        className={`mt-2 ${inputClass}`}\n                      />\n                    </label>\n                    <label className={fieldLabelClass}>\n                      Start numbering at\n                      <input\n                        type=\"number\"\n                        min={1}\n                        value={startAt}\n                        onChange={(event) => setStartAt(Number(event.target.value))}\n                        className={`mt-2 ${inputClass}`}\n                      />\n                    </label>\n                  </div>\n                ) : null}\n              </div>\n\n              <div className=\"grid gap-4 sm:grid-cols-2\">\n                <label className={fieldLabelClass}>\n                  Apply to pages\n                  <input\n                    type=\"text\"\n                    value={pages}\n                    onChange={(event) => setPages(event.target.value)}\n                    placeholder=\"All pages (e.g. 2-)\"\n                    className={`mt-2 ${inputClass}`}\n                  />\n                </label>\n                <label className={fieldLabelClass}>\n                  Output file name\n                  <input\n                    type=\"text\"\n                    value={outputName}\n                    onChange={(event) => setOutputName(event.target.value)}\n                    placeholder=\"stamped\"\n                    className={`mt-2 ${inputClass}`}\n                  />\n                </label>\n              </div>\n            </fieldset>\n\n            <StatusBanner status={status} />\n\n            <div className=\"mt-5 flex flex-wrap gap-3\">\n              <button\n                type=\"submit\"\n                disabled={busy || !pdf.bytes || !hasStamp}\n                className={primaryButtonClass}\n              >\n                <i className={`fa-solid ${isStamping ? \"fa-spinner fa-spin\" : \"fa-stamp\"}`} />\n                {isStamping ? \"Stamping...\" : \"Apply & Download\"}\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\">Preview</h2>\n            <StampPreview watermark={watermark} pageNumbers={pageNumbers} />\n            <SideTips\n              tips={[\n                \"The preview is a rough guide to placement, not an exact render.\",\n                <>\n                  Skip a cover page with <code>2-</code> in Apply to pages. Numbering counts only\n                  stamped pages.\n                </>,\n                \"Text uses Helvetica, so it supports basic Latin characters only.\",\n              ]}\n            />\n          </>\n        }\n      />\n    </PdfToolPage>\n  );\n}\n"]}

package/dist/chunk-4LBJTDV5.js

@@ -0,0 +1,165 @@
+import { COMPRESSION_LEVELS, compressPdf, browserCodec } from './chunk-ZBZ7OC6I.js';
+import { useSinglePdf } from './chunk-BK3MYSUS.js';
+import { PdfToolPage, PdfToolColumns, SummaryList, SideTips, SelectedPdfCard, FileDropzone, fieldLabelClass, StatusBanner, primaryButtonClass, BackToPdfTools } from './chunk-H6EERRCR.js';
+import { formatBytes, downloadBlob, toBaseName } from './chunk-EKHEY3LI.js';
+import { useState, useEffect, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var LEVEL_HINTS = {
+  light: "Barely visible change. Best for print.",
+  balanced: "Good for email and sharing.",
+  strong: "Smallest file. Photos look softer."
+};
+function CompressPdf() {
+  const [level, setLevel] = useState("balanced");
+  const [result, setResult] = useState(null);
+  const [isCompressing, setIsCompressing] = useState(false);
+  const [status, setStatus] = useState({
+    tone: "info",
+    text: "Add a PDF to shrink it by re-compressing its images."
+  });
+  useEffect(() => {
+    document.title = "Compress PDF | Apps";
+  }, []);
+  const onError = useCallback((text) => setStatus({ tone: "error", text }), []);
+  const onLoaded = useCallback(({ file }) => {
+    setResult(null);
+    setStatus({ tone: "success", text: `${file.name} loaded (${formatBytes(file.size)}). Choose a level and compress.` });
+  }, []);
+  const pdf = useSinglePdf({ onError, onLoaded });
+  const clearFile = () => {
+    pdf.clear();
+    setResult(null);
+  };
+  const handleCompress = async (event) => {
+    event.preventDefault();
+    if (!pdf.bytes) return;
+    setIsCompressing(true);
+    setResult(null);
+    try {
+      const { bytes, stats } = await compressPdf(
+        pdf.bytes,
+        COMPRESSION_LEVELS[level],
+        browserCodec,
+        (done, total) => setStatus({ tone: "info", text: total ? `Compressing images (${done} of ${total})...` : "Optimizing..." })
+      );
+      setResult(stats);
+      if (stats.newSize < stats.originalSize * 0.98) {
+        const blob = new Blob([bytes], { type: "application/pdf" });
+        downloadBlob(blob, `${toBaseName(pdf.file.name, "document")}-compressed.pdf`);
+        const saved = Math.round((1 - stats.newSize / stats.originalSize) * 100);
+        setStatus({
+          tone: "success",
+          text: `${formatBytes(stats.originalSize)} \u2192 ${formatBytes(stats.newSize)} (${saved}% smaller). Your download has started.`
+        });
+      } else {
+        setStatus({
+          tone: "info",
+          text: stats.images ? "This PDF is already well optimized; a smaller version could not be made at this level. Try Strong, or keep your original." : "This PDF has no images to compress, so it cannot be made noticeably smaller. Text and vector content is already compact."
+        });
+      }
+    } catch (error) {
+      setStatus({ tone: "error", text: `Compression failed: ${error?.message || "Please try again."}` });
+    } finally {
+      setIsCompressing(false);
+    }
+  };
+  const busy = isCompressing || pdf.isReading;
+  return /* @__PURE__ */ jsx(
+    PdfToolPage,
+    {
+      title: "Compress PDF",
+      description: "Shrink PDFs that are heavy with photos or scans by re-compressing their images. Runs in your browser; files never leave your device.",
+      stats: [
+        { value: pdf.file ? formatBytes(pdf.file.size) : "-", label: "Original" },
+        { value: result ? formatBytes(result.newSize) : "-", label: "Result" }
+      ],
+      children: /* @__PURE__ */ jsx(
+        PdfToolColumns,
+        {
+          main: /* @__PURE__ */ jsxs("form", { onSubmit: handleCompress, children: [
+            pdf.file ? /* @__PURE__ */ jsx(
+              SelectedPdfCard,
+              {
+                signed: pdf.signed,
+                file: pdf.file,
+                pageCount: pdf.pageCount,
+                onRemove: clearFile,
+                disabled: isCompressing
+              }
+            ) : /* @__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"
+              }
+            ),
+            /* @__PURE__ */ jsxs("fieldset", { className: "mt-5", disabled: busy || !pdf.bytes, children: [
+              /* @__PURE__ */ jsx("legend", { className: fieldLabelClass, children: "Compression level" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 grid gap-2 sm:grid-cols-3", children: Object.entries(COMPRESSION_LEVELS).map(([id, option]) => /* @__PURE__ */ jsxs(
+                "label",
+                {
+                  className: `cursor-pointer rounded-xl border p-3 text-sm transition ${level === id ? "border-[#1F8CFF] bg-blue-50 dark:bg-blue-500/10" : "border-slate-200 bg-white hover:border-slate-300 dark:border-slate-700 dark:bg-slate-900"}`,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: "compression-level",
+                        value: id,
+                        checked: level === id,
+                        onChange: () => setLevel(id),
+                        className: "sr-only"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "block font-semibold text-slate-900 dark:text-slate-100", children: option.label }),
+                    /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-slate-600 dark:text-slate-300", children: LEVEL_HINTS[id] })
+                  ]
+                },
+                id
+              )) })
+            ] }),
+            /* @__PURE__ */ jsx(StatusBanner, { status }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5 flex flex-wrap gap-3", children: [
+              /* @__PURE__ */ jsxs("button", { type: "submit", disabled: busy || !pdf.bytes, className: primaryButtonClass, children: [
+                /* @__PURE__ */ jsx("i", { className: `fa-solid ${isCompressing ? "fa-spinner fa-spin" : "fa-file-zipper"}` }),
+                isCompressing ? "Compressing..." : "Compress PDF"
+              ] }),
+              /* @__PURE__ */ jsx(BackToPdfTools, {})
+            ] })
+          ] }),
+          side: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: "Result" }),
+            /* @__PURE__ */ jsx(
+              SummaryList,
+              {
+                items: [
+                  { label: "Images found", value: result ? result.images : "-" },
+                  { label: "Images compressed", value: result ? result.compressed : "-" },
+                  { label: "New size", value: result ? formatBytes(result.newSize) : "-" }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SideTips,
+              {
+                tips: [
+                  "Works best on scans and photo-heavy PDFs.",
+                  "Text stays sharp: only images are re-compressed.",
+                  "Masks and CMYK images are left as they are."
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { CompressPdf };
+//# sourceMappingURL=chunk-4LBJTDV5.js.map
+//# sourceMappingURL=chunk-4LBJTDV5.js.map

package/dist/chunk-4LBJTDV5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/compress/CompressPdf.tsx"],"names":[],"mappings":"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","file":"chunk-4LBJTDV5.js","sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { downloadBlob, formatBytes, toBaseName } from \"../shared/files\";\nimport {\n  BackToPdfTools,\n  FileDropzone,\n  PdfToolColumns,\n  PdfToolPage,\n  SelectedPdfCard,\n  SideTips,\n  StatusBanner,\n  SummaryList,\n  fieldLabelClass,\n  primaryButtonClass,\n} from \"../shared/ToolLayout\";\nimport { useSinglePdf } from \"../shared/useSinglePdf\";\nimport { browserCodec } from \"./browserCodec\";\nimport { COMPRESSION_LEVELS, compressPdf } from \"./compressPdfCore\";\n\nconst LEVEL_HINTS = {\n  light: \"Barely visible change. Best for print.\",\n  balanced: \"Good for email and sharing.\",\n  strong: \"Smallest file. Photos look softer.\",\n};\n\nexport default function CompressPdf() {\n  const [level, setLevel] = useState(\"balanced\");\n  const [result, setResult] = useState(null);\n  const [isCompressing, setIsCompressing] = useState(false);\n  const [status, setStatus] = useState({\n    tone: \"info\",\n    text: \"Add a PDF to shrink it by re-compressing its images.\",\n  });\n\n  useEffect(() => {\n    document.title = \"Compress PDF | Apps\";\n  }, []);\n\n  const onError = useCallback((text) => setStatus({ tone: \"error\", text }), []);\n  const onLoaded = useCallback(({ file }) => {\n    setResult(null);\n    setStatus({ tone: \"success\", text: `${file.name} loaded (${formatBytes(file.size)}). Choose a level and compress.` });\n  }, []);\n  const pdf = useSinglePdf({ onError, onLoaded });\n\n  const clearFile = () => {\n    pdf.clear();\n    setResult(null);\n  };\n\n  const handleCompress = async (event) => {\n    event.preventDefault();\n    if (!pdf.bytes) return;\n\n    setIsCompressing(true);\n    setResult(null);\n    try {\n      const { bytes, stats } = await compressPdf(pdf.bytes, COMPRESSION_LEVELS[level], browserCodec, (done, total) =>\n        setStatus({ tone: \"info\", text: total ? `Compressing images (${done} of ${total})...` : \"Optimizing...\" })\n      );\n      setResult(stats);\n\n      if (stats.newSize < stats.originalSize * 0.98) {\n        const blob = new Blob([bytes as BlobPart], { type: \"application/pdf\" });\n        downloadBlob(blob, `${toBaseName(pdf.file.name, \"document\")}-compressed.pdf`);\n        const saved = Math.round((1 - stats.newSize / stats.originalSize) * 100);\n        setStatus({\n          tone: \"success\",\n          text: `${formatBytes(stats.originalSize)} → ${formatBytes(stats.newSize)} (${saved}% smaller). Your download has started.`,\n        });\n      } else {\n        setStatus({\n          tone: \"info\",\n          text: stats.images\n            ? \"This PDF is already well optimized; a smaller version could not be made at this level. Try Strong, or keep your original.\"\n            : \"This PDF has no images to compress, so it cannot be made noticeably smaller. Text and vector content is already compact.\",\n        });\n      }\n    } catch (error) {\n      setStatus({ tone: \"error\", text: `Compression failed: ${error?.message || \"Please try again.\"}` });\n    } finally {\n      setIsCompressing(false);\n    }\n  };\n\n  const busy = isCompressing || pdf.isReading;\n\n  return (\n    <PdfToolPage\n      title=\"Compress PDF\"\n      description=\"Shrink PDFs that are heavy with photos or scans by re-compressing their images. Runs in your browser; files never leave your device.\"\n      stats={[\n        { value: pdf.file ? formatBytes(pdf.file.size) : \"-\", label: \"Original\" },\n        { value: result ? formatBytes(result.newSize) : \"-\", label: \"Result\" },\n      ]}\n    >\n      <PdfToolColumns\n        main={\n          <form onSubmit={handleCompress}>\n            {pdf.file ? (\n              <SelectedPdfCard\n                signed={pdf.signed} file={pdf.file} pageCount={pdf.pageCount} onRemove={clearFile} disabled={isCompressing} />\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            <fieldset className=\"mt-5\" disabled={busy || !pdf.bytes}>\n              <legend className={fieldLabelClass}>Compression level</legend>\n              <div className=\"mt-2 grid gap-2 sm:grid-cols-3\">\n                {Object.entries(COMPRESSION_LEVELS).map(([id, option]) => (\n                  <label\n                    key={id}\n                    className={`cursor-pointer rounded-xl border p-3 text-sm transition ${\n                      level === id\n                        ? \"border-[#1F8CFF] bg-blue-50 dark:bg-blue-500/10\"\n                        : \"border-slate-200 bg-white hover:border-slate-300 dark:border-slate-700 dark:bg-slate-900\"\n                    }`}\n                  >\n                    <input\n                      type=\"radio\"\n                      name=\"compression-level\"\n                      value={id}\n                      checked={level === id}\n                      onChange={() => setLevel(id)}\n                      className=\"sr-only\"\n                    />\n                    <span className=\"block font-semibold text-slate-900 dark:text-slate-100\">{option.label}</span>\n                    <span className=\"mt-1 block text-xs text-slate-600 dark:text-slate-300\">{LEVEL_HINTS[id]}</span>\n                  </label>\n                ))}\n              </div>\n            </fieldset>\n\n            <StatusBanner status={status} />\n\n            <div className=\"mt-5 flex flex-wrap gap-3\">\n              <button type=\"submit\" disabled={busy || !pdf.bytes} className={primaryButtonClass}>\n                <i className={`fa-solid ${isCompressing ? \"fa-spinner fa-spin\" : \"fa-file-zipper\"}`} />\n                {isCompressing ? \"Compressing...\" : \"Compress PDF\"}\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\">Result</h2>\n            <SummaryList\n              items={[\n                { label: \"Images found\", value: result ? result.images : \"-\" },\n                { label: \"Images compressed\", value: result ? result.compressed : \"-\" },\n                { label: \"New size\", value: result ? formatBytes(result.newSize) : \"-\" },\n              ]}\n            />\n            <SideTips\n              tips={[\n                \"Works best on scans and photo-heavy PDFs.\",\n                \"Text stays sharp: only images are re-compressed.\",\n                \"Masks and CMYK images are left as they are.\",\n              ]}\n            />\n          </>\n        }\n      />\n    </PdfToolPage>\n  );\n}\n"]}