Super janky super basic docx exporting

package.json

@@ -27,5 +27,8 @@
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
     "vite": "^5.0.11"
+  },
+  "dependencies": {
+    "docx": "^8.5.0"
   }
 }

src/lib/ExportBlock.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { Packer } from "docx";
+  import { exportToDoc } from "./document";
   import { current } from "./store";
   import { exportQuestions } from "./util";
 
@@ -46,4 +48,25 @@
       }
     }}">Copy to Clipboard</button
   >
+  <button
+    on:click="{async () => {
+      if (exportBlock && exportBlock.value.length > 0) {
+        const doc = exportToDoc(exportBlock.value);
+
+        const blob = await Packer.toBlob(doc);
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = 'exported.docx';
+        document.body.appendChild(a);
+        a.click();
+        setTimeout(() => {
+          document.body.removeChild(a);
+          window.URL.revokeObjectURL(url);
+        }, 5);
+      } else {
+        alert('Nothing to export!');
+      }
+    }}">Export as ODT</button
+  >
 </div>

src/lib/document.ts

@@ -0,0 +1,37 @@
+import { Document, Paragraph } from "docx";
+
+export function exportToDoc(markdown: string): Document {
+  const children = [];
+
+  for (const line of markdown.split(/\n+/)) {
+    if (line.startsWith("#")) {
+      const [level, ...rest] = line.split(" ");
+      children.push(
+        new Paragraph({
+          text: rest.join(" "),
+          heading: `Heading${level.length}` as
+            | "Heading1"
+            | "Heading2"
+            | "Heading3"
+            | "Heading4"
+            | "Heading5"
+            | "Heading6"
+        })
+      );
+    } else {
+      children.push(new Paragraph({ text: line }));
+    }
+  }
+
+  const doc = new Document({
+    description:
+      "A document exported from markdown, created using https://lyssieth.github.io/worldbuilding-questionnaire/",
+    sections: [
+      {
+        children: children
+      }
+    ]
+  });
+
+  return doc;
+}