fix: load local files via LOAD_DOCUMENT data URL instead of invalid localFile param

Author: bendersej

examples/with-playwright-automation/src/automation.ts

@@ -156,6 +156,19 @@ const setupIframePage = async ({
   };
 };
 
+const isUrl = (value: string): boolean => value.startsWith('http://') || value.startsWith('https://');
+
+const readFileAsDataUrl = ({ filePath }: { filePath: string }): string => {
+  const absolutePath = path.isAbsolute(filePath) ? filePath : path.resolve(process.cwd(), filePath);
+
+  if (!fs.existsSync(absolutePath)) {
+    throw new Error(`File not found: ${absolutePath}`);
+  }
+
+  const buffer = fs.readFileSync(absolutePath);
+  return `data:application/pdf;base64,${buffer.toString('base64')}`;
+};
+
 const runAutomation = async ({ document, baseUrl }: { document: string; baseUrl: string }): Promise<AutomationResult> => {
   let browser: Browser | null = null;
 
@@ -168,12 +181,25 @@ const runAutomation = async ({ document, baseUrl }: { document: string; baseUrl:
 
     const page = await context.newPage();
 
-    const editorUrl = buildEditorUrl({ document, baseUrl });
+    const editorUrl = isUrl(document)
+      ? `${baseUrl}/editor?open=${encodeURIComponent(document)}`
+      : `${baseUrl}/editor`;
+
     const { sendEvent, waitForEvent, waitForDocumentLoaded } = await setupIframePage({
       page,
       editorUrl,
     });
 
+    if (!isUrl(document)) {
+      console.log('Waiting for editor to be ready...');
+      await waitForEvent('EDITOR_READY');
+      console.log('Editor ready, loading local file...');
+
+      const dataUrl = readFileAsDataUrl({ filePath: document });
+      const fileName = path.basename(document);
+      await sendEvent({ type: 'LOAD_DOCUMENT', data: { data_url: dataUrl, name: fileName } });
+    }
+
     console.log('Waiting for document to load...');
     await waitForDocumentLoaded();
     console.log('Document loaded');
@@ -208,18 +234,4 @@ const runAutomation = async ({ document, baseUrl }: { document: string; baseUrl:
   }
 };
 
-const buildEditorUrl = ({ document, baseUrl }: { document: string; baseUrl: string }): string => {
-  if (document.startsWith('http://') || document.startsWith('https://')) {
-    return `${baseUrl}/editor?open=${encodeURIComponent(document)}`;
-  }
-
-  const absolutePath = path.isAbsolute(document) ? document : path.resolve(process.cwd(), document);
-
-  if (!fs.existsSync(absolutePath)) {
-    throw new Error(`File not found: ${absolutePath}`);
-  }
-
-  return `${baseUrl}/editor?localFile=${encodeURIComponent(absolutePath)}`;
-};
-
 export { runAutomation, AutomationResult };