Open, view, and annotate on images using JavaScript

1
import PSPDFKit from "@nutrient-sdk/viewer";
2

3
export function load(defaultConfiguration) {
4
  const toolbarItems = [
5
    { type: "zoom-out" },
6
    { type: "zoom-in" },
7
    { type: "marquee-zoom" },
8
    { type: "pan" },
9
    { type: "spacer" },
10
    { type: "ink" },
11
    { type: "text" },
12
    { type: "stamp" },
13
    { type: "note" },
14
    { type: "arrow" },
15
    { type: "line" },
16
    { type: "rectangle" },
17
    { type: "ellipse" },
18
    { type: "polygon" },
19
    { type: "polyline" },
20
    { type: "spacer" },
21
    { type: "export-pdf" },
22
    { type: "print" },
23
  ];
24

25
  // Enable comments on Server with Instant.
26
  if (defaultConfiguration.documentId && defaultConfiguration.instant) {
27
    toolbarItems.splice(9, 0, { type: "comment" });
28
  }
29

30
  return PSPDFKit.load({
31
    ...defaultConfiguration,
32
    toolbarItems,
33
  }).then((instance) => {
34
    console.log("Nutrient Web SDK successfully loaded!!", instance);
35

36
    return instance;
37
  });
38
}