@shakenbake/react-native 0.0.1

package/dist/ui/form-validation.js

@@ -0,0 +1,44 @@
+"use strict";
+// ---------------------------------------------------------------------------
+// @shakenbake/react-native — Report form validation
+//
+// Pure functions for validating report form input. Extracted so they can be
+// unit-tested without React or React Native dependencies.
+// ---------------------------------------------------------------------------
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateTitle = validateTitle;
+exports.validateForm = validateForm;
+exports.isFormValid = isFormValid;
+/**
+ * Validates the title field.
+ * - Required (non-empty after trim)
+ * - Minimum 3 characters after trim
+ */
+function validateTitle(title) {
+    const trimmed = title.trim();
+    if (trimmed.length === 0) {
+        return { field: 'title', message: 'Title is required' };
+    }
+    if (trimmed.length < 3) {
+        return { field: 'title', message: 'Title must be at least 3 characters' };
+    }
+    return null;
+}
+/**
+ * Validates the complete form. Returns an array of field errors (empty = valid).
+ */
+function validateForm(fields) {
+    const errors = [];
+    const titleError = validateTitle(fields.title);
+    if (titleError) {
+        errors.push(titleError);
+    }
+    return errors;
+}
+/**
+ * Returns true if the form is valid for submission.
+ */
+function isFormValid(fields) {
+    return validateForm(fields).length === 0;
+}
+//# sourceMappingURL=form-validation.js.map

package/dist/ui/form-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-validation.js","sourceRoot":"","sources":["../../src/ui/form-validation.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,oDAAoD;AACpD,EAAE;AACF,4EAA4E;AAC5E,0DAA0D;AAC1D,8EAA8E;;AAe9E,sCASC;AAKD,oCASC;AAKD,kCAEC;AAnCD;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAa;IACzC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC1D,CAAC;IACD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,qCAAqC,EAAE,CAAC;IAC5E,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;GAEG;AACH,SAAgB,YAAY,CAAC,MAE5B;IACC,MAAM,MAAM,GAAiB,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,IAAI,UAAU,EAAE,CAAC;QACf,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,SAAgB,WAAW,CAAC,MAAyB;IACnD,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;AAC3C,CAAC"}

package/dist/ui/state-machine.d.ts

@@ -0,0 +1,70 @@
+import type { CaptureResult, SubmitResult, DeviceContext } from '@shakenbake/core';
+/**
+ * States in the bug-reporting flow.
+ */
+export type FlowStep = 'idle' | 'triggered' | 'capturing' | 'annotating' | 'form' | 'submitting' | 'success' | 'error';
+/**
+ * Data carried through the flow.
+ */
+export interface FlowData {
+    captureResult?: CaptureResult;
+    annotatedScreenshot?: string;
+    originalScreenshot?: string;
+    context?: Partial<DeviceContext>;
+    submitResult?: SubmitResult;
+    error?: string;
+}
+/**
+ * Complete flow state.
+ */
+export interface FlowState {
+    step: FlowStep;
+    data: FlowData;
+}
+/**
+ * Actions that can transition the flow state.
+ */
+export type FlowAction = {
+    type: 'TRIGGER';
+} | {
+    type: 'CAPTURE_START';
+} | {
+    type: 'CAPTURE_DONE';
+    captureResult: CaptureResult;
+    context: Partial<DeviceContext>;
+} | {
+    type: 'CAPTURE_ERROR';
+    error: string;
+} | {
+    type: 'ANNOTATE_DONE';
+    annotatedScreenshot: string;
+    originalScreenshot: string;
+} | {
+    type: 'ANNOTATE_CANCEL';
+} | {
+    type: 'RE_ANNOTATE';
+} | {
+    type: 'SUBMIT_START';
+} | {
+    type: 'SUBMIT_DONE';
+    result: SubmitResult;
+} | {
+    type: 'SUBMIT_ERROR';
+    error: string;
+} | {
+    type: 'RETRY';
+} | {
+    type: 'RESET';
+};
+/**
+ * Creates the initial idle state.
+ */
+export declare function createFlowState(): FlowState;
+/**
+ * Pure reducer for the flow state machine.
+ *
+ * Returns a new FlowState given the current state and an action.
+ * Invalid transitions return the current state unchanged.
+ */
+export declare function flowReducer(state: FlowState, action: FlowAction): FlowState;
+//# sourceMappingURL=state-machine.d.ts.map

package/dist/ui/state-machine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-machine.d.ts","sourceRoot":"","sources":["../../src/ui/state-machine.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEnF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAChB,MAAM,GACN,WAAW,GACX,WAAW,GACX,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,eAAe,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,aAAa,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;CAAE,GACvF;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,mBAAmB,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,MAAM,CAAA;CAAE,GAClF;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,YAAY,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB;;GAEG;AACH,wBAAgB,eAAe,IAAI,SAAS,CAE3C;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS,CAoF3E"}

