Corrected compile errors

1. Updated the UI to the variable.
2. Updated the jQuery.
3. Updated the contact sales statement.
4. Added the automatically loading of localhost.
5. Updated the dependencies versions.
6. Updated readme contents, links and structure.

Author: Mohammed-AbdulRahman-Apryse

LICENSE

@@ -1,2 +1,2 @@
 Copyright 2018 PDFTron Systems Inc. All rights reserved.
-WebViewer UI project/codebase or any derived works is only permitted in solutions with an active commercial PDFTron WebViewer license. For exact licensing terms please refer to your commercial WebViewer license. For use in other scenario, please contact sales@pdftron.com
+WebViewer UI project/codebase or any derived works is only permitted in solutions with an active commercial PDFTron WebViewer license. For exact licensing terms refer to the commercial WebViewer license. For licensing, pricing, or product questions, Contact [Sales](https://apryse.com/form/contact-sales).

README.md

@@ -1,19 +1,19 @@
 # WebViewer - jQuery sample
 
-[WebViewer](https://www.pdftron.com/webviewer) is a powerful JavaScript-based PDF Library that's part of the [PDFTron PDF SDK](https://www.pdftron.com). It provides a slick out-of-the-box responsive UI that interacts with the core library to view, annotate and manipulate PDFs that can be embedded into any web project.
+[WebViewer](https://docs.apryse.com/documentation/web/) is a powerful JavaScript-based PDF Library that is part of the [Apryse SDK](https://apryse.com/). It provides a slick out-of-the-box responsive UI that interacts with the core library to view, annotate and manipulate PDFs that can be embedded into web projects.
 
-![WebViewer UI](https://www.pdftron.com/downloads/pl/webviewer-ui.png)
+![WebViewer UI](https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-ui.png)
 
-This repo is specifically designed for any users interested in integrating WebViewer into a jQuery project. See [jQuery](https://jquery.com/) for more information.
+This repo is designed for users interested in integrating WebViewer into jQuery project. For more information, refer to [jQuery](https://jquery.com/).
 
 ## Initial setup
 
-Before you begin, make sure your development environment includes [Node.js](https://nodejs.org/en/).
+Before beginning, [Node.js](https://nodejs.org/en/) should be installed to the development environment.
 
 ## Install
 
 ```
-git clone https://github.com/PDFTron/webviewer-jquery-sample.git
+git clone https://github.com/ApryseSDK/webviewer-jquery-sample
 cd webviewer-jquery-sample
 npm install
 ```
@@ -24,15 +24,11 @@ npm install
 npm start
 ```
 
-Navigate to `http://localhost:3000/`. The app will automatically reload if you change any of the source files.
+It will load `http://localhost:3000/`. The application will automatically reload when possible changes occurred to the source files.
 
-## WebViewer APIs
+## Full API for PDF processing
 
-See [API documentation](https://www.pdftron.com/documentation/web/guides/ui/apis).
-
-## Enabling full API
-
-PDFNetJS Full is a complete browser side PDF SDK, unlocking viewing, parsing and editing of PDF files. To enable full API, you can modify constructor in components.js:
+PDFNetJS Full is a complete browser side PDF SDK, unlocking viewing, parsing and editing of PDF files. To enable full API, modify the constructor in app.js:
 
 ```diff
 WebViewer({
@@ -42,13 +38,16 @@ WebViewer({
 }, document.getElementById('viewer'))
 ```
 
-You can refer to this [guide for more information](https://www.pdftron.com/documentation/web/guides/full-api)
+For more information, refer to [Full API for PDF processing](https://docs.apryse.com/documentation/web/guides/full-api/) and [Class: WebViewerInstance](https://docs.apryse.com/api/web/WebViewerInstance.html).
+
+## Showcase
+
+For a live demo of the WebViewer capabilities, refer to the [Apryse WebViewer Demo: JavaScript PDF Viewer Demo](https://showcase.apryse.com/).
 
 ## Contributing
 
-See [contributing](./CONTRIBUTING.md).
+Submission to this repo is governed by these [guidelines](/CONTRIBUTING.md).
 
 ## License
 
-See [license](./LICENSE).
-![](https://onepixel.pdftron.com/webviewer-jquery-sample)
+For licensing, refer to [License](LICENSE).

app/app.js

@@ -13,7 +13,7 @@ WebViewer({
   // const Annotations = instance.Core.Annotations;
 
   // change to dark theme
-  instance.setTheme('dark');
+  instance.UI.setTheme('dark');
 
   documentViewer.addEventListener('documentLoaded', function() {
     // call methods relating to the loaded document

app/index.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <html>
   <head>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
     <script src='lib/webviewer.min.js'></script>
     <link rel="stylesheet" type="text/css" href="index.css" />
   </head>

package.json

@@ -2,24 +2,25 @@
   "name": "webviewer-jquery-sample",
   "version": "1.0.0",
   "scripts": {
-    "start": "npm run server",
-    "server": "./node_modules/.bin/supervisor -k -e html,js -i .git/,node_modules/ -- server.js",
+    "start": "concurrently \"npm run server\" \"start http://localhost:3000\"",
+    "server": "supervisor -k -e html,js -i .git/,node_modules/ -- server.js",
     "postinstall": "node tools/copy-webviewer-files.js"
   },
-  "devDependencies": {
-    "body-parser": "1.18.3",
-    "express": "^4.16.3",
-    "morgan": "^1.9.1",
-    "opn": "^5.3.0",
-    "supervisor": "0.12.0",
-    "fs-extra": "^10.0.0"
-  },
   "repository": {
     "type": "git",
     "url": ""
   },
   "author": "PDFTron Systems Inc.",
+  "devDependencies": {
+    "body-parser": "^1.20.2",
+    "express": "^4.19.2",
+    "fs-extra": "^11.2.0",
+    "morgan": "^1.10.0",
+    "open": "^10.1.0",
+    "supervisor": "^0.12.0"
+  },
   "dependencies": {
-    "@pdftron/webviewer": "^8.0.0"
+    "@pdftron/webviewer": "^10.11.1",
+    "concurrently": "^8.2.2"
   }
 }