Fix Export on Chrome

ltouroumov · Oct 17, 2024 · b57bace · b57bace
1 parent 79b8015
commit b57bace
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 7 deletions.
diff --git a/components/viewer/modal/BackpackModal.vue b/components/viewer/modal/BackpackModal.vue
@@ -84,6 +84,7 @@ import { useProjectRefs, useProjectStore } from '~/composables/store/project';
 import { useSettingRefs, useSettingStore } from '~/composables/store/settings';
 import { useViewerRefs, useViewerStore } from '~/composables/store/viewer';
 
+const config = useRuntimeConfig();
 const { project } = useProjectStore();
 const { selected } = useProjectRefs();
 const { toggleBackpack } = useViewerStore();
@@ -209,15 +210,18 @@ const copyStyles = (sourceDoc: Document, targetDoc: Document): void => {
 };
 
 const backpackToHtml = async () => {
-  const wRef = window.open('', '_blank');
+  const exportPage = `${config.app.baseURL}export.html`;
+  const wRef = window.open(exportPage, '_blank');
   if (!wRef) return;
 
-  const wDoc = wRef.window.document;
-  copyStyles(window.document, wDoc);
-  wDoc.body.setAttribute('data-bs-theme', 'dark');
+  wRef.addEventListener('load', () => {
+    const wDoc = wRef.window.document;
+    copyStyles(window.document, wDoc);
+    wDoc.body.setAttribute('data-bs-theme', 'dark');
 
-  const vNode = h(BackpackExportWrapper, {});
-  render(vNode, wDoc.body);
+    const vNode = h(BackpackExportWrapper, {});
+    render(vNode, wDoc.body);
+  });
 };
 </script>
 

diff --git a/components/viewer/modal/notes/NotesView.vue b/components/viewer/modal/notes/NotesView.vue
@@ -49,7 +49,6 @@ const visiblePackRows = computed((): PackRow[] => {
         return has(`obj:${obj.id}`, _buildNotes);
       }, item.choices);
 
-      console.log(item.packRow.id, hasNote, choices);
       if (isEmpty(choices) && !hasNote) {
         return [];
       } else {

diff --git a/public/export.html b/public/export.html
@@ -0,0 +1,4 @@
+<html>
+<head></head>
+<body></body>
+</html>