@formepdf/cli 0.4.1 → 0.4.4

package/dist/dev.js

@@ -165,8 +165,11 @@ export function startDevServer(inputPath, options) {
                     }
                 }
             }
-            // Resolve font file paths relative to the template directory
-            await resolveFontPaths(doc, absoluteInput);
+            // Resolve font file paths and image URLs before rendering
+            await Promise.all([
+                resolveFontPaths(doc, absoluteInput),
+                resolveImageUrls(doc),
+            ]);
             const { pdf, layout } = await renderPdfWithLayout(JSON.stringify(doc));
             // Skip if a newer build started
             if (buildId !== buildCounter)
@@ -310,6 +313,30 @@ function hasAnySourceLocation(doc) {
 function uint8ArrayToBase64(bytes) {
     return Buffer.from(bytes).toString('base64');
 }
+async function resolveImageUrls(doc) {
+    const children = doc.children;
+    if (!children?.length)
+        return;
+    await Promise.all(children.map(resolveImageUrlsInNode));
+}
+async function resolveImageUrlsInNode(node) {
+    const kind = node.kind;
+    if (kind?.type === 'Image' && typeof kind.src === 'string') {
+        const src = kind.src;
+        if (src.startsWith('http://') || src.startsWith('https://')) {
+            const res = await fetch(src);
+            if (!res.ok)
+                throw new Error(`Failed to fetch image: ${src} (${res.status})`);
+            const contentType = res.headers.get('content-type') || 'image/png';
+            const buf = new Uint8Array(await res.arrayBuffer());
+            kind.src = `data:${contentType};base64,${uint8ArrayToBase64(buf)}`;
+        }
+    }
+    const children = node.children;
+    if (children?.length) {
+        await Promise.all(children.map(resolveImageUrlsInNode));
+    }
+}
 async function resolveFontPaths(doc, templatePath) {
     const fonts = doc.fonts;
     if (!fonts?.length)

package/dist/preview/index.html

@@ -2283,8 +2283,8 @@
 
   // -- Keyboard shortcuts ------------------------------------------
   document.addEventListener('keydown', (e) => {
-    // Don't intercept when typing in data editor
-    if (e.target === dataEditor) return;
+    // Don't intercept when typing in inputs or data editor
+    if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target === dataEditor) return;
 
     if (!e.metaKey && !e.ctrlKey && !e.altKey) {
       if (e.key === '1') { e.preventDefault(); setMode('preview'); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formepdf/cli",
-  "version": "0.4.1",
+  "version": "0.4.4",
   "description": "CLI for Forme PDF rendering engine — dev server with live preview and build command",
   "type": "module",
   "bin": {
@@ -14,8 +14,8 @@
     "dist"
   ],
   "dependencies": {
-    "@formepdf/core": "0.4.1",
-    "@formepdf/react": "0.4.1",
+    "@formepdf/core": "0.4.4",
+    "@formepdf/react": "0.4.4",
     "esbuild": "^0.24.0",
     "chokidar": "^4.0.0",
     "ws": "^8.18.0",