@mushi-mushi/react-native 0.8.2 → 0.12.0

package/CONTRIBUTING.md

@@ -91,6 +91,33 @@ pnpm changeset
 
 Select the affected packages, the semver bump type, and write a summary. The changeset file gets committed with your PR.
 
+## Release flow
+
+Releases are fully automated. Maintainers don't run `npm publish` by hand.
+
+1. PRs land on `master` with one or more changeset files in `.changeset/`.
+2. `release.yml` runs on every push to `master`. It opens (or updates) a `chore: version packages` PR that bumps every affected `package.json`, rolls up the changelogs, and deletes the consumed changesets.
+3. Merging that "Version Packages" PR re-fires `release.yml`. The publish step authenticates to npm via **OpenID Connect (OIDC) Trusted Publishers** — no long-lived `NPM_TOKEN` is exchanged — and every tarball ships with a **Sigstore provenance attestation** uploaded to the public transparency log.
+
+If GitHub's anti-loop protection suppresses the auto re-fire (the squash merge can be attributed to `github-actions[bot]`), trigger the workflow manually: **Actions → release → Run workflow → master**.
+
+### Adding a brand-new publishable package
+
+Trusted Publisher bindings are configured **per package** on `npmjs.com` and require the package to already exist on the registry. New packages therefore need a one-time bootstrap before OIDC can take over.
+
+1. Add the package under `packages/<name>/` with a real `version`, `files`, `publishConfig.access: "public"`, `LICENSE`, and the standard fields enforced by `pnpm check:publish-readiness`.
+2. Build it locally: `pnpm install && pnpm -r build`.
+3. Mint a short-lived granular access token at `https://www.npmjs.com/settings/<your-user>/tokens/granular-access-tokens/new` — **Bypass 2FA: ON**, **Read and write: All packages**, **Expiration: 7 days**.
+4. Bootstrap-publish:
+   ```bash
+   NPM_TOKEN=npm_xxx pnpm bootstrap:new-package
+   ```
+   The script auto-detects which workspace packages are missing on npm and publishes them via `pnpm publish --no-provenance` (so `workspace:^` specifiers get rewritten to real semver in the tarball).
+5. The script prints one URL per freshly-published package. Open each, click **GitHub Actions** under "Trusted Publisher", confirm the auto-filled fields (`<owner>` / `<repo>` / `release.yml`), and tap your security key.
+6. Revoke the bootstrap token at `https://www.npmjs.com/settings/<your-user>/tokens`.
+
+From the next changeset bump onward, that package publishes through the normal `release.yml` flow with full OIDC provenance — same as the rest.
+
 ## Code Style
 
 - **TypeScript strict mode** — no `any` unless absolutely necessary

package/README.md

@@ -1,12 +1,16 @@
 # @mushi-mushi/react-native
 
