@teamflojo/floimg-screenshot 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Brett Cooke
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,316 @@
+# imgflo-screenshot
+
+Screenshot generator for imgflo using Playwright headless browser.
+
+## Installation
+
+```bash
+npm install imgflo imgflo-screenshot
+```
+
+This will automatically install Playwright and download Chromium (~200MB).
+
+## Usage
+
+```typescript
+import createClient from 'imgflo';
+import screenshot from 'imgflo-screenshot';
+
+const imgflo = createClient({
+  store: {
+    default: 's3',
+    s3: { region: 'us-east-1', bucket: 'my-screenshots' }
+  }
+});
+
+// Register the screenshot generator
+imgflo.registerGenerator(screenshot());
+
+// Screenshot a website
+const site = await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://example.com',
+    width: 1920,
+    height: 1080
+  }
+});
+
+// Upload to S3
+const result = await imgflo.save(site, './output/example.png');
+console.log(result.url);
+```
+
+## Use Cases
+
+### 1. Website Screenshots
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://github.com/bcooke/imgflo',
+    width: 1280,
+    height: 800,
+    fullPage: true  // Capture entire page
+  }
+});
+```
+
+### 2. HTML Rendering
+
+Perfect for generating images from HTML/CSS:
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    html: `
+      <div style="padding: 40px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white;">
+        <h1>Sales Report Q4</h1>
+        <p>Revenue: $1.2M</p>
+      </div>
+    `,
+    width: 800,
+    height: 600
+  }
+});
+```
+
+### 3. Element Screenshots
+
+Capture specific elements:
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://example.com',
+    selector: '#main-content',  // CSS selector
+    width: 1920,
+    height: 1080
+  }
+});
+```
+
+### 4. Wait for Content
+
+Wait for dynamic content to load:
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://example.com/dashboard',
+    waitFor: '.chart-loaded',  // Wait for this selector
+    delay: 1000  // Additional 1s delay
+  }
+});
+```
+
+### 5. High DPI / Retina Screenshots
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://example.com',
+    width: 1280,
+    height: 720,
+    deviceScaleFactor: 2  // 2x resolution
+  }
+});
+```
+
+## Configuration
+
+### Generator Options
+
+```typescript
+imgflo.registerGenerator(screenshot({
+  persistent: true,        // Reuse browser instance (faster)
+  defaultWidth: 1920,
+  defaultHeight: 1080,
+  launchOptions: {
+    headless: true,
+    args: ['--no-sandbox']  // Browser launch args
+  }
+}));
+```
+
+### Persistent Browser Mode
+
+For better performance when taking multiple screenshots:
+
+```typescript
+const screenshotGen = screenshot({ persistent: true });
+imgflo.registerGenerator(screenshotGen);
+
+// Take multiple screenshots - browser stays open
+await imgflo.generate({ generator: 'screenshot', params: { url: 'https://site1.com' } });
+await imgflo.generate({ generator: 'screenshot', params: { url: 'https://site2.com' } });
+await imgflo.generate({ generator: 'screenshot', params: { url: 'https://site3.com' } });
+
+// Browser closes when process exits
+```
+
+## Parameters
+
+| Parameter | Type | Default | Description |
+|-----------|------|---------|-------------|
+| `url` | string | - | URL to screenshot (required if no html) |
+| `html` | string | - | HTML to render (required if no url) |
+| `selector` | string | - | CSS selector to screenshot |
+| `width` | number | 1280 | Viewport width |
+| `height` | number | 720 | Viewport height |
+| `fullPage` | boolean | false | Capture full scrollable page |
+| `waitFor` | string | - | Selector to wait for |
+| `delay` | number | - | Additional delay in ms |
+| `deviceScaleFactor` | number | 1 | Device scale factor (for retina) |
+| `format` | 'png' \| 'jpeg' | 'png' | Output format |
+| `quality` | number | 90 | JPEG quality (0-100) |
+
+## Examples
+
+### OpenGraph Images
+
+Generate OG images from HTML:
+
+```typescript
+const ogImage = await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    html: `
+      <html>
+        <head>
+          <style>
+            body {
+              margin: 0;
+              width: 1200px;
+              height: 630px;
+              background: linear-gradient(135deg, #667eea, #764ba2);
+              color: white;
+              font-family: Arial, sans-serif;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              text-align: center;
+            }
+            h1 { font-size: 72px; margin: 0; }
+            p { font-size: 32px; opacity: 0.9; }
+          </style>
+        </head>
+        <body>
+          <div>
+            <h1>My Blog Post Title</h1>
+            <p>A great article about something interesting</p>
+          </div>
+        </body>
+      </html>
+    `,
+    width: 1200,
+    height: 630
+  }
+});
+```
+
+### Dashboard Screenshot
+
+Capture a live dashboard:
+
+```typescript
+const dashboard = await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://internal-dashboard.company.com',
+    fullPage: true,
+    waitFor: '.dashboard-loaded',
+    width: 1920,
+    height: 1080
+  }
+});
+```
+
+### Mobile Viewport
+
+```typescript
+const mobile = await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://example.com',
+    width: 375,   // iPhone size
+    height: 667,
+    deviceScaleFactor: 2
+  }
+});
+```
+
+## Performance Considerations
+
+- **Cold start**: ~1-2 seconds for browser launch
+- **Persistent mode**: Reuses browser, faster for multiple screenshots
+- **Memory**: Each browser instance uses ~50-100MB RAM
+- **Disk space**: Chromium download is ~200MB
+
+## Playwright Documentation
+
+For advanced browser control, see:
+- [Playwright API](https://playwright.dev/docs/api/class-playwright)
+- [Browser contexts](https://playwright.dev/docs/browser-contexts)
+- [Selectors](https://playwright.dev/docs/selectors)
+
+## Troubleshooting
+
+### Browser fails to launch
+
+If you see errors about missing dependencies:
+
+```bash
+# Install system dependencies
+npx playwright install-deps chromium
+```
+
+### Screenshots timeout
+
+Increase timeout for slow-loading pages:
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://slow-site.com',
+    delay: 5000  // Wait 5 seconds
+  }
+});
+```
+
+### Element not found
+
+Ensure selector exists:
+
+```typescript
+await imgflo.generate({
+  generator: 'screenshot',
+  params: {
+    url: 'https://example.com',
+    waitFor: '#my-element',  // Wait for it to appear
+    selector: '#my-element'   // Then screenshot it
+  }
+});
+```
+
+## Security Notes
+
+- Never screenshot untrusted HTML (XSS risk)
+- Be careful with URLs from user input
+- Consider sandboxing in production
+- Use `--no-sandbox` carefully (reduces security)
+
+## License
+
+MIT
+
+## See Also
+
+- [imgflo](https://github.com/bcooke/imgflo) - Core library
+- [Playwright](https://playwright.dev) - Browser automation

package/dist/index.d.ts

@@ -0,0 +1,87 @@
+import type { ImageGenerator, GeneratorSchema } from "@teamflojo/floimg";
+/**
+ * Schema for the Screenshot generator
+ */
+export declare const screenshotSchema: GeneratorSchema;
+/**
+ * Screenshot generator using Playwright headless browser
+ *
+ * Supports:
+ * - Website screenshots (by URL)
+ * - HTML rendering (raw HTML)
+ * - Element screenshots (by selector)
+ * - Custom viewport sizes
+ * - Full page or viewport-only
+ *
+ * @example
+ * ```typescript
+ * import createClient from '@teamflojo/floimg';
+ * import screenshot from '@teamflojo/floimg-screenshot';
+ *
+ * const floimg = createClient();
+ * floimg.registerGenerator(screenshot());
+ *
+ * // Screenshot a website
+ * const site = await floimg.generate({
+ *   generator: 'screenshot',
+ *   params: {
+ *     url: 'https://example.com',
+ *     width: 1920,
+ *     height: 1080
+ *   }
+ * });
+ *
+ * // Render HTML
+ * const html = await floimg.generate({
+ *   generator: 'screenshot',
+ *   params: {
+ *     html: '<h1>Hello World</h1>',
+ *     width: 800,
+ *     height: 600
+ *   }
+ * });
+ * ```
+ */
+export interface ScreenshotConfig {
+    /** Reuse browser instance across screenshots (default: false) */
+    persistent?: boolean;
+    /** Browser launch options */
+    launchOptions?: {
+        headless?: boolean;
+        args?: string[];
+    };
+    /** Default viewport width (default: 1280) */
+    defaultWidth?: number;
+    /** Default viewport height (default: 720) */
+    defaultHeight?: number;
+}
+export interface ScreenshotParams extends Record<string, unknown> {
+    /** URL to screenshot */
+    url?: string;
+    /** Raw HTML to render */
+    html?: string;
+    /** CSS selector to screenshot (instead of full page) */
+    selector?: string;
+    /** Viewport width */
+    width?: number;
+    /** Viewport height */
+    height?: number;
+    /** Take full page screenshot (default: false) */
+    fullPage?: boolean;
+    /** Wait for selector before taking screenshot */
+    waitFor?: string;
+    /** Wait time in milliseconds before screenshot */
+    delay?: number;
+    /** Device scale factor (default: 1) */
+    deviceScaleFactor?: number;
+    /** Output format: 'png' | 'jpeg' (default: 'png') */
+    format?: 'png' | 'jpeg';
+    /** JPEG quality 0-100 (only for jpeg format) */
+    quality?: number;
+}
+/**
+ * Create a screenshot generator instance
+ */
+export default function screenshot(config?: ScreenshotConfig): ImageGenerator;
+export { screenshot };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAa,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,eAkD9B,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,MAAM,WAAW,gBAAgB;IAC/B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,aAAa,CAAC,EAAE;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;IACF,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAiB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,MAAM,GAAE,gBAAqB,GAAG,cAAc,CAkIhF;AAGD,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/index.js

@@ -0,0 +1,158 @@
+/**
+ * Schema for the Screenshot generator
+ */
+export const screenshotSchema = {
+    name: "screenshot",
+    description: "Capture screenshots of websites or render HTML using Playwright headless browser",
+    category: "Utility",
+    parameters: {
+        url: {
+            type: "string",
+            title: "URL",
+            description: "URL of the website to screenshot",
+        },
+        html: {
+            type: "string",
+            title: "HTML",
+            description: "Raw HTML content to render and screenshot",
+        },
+        selector: {
+            type: "string",
+            title: "Selector",
+            description: "CSS selector to screenshot a specific element instead of full page",
+        },
+        width: {
+            type: "number",
+            title: "Width",
+            description: "Viewport width in pixels",
+            default: 1280,
+            minimum: 100,
+            maximum: 4096,
+        },
+        height: {
+            type: "number",
+            title: "Height",
+            description: "Viewport height in pixels",
+            default: 720,
+            minimum: 100,
+            maximum: 4096,
+        },
+        fullPage: {
+            type: "boolean",
+            title: "Full Page",
+            description: "Take full page screenshot (default: false)",
+            default: false,
+        },
+        format: {
+            type: "string",
+            title: "Format",
+            description: "Output image format",
+            enum: ["png", "jpeg"],
+            default: "png",
+        },
+    },
+};
+import { chromium } from "playwright";
+/**
+ * Create a screenshot generator instance
+ */
+export default function screenshot(config = {}) {
+    const { persistent = false, launchOptions = { headless: true }, defaultWidth = 1280, defaultHeight = 720, } = config;
+    let browser = null;
+    let cachedContext = null;
+    const getBrowser = async () => {
+        if (persistent && browser) {
+            return browser;
+        }
+        browser = await chromium.launch(launchOptions);
+        return browser;
+    };
+    const getContext = async (width, height, deviceScaleFactor) => {
+        // For persistent mode, reuse context if viewport size matches
+        // Otherwise, create new context each time
+        if (!persistent || !cachedContext) {
+            const browserInstance = await getBrowser();
+            cachedContext = await browserInstance.newContext({
+                viewport: { width, height },
+                deviceScaleFactor,
+            });
+        }
+        return cachedContext;
+    };
+    return {
+        name: "screenshot",
+        schema: screenshotSchema,
+        async generate(params) {
+            const { url, html, selector, width = defaultWidth, height = defaultHeight, fullPage = false, waitFor, delay, deviceScaleFactor = 1, format = 'png', quality = 90, } = params;
+            if (!url && !html) {
+                throw new Error("Either 'url' or 'html' parameter is required");
+            }
+            const context = await getContext(width, height, deviceScaleFactor);
+            const page = await context.newPage();
+            try {
+                // Load URL or HTML
+                if (url) {
+                    await page.goto(url, { waitUntil: "networkidle" });
+                }
+                else if (html) {
+                    await page.setContent(html, { waitUntil: "networkidle" });
+                }
+                // Wait for selector if specified
+                if (waitFor) {
+                    await page.waitForSelector(waitFor, { timeout: 30000 });
+                }
+                // Additional delay if specified
+                if (delay) {
+                    await page.waitForTimeout(delay);
+                }
+                // Take screenshot
+                let screenshotBytes;
+                if (selector) {
+                    // Screenshot specific element
+                    const element = await page.locator(selector).first();
+                    const bytes = await element.screenshot({
+                        type: format,
+                        ...(format === 'jpeg' && { quality }),
+                    });
+                    screenshotBytes = Buffer.from(bytes);
+                }
+                else {
+                    // Screenshot page
+                    const bytes = await page.screenshot({
+                        type: format,
+                        fullPage,
+                        ...(format === 'jpeg' && { quality }),
+                    });
+                    screenshotBytes = Buffer.from(bytes);
+                }
+                // Get actual dimensions
+                const viewport = page.viewportSize() || { width: width, height: height };
+                return {
+                    bytes: screenshotBytes,
+                    mime: format === 'jpeg' ? 'image/jpeg' : 'image/png',
+                    width: viewport.width,
+                    height: viewport.height,
+                    source: "screenshot:playwright",
+                    metadata: {
+                        url: url || undefined,
+                        selector: selector || undefined,
+                        fullPage,
+                        format,
+                    },
+                };
+            }
+            finally {
+                await page.close();
+                // Close browser if not persistent
+                if (!persistent && browser) {
+                    await browser.close();
+                    browser = null;
+                    cachedContext = null;
+                }
+            }
+        },
+    };
+}
+// Also export as named export for convenience
+export { screenshot };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@teamflojo/floimg-screenshot",
+  "version": "0.1.0",
+  "description": "Screenshot generator for floimg using Playwright headless browser",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "floimg",
+    "screenshot",
+    "playwright",
+    "headless-browser",
+    "web-capture",
+    "image-generation"
+  ],
+  "author": "Brett Cooke",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TeamFlojo/floimg.git",
+    "directory": "packages/floimg-screenshot"
+  },
+  "peerDependencies": {
+    "@teamflojo/floimg": "^0.1.0"
+  },
+  "dependencies": {
+    "playwright": "^1.48.2"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.2",
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8",
+    "@teamflojo/floimg": "0.1.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "postinstall": "playwright install chromium"
+  }
+}