package/dist/ui/state-machine.js

@@ -0,0 +1,107 @@
+"use strict";
+// ---------------------------------------------------------------------------
+// @shakenbake/react-native — ShakeNbake flow state machine
+//
+// Pure state machine logic for the bug-reporting flow. Extracted from the
+// provider so it can be unit-tested without React or React Native.
+// ---------------------------------------------------------------------------
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFlowState = createFlowState;
+exports.flowReducer = flowReducer;
+/**
+ * Creates the initial idle state.
+ */
+function createFlowState() {
+    return { step: 'idle', data: {} };
+}
+/**
+ * Pure reducer for the flow state machine.
+ *
+ * Returns a new FlowState given the current state and an action.
+ * Invalid transitions return the current state unchanged.
+ */
+function flowReducer(state, action) {
+    switch (action.type) {
+        case 'TRIGGER':
+            if (state.step !== 'idle')
+                return state;
+            return { step: 'triggered', data: {} };
+        case 'CAPTURE_START':
+            if (state.step !== 'triggered')
+                return state;
+            return { step: 'capturing', data: {} };
+        case 'CAPTURE_DONE':
+            if (state.step !== 'capturing')
+                return state;
+            return {
+                step: 'annotating',
+                data: {
+                    captureResult: action.captureResult,
+                    context: action.context,
+                },
+            };
+        case 'CAPTURE_ERROR':
+            if (state.step !== 'capturing')
+                return state;
+            return {
+                step: 'error',
+                data: { error: action.error },
+            };
+        case 'ANNOTATE_DONE':
+            if (state.step !== 'annotating')
+                return state;
+            return {
+                step: 'form',
+                data: {
+                    ...state.data,
+                    annotatedScreenshot: action.annotatedScreenshot,
+                    originalScreenshot: action.originalScreenshot,
+                },
+            };
+        case 'ANNOTATE_CANCEL':
+            if (state.step !== 'annotating')
+                return state;
+            return createFlowState();
+        case 'RE_ANNOTATE':
+            if (state.step !== 'form')
+                return state;
+            return {
+                step: 'annotating',
+                data: {
+                    captureResult: state.data.captureResult,
+                    context: state.data.context,
+                },
+            };
+        case 'SUBMIT_START':
+            if (state.step !== 'form')
+                return state;
+            return { step: 'submitting', data: { ...state.data } };
+        case 'SUBMIT_DONE':
+            if (state.step !== 'submitting')
+                return state;
+            return {
+                step: 'success',
+                data: { ...state.data, submitResult: action.result },
+            };
+        case 'SUBMIT_ERROR':
+            if (state.step !== 'submitting')
+                return state;
+            return {
+                step: 'error',
+                data: { ...state.data, error: action.error },
+            };
+        case 'RETRY':
+            if (state.step !== 'error')
+                return state;
+            // Return to form if we have screenshot data, otherwise reset
+            if (state.data.annotatedScreenshot) {
+                return { step: 'form', data: { ...state.data, error: undefined } };
+            }
+            return createFlowState();
+        case 'RESET':
+            return createFlowState();
+        default:
+            return state;
+    }
+}
+//# sourceMappingURL=state-machine.js.map

package/dist/ui/state-machine.js.map

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

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@shakenbake/react-native",
+  "version": "0.0.1",
+  "private": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit",
+    "lint": "echo 'lint placeholder'",
+    "test": "vitest run",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  },
+  "dependencies": {
+    "@shakenbake/core": "0.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.76.0",
+    "react-native-shake": ">=6.0.0",
+    "react-native-view-shot": ">=4.0.0",
+    "expo-device": ">=7.0.0",
+    "expo-network": ">=7.0.0",
+    "expo-battery": ">=9.0.0",
+    "expo-localization": ">=16.0.0",
+    "expo-constants": ">=17.0.0",
+    "expo-screen-orientation": ">=8.0.0",
+    "@react-native-community/netinfo": ">=11.0.0",
+    "@shopify/react-native-skia": ">=2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-shake": { "optional": true },
+    "react-native-view-shot": { "optional": true },
+    "@shopify/react-native-skia": { "optional": true },
+    "expo-device": { "optional": true },
+    "expo-network": { "optional": true },
+    "expo-battery": { "optional": true },
+    "expo-localization": { "optional": true },
+    "expo-constants": { "optional": true },
+    "expo-screen-orientation": { "optional": true },
+    "@react-native-community/netinfo": { "optional": true }
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "typescript": "^5.8.0",
+    "vitest": "^3.1.0"
+  }
+}