@signiphi/pdf-compose 0.1.0-beta.10 → 0.1.0-beta.12

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import * as React12 from 'react';
 import React12__default, { createContext, useCallback, useState, useRef, useEffect, useMemo, useContext } from 'react';
-import { AlertTriangle, RefreshCw, FileText, ChevronDown, Circle, CheckSquare, Calendar, Hash, PenTool, Type, Braces, Droplets, ChevronLeft, ChevronRight, ZoomOut, ZoomIn, Maximize2, Loader2, Plus, Save, FileDown, CheckCircle2, PanelLeftOpen, PanelLeftClose, Undo, Redo, Bold, Italic, Underline as Underline$1, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Minus, AlignLeft, AlignCenter, AlignRight, Trash2, X, PenLine, Upload, Search, WrapText, Download } from 'lucide-react';
+import { AlertTriangle, RefreshCw, FileText, ChevronDown, Circle, CheckSquare, Calendar, Hash, PenTool, Type, Braces, Droplets, Image, ChevronLeft, ChevronRight, ZoomOut, ZoomIn, Maximize2, Loader2, Plus, Save, FileDown, CheckCircle2, PanelLeftOpen, PanelLeftClose, Undo, Redo, Bold, Italic, Underline as Underline$1, Code, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Minus, AlignLeft, AlignCenter, AlignRight, Trash2, X, PenLine, Upload, Search, WrapText, Download } from 'lucide-react';
 import { ReactNodeViewRenderer, NodeViewWrapper, useEditor, EditorContent } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import Underline from '@tiptap/extension-underline';
@@ -15,7 +15,7 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { v4 } from 'uuid';
-import { PDFDocument, StandardFonts, rgb, degrees, PDFName as PDFName$1, PDFString as PDFString$1 } from 'pdf-lib';
+import { PDFDocument, StandardFonts, rgb, degrees, PDFName as PDFName$1, PDFString, PDFHexString as PDFHexString$1 } from 'pdf-lib';
 import { NodeSelection } from '@tiptap/pm/state';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -418,6 +418,72 @@ var WatermarkNode = Node.create({
     return ReactNodeViewRenderer(WatermarkNodeView);
   }
 });
