Open PDFs using JavaScript

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

3
import { toolbarCustomBreakpoint } from "../../_server/components/example/utils";
4

5
export function load(defaultConfiguration) {
6
  // Nutrient Web SDK freezes the Options object to prevent changes after the first load
7
  if (!Object.isFrozen(PSPDFKit.Options)) {
8
    PSPDFKit.Options.BREAKPOINT_MD_TOOLBAR = toolbarCustomBreakpoint;
9
  }
10

11
  const items = defaultConfiguration.toolbarItems.concat([
12
    { type: "content-editor" },
13
  ]);
14

15
  return PSPDFKit.load({
16
    ...defaultConfiguration,
17
    enableHistory: true,
18
    toolbarItems: items
19
      .reduce((acc, item) => {
20
        if (item.type === "polyline") {
21
          return acc.concat([item, { type: "undo" }, { type: "redo" }]);
22
        }
23

24
        if (item.type === "zoom-mode") {
25
          return acc.concat([
26
            item,
27
            { type: "undo", dropdownGroup: "history" },
28
            { type: "redo", dropdownGroup: "history" },
29
          ]);
30
        }
31

32
        return acc.concat([item]);
33
      }, [])
34
      .concat([
35
        { type: "cloudy-rectangle", dropdownGroup: "shapes" },
36
        { type: "dashed-rectangle", dropdownGroup: "shapes" },
37
        { type: "cloudy-ellipse", dropdownGroup: "shapes" },
38
        { type: "dashed-ellipse", dropdownGroup: "shapes" },
39
        { type: "dashed-polygon", dropdownGroup: "shapes" },
40
        { type: "content-editor", dropdownGroup: "editor" },
41
        { type: "form-creator", dropdownGroup: "editor" },
42
        { type: "measure", dropdownGroup: "editor" },
43
        { type: "document-comparison", dropdownGroup: "editor" },
44
      ]),
45
  }).then((instance) => {
46
    console.log("Nutrient Web SDK successfully loaded!!", instance);
47

48
    return instance;
49
  });
50
}