-React Native SDK for Mushi Mushi — built-in bottom-sheet widget, floating bug button, offline queue.
+React Native SDK for [Mushi Mushi](https://www.npmjs.com/package/mushi-mushi) — shake-to-report widget, offline queue, and the closed-loop lesson layer for iOS + Android.
 
-> **One-command setup:** `npx mushi-mushi` auto-detects React Native / Expo and installs this package.
+> **One-command setup:** `npx mushi-mushi` auto-detects React Native / Expo and installs this package with the right env vars.
 >
-> **Other frameworks:** [`@mushi-mushi/react`](https://npmjs.com/package/@mushi-mushi/react) · [`@mushi-mushi/vue`](https://npmjs.com/package/@mushi-mushi/vue) · [`@mushi-mushi/svelte`](https://npmjs.com/package/@mushi-mushi/svelte) · [`@mushi-mushi/angular`](https://npmjs.com/package/@mushi-mushi/angular) · [`@mushi-mushi/capacitor`](https://npmjs.com/package/@mushi-mushi/capacitor) (Ionic) · [`@mushi-mushi/web`](https://npmjs.com/package/@mushi-mushi/web) (vanilla JS)
+> **Other frameworks:** [`@mushi-mushi/react`](https://npmjs.com/package/@mushi-mushi/react) · [`@mushi-mushi/vue`](https://npmjs.com/package/@mushi-mushi/vue) · [`@mushi-mushi/svelte`](https://npmjs.com/package/@mushi-mushi/svelte) · [`@mushi-mushi/angular`](https://npmjs.com/package/@mushi-mushi/angular) · [`@mushi-mushi/capacitor`](https://npmjs.com/package/@mushi-mushi/capacitor) · [`@mushi-mushi/web`](https://npmjs.com/package/@mushi-mushi/web)
 
-## Usage
+## What this package adds on mobile
+
+Every bug your users feel — a button that won't tap, a screen that freezes, a layout that folds on their device — gets captured, classified by AI, and fed into a lesson library that prevents the same class of mistake in the next PR review and the next AI agent run. That's the closed loop the main [`mushi-mushi`](https://www.npmjs.com/package/mushi-mushi) README describes. This package is the mobile entry point.
+
+## Quick start
 
 ```tsx
 import { MushiProvider } from '@mushi-mushi/react-native'
@@ -20,74 +24,93 @@ export default function App() {
 }
 ```
 
-The provider renders a floating 🐛 button and a slide-up bottom sheet by default. Control behavior via `widget.trigger`:
+That renders a floating 🐛 button and a slide-up bottom-sheet report form. The button stays out of the way until tapped. Report data — screenshot, route, device context, last 5 seconds of console and network — flows to your admin console and is classified within seconds.
 
-| Value | Behavior |
-|-------|----------|
-| `'button'` (default) | Shows floating action button |
-| `'shake'` | Installs a shake-to-report listener (no visible UI) |
-| `'both'` | Floating button + shake listener |
-| `'manual'` / `'hidden'` / `'none'` | No auto-UI — call `open()` programmatically |
-| `'attach'` | Hides the default UI; the host renders its own button and calls `attachTo()` |
+## Widget trigger modes
 
-Shake detection requires the optional `expo-sensors` peer dependency. Install
-it once with `expo install expo-sensors` (or `npm install expo-sensors`); the
-listener is wired lazily so apps that ship `'button'` only never pay the cost.
+Control how users open the report form:
 
-`widget.inset` (and the `MushiFloatingButton` `inset` prop) accepts
-`{ top?, right?, bottom?, left? }` in points so the trigger can clear tab
-bars and host CTAs.
+| Value | Behavior |
+|---|---|
+| `'button'` (default) | Floating action button — safe on all Hermes builds |
+| `'shake'` | Shake-to-report listener (requires optional `expo-sensors` peer) |
+| `'both'` | Floating button + shake |
+| `'manual'` / `'hidden'` / `'none'` | No auto UI — call `open()` programmatically |
+| `'attach'` | Hides default UI; host renders its own button and calls `attachTo()` |
+
+> **Note on shake + Hermes:** `expo-sensors` is loaded lazily via `require()` so apps that ship `trigger: 'button'` never pay the shake-sensor cost. Both triggers are fully Hermes-compatible as of v0.11.0.
 
 ```tsx
 <MushiProvider
   projectId="proj_xxx"
   apiKey="mushi_xxx"
   config={{
-    widget: { trigger: 'both', inset: { bottom: 96, right: 16 } },
+    widget: {
+      trigger: 'both',
+      buttonPosition: 'bottom-right',
+      inset: { bottom: 96, right: 16 },  // clear your tab bar
+    },
   }}
 >
   <Navigation />
 </MushiProvider>
 ```
 
-### Hooks
+## Hooks
 
 ```ts
 import { useMushi, useMushiReport, useMushiWidget } from '@mushi-mushi/react-native'
 
 const { submitReport } = useMushiReport()
 const { open, close } = useMushiWidget()
+const mushi = useMushi()  // full SDK instance: show(), hide(), setTrigger(), attachTo()
 ```
 
-The provider's `useMushi()` instance also exposes the cross-platform trigger
-controls — `show()`, `hide()`, `attachTo(elementRefOrId)`, and
-`setTrigger(mode)` — so a host app can toggle the launcher per screen.
+## Headless / bring your own button
+
+```tsx
+import { MushiTrigger } from '@mushi-mushi/react-native'
+
+<MushiTrigger>
+  <Pressable style={styles.btn}>
+    <Text>Report a bug</Text>
+  </Pressable>
+</MushiTrigger>
+```
 
-### Standalone Components
+`MushiTrigger` wraps any child with `cloneElement` — the child's `onPress` chain is preserved.
 
-Use the widget components directly if you need custom integration:
+## Standalone components
 
 ```tsx
 import { MushiBottomSheet, MushiFloatingButton } from '@mushi-mushi/react-native'
 ```
 
-- `MushiBottomSheet` — Conversational bug report modal (category → description → submit). Supports dark/light theme, drag-to-dismiss.
-- `MushiFloatingButton` — Positioned FAB with spring animation. Configurable via `buttonPosition`.
+- `MushiBottomSheet` — Conversational report modal with category → description → submit flow. Dark/light theme, drag-to-dismiss.
+- `MushiFloatingButton` — Positioned FAB with spring animation. Configurable via `buttonPosition` and `inset`.
 
-### Captures
+## What gets captured
 
-- Device info (platform, OS, screen dimensions)
-- Console logs (monkey-patched)
-- Network requests (fetch interceptor)
-- Navigation events (React Navigation, optional)
-- Offline queue via AsyncStorage
+- Device info (platform, OS version, screen dimensions)
+- Console logs (monkey-patched `console.*`)
+- Network requests (fetch interceptor, headers redacted)
+- Navigation events (React Navigation integration, optional)
+- Offline queue via `@react-native-async-storage/async-storage` — reports survive force-close
 
-## Peer Dependencies
+## Peer dependencies
 
 - `react` >= 18
 - `react-native` >= 0.72
-- `@react-navigation/native` >= 6 (optional)
-- `@react-native-async-storage/async-storage` >= 1.19 (optional)
+- `@react-navigation/native` >= 6 (optional — navigation capture)
+- `@react-native-async-storage/async-storage` >= 1.19 (optional — offline queue)
+- `expo-sensors` (optional — shake trigger only)
+
+## Changelog highlights
+
+- **v0.11.0** — Hermes compatibility fix: replaced `new Function()` dynamic imports with lazy `require()` for `@react-native-community/netinfo` and `expo-sensors`. Enables `trigger: 'button'` safely on all RN 0.84+ Hermes/AOT builds. Adds `MushiTrigger` headless component.
+- **v0.8.x** — Shake-to-report listener, offline queue, navigation capture.
+
+See the full [CHANGELOG](https://github.com/kensaurus/mushi-mushi/blob/master/packages/react-native/CHANGELOG.md).
 
 ## License
 

package/dist/index.cjs

@@ -34,6 +34,7 @@ __export(index_exports, {
   MushiBottomSheet: () => MushiBottomSheet,
   MushiFloatingButton: () => MushiFloatingButton,
   MushiProvider: () => MushiProvider,
+  MushiTrigger: () => MushiTrigger,
   getDeviceInfo: () => getDeviceInfo,
   setupConsoleCapture: () => setupConsoleCapture,
   setupNetworkCapture: () => setupNetworkCapture,
@@ -714,18 +715,16 @@ function MushiProvider({ children, ...config }) {
   }, []);
   (0, import_react3.useEffect)(() => {
     let unsubscribe;
-    (async () => {
-      try {
-        const NetInfo = await new Function("s", "return import(s)")("@react-native-community/netinfo");
-        unsubscribe = NetInfo.default.addEventListener((state) => {
-          if (state.isConnected && state.isInternetReachable) {
-            queueRef.current?.flush().catch(() => {
-            });
-          }
-        });
-      } catch {
-      }
-    })();
+    try {
+      const NetInfo = require("@react-native-community/netinfo").default;
+      unsubscribe = NetInfo.addEventListener((state) => {
+        if (state.isConnected && state.isInternetReachable) {
+          queueRef.current?.flush().catch(() => {
+          });
+        }
+      });
+    } catch {
+    }
     return () => unsubscribe?.();
   }, []);
   const open = (0, import_react3.useCallback)(() => setSheetVisible(true), []);
@@ -738,20 +737,22 @@ function MushiProvider({ children, ...config }) {
     let cleanup;
     let lastShake = 0;
     const threshold = config.widget?.shakeThreshold ?? 2.7;
-    new Function("specifier", "return import(specifier)")("expo-sensors").then((mod) => {
-      if (disposed) return;
-      mod.Accelerometer.setUpdateInterval(120);
-      const sub = mod.Accelerometer.addListener((evt) => {
-        const g = Math.sqrt(evt.x * evt.x + evt.y * evt.y + evt.z * evt.z);
-        if (g < threshold) return;
-        const now = Date.now();
-        if (now - lastShake < 1e3) return;
-        lastShake = now;
-        open();
-      });
-      cleanup = () => sub.remove();
-    }).catch(() => {
-    });
+    try {
+      const mod = require("expo-sensors");
+      if (!disposed) {
+        mod.Accelerometer.setUpdateInterval(120);
+        const sub = mod.Accelerometer.addListener((evt) => {
+          const g = Math.sqrt(evt.x * evt.x + evt.y * evt.y + evt.z * evt.z);
+          if (g < threshold) return;
+          const now = Date.now();
+          if (now - lastShake < 1e3) return;
+          lastShake = now;
+          open();
+        });
+        cleanup = () => sub.remove();
+      }
+    } catch {
+    }
     return () => {
       disposed = true;
       cleanup?.();
@@ -792,6 +793,31 @@ function MushiProvider({ children, ...config }) {
     },
     [config.projectId, config.apiKey, apiEndpoint]
   );
+  const userRef = (0, import_react3.useRef)(null);
+  const metadataRef = (0, import_react3.useRef)({});
+  const screenRef = (0, import_react3.useRef)(null);
+  const activityQueueRef = (0, import_react3.useRef)([]);
+  const rewardsFlushRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    const rewards = config.rewards;
+    if (!rewards?.enabled || !rewards.trackActivity) return;
+    const flushMs = Math.max(3e4, rewards.flushIntervalMs ?? 3e5);
+    rewardsFlushRef.current = setInterval(async () => {
+      const userId = userRef.current?.id;
+      const client = apiClientRef.current;
+      if (!userId || !client || activityQueueRef.current.length === 0) return;
+      const batch = activityQueueRef.current.splice(0, 100);
+      await client.submitActivity(userId, batch, {
+        userTraits: userRef.current ?? void 0,
+        optedIn: true
+      }).catch(() => {
+        activityQueueRef.current.unshift(...batch.slice(0, 50));
+      });
+    }, flushMs);
+    return () => {
+      if (rewardsFlushRef.current) clearInterval(rewardsFlushRef.current);
+    };
+  }, [config.rewards?.enabled, config.rewards?.trackActivity, config.rewards?.flushIntervalMs]);
   const instance = (0, import_react3.useMemo)(
     () => ({
       open,
@@ -800,9 +826,50 @@ function MushiProvider({ children, ...config }) {
       submitReport,
       getDeviceInfo,
       getConsoleEntries: () => consoleRef.current?.getEntries() ?? [],
-      getNetworkEntries: () => networkRef.current?.getEntries() ?? []
+      getNetworkEntries: () => networkRef.current?.getEntries() ?? [],
+      // v0.10.0: new identity methods (these were causing workarounds in apps/mobile/src/native/mushi.ts)
+      identify(userId, traits) {
+        userRef.current = {
+          id: userId,
+          email: traits?.email,
+          name: traits?.name,
+          provider: traits?.provider
+        };
+      },
+      setMetadata(key, value) {
+        metadataRef.current[key] = value;
+      },
+      setScreen(screen) {
+        screenRef.current = screen;
+      },
+      // Rewards (P1)
+      recordActivity(action, metadata) {
+        if (!config.rewards?.enabled) return;
+        activityQueueRef.current.push({ action, metadata });
+      },
+      async getTier() {
+        const userId = userRef.current?.id;
+        const client = apiClientRef.current;
+        if (!userId || !client) return null;
+        const res = await client.getMyTier(userId);
+        return res.ok ? res.data : null;
+      },
+      async getReputation() {
+        const userId = userRef.current?.id;
+        const client = apiClientRef.current;
+        if (!userId || !client) return null;
+        const res = await client.getMyPoints(userId);
+        if (!res.ok) return null;
+        return {
+          totalPoints: res.data.total_points ?? 0,
+          points30d: res.data.points_30d ?? 0,
+          reputation: 1,
+          confirmedBugs: 0,
+          totalReports: 0
+        };
+      }
     }),
-    [open, close, attachTo, submitReport]
+    [open, close, attachTo, submitReport, config.rewards?.enabled]
   );
   const trigger = config.widget?.trigger ?? "button";
   const showFab = trigger === "button" || trigger === "both" || trigger === "auto" || trigger === "edge-tab";
@@ -852,11 +919,25 @@ function useMushiWidget() {
   };
 }
 
-// src/capture/navigation-capture.ts
+// src/components/MushiTrigger.tsx
 var import_react6 = require("react");
+function MushiTrigger({ children }) {
+  const mushi = useMushiContext();
+  if (!(0, import_react6.isValidElement)(children)) return children;
+  const originalOnPress = children.props.onPress;
+  return (0, import_react6.cloneElement)(children, {
+    onPress: () => {
+      originalOnPress?.();
+      mushi?.open();
+    }
+  });
+}
+
+// src/capture/navigation-capture.ts
+var import_react7 = require("react");
 function useNavigationCapture(navigationRef) {
-  const historyRef = (0, import_react6.useRef)([]);
-  (0, import_react6.useEffect)(() => {
+  const historyRef = (0, import_react7.useRef)([]);
+  (0, import_react7.useEffect)(() => {
     if (!navigationRef?.addListener || !navigationRef?.getCurrentRoute) return;
     const unsubscribe = navigationRef.addListener("state", () => {
       const route = navigationRef.getCurrentRoute?.();
@@ -875,6 +956,7 @@ function useNavigationCapture(navigationRef) {
   MushiBottomSheet,
   MushiFloatingButton,
   MushiProvider,
+  MushiTrigger,
   getDeviceInfo,
   setupConsoleCapture,
   setupNetworkCapture,

package/dist/index.d.cts

@@ -1,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, FC } from 'react';
+import * as react from 'react';
+import { ReactNode, FC, ReactElement } from 'react';
+import { MushiRewardsConfig, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
 
 interface ConsoleEntry {
     level: 'log' | 'warn' | 'error';
@@ -65,6 +67,7 @@ interface MushiRNConfig {
         maxQueueSize?: number;
         retryIntervalMs?: number;
     };
+    rewards?: MushiRewardsConfig;
 }
 interface MushiRNInstance {
     open(): void;
@@ -79,6 +82,27 @@ interface MushiRNInstance {
     getDeviceInfo(): ReturnType<typeof getDeviceInfo>;
     getConsoleEntries(): ReturnType<ReturnType<typeof setupConsoleCapture>['getEntries']>;
     getNetworkEntries(): ReturnType<ReturnType<typeof setupNetworkCapture>['getEntries']>;
+    /** Set the current authenticated user. Equivalent to Mushi.identify() on web. */
+    identify(userId: string, traits?: {
+        email?: string;
+        name?: string;
+        provider?: string;
+        [k: string]: unknown;
+    }): void;
+    /** Attach arbitrary key/value metadata to subsequent reports. */
+    setMetadata(key: string, value: unknown): void;
+    /** Set the current screen context attached to subsequent reports. */
+    setScreen(screen: {
+        name: string;
+        route?: string;
+        feature?: string;
+    }): void;
+    /** Manually record a host-defined activity event. */
+    recordActivity(action: string, metadata?: Record<string, unknown>): void;
+    /** Returns the current user's tier. */
+    getTier(): Promise<MushiTierResult | null>;
+    /** Returns the current user's reputation + point totals. */
+    getReputation(): Promise<MushiReputationResult | null>;
 }
 declare function MushiProvider({ children, ...config }: MushiRNConfig & {
     children: ReactNode;
@@ -167,6 +191,20 @@ interface MushiFloatingButtonProps {
 }
 declare const MushiFloatingButton: FC<MushiFloatingButtonProps>;
 
+interface MushiTriggerProps {
+    /** A single React Native element that accepts `onPress`. */
+    children: ReactElement<{
+        onPress?: () => void;
+    }>;
+}
+/**
+ * Clones `children` and injects `onPress` → `mushi.open()`.
+ * The child is responsible for its own visual styling.
+ */
+declare function MushiTrigger({ children }: MushiTriggerProps): ReactElement<{
+    onPress?: () => void;
+}, string | react.JSXElementConstructor<any>>;
+
 interface NavigationEntry {
     screen: string;
     timestamp: number;
@@ -195,4 +233,4 @@ declare class AsyncStorageQueue {
     private getAsyncStorage;
 }
 
-export { AsyncStorageQueue, type ConsoleEntry, type DeviceInfo, MushiBottomSheet, type MushiBottomSheetProps, MushiFloatingButton, type MushiFloatingButtonProps, MushiProvider, type MushiRNConfig, type MushiRNInstance, type NavigationEntry, type NetworkEntry, getDeviceInfo, setupConsoleCapture, setupNetworkCapture, useMushi, useMushiReport, useMushiWidget, useNavigationCapture };
+export { AsyncStorageQueue, type ConsoleEntry, type DeviceInfo, MushiBottomSheet, type MushiBottomSheetProps, MushiFloatingButton, type MushiFloatingButtonProps, MushiProvider, type MushiRNConfig, type MushiRNInstance, MushiTrigger, type MushiTriggerProps, type NavigationEntry, type NetworkEntry, getDeviceInfo, setupConsoleCapture, setupNetworkCapture, useMushi, useMushiReport, useMushiWidget, useNavigationCapture };

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, FC } from 'react';
+import * as react from 'react';
+import { ReactNode, FC, ReactElement } from 'react';
+import { MushiRewardsConfig, MushiTierResult, MushiReputationResult } from '@mushi-mushi/core';
 
 interface ConsoleEntry {
     level: 'log' | 'warn' | 'error';
@@ -65,6 +67,7 @@ interface MushiRNConfig {
         maxQueueSize?: number;
         retryIntervalMs?: number;
     };
+    rewards?: MushiRewardsConfig;
 }
 interface MushiRNInstance {
     open(): void;
@@ -79,6 +82,27 @@ interface MushiRNInstance {
     getDeviceInfo(): ReturnType<typeof getDeviceInfo>;
     getConsoleEntries(): ReturnType<ReturnType<typeof setupConsoleCapture>['getEntries']>;
     getNetworkEntries(): ReturnType<ReturnType<typeof setupNetworkCapture>['getEntries']>;
+    /** Set the current authenticated user. Equivalent to Mushi.identify() on web. */
+    identify(userId: string, traits?: {
+        email?: string;
+        name?: string;
+        provider?: string;
+        [k: string]: unknown;
+    }): void;
+    /** Attach arbitrary key/value metadata to subsequent reports. */
+    setMetadata(key: string, value: unknown): void;
+    /** Set the current screen context attached to subsequent reports. */
+    setScreen(screen: {
+        name: string;
+        route?: string;
+        feature?: string;
+    }): void;
+    /** Manually record a host-defined activity event. */
+    recordActivity(action: string, metadata?: Record<string, unknown>): void;
+    /** Returns the current user's tier. */
+    getTier(): Promise<MushiTierResult | null>;
+    /** Returns the current user's reputation + point totals. */
+    getReputation(): Promise<MushiReputationResult | null>;
 }
 declare function MushiProvider({ children, ...config }: MushiRNConfig & {
     children: ReactNode;
@@ -167,6 +191,20 @@ interface MushiFloatingButtonProps {
 }
 declare const MushiFloatingButton: FC<MushiFloatingButtonProps>;
 
+interface MushiTriggerProps {
+    /** A single React Native element that accepts `onPress`. */
+    children: ReactElement<{
+        onPress?: () => void;
+    }>;
+}
+/**
+ * Clones `children` and injects `onPress` → `mushi.open()`.
+ * The child is responsible for its own visual styling.
+ */
+declare function MushiTrigger({ children }: MushiTriggerProps): ReactElement<{
+    onPress?: () => void;
+}, string | react.JSXElementConstructor<any>>;
+
 interface NavigationEntry {
     screen: string;
     timestamp: number;
@@ -195,4 +233,4 @@ declare class AsyncStorageQueue {
     private getAsyncStorage;
 }
 
-export { AsyncStorageQueue, type ConsoleEntry, type DeviceInfo, MushiBottomSheet, type MushiBottomSheetProps, MushiFloatingButton, type MushiFloatingButtonProps, MushiProvider, type MushiRNConfig, type MushiRNInstance, type NavigationEntry, type NetworkEntry, getDeviceInfo, setupConsoleCapture, setupNetworkCapture, useMushi, useMushiReport, useMushiWidget, useNavigationCapture };
+export { AsyncStorageQueue, type ConsoleEntry, type DeviceInfo, MushiBottomSheet, type MushiBottomSheetProps, MushiFloatingButton, type MushiFloatingButtonProps, MushiProvider, type MushiRNConfig, type MushiRNInstance, MushiTrigger, type MushiTriggerProps, type NavigationEntry, type NetworkEntry, getDeviceInfo, setupConsoleCapture, setupNetworkCapture, useMushi, useMushiReport, useMushiWidget, useNavigationCapture };

package/dist/index.js

@@ -1,3 +1,10 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
 // src/provider.tsx
 import {
   createContext,
@@ -8,7 +15,10 @@ import {
   useCallback as useCallback3,
   useMemo
 } from "react";
-import { createApiClient, DEFAULT_API_ENDPOINT } from "@mushi-mushi/core";
+import {
+  createApiClient,
+  DEFAULT_API_ENDPOINT
+} from "@mushi-mushi/core";
 
 // src/capture/console-capture.ts
 function setupConsoleCapture(maxEntries = 100) {
@@ -700,18 +710,16 @@ function MushiProvider({ children, ...config }) {
   }, []);
   useEffect2(() => {
     let unsubscribe;
-    (async () => {
-      try {
-        const NetInfo = await new Function("s", "return import(s)")("@react-native-community/netinfo");
-        unsubscribe = NetInfo.default.addEventListener((state) => {
-          if (state.isConnected && state.isInternetReachable) {
-            queueRef.current?.flush().catch(() => {
-            });
-          }
-        });
-      } catch {
-      }
-    })();
+    try {
+      const NetInfo = __require("@react-native-community/netinfo").default;
+      unsubscribe = NetInfo.addEventListener((state) => {
+        if (state.isConnected && state.isInternetReachable) {
+          queueRef.current?.flush().catch(() => {
+          });
+        }
+      });
+    } catch {
+    }
     return () => unsubscribe?.();
   }, []);
   const open = useCallback3(() => setSheetVisible(true), []);
@@ -724,20 +732,22 @@ function MushiProvider({ children, ...config }) {
     let cleanup;
     let lastShake = 0;
     const threshold = config.widget?.shakeThreshold ?? 2.7;
-    new Function("specifier", "return import(specifier)")("expo-sensors").then((mod) => {
-      if (disposed) return;
-      mod.Accelerometer.setUpdateInterval(120);
-      const sub = mod.Accelerometer.addListener((evt) => {
-        const g = Math.sqrt(evt.x * evt.x + evt.y * evt.y + evt.z * evt.z);
-        if (g < threshold) return;
-        const now = Date.now();
-        if (now - lastShake < 1e3) return;
-        lastShake = now;
-        open();
-      });
-      cleanup = () => sub.remove();
-    }).catch(() => {
-    });
+    try {
+      const mod = __require("expo-sensors");
+      if (!disposed) {
+        mod.Accelerometer.setUpdateInterval(120);
+        const sub = mod.Accelerometer.addListener((evt) => {
+          const g = Math.sqrt(evt.x * evt.x + evt.y * evt.y + evt.z * evt.z);
+          if (g < threshold) return;
+          const now = Date.now();
+          if (now - lastShake < 1e3) return;
+          lastShake = now;
+          open();
+        });
+        cleanup = () => sub.remove();
+      }
+    } catch {
+    }
     return () => {
       disposed = true;
       cleanup?.();
@@ -778,6 +788,31 @@ function MushiProvider({ children, ...config }) {
     },
     [config.projectId, config.apiKey, apiEndpoint]
   );
+  const userRef = useRef3(null);
+  const metadataRef = useRef3({});
+  const screenRef = useRef3(null);
+  const activityQueueRef = useRef3([]);
+  const rewardsFlushRef = useRef3(null);
+  useEffect2(() => {
+    const rewards = config.rewards;
+    if (!rewards?.enabled || !rewards.trackActivity) return;
+    const flushMs = Math.max(3e4, rewards.flushIntervalMs ?? 3e5);
+    rewardsFlushRef.current = setInterval(async () => {
+      const userId = userRef.current?.id;
+      const client = apiClientRef.current;
+      if (!userId || !client || activityQueueRef.current.length === 0) return;
+      const batch = activityQueueRef.current.splice(0, 100);
+      await client.submitActivity(userId, batch, {
+        userTraits: userRef.current ?? void 0,
+        optedIn: true
+      }).catch(() => {
+        activityQueueRef.current.unshift(...batch.slice(0, 50));
+      });
+    }, flushMs);
+    return () => {
+      if (rewardsFlushRef.current) clearInterval(rewardsFlushRef.current);
+    };
+  }, [config.rewards?.enabled, config.rewards?.trackActivity, config.rewards?.flushIntervalMs]);
   const instance = useMemo(
     () => ({
       open,
@@ -786,9 +821,50 @@ function MushiProvider({ children, ...config }) {
       submitReport,
       getDeviceInfo,
       getConsoleEntries: () => consoleRef.current?.getEntries() ?? [],
-      getNetworkEntries: () => networkRef.current?.getEntries() ?? []
+      getNetworkEntries: () => networkRef.current?.getEntries() ?? [],
+      // v0.10.0: new identity methods (these were causing workarounds in apps/mobile/src/native/mushi.ts)
+      identify(userId, traits) {
+        userRef.current = {
+          id: userId,
+          email: traits?.email,
+          name: traits?.name,
+          provider: traits?.provider
+        };
+      },
+      setMetadata(key, value) {
+        metadataRef.current[key] = value;
+      },
+      setScreen(screen) {
+        screenRef.current = screen;
+      },
+      // Rewards (P1)
+      recordActivity(action, metadata) {
+        if (!config.rewards?.enabled) return;
+        activityQueueRef.current.push({ action, metadata });
+      },
+      async getTier() {
+        const userId = userRef.current?.id;
+        const client = apiClientRef.current;
+        if (!userId || !client) return null;
+        const res = await client.getMyTier(userId);
+        return res.ok ? res.data : null;
+      },
+      async getReputation() {
+        const userId = userRef.current?.id;
+        const client = apiClientRef.current;
+        if (!userId || !client) return null;
+        const res = await client.getMyPoints(userId);
+        if (!res.ok) return null;
+        return {
+          totalPoints: res.data.total_points ?? 0,
+          points30d: res.data.points_30d ?? 0,
+          reputation: 1,
+          confirmedBugs: 0,
+          totalReports: 0
+        };
+      }
     }),
-    [open, close, attachTo, submitReport]
+    [open, close, attachTo, submitReport, config.rewards?.enabled]
   );
   const trigger = config.widget?.trigger ?? "button";
   const showFab = trigger === "button" || trigger === "both" || trigger === "auto" || trigger === "edge-tab";
@@ -838,6 +914,20 @@ function useMushiWidget() {
   };
 }
 
+// src/components/MushiTrigger.tsx
+import { cloneElement, isValidElement } from "react";
+function MushiTrigger({ children }) {
+  const mushi = useMushiContext();
+  if (!isValidElement(children)) return children;
+  const originalOnPress = children.props.onPress;
+  return cloneElement(children, {
+    onPress: () => {
+      originalOnPress?.();
+      mushi?.open();
+    }
+  });
+}
+
 // src/capture/navigation-capture.ts
 import { useEffect as useEffect3, useRef as useRef4 } from "react";
 function useNavigationCapture(navigationRef) {
@@ -860,6 +950,7 @@ export {
   MushiBottomSheet,
   MushiFloatingButton,
   MushiProvider,
+  MushiTrigger,
   getDeviceInfo,
   setupConsoleCapture,
   setupNetworkCapture,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mushi-mushi/react-native",
-  "version": "0.8.2",
+  "version": "0.12.0",
   "license": "MIT",
   "description": "React Native SDK for Mushi Mushi — shake-to-report, bottom sheet widget, full context capture",
   "main": "./dist/index.js",
@@ -29,15 +29,15 @@
     }
   },
   "dependencies": {
-    "@mushi-mushi/core": "^1.0.0"
+    "@mushi-mushi/core": "^1.2.0"
   },
   "devDependencies": {
-    "@types/react": "^19.1.4",
-    "react": "^19.1.0",
-    "react-native": "^0.79.0",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.5",
+    "react-native": "^0.79.7",
     "tsup": "^8.5.1",
-    "typescript": "^6.0.2",
-    "vitest": "^4.1.4"
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5"
   },
   "author": "Kenji Sakuramoto",
   "repository": {