@formepdf/renderer 0.7.0 → 0.7.2

package/dist/bundle.d.ts

@@ -1,2 +1,3 @@
 export declare const BUNDLE_DIR: string;
 export declare function bundleFile(filePath: string): Promise<string>;
+export declare function bundleSource(source: string, resolveDir: string, sourcefile?: string): Promise<string>;

package/dist/bundle.js

@@ -59,24 +59,55 @@ export async function bundleFile(filePath) {
         return result.outputFiles[0].text;
     }
     catch (err) {
-        if (isBuildFailure(err)) {
-            const messages = [];
-            for (const error of err.errors) {
-                let loc = '';
-                if (error.location) {
-                    const { file, line, column, lineText } = error.location;
-                    loc = `  ${file}:${line}:${column}\n`;
-                    if (lineText) {
-                        loc += `  ${lineText}\n`;
-                        loc += `  ${' '.repeat(column)}^\n`;
-                    }
+        throw formatBuildError(err);
+    }
+}
+/// Bundle TSX/JSX source code (string) into an ESM string.
+/// `resolveDir` controls where imports are resolved from (typically the file's directory).
+export async function bundleSource(source, resolveDir, sourcefile) {
+    try {
+        const result = await build({
+            stdin: {
+                contents: source,
+                resolveDir,
+                sourcefile: sourcefile ?? 'input.tsx',
+                loader: 'tsx',
+            },
+            bundle: true,
+            format: 'esm',
+            platform: 'node',
+            write: false,
+            jsx: 'automatic',
+            jsxDev: true,
+            target: 'node20',
+            external: ['react', '@formepdf/react', '@formepdf/core'],
+            plugins: [formeJsxSourcePlugin],
+            absWorkingDir: resolveDir,
+        });
+        return result.outputFiles[0].text;
+    }
+    catch (err) {
+        throw formatBuildError(err);
+    }
+}
+function formatBuildError(err) {
+    if (isBuildFailure(err)) {
+        const messages = [];
+        for (const error of err.errors) {
+            let loc = '';
+            if (error.location) {
+                const { file, line, column, lineText } = error.location;
+                loc = `  ${file}:${line}:${column}\n`;
+                if (lineText) {
+                    loc += `  ${lineText}\n`;
+                    loc += `  ${' '.repeat(column)}^\n`;
                 }
-                messages.push(`${error.text}\n${loc}`);
             }
-            throw new Error(`Build error:\n${messages.join('\n')}`);
+            messages.push(`${error.text}\n${loc}`);
         }
-        throw err;
+        return new Error(`Build error:\n${messages.join('\n')}`);
     }
+    return err instanceof Error ? err : new Error(String(err));
 }
 function isBuildFailure(err) {
     return (err !== null &&

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { renderFromFile, renderFromCode, renderFromElement, type RenderOptions, type RenderResult, } from './render.js';
+export { renderFromFile, renderFromSource, renderFromCode, renderFromElement, type RenderOptions, type RenderResult, } from './render.js';
 export { resolveElement, type ResolveElementOptions, } from './element.js';
-export { bundleFile, } from './bundle.js';
+export { bundleFile, bundleSource, } from './bundle.js';
 export { resolveFontSources, resolveImageSources, resolveAllSources, uint8ArrayToBase64, } from './resolve.js';

package/dist/index.js

@@ -1,4 +1,4 @@
-export { renderFromFile, renderFromCode, renderFromElement, } from './render.js';
+export { renderFromFile, renderFromSource, renderFromCode, renderFromElement, } from './render.js';
 export { resolveElement, } from './element.js';
-export { bundleFile, } from './bundle.js';
+export { bundleFile, bundleSource, } from './bundle.js';
 export { resolveFontSources, resolveImageSources, resolveAllSources, uint8ArrayToBase64, } from './resolve.js';

package/dist/preview/index.html

@@ -4,6 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Forme Preview</title>
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C9.79 4 8 5.79 8 8L8 56C8 58.21 9.79 60 12 60L52 60C54.21 60 56 58.21 56 56L56 8C56 5.79 54.21 4 52 4L12 4ZM18 16L46 16L46 20L18 20ZM18 26L38 26L38 30L18 30ZM18 36L22 36L22 52L18 52Z' fill='%23111827'/%3E%3C/svg%3E">
 <style>
   :root {
     --bg: #0a0a0b;

package/dist/render.d.ts

@@ -14,5 +14,8 @@ export interface RenderResult {
     renderTimeMs: number;
 }
 export declare function renderFromFile(filePath: string, options?: RenderOptions): Promise<RenderResult>;
+export declare function renderFromSource(source: string, resolveDir: string, options?: RenderOptions & {
+    sourcefile?: string;
+}): Promise<RenderResult>;
 export declare function renderFromCode(code: string, options?: RenderOptions): Promise<RenderResult>;
 export declare function renderFromElement(element: ReactElement, options?: Pick<RenderOptions, 'pageSize'>): Promise<RenderResult>;

package/dist/render.js

@@ -3,7 +3,7 @@ import { resolve, dirname, join } from 'node:path';
 import { pathToFileURL } from 'node:url';
 import { renderPdfWithLayout } from '@formepdf/core';
 import { serialize as defaultSerialize } from '@formepdf/react';
-import { bundleFile } from './bundle.js';
+import { bundleFile, bundleSource } from './bundle.js';
 import { resolveElement } from './element.js';
 import { resolveAllSources } from './resolve.js';
 /// Full pipeline: bundle TSX file → resolve element → serialize → resolve assets → WASM render.
@@ -15,6 +15,15 @@ export async function renderFromFile(filePath, options) {
         _basePath: dirname(absolutePath),
     });
 }
+/// Full pipeline from source code string (e.g. an unsaved editor buffer).
+/// `resolveDir` controls import resolution (typically the file's directory).
+export async function renderFromSource(source, resolveDir, options) {
+    const code = await bundleSource(source, resolveDir, options?.sourcefile);
+    return renderFromCode(code, {
+        ...options,
+        _basePath: resolveDir,
+    });
+}
 /// Render from pre-bundled ESM code string.
 /// Handles the temp-file-and-import dance, then serializes and renders.
 export async function renderFromCode(code, options) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formepdf/renderer",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "File-to-PDF rendering pipeline for Forme — bundles TSX, resolves assets, renders via WASM",
   "type": "module",
   "main": "./dist/index.js",