ngx-rendering-service-lib 0.0.15 → 0.0.17

package/assets/edu-service-worker.js

@@ -1,10 +1,12 @@
-let sessionId = ""
 const SESSION_HEADER_NAME = "Authentication-Info"
 const RENDER_DATA_PATH = "public/renderdata"
 const JOB_INFO_PATH = "public/job"
 const H5P_PATH = "public/h5p"
 const ASSET_PATH = "public/asset"
+const DB_NAME = "Edu-Sharing-Rendering"
+const DB_STORE = "SessionIds"
 
+/** @type {FetchEvent}  */
 self.addEventListener('install', function (event) {
   // Skip the 'waiting' lifecycle phase, to go directly from 'installed' to 'activated', even if
   // there are still previous incarnations of this service worker registration active.
@@ -43,8 +45,21 @@ self.addEventListener('fetch', (event) => {
   }
 });
 
+/**
+ * Function handleSessionRequest
+ *
+ * @param {Request} request
+ * @returns {Promise<Response>}
+ */
 const handleSessionRequest = async (request) => {
-  console.log("handleSessionRequest: " + request.url)
+  const dbRequest = await buildDbRequest()
+  if (dbRequest === undefined) {
+    return handleStandardRequest(request)
+  }
+  const sessionId = await retrieveSessionIdFromDb(dbRequest)
+  if (sessionId === "") {
+    return handleStandardRequest(request)
+  }
   const modifiedHeaders = new Headers(request.headers)
   modifiedHeaders.set(SESSION_HEADER_NAME, sessionId)
   const modifiedRequest = new Request(request, {
@@ -55,21 +70,133 @@ const handleSessionRequest = async (request) => {
   return await fetch(modifiedRequest)
 }
 
+/**
+ * Function handleRenderDataRequest
+ *
+ * @param {Request} request
+ * @returns {Promise<Response>}
+ */
 const handleRenderDataRequest = async (request) => {
-  console.log("handleRenderDataRequest: " + request.url)
   const response = await fetch(request)
-  const newSessionId = response.headers.get(SESSION_HEADER_NAME)
-  console.log("Received Session Id: " + newSessionId === null ? "null" : newSessionId)
-  if (newSessionId !== null) {
-    sessionId = newSessionId
-    console.log("set session id: " + newSessionId)
+  const dbRequest = buildDbRequest()
+  if (dbRequest !== undefined) {
+    const existingSessionId = await retrieveSessionIdFromDb(dbRequest)
+    const newSessionId = response.headers.get(SESSION_HEADER_NAME)
+    if (newSessionId !== null && newSessionId !== "" && newSessionId !== existingSessionId) {
+      await storeSessionIdToDb(dbRequest, newSessionId)
+    }
   }
-  const newSessionIdAllLowerCase = response.headers.get(SESSION_HEADER_NAME.toLowerCase())
-  console.log("All lower case: " + newSessionIdAllLowerCase)
   return response
 }
 
+/**
+ * Function handleStandardRequest
+ *
+ * @param {Request} request
+ * @returns {Promise<Response>}
+ */
 const handleStandardRequest = async (request) => {
-  console.log("handleStandardRequest: " + request.url)
   return await fetch(request)
 }
+
+/**
+ * Function buildDbRequest
+ *
+ * Prepares an IDBOpenDBRequest and assigns callbacks for onupgradeneeded and error events
+ * In order to apply changes to the db scheme, increment the version and modify the onupgradeneeded callback
+ * function according to your needs.
+ *
+ * @return {IDBOpenDBRequest | undefined}
+ */
+const buildDbRequest = () => {
+  if (!indexedDB) {
+    console.error("IndexedDB is not supported by current browser. Header auth with Edu-Sharing Rendering Service is not available")
+    return
+  }
+  const request = indexedDB.open(DB_NAME, 1)
+  request.error = (event) => {
+    console.error("Error opening indexedDB")
+    console.error(event)
+  }
+  request.onupgradeneeded = () => {
+    const db = request.result
+    db.createObjectStore(DB_STORE, { keyPath: "id"})
+  }
+  return request
+}
+
+/**
+ * Function storeSessionIdToDb
+ *
+ * @param {IDBOpenDBRequest} dbRequest
+ * @param {string} sessionId
+ */
+const storeSessionIdToDb = (dbRequest, sessionId) => {
+  return new Promise((resolve, reject) => {
+    dbRequest.onsuccess = () => {
+      const db = dbRequest.result
+      const transaction = db.transaction(DB_STORE, "readwrite")
+      const store = transaction.objectStore(DB_STORE)
+      store.put({ id: 1, sessionId: sessionId})
+      transaction.oncomplete = () => {
+        db.close()
+        resolve("Indexed DB transaction completed")
+      }
+      transaction.onerror = (event) => {
+        db.close()
+        console.error("DB transaction failed. Cannot store session id.")
+        console.error(event)
+        reject(new Error("Transaction failed"))
+      }
+      transaction.onabort = (ev) => {
+        db.close()
+        console.error("DB transaction aborted. Cannot store session id.")
+        console.error(ev)
+        reject(new Error("Transaction aborted"))
+      }
+    }
+  })
+}
+
+/**
+ * Function retrieveSessionIdFromDb
+ *
+ * Gets the stored session id from the database. Returns a promise resolving to the result on success
+ * and to an empty string on failure
+ *
+ * @param {IDBOpenDBRequest} dbRequest
+ * @return {Promise<String>}
+ */
+const retrieveSessionIdFromDb = (dbRequest) => {
+  return new Promise((resolve, reject) => {
+    dbRequest.onsuccess = () => {
+      let result = ""
+      const db = dbRequest.result
+      const transaction = db.transaction(DB_STORE, "readwrite")
+      const store = transaction.objectStore(DB_STORE)
+      const idQuery = store.get(1)
+      idQuery.onsuccess = () => {
+        result = idQuery.result.sessionId
+      }
+      idQuery.onerror = () => {
+        console.error("Query by id failed")
+      }
+      transaction.oncomplete = () => {
+        db.close()
+        resolve(result)
+      }
+      transaction.onerror = (event) => {
+        db.close()
+        console.error("DB transaction failed. Cannot retrieve session id.")
+        console.error(event)
+        reject(new Error("Transaction failed"))
+      }
+      transaction.onabort = (ev) => {
+        db.close()
+        console.error("DB transaction aborted. Cannot retrieve session id.")
+        console.error(ev)
+        reject(new Error("Transaction aborted"))
+      }
+    }
+  })
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-rendering-service-lib",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "private": false,
   "dependencies": {
     "tslib": "^2.3.0"