Update GatsbyJS example.

Author: miguelcalderon

examples/gatsbyjs/.gitignore

@@ -17,3 +17,4 @@ yarn-debug.log*
 yarn-error.log*
 
 static/pspdfkit-lib
+static/nutrient-viewer-lib

examples/gatsbyjs/README.md

@@ -1,14 +1,14 @@
 # Nutrient Web SDK Example – Gatsby.js
 
-This example shows how to integrate [Nutrient Web SDK](https://www.nutrient.io/web/) into a GatsbyJS project.
+This example shows how to integrate [Nutrient Web SDK](https://www.nutrient.io/sdk/web/) into a GatsbyJS project.
 
 ## Prerequisites
 
 - [Node.js](http://nodejs.org/)
 
 ## Support, Issues and License Questions
 
-PSPDFKit offers support for customers with an active SDK license via https://www.nutrient.io/support/request/
+Nutrient offers support for customers with an active SDK license via https://www.nutrient.io/support/request/
 
 Are you [evaluating our SDK](https://www.nutrient.io/try/)? That's great, we're happy to help out! To make sure this is fast, please use a work email and have someone from your company fill out our sales form: https://www.nutrient.io/sales/
 
@@ -17,8 +17,8 @@ Are you [evaluating our SDK](https://www.nutrient.io/try/)? That's great, we're
 Clone the repo:
 
 ```bash
-git clone https://github.com/PSPDFKit/pspdfkit-web-example-gatsbyjs.git
-cd pspdfkit-web-example-gatsbyjs
+git clone https://github.com/PSPDFKit/nutrient-web-examples.git
+cd nutrient-web-examples/examples/gatsbyjs
 ```
 
 Install the project dependencies:
@@ -46,14 +46,14 @@ nom run serve
 
 Enjoy 🍕
 
-## PSPDFKit assets
+## Nutrient Web SDK assets
 
-In order to make the example work, the PSPDFKit assets need to be copied from their original location in `./node_modules/pspdfkit/dist` to `./static`. This is done automatically from a postinstall script in located in `./scripts/copy-pspdfkit-files.js`.
+In order to make the example work, the Nutrient assets need to be copied from their original location in `./node_modules/@nutrient-sdk/viewer/dist` to `./static`. This is done automatically from a postinstall script in located in `./scripts/copy-nutrient-files.js`.
 
 In case copying the files fails, you can copy them manually:
 
-- Copy `./node_modules/pspdfkit/dist/pspdfkit.js` to `./static/pspdfkit.js`.
-- Copy `./node_modules/pspdfkit/dist/pspdfkit-lib/` to `./static/pspdfkit-lib/`.
+- Copy `./node_modules/@nutrient-sdk/viewer/dist/nutrient-viewer.js` to `./static/nutrient-viewer.js`.
+- Copy `./node_modules/@nutrient-sdk/viewer/dist/nutrient-viewer-lib/` to `./static/nutrient-viewer-lib/`.
 
 That's it!
 

examples/gatsbyjs/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "pspdfkit-web-example-gatsbyjs",
   "private": true,
-  "description": "Basic integration of PSPDFKit in GatsbyJS",
+  "description": "Basic integration of Nutrient Web SDK in GatsbyJS",
   "version": "1.0.0",
   "license": "SEE LICENSE IN https://www.nutrient.io/legal/Nutrient_SDK_User_Evaluation_Subscription_Agreement",
   "engines": {
@@ -14,27 +14,20 @@
     "start": "npm run develop",
     "serve": "gatsby serve",
     "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing \"",
-    "postinstall": "node scripts/copy-pspdfkit-files",
+    "postinstall": "node scripts/copy-nutrient-files",
     "start:e2e": "npm run start"
   },
   "dependencies": {
+    "@nutrient-sdk/viewer": "1.0.0",
     "gatsby": "^5.13.7",
     "gatsby-source-filesystem": "^5.13.1",
-    "pspdfkit": "2024.8.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "ncp": "^2.0.0",
     "prettier": "^3.3.2"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/PSPDFKit/pspdfkit-web-example-gatsbyjs"
-  },
-  "bugs": {
-    "url": "https://github.com/PSPDFKit/pspdfkit-web-example-gatsbyjs/issues"
-  },
   "overrides": {
     "[email protected]": {
       "react": "^18.2.0"
@@ -45,6 +38,7 @@
     "send": "^0.19.0",
     "axios": "^1.7.4",
     "cookie": "^0.7.0",
-    "cross-spawn": "^7.0.5"
+    "cross-spawn": "^7.0.5",
+    "serialize-javascript": "^6.0.2"
   }
 }

examples/gatsbyjs/package.json

@@ -2,8 +2,8 @@ const ncp = require("ncp").ncp;
 const fs = require("node:fs");
 
 ncp(
-  "./node_modules/pspdfkit/dist/pspdfkit-lib",
-  "./static/pspdfkit-lib",
+  "./node_modules/@nutrient-sdk/viewer/dist/nutrient-viewer-lib",
+  "./static/nutrient-viewer-lib",
   (err) => {
     err && console.error(err);
   },

…/gatsbyjs/scripts/copy-pspdfkit-files.js …/gatsbyjs/scripts/copy-nutrient-files.jsexamples/gatsbyjs/scripts/copy-pspdfkit-files.js renamed to examples/gatsbyjs/scripts/copy-nutrient-files.js examples/gatsbyjs/scripts/copy-pspdfkit-files.js renamed to examples/gatsbyjs/scripts/copy-nutrient-files.js

@@ -25,7 +25,7 @@ const Viewport = (props) => {
       // Gatsby needs client-side only packages need to be imported asynchronously
       // https://www.gatsbyjs.com/docs/using-client-side-only-packages/
       pspdfkitScript.src =
-        "https://cdn.cloud.www.nutrient.io/pspdfkit-web@2024.8.0/pspdfkit.js";
+        "https://cdn.cloud.pspdfkit.com/pspdfkit-web@1.0.0/nutrient-viewer.js";
       document.head.appendChild(pspdfkitScript);
 
       return () => {