+function ImageNodeView({ node, selected }) {
+  const { src, varName, alt, width, height, align } = node.attrs;
+  const hasRenderableSrc = !!src && /^(https?:|data:)/i.test(src);
+  const wrapperJustify = align === "center" ? "justify-center" : align === "right" ? "justify-end" : "justify-start";
+  const toCssSize = (v) => /^\d+(\.\d+)?$/.test(v) ? `${v}px` : v;
+  const sizeStyle = {};
+  if (width) sizeStyle.width = toCssSize(width);
+  if (height) sizeStyle.height = toCssSize(height);
+  return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx("div", { className: cn("flex my-1", wrapperJustify), "data-image-node": "", children: hasRenderableSrc ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt: alt || varName || "",
+      style: sizeStyle,
+      className: cn(
+        "max-w-full rounded-sm object-contain",
+        selected && "ring-2 ring-primary ring-offset-1"
+      ),
+      draggable: false
+    }
+  ) : /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-image-placeholder": "",
+      className: cn(
+        "inline-flex items-center gap-2 px-3 py-2 rounded-md border border-dashed text-sm",
+        "bg-slate-50 text-slate-500 border-slate-300",
+        selected && "ring-2 ring-primary ring-offset-1"
+      ),
+      style: height ? { minHeight: toCssSize(height) } : void 0,
+      title: varName ? `Image variable: ${varName}` : "Image",
+      children: [
+        /* @__PURE__ */ jsx(Image, { size: 16 }),
+        /* @__PURE__ */ jsx("span", { children: varName ? `Image: ${varName}` : alt || "Image" })
+      ]
+    }
+  ) }) });
+}
+
+// src/extensions/image-node.ts
+var ImageNode = Node.create({
+  name: "imageNode",
+  group: "block",
+  atom: true,
+  selectable: true,
+  draggable: false,
+  addAttributes() {
+    return {
+      src: { default: "" },
+      varName: { default: "" },
+      alt: { default: "" },
+      width: { default: "" },
+      height: { default: "" },
+      align: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "div[data-image-node]" }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({ "data-image-node": "" }, HTMLAttributes)];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(ImageNodeView);
+  }
+});
 var RepeatNode = Node.create({
   name: "repeatBlock",
   group: "block",
@@ -1062,11 +1128,23 @@ function parseBlocks(lines, startIdx, stopCondition) {
       continue;
     }
     const inlineNodes = parseInline(line);
-    const nonWhitespace = inlineNodes.filter(
-      (n) => !(n.type === "text" && !(n.text || "").trim())
-    );
-    if (nonWhitespace.length === 1 && nonWhitespace[0].type === "imageNode") {
-      content.push(nonWhitespace[0]);
+    if (inlineNodes.some((n) => n.type === "imageNode")) {
+      let run = [];
+      const flushRun = () => {
+        if (run.some((n) => !(n.type === "text" && !(n.text || "").trim()))) {
+          content.push({ type: "paragraph", content: run });
+        }
+        run = [];
+      };
+      for (const n of inlineNodes) {
+        if (n.type === "imageNode") {
+          flushRun();
+          content.push(n);
+        } else {
+          run.push(n);
+        }
+      }
+      flushRun();
     } else {
       content.push({ type: "paragraph", content: inlineNodes });
     }
@@ -1391,13 +1469,13 @@ near: ${snippet}`;
 
 // src/utils/pdf-metadata.ts
 var PDFName;
-var PDFString;
+var PDFHexString;
 function initPdfMetadata(pdfLibModule) {
   PDFName = pdfLibModule.PDFName;
-  PDFString = pdfLibModule.PDFString;
+  PDFHexString = pdfLibModule.PDFHexString;
 }
 function setSigniphiMetadata(pdfDoc, metadata) {
-  if (!PDFName || !PDFString) {
+  if (!PDFName || !PDFHexString) {
     throw new Error("PDF metadata classes not initialized \u2014 call initPdfMetadata before setSigniphiMetadata");
   }
   try {
@@ -1408,7 +1486,7 @@ function setSigniphiMetadata(pdfDoc, metadata) {
     }
     const infoDict = infoObj;
     const metadataString = JSON.stringify(metadata);
-    infoDict.set(PDFName.of("SigniphiMetadata"), PDFString.of(metadataString));
+    infoDict.set(PDFName.of("SigniphiMetadata"), PDFHexString.fromText(metadataString));
   } catch (error) {
     throw new Error(`Failed to embed document metadata: ${getErrorMessage(error)}`);
   }
@@ -2535,7 +2613,7 @@ async function addFormFields(pdfDoc, fieldPositions, fields) {
             }
             textField.acroField.dict.set(
               PDFName$1.of("TU"),
-              PDFString$1.of(tuValue)
+              PDFString.of(tuValue)
             );
           }
           if (field.defaultValue && field.defaultValue.trim()) {
@@ -2579,7 +2657,7 @@ async function addFormFields(pdfDoc, fieldPositions, fields) {
           if (field.label && field.label.trim()) {
             sigField.acroField.dict.set(
               PDFName$1.of("TU"),
-              PDFString$1.of(field.label)
+              PDFString.of(field.label)
             );
           }
           sigField.enableReadOnly();
@@ -2601,7 +2679,7 @@ async function addFormFields(pdfDoc, fieldPositions, fields) {
           if (field.label && field.label.trim()) {
             initialsField.acroField.dict.set(
               PDFName$1.of("TU"),
-              PDFString$1.of(field.label)
+              PDFString.of(field.label)
             );
           }
           const initialsFontSize = Math.min(
@@ -2616,7 +2694,7 @@ async function addFormFields(pdfDoc, fieldPositions, fields) {
               const daStr = daRef.value;
               if (typeof daStr === "string") {
                 const newDa = daStr.replace(/\/Helv\b/, "/TiBo").replace(/\/HeBo\b/, "/TiBo");
-                acro.acroField.dict.set(PDFName$1.of("DA"), PDFString$1.of(newDa));
+                acro.acroField.dict.set(PDFName$1.of("DA"), PDFString.of(newDa));
               }
             }
           } catch (fontError) {
@@ -2642,7 +2720,7 @@ async function addFormFields(pdfDoc, fieldPositions, fields) {
           if (tuValue) {
             dateField.acroField.dict.set(
               PDFName$1.of("TU"),
-              PDFString$1.of(tuValue)
+              PDFString.of(tuValue)
             );
           }
           if (field.required) dateField.enableRequired();
@@ -2726,7 +2804,7 @@ async function addFormFields(pdfDoc, fieldPositions, fields) {
       warnings.push(`Failed to create ${field.type} field "${field.name}": ${getErrorMessage(err)}`);
     }
   }
-  initPdfMetadata({ PDFName: PDFName$1, PDFString: PDFString$1 });
+  initPdfMetadata({ PDFName: PDFName$1, PDFHexString: PDFHexString$1 });
   const metadata = buildMetadataObject(fields, actualFieldNames);
   setSigniphiMetadata(pdfDoc, metadata);
   return warnings;
@@ -3192,6 +3270,7 @@ function useDocumentGenerator(options = {}) {
       ColumnsNode,
       ColumnNode,
       WatermarkNode,
+      ImageNode,
       RepeatNode,
       SubtotalsNode
     ],
@@ -7428,6 +7507,6 @@ function parseXmlTemplate(xmlString) {
   };
 }
 
-export { DocumentGenerator, EditorPanel, FormFieldType, PreviewPanel, RepeatNode, SubtotalsNode, ThemeProvider, expandBlockVariables, expandRepeatContent, extractVariablesFromContent, generatePdfFromMarkdown, generatePdfFromTiptap, isZeroLike, markdownToTiptap, parseXmlTemplate, suppressZeroContent, tiptapToMarkdown, useDocumentGenerator, useTheme };
+export { DocumentGenerator, EditorPanel, FormFieldType, ImageNode, PreviewPanel, RepeatNode, SubtotalsNode, ThemeProvider, expandBlockVariables, expandRepeatContent, extractVariablesFromContent, generatePdfFromMarkdown, generatePdfFromTiptap, isZeroLike, markdownToTiptap, parseXmlTemplate, suppressZeroContent, tiptapToMarkdown, useDocumentGenerator, useTheme };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map