@webreel/core 0.1.0

package/dist/types.d.ts

@@ -0,0 +1,90 @@
+export type CDPClient = {
+    close: () => Promise<void>;
+    Runtime: {
+        enable: () => Promise<void>;
+        evaluate: (params: {
+            expression: string;
+            returnByValue?: boolean;
+            awaitPromise?: boolean;
+        }) => Promise<{
+            result: {
+                value?: unknown;
+            };
+        }>;
+    };
+    Page: {
+        enable: () => Promise<void>;
+        navigate: (params: {
+            url: string;
+        }) => Promise<void>;
+        loadEventFired: () => Promise<void>;
+        captureScreenshot: (params: {
+            format?: string;
+            quality?: number;
+            optimizeForSpeed?: boolean;
+        }) => Promise<{
+            data: string;
+        }>;
+    };
+    Input: {
+        dispatchMouseEvent: (params: {
+            type: string;
+            x: number;
+            y: number;
+            button?: string;
+            buttons?: number;
+            clickCount?: number;
+            modifiers?: number;
+        }) => Promise<void>;
+        dispatchKeyEvent: (params: {
+            type: string;
+            key?: string;
+            code?: string;
+            text?: string;
+            windowsVirtualKeyCode?: number;
+            modifiers?: number;
+            commands?: string[];
+        }) => Promise<void>;
+    };
+    Emulation: {
+        setDeviceMetricsOverride: (params: {
+            width: number;
+            height: number;
+            deviceScaleFactor: number;
+            mobile: boolean;
+        }) => Promise<void>;
+    };
+    DOM: {
+        enable: () => Promise<void>;
+    };
+};
+export interface BoundingBox {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface SoundEvent {
+    type: "click" | "key";
+    timeMs: number;
+}
+export declare const TARGET_FPS = 60;
+export declare const FRAME_MS: number;
+export declare const DEFAULT_VIEWPORT_SIZE = 1080;
+export declare const OFFSCREEN_MARGIN = 40;
+export declare const CAPTURE_CYCLE_MS = 35;
+export declare const DEFAULT_CURSOR_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.45 0 .67-.54.35-.85L5.85 2.35a.5.5 0 0 0-.35.86z\" fill=\"#fff\" stroke=\"#000\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/></svg>";
+export declare const DEFAULT_HUD_THEME: {
+    background: string;
+    color: string;
+    fontSize: number;
+    fontFamily: string;
+    borderRadius: number;
+    position: "bottom";
+};
+export declare const DEFAULT_CURSOR_SIZE = 24;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/dist/types.js

@@ -0,0 +1,16 @@
+export const TARGET_FPS = 60;
+export const FRAME_MS = 1000 / TARGET_FPS;
+export const DEFAULT_VIEWPORT_SIZE = 1080;
+export const OFFSCREEN_MARGIN = 40;
+export const CAPTURE_CYCLE_MS = 35;
+export const DEFAULT_CURSOR_SVG = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87c.45 0 .67-.54.35-.85L5.85 2.35a.5.5 0 0 0-.35.86z" fill="#fff" stroke="#000" stroke-width="1.5" stroke-linejoin="round"/></svg>';
+export const DEFAULT_HUD_THEME = {
+    background: "rgba(0,0,0,0.5)",
+    color: "rgba(255,255,255,0.85)",
+    fontSize: 56,
+    fontFamily: '"Geist", -apple-system, BlinkMacSystemFont, sans-serif',
+    borderRadius: 18,
+    position: "bottom",
+};
+export const DEFAULT_CURSOR_SIZE = 24;
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAsEA,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,GAAG,UAAU,CAAC;AAC1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAC1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAEnC,MAAM,CAAC,MAAM,kBAAkB,GAC7B,4SAA4S,CAAC;AAE/S,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,UAAU,EAAE,iBAAiB;IAC7B,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,wDAAwD;IACpE,YAAY,EAAE,EAAE;IAChB,QAAQ,EAAE,QAAiB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@webreel/core",
+  "version": "0.1.0",
+  "description": "Core recording engine for webreel - headless Chrome capture, cursor animation, and video compositing.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel-labs/webreel.git",
+    "directory": "packages/@webreel/core"
+  },
+  "keywords": [
+    "video",
+    "recording",
+    "browser",
+    "headless",
+    "chrome",
+    "cdp",
+    "screencast",
+    "automation"
+  ],
+  "license": "Apache-2.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "rm -rf dist && tsc",
+    "type-check": "tsc --noEmit",
+    "dev": "tsc --watch",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "chrome-remote-interface": "^0.33.2",
+    "sharp": "^0.34.5"
+  },
+  "devDependencies": {
+    "@types/chrome-remote-interface": "^0.33.0",
+    "@types/node": "25.3.0",
+    "typescript": "5.9.3"
+  }
+}