Added support for saving external documents

Author: S0ulDrag0n

src/clients/WebViewerModuleClient.tsx

@@ -23,6 +23,19 @@ class WebViewerModuleClient {
             console.info("[Module] Failed to save document.", e);
         }
     }
+    async saveFile(fileData: ArrayBuffer): Promise<string | null | undefined> {
+        try {
+            const res = await fetch(`/rest/documentstore/v1/documents`, {
+                method: "POST",
+                body: fileData
+            });
+            return await res.text();
+        } catch (e) {
+            console.info("[Module] Failed to save document.", e);
+        }
+
+        return null;
+    }
 }
 
 export default new WebViewerModuleClient();

src/components/PDFViewer.tsx

@@ -31,6 +31,9 @@ const PDFViewer: React.FC<InputProps> = props => {
     const viewerRef = useRef<HTMLDivElement>(null);
     const [wvInstance, setInstance] = useState<null | WebViewerInstance>(null);
 
+    let documentLoadCount = 0;
+    let currentFileId: string | null | undefined | void = null;
+
     // Perform clean-up of WV when unmounted
     useEffect(() => {
         return () => {
@@ -99,7 +102,7 @@ const PDFViewer: React.FC<InputProps> = props => {
                                 const fileData = await Core.documentViewer.getDocument().getFileData({ xfdfString });
 
                                 // Send it merged with the document data to REST API to update
-                                const updateTask = WebViewerModuleClient.updateFile(props.fileId || "", fileData);
+                                const updateTask = currentFileId ? WebViewerModuleClient.updateFile(props.fileId || "", fileData) : WebViewerModuleClient.saveFile(fileData);
 
                                 // Add minimum artificial delay to make it look like work is being done
                                 // Otherwise, requests may complete too fast
@@ -115,12 +118,26 @@ const PDFViewer: React.FC<InputProps> = props => {
                                 // Complete when one of them finish
                                 await Promise.all([uiDelay, updateTask]);
 
+                                if (!currentFileId) {
+                                    const currentId = await updateTask;
+                                    currentFileId = currentId;
+                                }
+
                                 instance.UI.closeElements(["loadingModal"]);
                             }
                         });
                     }
                 });
             });
+
+            Core.documentViewer.addEventListener('documentLoaded', () => {
+                documentLoadCount++;
+                if (documentLoadCount > 1 && currentFileId) {
+                    currentFileId = null;
+                } else {
+                    currentFileId = props.fileId;
+                }
+            });
         });
     }, [viewer]);