@embedpdf/plugin-annotation 1.0.13 → 1.0.15

package/dist/index.js

@@ -1,5 +1,5 @@
 import { BasePlugin, createBehaviorEmitter, SET_DOCUMENT } from "@embedpdf/core";
-import { PdfAnnotationLineEnding, rectFromPoints, expandRect, rotateAndTranslatePoint, PdfAnnotationSubtype, PdfBlendMode, ignore, PdfTaskHelper, PdfErrorCode, Rotation, AppearanceMode, Task, PdfAnnotationBorderStyle } from "@embedpdf/models";
+import { PdfAnnotationLineEnding, rectFromPoints, expandRect, rotateAndTranslatePoint, PdfAnnotationSubtype, PdfBlendMode, ignore, PdfTaskHelper, PdfErrorCode, Rotation, AppearanceMode, Task, PdfVerticalAlignment, PdfTextAlignment, PdfStandardFont, PdfAnnotationBorderStyle } from "@embedpdf/models";
 const ANNOTATION_PLUGIN_ID = "annotation";
 const manifest = {
   id: ANNOTATION_PLUGIN_ID,
@@ -315,6 +315,60 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   deriveRect,
   lineRectWithEndings
 }, Symbol.toStringTag, { value: "Module" }));
+function isInk(a) {
+  return a.object.type === PdfAnnotationSubtype.INK;
+}
+function isCircle(a) {
+  return a.object.type === PdfAnnotationSubtype.CIRCLE;
+}
+function isPolygon(a) {
+  return a.object.type === PdfAnnotationSubtype.POLYGON;
+}
+function isSquare(a) {
+  return a.object.type === PdfAnnotationSubtype.SQUARE;
+}
+function isLine(a) {
+  return a.object.type === PdfAnnotationSubtype.LINE;
+}
+function isPolyline(a) {
+  return a.object.type === PdfAnnotationSubtype.POLYLINE;
+}
+function isHighlight(a) {
+  return a.object.type === PdfAnnotationSubtype.HIGHLIGHT;
+}
+function isUnderline(a) {
+  return a.object.type === PdfAnnotationSubtype.UNDERLINE;
+}
+function isStrikeout(a) {
+  return a.object.type === PdfAnnotationSubtype.STRIKEOUT;
+}
+function isSquiggly(a) {
+  return a.object.type === PdfAnnotationSubtype.SQUIGGLY;
+}
+function isTextMarkup(a) {
+  return isHighlight(a) || isUnderline(a) || isStrikeout(a) || isSquiggly(a);
+}
+function isFreeText(a) {
+  return a.object.type === PdfAnnotationSubtype.FREETEXT;
+}
+function isStamp(a) {
+  return a.object.type === PdfAnnotationSubtype.STAMP;
+}
+function isHighlightDefaults(defaults) {
+  return defaults.subtype === PdfAnnotationSubtype.HIGHLIGHT;
+}
+function isUnderlineDefaults(defaults) {
+  return defaults.subtype === PdfAnnotationSubtype.UNDERLINE;
+}
+function isStrikeoutDefaults(defaults) {
+  return defaults.subtype === PdfAnnotationSubtype.STRIKEOUT;
+}
+function isSquigglyDefaults(defaults) {
+  return defaults.subtype === PdfAnnotationSubtype.SQUIGGLY;
+}
+function isTextMarkupDefaults(defaults) {
+  return isHighlightDefaults(defaults) || isUnderlineDefaults(defaults) || isStrikeoutDefaults(defaults) || isSquigglyDefaults(defaults);
+}
 const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
   constructor(id, registry, engine, config) {
     super(id, registry);
@@ -322,6 +376,7 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
     this.state$ = createBehaviorEmitter();
     this.modeByVariant = /* @__PURE__ */ new Map();
     this.variantByMode = /* @__PURE__ */ new Map();
+    this.pendingContexts = /* @__PURE__ */ new Map();
     this.activeVariantChange$ = createBehaviorEmitter();
     this.activeTool$ = createBehaviorEmitter({
       variantKey: null,
@@ -354,7 +409,6 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
     });
     (_b = this.interactionManager) == null ? void 0 : _b.onModeChange((s) => {
       const newVariant = this.variantByMode.get(s.activeMode) ?? null;
-      console.log(newVariant, this.state.activeVariant);
       if (newVariant !== this.state.activeVariant) {
         this.dispatch(setActiveVariant(newVariant));
         this.activeVariantChange$.emit(newVariant);
@@ -363,19 +417,17 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
     (_c = this.selection) == null ? void 0 : _c.onEndSelection(() => {
       var _a2, _b2;
       if (!this.state.activeVariant) return;
-      if (!(this.state.activeVariant === makeVariantKey(PdfAnnotationSubtype.HIGHLIGHT) || this.state.activeVariant === makeVariantKey(PdfAnnotationSubtype.UNDERLINE) || this.state.activeVariant === makeVariantKey(PdfAnnotationSubtype.STRIKEOUT) || this.state.activeVariant === makeVariantKey(PdfAnnotationSubtype.SQUIGGLY))) {
-        return;
-      }
+      const defaults = this.state.toolDefaults[this.state.activeVariant];
+      if (!defaults || !isTextMarkupDefaults(defaults)) return;
       const formattedSelection = (_a2 = this.selection) == null ? void 0 : _a2.getFormattedSelection();
       if (!formattedSelection) return;
       for (const selection of formattedSelection) {
         const rect = selection.rect;
         const segmentRects = selection.segmentRects;
-        const type = this.state.activeVariant;
-        const subtype = this.state.toolDefaults[type].subtype;
-        const color = this.state.toolDefaults[type].color;
-        const opacity = this.state.toolDefaults[type].opacity;
-        const blendMode = this.state.toolDefaults[type].blendMode ?? PdfBlendMode.Normal;
+        const subtype = defaults.subtype;
+        const color = defaults.color;
+        const opacity = defaults.opacity;
+        const blendMode = defaults.blendMode ?? PdfBlendMode.Normal;
         this.createAnnotation(selection.pageIndex, {
           type: subtype,
           rect,
@@ -455,7 +507,7 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
       },
       getColorPresets: () => [...this.state.colorPresets],
       addColorPreset: (color) => this.dispatch(addColorPreset(color)),
-      createAnnotation: (pageIndex, annotation) => this.createAnnotation(pageIndex, annotation),
+      createAnnotation: (pageIndex, annotation, ctx) => this.createAnnotation(pageIndex, annotation, ctx),
       updateAnnotation: (pageIndex, localId, patch) => this.updateAnnotation(pageIndex, localId, patch),
       deleteAnnotation: (pageIndex, localId) => this.deleteAnnotation(pageIndex, localId),
       renderAnnotation: (options) => this.renderAnnotation(options),
@@ -528,9 +580,12 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
   selectAnnotation(pageIndex, annotationId) {
     this.dispatch(selectAnnotation(pageIndex, annotationId));
   }
-  createAnnotation(pageIndex, annotation) {
+  createAnnotation(pageIndex, annotation, ctx) {
     const localId = annotation.id;
-    const execute = () => this.dispatch(createAnnotation(pageIndex, localId, annotation));
+    const execute = () => {
+      this.dispatch(createAnnotation(pageIndex, localId, annotation));
+      if (ctx) this.pendingContexts.set(localId, ctx);
+    };
     if (!this.history) {
       execute();
       if (this.config.autoCommit) this.commit();
@@ -539,6 +594,7 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
     const command = {
       execute,
       undo: () => {
+        this.pendingContexts.delete(localId);
         this.dispatch(deselectAnnotation());
         this.dispatch(deleteAnnotation(pageIndex, localId));
       }
@@ -606,8 +662,12 @@ const _AnnotationPlugin = class _AnnotationPlugin extends BasePlugin {
       affectedPages.add(pageIndex);
       switch (ta.commitState) {
         case "new":
-          const task2 = this.engine.createPageAnnotation(doc, page, ta.object);
-          task2.wait((annoId) => this.dispatch(storePdfId(uid, annoId)), ignore);
+          const ctx = this.pendingContexts.get(ta.localId);
+          const task2 = this.engine.createPageAnnotation(doc, page, ta.object, ctx);
+          task2.wait((annoId) => {
+            this.dispatch(storePdfId(uid, annoId));
+            this.pendingContexts.delete(ta.localId);
+          }, ignore);
           creations.push(task2);
           break;
         case "dirty":
@@ -665,7 +725,9 @@ const DEFAULT_COLORS = [
   "#25D2D1",
   "#597CE2",
   "#C544CE",
-  "#7D2E25"
+  "#7D2E25",
+  "#000000",
+  "#FFFFFF"
 ];
 const patchAnno = (state, uid, patch) => {
   const prev = state.byUid[uid];
@@ -809,6 +871,24 @@ const initialState = (cfg) => ({
       strokeColor: "#E44234",
       strokeStyle: PdfAnnotationBorderStyle.SOLID
     },
+    [makeVariantKey(PdfAnnotationSubtype.FREETEXT)]: {
+      name: "Free Text",
+      subtype: PdfAnnotationSubtype.FREETEXT,
+      interaction: { mode: "freeText", exclusive: true, cursor: "crosshair" },
+      backgroundColor: "transparent",
+      opacity: 1,
+      fontSize: 14,
+      fontColor: "#E44234",
+      content: "Insert text here",
+      fontFamily: PdfStandardFont.Helvetica,
+      textAlign: PdfTextAlignment.Left,
+      verticalAlign: PdfVerticalAlignment.Top
+    },
+    [makeVariantKey(PdfAnnotationSubtype.STAMP)]: {
+      name: "Photo",
+      subtype: PdfAnnotationSubtype.STAMP,
+      interaction: { mode: "stamp", exclusive: true, cursor: "crosshair" }
+    },
     ...cfg.toolDefaults
   },
   colorPresets: cfg.colorPresets ?? DEFAULT_COLORS,
@@ -941,39 +1021,6 @@ const reducer = (state, action) => {
       return state;
   }
 };
-function isInk(a) {
-  return a.object.type === PdfAnnotationSubtype.INK;
-}
-function isCircle(a) {
-  return a.object.type === PdfAnnotationSubtype.CIRCLE;
-}
-function isPolygon(a) {
-  return a.object.type === PdfAnnotationSubtype.POLYGON;
-}
-function isSquare(a) {
-  return a.object.type === PdfAnnotationSubtype.SQUARE;
-}
-function isLine(a) {
-  return a.object.type === PdfAnnotationSubtype.LINE;
-}
-function isPolyline(a) {
-  return a.object.type === PdfAnnotationSubtype.POLYLINE;
-}
-function isTextMarkup(a) {
-  return a.object.type === PdfAnnotationSubtype.HIGHLIGHT || a.object.type === PdfAnnotationSubtype.UNDERLINE || a.object.type === PdfAnnotationSubtype.STRIKEOUT || a.object.type === PdfAnnotationSubtype.SQUIGGLY;
-}
-function isHighlight(a) {
-  return a.object.type === PdfAnnotationSubtype.HIGHLIGHT;
-}
-function isUnderline(a) {
-  return a.object.type === PdfAnnotationSubtype.UNDERLINE;
-}
-function isStrikeout(a) {
-  return a.object.type === PdfAnnotationSubtype.STRIKEOUT;
-}
-function isSquiggly(a) {
-  return a.object.type === PdfAnnotationSubtype.SQUIGGLY;
-}
 const AnnotationPluginPackage = {
   manifest,
   create: (registry, engine, config) => new AnnotationPlugin(ANNOTATION_PLUGIN_ID, registry, engine, config),
@@ -993,7 +1040,9 @@ export {
   getToolDefaultsBySubtypeAndIntent,
   isAnnotationSelected,
   isCircle,
+  isFreeText,
   isHighlight,
+  isHighlightDefaults,
   isInAnnotationVariant,
   isInk,
   isLine,
@@ -1001,9 +1050,14 @@ export {
   isPolyline,
   isSquare,
   isSquiggly,
+  isSquigglyDefaults,
+  isStamp,
   isStrikeout,
+  isStrikeoutDefaults,
   isTextMarkup,
+  isTextMarkupDefaults,
   isUnderline,
+  isUnderlineDefaults,
   makeVariantKey,
   manifest,
   parseVariantKey,