add button pos & handle onLoad event listener only if document is not in readyState

Author: Shyam-NR

apps/chrome-extension/src/content.ts

@@ -155,6 +155,10 @@ const initButtons = (): void => {
             right,
             bottom: startBottom + 2 * itemHeight,
           },
+          {
+            right,
+            bottom: startBottom + 3 * itemHeight,
+          },
         ]
       }
 

apps/chrome-extension/src/scripts/view-lark-docx-as-markdown.ts

@@ -95,8 +95,8 @@ const main = async () => {
 
   previewWindow.document.title = 'Markdown Preview'
 
-  // Wait until the new window’s document is ready
-  previewWindow.onload = () => {
+  // prepare markdown preview for document
+  const writeViewContent = () => {
     const doc = previewWindow.document
 
     const style = doc.createElement('style')
@@ -127,6 +127,17 @@ const main = async () => {
     doc.body.appendChild(pre)
   }
 
+  if (
+    previewWindow.document.readyState === 'complete' ||
+    document.readyState === 'interactive'
+  ) {
+    writeViewContent()
+  } else {
+    previewWindow.onload = () => {
+      writeViewContent()
+    }
+  }
+
   if (tokens.length > 0) {
     const isSuccess = await makePublicUrlEffective(
       Object.fromEntries(tokens) as Record<string, string>,