fix: node example document corrupted on dl

Author: mattConnHarbour

examples/nodejs-example/blank.docx

@@ -0,0 +1,25 @@
+import b64 from './document-b64.js';
+
+const base64ToDocx = (base64String, filename) => {
+  try {
+    const binaryString = atob(base64String);
+    const bytes = new Uint8Array(binaryString.length);
+    for (let i = 0; i < binaryString.length; i++) {
+      bytes[i] = binaryString.charCodeAt(i);
+    }
+
+    const blob = new Blob([bytes], {
+      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    });
+
+    const file = new File([blob], filename, {
+      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+    });
+
+    return file;
+  } catch (error) {
+    console.error('Error converting base64 to DOCX:', error);
+  }
+};
+
+export default base64ToDocx(b64, 'sample-document.docx');

examples/nodejs-example/document-b64.js

@@ -2,6 +2,7 @@
 import fs from 'fs/promises';
 import express from 'express';
 import { JSDOM } from 'jsdom';
+import documentBlob from './document.js';
 
 // In Node, we use the Editor class directly from superdoc/super-editor
 import { Editor, getStarterExtensions } from '@harbour-enterprises/superdoc/super-editor';
@@ -17,23 +18,26 @@ const server = express();
  * If no param is passed, the document will be returned as as-is (blank template with header and footer).
  */
 server.get('/', async (req, res, next) => {
-  // Load our example document - a blank template with a header and footer
-  let documentData = await fs.readFile('./sample-document.docx');
-
-  // Get the text and html from the query parameters
   const { text, html } = req.query;
 
-  // If we have text or html, we will to load the editor and insert the content
-  if (text || html) {
-    const editor = await getEditor(documentData);
+  // Load the specified document:
+  // if using stackblitz:
+  let documentData = documentBlob;
+  const arrayBuffer = await documentData.arrayBuffer();
+  documentData = Buffer.from(arrayBuffer);
 
-    if (text) editor.commands.insertContent(text);
-    if (html) editor.commands.insertContent(html);
+  // otherwise, you can read from disk:
+  // let documentData = await fs.readFile(`./sample-document.docx`);
+
+  const editor = await getEditor(documentData);
+  
+  // If we have text or html, we will to load the editor and insert the content
+  if (text) editor.commands.insertContent(text);
+  if (html) editor.commands.insertContent(html);
 
-    // Export the docx and create a buffer to return to the user
-    const zipBuffer = await editor.exportDocx();
-    documentData = Buffer.from(zipBuffer);    
-  }
+  // Export the docx and create a buffer to return to the user
+  const zipBuffer = await editor.exportDocx();
+  documentData = Buffer.from(zipBuffer);
 
   // Download the file
   res