satoru-render 1.0.4 → 1.0.6

package/README.md

@@ -362,6 +362,7 @@ npx satoru-render input.html -f webp --verbose
 | `css`             | `string`                                   | Extra CSS to inject into the document.                  |
 | `baseUrl`         | `string`                                   | Base URL for relative path resolution.                  |
 | `logLevel`        | `LogLevel`                                 | Verbosity: `None`, `Error`, `Warning`, `Info`, `Debug`. |
+| `mediaType`       | `"screen" \| "print"`                      | CSS media type for `@media` queries. Default: `"screen"`. |
 
 ---
 

package/dist/cli.js

@@ -30,6 +30,9 @@ async function main() {
         else if (arg === "--verbose") {
             options.verbose = true;
         }
+        else if (arg === "--media") {
+            options.mediaType = args[++i];
+        }
         else if (arg === "--help") {
             printHelp();
             return;
@@ -67,6 +70,7 @@ async function main() {
         height: options.height,
         format: options.format,
         logLevel: options.verbose ? LogLevel.Debug : LogLevel.None,
+        mediaType: options.mediaType,
         css: "body { background-color: white; }",
     };
     if (options.verbose) {
@@ -152,6 +156,7 @@ Options:
   -h, --height <number>  Viewport height (default: 0, auto-calculate)
   -f, --format <format>  Output format: svg, png, webp, pdf
   --no-jsdom             Disable JSDOM hydration (enabled by default)
+  --media <type>         Media type: screen, print (default: screen)
   --verbose              Enable detailed logging
   --help                 Show this help message
 `);

package/dist/core.d.ts

@@ -85,6 +85,8 @@ export interface RenderOptions {
     fontMap?: Record<string, string>;
     logLevel?: LogLevel;
     onLog?: (level: LogLevel, message: string) => void;
+    /** Media type for CSS @media queries (default: "screen") */
+    mediaType?: "screen" | "print";
 }
 export declare const DEFAULT_FONT_MAP: Record<string, string>;
 export declare function resolveGoogleFonts(resource: RequiredResource, userAgent?: string): Promise<ResolvedFontResult | Uint8Array | null>;
@@ -118,6 +120,7 @@ export declare abstract class SatoruBase {
         backgroundColor?: string;
         format?: "svg" | "png" | "webp" | "pdf";
         textToPaths?: boolean;
+        mediaType?: "screen" | "print";
     }): Promise<string | Uint8Array>;
     destroyInstance(inst: any): Promise<void>;
     loadFallbackFont(data: Uint8Array): Promise<void>;

package/dist/core.js

@@ -240,6 +240,7 @@ export class SatoruBase {
             fitPositionX: options.fitPosition?.x ?? 0.5,
             fitPositionY: options.fitPosition?.y ?? 0.5,
             backgroundColor: this.parseColor(options.backgroundColor),
+            mediaType: options.mediaType === "print" ? 1 : 0,
         });
         if (!result) {
             if (options.format === "svg")
@@ -469,10 +470,39 @@ export class SatoruBase {
                             // Handle regular Uint8Array / ArrayBufferView
                             if (data instanceof Uint8Array ||
                                 ArrayBuffer.isView(data)) {
-                                const uint8 = data instanceof Uint8Array
+                                let finalUint8 = data instanceof Uint8Array
                                     ? data
                                     : new Uint8Array(data.buffer, data.byteOffset, data.byteLength);
-                                await loadResourceData(r, uint8);
+                                if (r.type === "css") {
+                                    const cssText = new TextDecoder().decode(finalUint8);
+                                    const isAbsolute = /^[a-z][a-z0-9+.-]*:/i.test(r.url) || r.url.startsWith("data:");
+                                    let cssBaseUrl = r.url;
+                                    if (!isAbsolute && baseUrl) {
+                                        try {
+                                            const base = /^[a-z][a-z0-9+.-]*:\/\//i.test(baseUrl)
+                                                ? baseUrl
+                                                : new URL(`file:///${baseUrl.replace(/\\/g, "/")}`).href;
+                                            cssBaseUrl = new URL(r.url, base).href;
+                                        }
+                                        catch (e) { }
+                                    }
+                                    if (cssBaseUrl) {
+                                        const rewrittenCss = cssText.replace(/url\(['"]?([^'")]+)['"]?\)/g, (match, urlParam) => {
+                                            if (urlParam.startsWith("data:") || /^[a-z][a-z0-9+.-]*:/i.test(urlParam)) {
+                                                return match;
+                                            }
+                                            try {
+                                                const newUrl = new URL(urlParam, cssBaseUrl).href;
+                                                return `url("${newUrl}")`;
+                                            }
+                                            catch (e) {
+                                                return match;
+                                            }
+                                        });
+                                        finalUint8 = new TextEncoder().encode(rewrittenCss);
+                                    }
+                                }
+                                await loadResourceData(r, finalUint8);
                             }
                         }
                         catch (e) {
@@ -512,6 +542,7 @@ export class SatoruBase {
                 fitPositionX: options.fitPosition?.x ?? 0.5,
                 fitPositionY: options.fitPosition?.y ?? 0.5,
                 backgroundColor: this.parseColor(options.backgroundColor),
+                mediaType: options.mediaType === "print" ? 1 : 0,
             });
             if (!result) {
                 if (format === "svg")