fix(backend+ci): try to bundle for windows 🙈 (#46)

Author: gorillamoe

backend/bun/package.json

@@ -8,5 +8,11 @@
     "format": "prettier --write .",
     "prepublishOnly": "npm run build && npm run lint"
   },
-  "private": true
+  "private": true,
+  "devDependencies": {
+    "chromium-bidi": "12.0.1",
+    "electron": "39.2.7",
+    "handlebars": "4.7.8",
+    "playwright-core": "1.57.0"
+  }
 }

backend/bun/src/utils/htmlToImage.ts

@@ -1,4 +1,5 @@
-import { chromium } from "playwright-core";
+// Use dynamic import for playwright-core to avoid bundling issues
+// This allows playwright-core to be loaded at runtime from node_modules
 import type { Page } from "playwright-core";
 
 export interface HtmlToImageOptions {
@@ -11,12 +12,53 @@ export interface HtmlToImageOptions {
   executablePath?: string | null;
 }
 
+/**
+ * Dynamically loads playwright-core at runtime
+ * due to dynamic imports and native dependencies
+ */
+async function loadPlaywright() {
+  const path = await import("node:path");
+  const fs = await import("node:fs");
+
+  // For compiled binaries, playwright-core should be in node_modules relative to the executable
+  // Try bundled location first (for production builds)
+  if (process.execPath) {
+    const execDir = path.dirname(process.execPath);
+    const bundledPath = path.join(execDir, "node_modules", "playwright-core");
+
+    if (fs.existsSync(bundledPath)) {
+      try {
+        // Use file:// URL for absolute path import
+        const playwright = await import(path.resolve(bundledPath));
+        return playwright.chromium;
+      } catch (error) {
+        // Fall through to standard import
+      }
+    }
+  }
+
+  // Try standard import (works for development and if node_modules is in module resolution path)
+  try {
+    const playwright = await import("playwright-core");
+    return playwright.chromium;
+  } catch (error) {
+    throw new Error(
+      `Failed to load playwright-core: ${
+        error instanceof Error ? error.message : String(error)
+      }. ` +
+        "Make sure playwright-core is installed or bundled with the application in node_modules/playwright-core.",
+    );
+  }
+}
+
 /**
  * Converts HTML to an image using Playwright.
  * @param options - Configuration options for the image generation
  * @returns Buffer containing the image data
  */
-export async function htmlToImage(options: HtmlToImageOptions): Promise<Buffer> {
+export async function htmlToImage(
+  options: HtmlToImageOptions,
+): Promise<Buffer> {
   const {
     html,
     output,
@@ -27,10 +69,18 @@ export async function htmlToImage(options: HtmlToImageOptions): Promise<Buffer>
     executablePath,
   } = options;
 
+  // Dynamically load playwright-core
+  const chromium = await loadPlaywright();
+
   // Launch browser with appropriate settings
   const launchOptions: Parameters<typeof chromium.launch>[0] = {
     headless: true,
-    args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-dev-shm-usage", "--disable-gpu"],
+    args: [
+      "--no-sandbox",
+      "--disable-setuid-sandbox",
+      "--disable-dev-shm-usage",
+      "--disable-gpu",
+    ],
   };
 
   // If executable path is provided, use it explicitly
@@ -45,7 +95,11 @@ export async function htmlToImage(options: HtmlToImageOptions): Promise<Buffer>
 
     // Set content with HTML
     await page.setContent(html, {
-      waitUntil: waitUntil as "load" | "domcontentloaded" | "networkidle" | "commit",
+      waitUntil: waitUntil as
+        | "load"
+        | "domcontentloaded"
+        | "networkidle"
+        | "commit",
     });
 
     // Measure the actual rendered content width to respect max-width constraints
@@ -60,7 +114,11 @@ export async function htmlToImage(options: HtmlToImageOptions): Promise<Buffer>
 
       // Use body dimensions which respect max-width constraints
       const width = bodyRect.width;
-      const height = Math.max(body.scrollHeight, document.documentElement.scrollHeight, bodyRect.height);
+      const height = Math.max(
+        body.scrollHeight,
+        document.documentElement.scrollHeight,
+        bodyRect.height,
+      );
 
       return {
         width: Math.ceil(width),
@@ -98,7 +156,9 @@ export async function htmlToImage(options: HtmlToImageOptions): Promise<Buffer>
     });
 
     // Convert to Buffer if needed
-    const buffer = screenshotBuffer instanceof Buffer ? screenshotBuffer : Buffer.from(screenshotBuffer);
+    const buffer = screenshotBuffer instanceof Buffer
+      ? screenshotBuffer
+      : Buffer.from(screenshotBuffer);
 
     return buffer;
   } finally {

bun.lock

@@ -9,7 +9,7 @@
   ],
   "scripts": {
     "prepare": "bun run --cwd web svelte-kit sync || echo ''",
-    "postinstall": "bunx simple-git-hooks && bunx playwright install chromium --only-shell",
+    "postinstall": "bunx simple-git-hooks",
     "format": "eslint --fix . && prettier -w .",
     "web:dev": "bun run --cwd web vite dev",
     "web:build": "bun run --cwd web vite build"
@@ -22,34 +22,21 @@
     "@sveltejs/adapter-static": "3.0.10",
     "@sveltejs/kit": "2.47.3",
     "@sveltejs/vite-plugin-svelte": "6.2.1",
-    "@tailwindcss/vite": "4.0.13",
     "@types/bun": "1.3.3",
     "@types/eslint": "9.6.1",
-    "chromium-bidi": "12.0.1",
-    "daisyui": "5.0.2",
-    "electron": "39.2.7",
+    "@types/node": "25.0.3",
     "eslint": "9.39.1",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-svelte": "3.13.1",
     "file-type": "21.1.1",
     "globals": "16.5.0",
-    "handlebars": "4.7.8",
     "husky": "9.1.7",
     "install": "0.13.0",
     "jiti": "2.6.1",
-    "mdsvex": "0.12.6",
-    "playwright-core": "1.57.0",
     "prettier": "3.7.4",
     "prettier-plugin-svelte": "3.4.1",
     "prettier-plugin-tailwindcss": "0.6.11",
-    "rehype-autolink-headings": "7.1.0",
-    "rehype-slug-custom-id": "2.0.0",
-    "svelte": "5.41.4",
-    "svelte-check": "4.3.3",
-    "svelte-eslint-parser": "1.4.1",
-    "svelte-sitemap": "2.7.1",
     "tailwind-csstree": "0.1.4",
-    "tailwindcss": "4.0.13",
     "typescript": "5.9.3",
     "typescript-eslint": "8.49.0",
     "vite": "7.3.0",