2 files changed, 26 insertions, 0 deletions
diff --git a/ext/bg/js/api.js b/ext/bg/js/api.js
index 96147d95..aba1b722 100644
--- a/ext/bg/js/api.js
+++ b/ext/bg/js/api.js
@@ -100,6 +100,23 @@ async function apiTemplateRender(template, data) {
     return handlebarsRender(template, data);
 }
 
+async function apiTemplateRenderDynamic(template, data) {
+    return new Promise((resolve, reject) => {
+        const sequence = utilBackend().sequenceNew();
+        const handler = event => {
+            if (event.data.sequence === sequence) {
+                resolve(event.data.result);
+                window.removeEventListener('message', handler);
+            }
+        };
+
+        window.addEventListener('message', handler);
+
+        const sandbox = utilBackend().sandbox();
+        sandbox.postMessage({template, data, sequence, command: 'render'}, '*');
+    });
+}
+
 async function apiCommandExec(command) {
     const handlers = {
         search: () => {
diff --git a/ext/bg/js/backend.js b/ext/bg/js/backend.js
index 6b3acaa9..9802ea7c 100644
--- a/ext/bg/js/backend.js
+++ b/ext/bg/js/backend.js
@@ -22,6 +22,7 @@ class Backend {
         this.translator = new Translator();
         this.anki = new AnkiNull();
         this.options = null;
+        this.sequence = 0;
     }
 
     async prepare() {
@@ -36,6 +37,14 @@ class Backend {
         }
     }
 
+    sequenceNew() {
+        return this.sequence++;
+    }
+
+    sandbox() {
+        return document.getElementById('sandbox').contentWindow;
+    }
+
     onOptionsUpdated(options) {
         this.options = utilIsolate(options);