@shakenbake/react-native 0.0.1

package/dist/annotate/types.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Available drawing tool types for the annotation canvas.
+ */
+export type DrawingTool = 'pen' | 'rectangle' | 'arrow' | 'circle' | 'eraser';
+/**
+ * Available stroke widths.
+ */
+export type StrokeSize = 'thin' | 'medium' | 'thick';
+/**
+ * Available drawing colors.
+ */
+export declare const DRAWING_COLORS: readonly ["#FF0000", "#FFFF00", "#0066FF", "#00CC00", "#FFFFFF", "#000000"];
+export type DrawingColor = (typeof DRAWING_COLORS)[number];
+/**
+ * Default drawing color (red).
+ */
+export declare const DEFAULT_COLOR: DrawingColor;
+/**
+ * Maps stroke size names to pixel values.
+ */
+export declare const STROKE_WIDTHS: Record<StrokeSize, number>;
+/**
+ * Default stroke size.
+ */
+export declare const DEFAULT_STROKE_SIZE: StrokeSize;
+/**
+ * A 2D point on the canvas.
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * Represents a single drawing operation on the annotation canvas.
+ *
+ * For 'pen' and 'eraser' tools, `points` contains the freehand path points.
+ * For 'rectangle', 'arrow', and 'circle' tools, `startPoint` and `endPoint`
+ * define the shape bounds.
+ */
+export interface DrawingOperation {
+    /** Unique id for this operation (monotonically increasing). */
+    id: number;
+    /** Which tool created this operation. */
+    tool: DrawingTool;
+    /** Freehand path points (pen, eraser). */
+    points?: Point[];
+    /** Stroke/outline color. */
+    color: string;
+    /** Stroke width in pixels. */
+    strokeWidth: number;
+    /** Start point for shape tools. */
+    startPoint?: Point;
+    /** End point for shape tools. */
+    endPoint?: Point;
+}
+/**
+ * Props for the DrawingCanvas component.
+ */
+export interface DrawingCanvasProps {
+    /** Base64-encoded screenshot to annotate. */
+    screenshot: string;
+    /** Dimensions of the canvas area. */
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    /** Called when annotation is complete. Receives annotated and original base64 images. */
+    onDone: (annotatedBase64: string, originalBase64: string) => void;
+    /** Called when user cancels annotation. */
+    onCancel: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/annotate/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/annotate/types.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,cAAc,6EAOjB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,YAAwB,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI3C,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,UAAqB,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,IAAI,EAAE,WAAW,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,yFAAyF;IACzF,MAAM,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/dist/annotate/types.js

@@ -0,0 +1,34 @@
+"use strict";
+// ---------------------------------------------------------------------------
+// @shakenbake/react-native — Annotation types
+// ---------------------------------------------------------------------------
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_STROKE_SIZE = exports.STROKE_WIDTHS = exports.DEFAULT_COLOR = exports.DRAWING_COLORS = void 0;
+/**
+ * Available drawing colors.
+ */
+exports.DRAWING_COLORS = [
+    '#FF0000', // red (default)
+    '#FFFF00', // yellow
+    '#0066FF', // blue
+    '#00CC00', // green
+    '#FFFFFF', // white
+    '#000000', // black
+];
+/**
+ * Default drawing color (red).
+ */
+exports.DEFAULT_COLOR = '#FF0000';
+/**
+ * Maps stroke size names to pixel values.
+ */
+exports.STROKE_WIDTHS = {
+    thin: 2,
+    medium: 4,
+    thick: 8,
+};
+/**
+ * Default stroke size.
+ */
+exports.DEFAULT_STROKE_SIZE = 'medium';
+//# sourceMappingURL=types.js.map

package/dist/annotate/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/annotate/types.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,8CAA8C;AAC9C,8EAA8E;;;AAY9E;;GAEG;AACU,QAAA,cAAc,GAAG;IAC5B,SAAS,EAAE,gBAAgB;IAC3B,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;CACX,CAAC;AAIX;;GAEG;AACU,QAAA,aAAa,GAAiB,SAAS,CAAC;AAErD;;GAEG;AACU,QAAA,aAAa,GAA+B;IACvD,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;CACA,CAAC;AAEX;;GAEG;AACU,QAAA,mBAAmB,GAAe,QAAQ,CAAC"}

package/dist/annotate/useDrawingOperations.d.ts

@@ -0,0 +1,88 @@
+import type { DrawingOperation, DrawingTool, DrawingColor, StrokeSize, Point } from './types.js';
+/**
+ * State returned by useDrawingOperations.
+ */
+export interface DrawingOperationsState {
+    /** All completed drawing operations (the undo stack). */
+    operations: DrawingOperation[];
+    /** The current in-progress operation (while user is actively drawing). */
+    currentOperation: DrawingOperation | null;
+    /** The currently selected drawing tool. */
+    tool: DrawingTool;
+    /** The currently selected color. */
+    color: DrawingColor;
+    /** The currently selected stroke size name. */
+    strokeSize: StrokeSize;
+    /** The resolved stroke width in pixels. */
+    strokeWidth: number;
+    /** Whether undo is available. */
+    canUndo: boolean;
+    /** Whether redo is available. */
+    canRedo: boolean;
+}
+/**
+ * Actions returned by useDrawingOperations.
+ */
+export interface DrawingOperationsActions {
+    /** Select a drawing tool. Clears redo stack if switching tools. */
+    setTool: (tool: DrawingTool) => void;
+    /** Select a color. */
+    setColor: (color: DrawingColor) => void;
+    /** Select a stroke size. */
+    setStrokeSize: (size: StrokeSize) => void;
+    /** Begin a new drawing operation at the given point. */
+    startOperation: (point: Point) => void;
+    /** Continue the current operation to the given point. */
+    continueOperation: (point: Point) => void;
+    /** Complete the current operation. */
+    endOperation: () => void;
+    /** Undo the last operation. */
+    undo: () => void;
+    /** Redo the last undone operation. */
+    redo: () => void;
+    /** Clear all operations. */
+    clearAll: () => void;
+}
+/**
+ * React hook that manages drawing operations with undo/redo support.
+ *
+ * This hook is pure state management and contains no Skia or platform
+ * dependencies, making it easy to test in a Node environment.
+ */
+export declare function useDrawingOperations(): [
+    DrawingOperationsState,
+    DrawingOperationsActions
+];
+/**
+ * Non-React state container for drawing operations.
+ * Useful for unit testing the undo/redo logic without needing React.
+ */
+export interface DrawingState {
+    operations: DrawingOperation[];
+    redoStack: DrawingOperation[];
+    currentOperation: DrawingOperation | null;
+    nextId: number;
+}
+/**
+ * Creates an empty drawing state.
+ */
+export declare function createDrawingState(): DrawingState;
+/**
+ * Adds a completed operation to the state and clears redo stack.
+ */
+export declare function addOperation(state: DrawingState, operation: Omit<DrawingOperation, 'id'>): DrawingState;
+/**
+ * Undoes the last operation: pops from operations, pushes to redoStack.
+ * Returns unchanged state if nothing to undo.
+ */
+export declare function undoOperation(state: DrawingState): DrawingState;
+/**
+ * Redoes the last undone operation: pops from redoStack, pushes to operations.
+ * Returns unchanged state if nothing to redo.
+ */
+export declare function redoOperation(state: DrawingState): DrawingState;
+/**
+ * Clears all operations and redo history.
+ */
+export declare function clearOperations(state: DrawingState): DrawingState;
+//# sourceMappingURL=useDrawingOperations.d.ts.map

package/dist/annotate/useDrawingOperations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawingOperations.d.ts","sourceRoot":"","sources":["../../src/annotate/useDrawingOperations.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,KAAK,EACN,MAAM,YAAY,CAAC;AAOpB;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,yDAAyD;IACzD,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,0EAA0E;IAC1E,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,2CAA2C;IAC3C,IAAI,EAAE,WAAW,CAAC;IAClB,oCAAoC;IACpC,KAAK,EAAE,YAAY,CAAC;IACpB,+CAA+C;IAC/C,UAAU,EAAE,UAAU,CAAC;IACvB,2CAA2C;IAC3C,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,iCAAiC;IACjC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,mEAAmE;IACnE,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACrC,sBAAsB;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,4BAA4B;IAC5B,aAAa,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,wDAAwD;IACxD,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,yDAAyD;IACzD,iBAAiB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,sCAAsC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,+BAA+B;IAC/B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,sCAAsC;IACtC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,IAAI;IACtC,sBAAsB;IACtB,wBAAwB;CACzB,CA2HA;AAMD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAC1C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAOjD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,GACtC,YAAY,CAOd;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAQ/D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAQ/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,GAAG,YAAY,CAOjE"}

package/dist/annotate/useDrawingOperations.js

@@ -0,0 +1,186 @@
+"use strict";
+// ---------------------------------------------------------------------------
+// @shakenbake/react-native — Drawing operations state manager
+//
+// Pure business logic for managing the undo/redo stack and current tool state.
+// This is extracted from the DrawingCanvas component so it can be tested
+// independently without any Skia or React Native dependencies.
+// ---------------------------------------------------------------------------
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawingOperations = useDrawingOperations;
+exports.createDrawingState = createDrawingState;
+exports.addOperation = addOperation;
+exports.undoOperation = undoOperation;
+exports.redoOperation = redoOperation;
+exports.clearOperations = clearOperations;
+const react_1 = require("react");
+const types_js_1 = require("./types.js");
+/**
+ * React hook that manages drawing operations with undo/redo support.
+ *
+ * This hook is pure state management and contains no Skia or platform
+ * dependencies, making it easy to test in a Node environment.
+ */
+function useDrawingOperations() {
+    const [operations, setOperations] = (0, react_1.useState)([]);
+    const [redoStack, setRedoStack] = (0, react_1.useState)([]);
+    const [currentOperation, setCurrentOperation] = (0, react_1.useState)(null);
+    const [tool, setToolState] = (0, react_1.useState)('pen');
+    const [color, setColorState] = (0, react_1.useState)(types_js_1.DEFAULT_COLOR);
+    const [strokeSize, setStrokeSizeState] = (0, react_1.useState)(types_js_1.DEFAULT_STROKE_SIZE);
+    const nextIdRef = (0, react_1.useRef)(1);
+    const strokeWidth = types_js_1.STROKE_WIDTHS[strokeSize];
+    // ---- Tool / Color / Size setters ----
+    const setTool = (0, react_1.useCallback)((newTool) => {
+        setToolState(newTool);
+    }, []);
+    const setColor = (0, react_1.useCallback)((newColor) => {
+        setColorState(newColor);
+    }, []);
+    const setStrokeSize = (0, react_1.useCallback)((size) => {
+        setStrokeSizeState(size);
+    }, []);
+    // ---- Operation lifecycle ----
+    const startOperation = (0, react_1.useCallback)((point) => {
+        const op = {
+            id: nextIdRef.current++,
+            tool,
+            color,
+            strokeWidth,
+            ...(tool === 'pen' || tool === 'eraser'
+                ? { points: [point] }
+                : { startPoint: point, endPoint: point }),
+        };
+        setCurrentOperation(op);
+    }, [tool, color, strokeWidth]);
+    const continueOperation = (0, react_1.useCallback)((point) => {
+        setCurrentOperation((prev) => {
+            if (!prev)
+                return prev;
+            if (prev.tool === 'pen' || prev.tool === 'eraser') {
+                return { ...prev, points: [...(prev.points ?? []), point] };
+            }
+            // Shape tools: update endPoint
+            return { ...prev, endPoint: point };
+        });
+    }, []);
+    const endOperation = (0, react_1.useCallback)(() => {
+        setCurrentOperation((prev) => {
+            if (prev) {
+                setOperations((ops) => [...ops, prev]);
+                // Completing a new operation clears the redo stack
+                setRedoStack([]);
+            }
+            return null;
+        });
+    }, []);
+    // ---- Undo / Redo ----
+    const undo = (0, react_1.useCallback)(() => {
+        setOperations((ops) => {
+            if (ops.length === 0)
+                return ops;
+            const last = ops[ops.length - 1];
+            setRedoStack((redo) => [...redo, last]);
+            return ops.slice(0, -1);
+        });
+    }, []);
+    const redo = (0, react_1.useCallback)(() => {
+        setRedoStack((redoOps) => {
+            if (redoOps.length === 0)
+                return redoOps;
+            const last = redoOps[redoOps.length - 1];
+            setOperations((ops) => [...ops, last]);
+            return redoOps.slice(0, -1);
+        });
+    }, []);
+    const clearAll = (0, react_1.useCallback)(() => {
+        setOperations([]);
+        setRedoStack([]);
+        setCurrentOperation(null);
+    }, []);
+    // ---- Return ----
+    const state = {
+        operations,
+        currentOperation,
+        tool,
+        color,
+        strokeSize,
+        strokeWidth,
+        canUndo: operations.length > 0,
+        canRedo: redoStack.length > 0,
+    };
+    const actions = {
+        setTool,
+        setColor,
+        setStrokeSize,
+        startOperation,
+        continueOperation,
+        endOperation,
+        undo,
+        redo,
+        clearAll,
+    };
+    return [state, actions];
+}
+/**
+ * Creates an empty drawing state.
+ */
+function createDrawingState() {
+    return {
+        operations: [],
+        redoStack: [],
+        currentOperation: null,
+        nextId: 1,
+    };
+}
+/**
+ * Adds a completed operation to the state and clears redo stack.
+ */
+function addOperation(state, operation) {
+    return {
+        ...state,
+        operations: [...state.operations, { ...operation, id: state.nextId }],
+        redoStack: [],
+        nextId: state.nextId + 1,
+    };
+}
+/**
+ * Undoes the last operation: pops from operations, pushes to redoStack.
+ * Returns unchanged state if nothing to undo.
+ */
+function undoOperation(state) {
+    if (state.operations.length === 0)
+        return state;
+    const last = state.operations[state.operations.length - 1];
+    return {
+        ...state,
+        operations: state.operations.slice(0, -1),
+        redoStack: [...state.redoStack, last],
+    };
+}
+/**
+ * Redoes the last undone operation: pops from redoStack, pushes to operations.
+ * Returns unchanged state if nothing to redo.
+ */
+function redoOperation(state) {
+    if (state.redoStack.length === 0)
+        return state;
+    const last = state.redoStack[state.redoStack.length - 1];
+    return {
+        ...state,
+        operations: [...state.operations, last],
+        redoStack: state.redoStack.slice(0, -1),
+    };
+}
+/**
+ * Clears all operations and redo history.
+ */
+function clearOperations(state) {
+    return {
+        ...state,
+        operations: [],
+        redoStack: [],
+        currentOperation: null,
+    };
+}
+//# sourceMappingURL=useDrawingOperations.js.map

package/dist/annotate/useDrawingOperations.js.map

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

package/dist/capture/screenshot.d.ts

@@ -0,0 +1,31 @@
+import type { CapturePlugin, CaptureResult, Platform } from '@shakenbake/core';
+import type { RefObject } from 'react';
+/**
+ * CapturePlugin that takes a screenshot using react-native-view-shot.
+ *
+ * The `react-native-view-shot` module is a **peer dependency** and is loaded
+ * at runtime via dynamic import.  If it is not installed, `capture()` will
+ * throw a `ShakeNbakeError` with code `UPLOAD_FAILED`.
+ *
+ * Usage:
+ * ```ts
+ * const capture = new ViewShotCapture();
+ * // Later, from your React component:
+ * capture.setRef(myViewRef);
+ * const result = await capture.capture();
+ * ```
+ */
+export declare class ViewShotCapture implements CapturePlugin {
+    readonly name = "viewshot";
+    readonly platform: Platform;
+    private viewRef;
+    constructor(viewRef?: RefObject<unknown>);
+    /**
+     * Set or update the React ref pointing to the capturable view.
+     * This is typically called by a provider component once the root
+     * view has mounted.
+     */
+    setRef(ref: RefObject<unknown>): void;
+    capture(): Promise<CaptureResult>;
+}
+//# sourceMappingURL=screenshot.d.ts.map

package/dist/capture/screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/capture/screenshot.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA2BvC;;;;;;;;;;;;;;GAcG;AACH,qBAAa,eAAgB,YAAW,aAAa;IACnD,QAAQ,CAAC,IAAI,cAAc;IAC3B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAkB;IAE7C,OAAO,CAAC,OAAO,CAA4B;gBAE/B,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAIxC;;;;OAIG;IACH,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI;IAI/B,OAAO,IAAI,OAAO,CAAC,aAAa,CAAC;CAiExC"}

package/dist/capture/screenshot.js

@@ -0,0 +1,90 @@
+"use strict";
+// ---------------------------------------------------------------------------
+// @shakenbake/react-native — ViewShotCapture plugin
+// Captures a screenshot of the app using react-native-view-shot.
+// ---------------------------------------------------------------------------
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewShotCapture = void 0;
+const core_1 = require("@shakenbake/core");
+/**
+ * CapturePlugin that takes a screenshot using react-native-view-shot.
+ *
+ * The `react-native-view-shot` module is a **peer dependency** and is loaded
+ * at runtime via dynamic import.  If it is not installed, `capture()` will
+ * throw a `ShakeNbakeError` with code `UPLOAD_FAILED`.
+ *
+ * Usage:
+ * ```ts
+ * const capture = new ViewShotCapture();
+ * // Later, from your React component:
+ * capture.setRef(myViewRef);
+ * const result = await capture.capture();
+ * ```
+ */
+class ViewShotCapture {
+    name = 'viewshot';
+    platform = 'react-native';
+    viewRef;
+    constructor(viewRef) {
+        this.viewRef = viewRef ?? null;
+    }
+    /**
+     * Set or update the React ref pointing to the capturable view.
+     * This is typically called by a provider component once the root
+     * view has mounted.
+     */
+    setRef(ref) {
+        this.viewRef = ref;
+    }
+    async capture() {
+        // --- resolve captureRef function ---
+        let captureRef;
+        try {
+            const mod = await import('react-native-view-shot');
+            captureRef = (mod['captureRef'] ?? mod['default']);
+            if (typeof captureRef !== 'function') {
+                throw new Error('captureRef is not a function');
+            }
+        }
+        catch (err) {
+            throw new core_1.ShakeNbakeError('[ViewShotCapture] react-native-view-shot is required but not installed. ' +
+                'Install it with: npx expo install react-native-view-shot', 'UPLOAD_FAILED', { originalError: err });
+        }
+        // --- resolve dimensions ---
+        let dimensions = { width: 0, height: 0 };
+        try {
+            const rn = await import('react-native');
+            const Dimensions = rn['Dimensions'];
+            if (Dimensions) {
+                dimensions = Dimensions.get('window');
+            }
+        }
+        catch {
+            // react-native not available in test; dimensions stay at 0x0
+        }
+        // --- capture ---
+        if (!this.viewRef) {
+            throw new core_1.ShakeNbakeError('[ViewShotCapture] No view ref set. Call setRef() with a ref to the root view before capturing.', 'UPLOAD_FAILED');
+        }
+        try {
+            const base64 = await captureRef(this.viewRef, {
+                format: 'png',
+                quality: 1,
+                result: 'base64',
+            });
+            return {
+                imageData: base64,
+                dimensions: {
+                    width: dimensions.width,
+                    height: dimensions.height,
+                },
+                mimeType: 'image/png',
+            };
+        }
+        catch (err) {
+            throw new core_1.ShakeNbakeError('[ViewShotCapture] Screenshot capture failed.', 'UPLOAD_FAILED', { originalError: err });
+        }
+    }
+}
+exports.ViewShotCapture = ViewShotCapture;
+//# sourceMappingURL=screenshot.js.map

package/dist/capture/screenshot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.js","sourceRoot":"","sources":["../../src/capture/screenshot.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,oDAAoD;AACpD,iEAAiE;AACjE,8EAA8E;;;AAG9E,2CAAmD;AA4BnD;;;;;;;;;;;;;;GAcG;AACH,MAAa,eAAe;IACjB,IAAI,GAAG,UAAU,CAAC;IAClB,QAAQ,GAAa,cAAc,CAAC;IAErC,OAAO,CAA4B;IAE3C,YAAY,OAA4B;QACtC,IAAI,CAAC,OAAO,GAAG,OAAO,IAAI,IAAI,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,GAAuB;QAC5B,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,sCAAsC;QACtC,IAAI,UAAwB,CAAC;QAC7B,IAAI,CAAC;YACH,MAAM,GAAG,GAA4B,MAAM,MAAM,CAC/C,wBAAwB,CACzB,CAAC;YACF,UAAU,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAiB,CAAC;YACnE,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;YAClD,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,IAAI,sBAAe,CACvB,0EAA0E;gBACxE,0DAA0D,EAC5D,eAAe,EACf,EAAE,aAAa,EAAE,GAAG,EAAE,CACvB,CAAC;QACJ,CAAC;QAED,6BAA6B;QAC7B,IAAI,UAAU,GAAmB,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACzD,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC;YACxC,MAAM,UAAU,GAAI,EAA8B,CAAC,YAAY,CAElD,CAAC;YACd,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxC,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,6DAA6D;QAC/D,CAAC;QAED,kBAAkB;QAClB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,MAAM,IAAI,sBAAe,CACvB,gGAAgG,EAChG,eAAe,CAChB,CAAC;QACJ,CAAC;QAED,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE;gBAC5C,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,CAAC;gBACV,MAAM,EAAE,QAAQ;aACjB,CAAC,CAAC;YAEH,OAAO;gBACL,SAAS,EAAE,MAAM;gBACjB,UAAU,EAAE;oBACV,KAAK,EAAE,UAAU,CAAC,KAAK;oBACvB,MAAM,EAAE,UAAU,CAAC,MAAM;iBAC1B;gBACD,QAAQ,EAAE,WAAW;aACtB,CAAC;QACJ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,IAAI,sBAAe,CACvB,8CAA8C,EAC9C,eAAe,EACf,EAAE,aAAa,EAAE,GAAG,EAAE,CACvB,CAAC;QACJ,CAAC;IACH,CAAC;CACF;AApFD,0CAoFC"}

package/dist/context/collectors.d.ts

@@ -0,0 +1,25 @@
+import type { ContextCollector, DeviceContext, Platform } from '@shakenbake/core';
+/**
+ * ContextCollector that gathers rich device and environment information
+ * from React Native and Expo APIs.
+ *
+ * All native modules are **peer dependencies**.  Each sub-collector is
+ * independently guarded so a missing module produces a partial result
+ * rather than an error.
+ */
+/** Options for configuring the device context collector. */
+export interface DeviceContextCollectorOptions {
+    /**
+     * Dot-path patterns of fields to redact from collected context.
+     * E.g. `["device.deviceName", "locale"]` removes the device name and entire locale section.
+     */
+    redactFields?: string[];
+}
+export declare class DeviceContextCollector implements ContextCollector {
+    readonly name = "device";
+    readonly platform: Platform;
+    private readonly redactFields;
+    constructor(options?: DeviceContextCollectorOptions);
+    collect(): Promise<Partial<DeviceContext>>;
+}
+//# sourceMappingURL=collectors.d.ts.map

package/dist/context/collectors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collectors.d.ts","sourceRoot":"","sources":["../../src/context/collectors.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EASb,QAAQ,EACT,MAAM,kBAAkB,CAAC;AAqQ1B;;;;;;;GAOG;AACH,4DAA4D;AAC5D,MAAM,WAAW,6BAA6B;IAC5C;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,qBAAa,sBAAuB,YAAW,gBAAgB;IAC7D,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAkB;IAE7C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAW;gBAE5B,OAAO,CAAC,EAAE,6BAA6B;IAI7C,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;CA2DjD"}