fix: editor

src/editor/editor-core.js

@@ -59,8 +59,8 @@ window.EditorCore = (function () {
       _wireButton('btn-reset', () => opts.onReset(_currentPage + 1));
     }
 
-    // Load worksheet
-    _loadWorksheet(_config.filePath, opts.onReady);
+    // Load worksheet, then optionally load data.json
+    _loadWorksheet(_config.filePath, opts.onReady, opts.onDataLoaded);
 
     return {
       get pages() { return _pages; },
@@ -72,12 +72,13 @@ window.EditorCore = (function () {
       showTooltip,
       hideTooltip,
       setSerializer: (fn) => { _serializeFn = fn; },
+      loadData: () => _loadDataJson(_config.fileParam),
     };
   }
 
   // ---- Worksheet Loading ----
 
-  function _loadWorksheet(filePath, onReady) {
+  function _loadWorksheet(filePath, onReady, onDataLoaded) {
     fetch(filePath)
       .then(r => { if (!r.ok) throw new Error(r.status); return r.text(); })
       .then(html => {
@@ -111,6 +112,12 @@ window.EditorCore = (function () {
         setTimeout(() => {
           _initPages();
           if (onReady) onReady(_pages, _mmToPx);
+          // Load data.json after onReady so DOM references are set up
+          if (onDataLoaded) {
+            _loadDataJson(_config.fileParam).then(data => {
+              onDataLoaded(data, _pages, _mmToPx);
+            });
+          }
         }, 350);
       })
       .catch(err => {
@@ -119,6 +126,16 @@ window.EditorCore = (function () {
       });
   }
 
+  async function _loadDataJson(docId) {
+    try {
+      const resp = await fetch('docs/' + docId + '.data.json');
+      if (!resp.ok) return null;
+      return await resp.json();
+    } catch (e) {
+      return null;
+    }
+  }
+
   // ---- Pages ----
 
   function _initPages() {

src/scripts/generate-pdf.mjs

@@ -1,9 +1,20 @@
 import puppeteer from 'puppeteer';
-import { resolve, basename } from 'path';
+import { resolve, basename, dirname } from 'path';
 import { existsSync, mkdirSync } from 'fs';
 import { fileURLToPath } from 'url';
+import { createServer } from 'http';
+import { readFile } from 'fs/promises';
+import { extname } from 'path';
 
-const OUTPUT_DIR = resolve(fileURLToPath(import.meta.url), '../../../output/pdf');
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const PROJECT_ROOT = resolve(__dirname, '../..');
+const OUTPUT_DIR = resolve(PROJECT_ROOT, 'output/pdf');
+
+const MIME_TYPES = {
+  '.html': 'text/html', '.css': 'text/css', '.js': 'application/javascript',
+  '.png': 'image/png', '.jpg': 'image/jpeg', '.jpeg': 'image/jpeg',
+  '.webp': 'image/webp', '.svg': 'image/svg+xml', '.json': 'application/json',
+};
 
 async function generatePdf(htmlPath) {
   const absolutePath = resolve(htmlPath);
@@ -14,13 +25,33 @@ async function generatePdf(htmlPath) {
 
   mkdirSync(OUTPUT_DIR, { recursive: true });
 
-  const pdfName = basename(absolutePath, '.html') + '.pdf';
+  // Strip .output and .template from PDF filename
+  let pdfName = basename(absolutePath, '.html');
+  pdfName = pdfName.replace(/\.(output|template)$/, '') + '.pdf';
   const pdfPath = resolve(OUTPUT_DIR, pdfName);
 
-  const browser = await puppeteer.launch({ headless: true });
+  // Start temp HTTP server to resolve /assets/ paths correctly
+  const server = createServer(async (req, res) => {
+    const filePath = resolve(PROJECT_ROOT, decodeURIComponent(req.url).replace(/^\//, ''));
+    try {
+      const data = await readFile(filePath);
+      const ext = extname(filePath);
+      res.writeHead(200, { 'Content-Type': MIME_TYPES[ext] || 'application/octet-stream' });
+      res.end(data);
+    } catch {
+      res.writeHead(404);
+      res.end('Not found');
+    }
+  });
+
+  await new Promise(r => server.listen(0, '127.0.0.1', r));
+  const port = server.address().port;
+  const relPath = absolutePath.replace(PROJECT_ROOT + '/', '');
+
+  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
   const page = await browser.newPage();
 
-  await page.goto(`file://${absolutePath}`, { waitUntil: 'networkidle0' });
+  await page.goto(`http://127.0.0.1:${port}/${relPath}`, { waitUntil: 'networkidle0', timeout: 30000 });
 
   await page.pdf({
     path: pdfPath,
@@ -31,6 +62,7 @@ async function generatePdf(htmlPath) {
   });
 
   await browser.close();
+  server.close();
   console.log(`PDF generated: ${pdfPath}`);
   return pdfPath;
 }