From 21c1e77d366fd482eff798381d02d2612a41f816 Mon Sep 17 00:00:00 2001
From: nobohan <juminet@gmail.com>
Date: Wed, 19 Jun 2024 11:16:50 +0200
Subject: [PATCH] signature: POC of showing a pdf with vue-pdf-embed

---
 package.json                                    |  1 +
 .../public/vuejs/DocumentSignature/App.vue      | 17 ++++++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 2873e1317..fad48f34b 100644
--- a/package.json
+++ b/package.json
@@ -58,6 +58,7 @@
     "vue": "^3.2.37",
     "vue-i18n": "^9.1.6",
     "vue-multiselect": "3.0.0-alpha.2",
+    "vue-pdf-embed": "^2.0.4",
     "vue-toast-notification": "^2.0",
     "vuex": "^4.0.0"
   },
diff --git a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentSignature/App.vue b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentSignature/App.vue
index 5ad144e3d..11a69c782 100644
--- a/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentSignature/App.vue
+++ b/src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DocumentSignature/App.vue
@@ -1,11 +1,13 @@
 <template>
   <div>hello {{ msg }}</div>
+  <VuePdfEmbed :source="pdfSource" />
 </template>
 
 <script setup lang="ts">
 import { ref, Ref } from "vue";
+import VuePdfEmbed from "vue-pdf-embed";
+import "vue-pdf-embed/dist/style/index.css";
 
-//import { build_download_info_link, download_and_decrypt_doc } from "ChillDocStoreAssets/vuejs/StoredObjectButton/helpers.js";
 import {
   build_download_info_link,
   download_and_decrypt_doc,
@@ -18,16 +20,17 @@ const msg: Ref<string> = ref("world !");
 const signature = {
   id: 1,
   storedObject: {
-    filename: "pKNlhCrQDCRsAuC8vYHDKa",
+    filename: "V2DZStOWtonw1TiKxzVPDRzlS4YO",
     keyInfos: {
       alg: "A256CBC",
       ext: true,
-      k: "_VihnD41-VDHlpS-ouwtbMPnu-OXVdtA7ENQWWtAQYM",
+      k: "x0vaQO0n3QZnipLEmddF3MOF_5_QYnS4g67n0AwZ6YA",
       key_ops: ["encrypt", "decrypt"],
       kty: "oct",
     },
     iv: [
-      86, 231, 83, 148, 117, 107, 149, 173, 130, 19, 105, 194, 224, 145, 8, 48,
+      150, 175, 71, 136, 62, 123, 230, 141, 72, 204, 116, 110, 139, 22, 246,
+      114,
     ],
   },
   zones: [{ page: 1, origin: [0, 0], x: 10, y: 10 }],
@@ -35,6 +38,8 @@ const signature = {
 
 const urlInfo = build_download_info_link(signature.storedObject.filename);
 
+let pdfSource: Ref<string> = ref("");
+
 async function download_and_open(): Promise<Blob> {
   let raw;
   try {
@@ -43,10 +48,12 @@ async function download_and_open(): Promise<Blob> {
       signature.storedObject.keyInfos,
       new Uint8Array(signature.storedObject.iv)
     );
+    //pdfSource.value = 'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf';
+    pdfSource.value = URL.createObjectURL(raw);
   } catch (e) {
     console.error("error while downloading and decrypting document", e);
     throw e;
-  };
+  }
   return raw;
 }