@qikdev/sdk 0.1.206 → 0.1.208

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/sdk",
-  "version": "0.1.206",
+  "version": "0.1.208",
   "type": "module",
   "description": "Promise based Javascript SDK",
   "main": "./dist/main.js",

package/src/api/qik.content.js

@@ -67,11 +67,26 @@ export default function (qik) {
 
   let inflightGlossaryRequest;
 
+  /**
+   * Yield to the event loop to keep the UI responsive
+   * @private
+   */
+  function yieldToMain() {
+    return new Promise((resolve) => {
+      if (typeof requestIdleCallback === "function") {
+        requestIdleCallback(resolve, { timeout: 50 });
+      } else {
+        setTimeout(resolve, 0);
+      }
+    });
+  }
+
   /**
    * Inflate compressed glossary data from the /glossary/compressed endpoint
+   * Processes in chunks to avoid blocking the main thread
    * @private
    */
-  function inflateGlossary({ _s: strings, _k: keyMap, types }) {
+  async function inflateGlossary({ _s: strings, _k: keyMap, types }) {
     function inflate(val) {
       if (typeof val === "string" && val[0] === "~") {
         return strings[parseInt(val.slice(1))];
@@ -86,7 +101,21 @@ export default function (qik) {
       }
       return val;
     }
-    return types.map(inflate);
+
+    const CHUNK_SIZE = 50;
+    const results = [];
+
+    for (let i = 0; i < types.length; i += CHUNK_SIZE) {
+      const chunk = types.slice(i, i + CHUNK_SIZE);
+      results.push(...chunk.map(inflate));
+
+      // Yield to main thread between chunks
+      if (i + CHUNK_SIZE < types.length) {
+        await yieldToMain();
+      }
+    }
+
+    return results;
   }
 
   /**
@@ -133,9 +162,9 @@ export default function (qik) {
       // Now we have the glossary
       const { data } = await inflightGlossaryRequest;
 
-      // Inflate if compressed format
+      // Inflate if compressed format (async to avoid blocking UI)
       const glossaryData =
-        data._s && data._k && data.types ? inflateGlossary(data) : data;
+        data._s && data._k && data.types ? await inflateGlossary(data) : data;
 
       // Cache it for later
       glossaryCache.set("glossary", glossaryData);

package/src/version.js

@@ -1 +1 @@
-export const version = "0.1.206";
+export const version = "0.1.208";