PDF-Serialisierung erfolgt jetzt direkt auf Razor Page - Sicherheitsverbesserung

Externer Fetch-Vorgang entfernt, PDF-Inhalt aus Sicherheitsgründen direkt auf der Razor Page serialisiert.

EnvelopeGenerator.Web/wwwroot/js/annotation.js

@@ -36,7 +36,6 @@
         const allAnnotations = await this.getAnnotations(instance)
         const pageAnnotations = allAnnotations
             .map((annotation) => {
-                console.log(annotation.toJS())
                 return annotation
             })
 
@@ -108,9 +107,7 @@
         const canvas = document.createElement('canvas')
         const scale = 4
         const fontSize = 10
-
-        console.log(receiverSignature)
-
+        
         canvas.width = width * scale
         canvas.height = height * scale
 

EnvelopeGenerator.Web/wwwroot/js/app.js

@@ -10,7 +10,7 @@ const ActionType = {
 }
 
 class App {
-    constructor(container, envelopeKey, envelopeResponse) {
+    constructor(container, envelopeKey, envelopeResponse, documentBytes) {
         this.container = container
         this.envelopeKey = envelopeKey
 
@@ -23,6 +23,7 @@ class App {
         this.currentReceiver = null
         this.signatureCount = 0
         this.envelopeResponse = envelopeResponse;
+        this.documentBytes = documentBytes;
     }
 
     // This function will be called from the ShowEnvelope.razor page
@@ -47,9 +48,11 @@ class App {
                 icon: 'error',
             })
         }
+        console.log(documentResponse.data)
+        console.log(this.documentBytes)
 
-        const arrayBuffer = documentResponse.data
-
+        const arrayBuffer = this.documentBytes
+        console.log(arrayBuffer)
         // Load PSPDFKit
         this.Instance = await this.UI.loadPSPDFKit(arrayBuffer, this.container)
         this.UI.configurePSPDFKit(this.Instance, this.handleClick.bind(this))
@@ -198,6 +201,7 @@ class App {
         // Export annotation data and save to database
         try {
             const json = await this.Instance.exportInstantJSON()
+            console.log(json)
             const postEnvelopeResult = await this.Network.postEnvelope(
                 this.envelopeKey,
                 this.currentDocument.id,
@@ -236,30 +240,11 @@ class App {
             .map(a => a.toJS())
             .filter(a => a.isSignature)
 
-        console.log(annotations.length,"Signatures total!")
-        console.log(filtered.length,"Signatures signed!")
-
         if (totalSignatures > filtered.length) {
             return false
         } else {
             return true
         }
-
-        /*this.Instance.getFormFields().then(formFields => {
-            formFields.forEach(formField => {
-                console.log(formField.name, formField.toJS());
-            });
-
-            // Filter form fields by type
-            formFields.filter(formField => (
-                formField instanceof PSPDFKit.FormFields.TextFormField
-            ));
-
-            // Get the total number of form fields
-            const totalFormFields = formFields.size;
-
-            console.log(totalFormFields)
-        })*/
     }
 
     async handleReset(event) {

EnvelopeGenerator.Web/wwwroot/js/network.js

@@ -5,7 +5,6 @@
      * @param {any} envelopeKey
      */
     async getEnvelope(envelopeKey) {
-        console.log("getEnvelope")
         return this.getRequest(`/api/envelope/${envelopeKey}`)
             .then(this.wrapJsonResponse.bind(this))
     }
@@ -17,7 +16,6 @@
      * @param {any} json
      */
     async postEnvelope(envelopeKey, documentId, json) {
-        console.log("postEnvelope")
         return this.postRequest(`/api/envelope/${envelopeKey}?index=${documentId}`, json)
             .then(this.wrapJsonResponse.bind(this))
     }
@@ -28,7 +26,6 @@
      * @param {any} documentId
      */
     async getDocument(envelopeKey, documentId) {
-        console.log("getDocument", `/api/document/${envelopeKey}?index=${documentId}`)
         return this.getRequest(`/api/document/${envelopeKey}?index=${documentId}`)
             .then(this.wrapBinaryResponse.bind(this))
     }
@@ -38,7 +35,6 @@
      * @param {any} envelopeKey
      */
     async openDocument(envelopeKey) {
-        console.log("openDocument")
         return this.postRequest(`/api/document/${envelopeKey}`, {})
             .then(this.wrapJsonResponse.bind(this))
     }
@@ -66,7 +62,6 @@
      */
     getCSRFToken() {
         const token = document.getElementsByName('__RequestVerificationToken')[0].value
-        console.log(token)
         return { 'X-XSRF-TOKEN': token }
     }
 
@@ -143,10 +138,6 @@
     async wrapResponse(response, responseHandler) {
         let wrappedResponse
 
-        console.log("Handling response from", response.url)
-        console.log("Status", response.status)
-        console.log(response)
-
         if (response.status === 200) {
             const data = await responseHandler(response)
             wrappedResponse = new WrappedResponse(data, null)
@@ -157,8 +148,6 @@
             wrappedResponse = new WrappedResponse(null, null)
         }
 
-        console.log("Wrapped response", wrappedResponse)
-
         return wrappedResponse
     }
 }

EnvelopeGenerator.Web/wwwroot/js/ui.js

@@ -76,7 +76,6 @@
         className: 'button-reset',
         title: 'Zurücksetzen',
         onPress() {
-          console.log('RESET')
           callback('RESET')
         },
         icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
@@ -90,7 +89,6 @@
         className: 'button-reject',
         title: 'Ablehnen',
         onPress() {
-          console.log('REJECT')
           callback('REJECT')
         },
         icon: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">
@@ -103,7 +101,6 @@
         className: 'button-finish',
         title: 'Abschließen',
         onPress() {
-          console.log('FINISH')
           callback('FINISH')
         },
       },