@fishjam-cloud/react-native-client 0.24.0 → 0.25.0-rc.2

package/README.md

@@ -1,29 +1,70 @@
-<img src="../../.github/images/fishjam-card.png" width="100%" />
+# @fishjam-cloud/react-native-client
 
-# Fishjam React Native client
+React Native client library for Fishjam.
 
-`@fishjam-cloud/react-native-client` is an easiest way to add video streaming to your React Native app.
+## Installation
 
-# Installation
+```bash
+npm install @fishjam-cloud/react-native-client
+# or
+yarn add @fishjam-cloud/react-native-client
+```
 
-Check out the [installation](https://docs.fishjam.io/react-native/installation) section of our docs for the detailed installation instructions.
+## Local Development with WebRTC Fork
 
-# Documentation
+This package depends on `@fishjam-cloud/react-native-webrtc`, which is a fork of `react-native-webrtc`. When developing features that require changes to the native WebRTC code, you can set up a local development environment for faster iteration.
 
-Check out our [documentation](https://docs.fishjam.io/) on how Fishjam work and how to integrate our service with your app.
+### Prerequisites
 
-There is also [API documentation](https://docs.fishjam.io/category/api) available.
+1. Clone the WebRTC fork:
 
-# Examples
+   ```bash
+   git clone https://github.com/fishjam-cloud/fishjam-react-native-webrtc.git
+   ```
 
-There is simple example app, that allows you to test our service. To run it locally, follow [instructions](https://github.com/fishjam-cloud/mobile-client-sdk/tree/main/examples/minimal-react-native).
+### Setting Up Local Development
 
-## License
+1. **Update the dependency in `packages/mobile-client/package.json`:**
 
-Licensed under the [Apache License, Version 2.0](./LICENSE.txt)
+   Change from:
 
-## Fishjam is created by Software Mansion
+   ```json
+   "@fishjam-cloud/react-native-webrtc": "^x.x.x"
+   ```
 
-Since 2012 [Software Mansion](https://swmansion.com) is a software agency with experience in building web and mobile apps. We are Core React Native Contributors and experts in dealing with all kinds of React Native issues. We can help you build your next dream product – [Hire us](https://swmansion.com/contact/projects?utm_source=fishjam&utm_medium=mobile-readme).
+   To a local file path:
 
-[![Software Mansion](https://logo.swmansion.com/logo?color=white&variant=desktop&width=200&tag=react-client)](https://swmansion.com/contact/projects?utm_source=fishjam&utm_medium=mobile-readme)
+   ```json
+   "@fishjam-cloud/react-native-webrtc": "file:<PATH_TO_CLONED_REPO>/react-native-webrtc"
+   ```
+
+   > **Note:** Adjust the path based on where you cloned the fork. If using a git submodule, add it at `packages/react-native-webrtc`.
+
+2. **Run yarn install** from the repository root:
+
+   ```bash
+   yarn install
+   ```
+
+3. **Run expo prebuild** in the example app:
+
+   ```bash
+   cd examples/mobile-client/fishjam-chat
+   npx expo prebuild
+   ```
+
+   The local development plugin (`examples/mobile-client/common/plugins`) will automatically detect the `file:` dependency and configure:
+
+   - **iOS Podfile:** Adds `pod 'FishjamReactNativeWebrtc', :path => '...'`
+   - **Android settings.gradle:** Includes local project reference
+
+### Development Workflow
+
+Once set up, you get a fast development cycle:
+
+| Change Type                           | What to Do                                            |
+| ------------------------------------- | ----------------------------------------------------- |
+| **JS/TS changes** in the fork         | Save → Metro hot reloads automatically                |
+| **Native code changes** (iOS/Android) | Save → Rebuild the app (`yarn ios` or `yarn android`) |
+
+**No need to run `pod install` or `yarn install`** after native code changes—just rebuild!

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import './webrtc-polyfill';
+import React from 'react';
+import { type FishjamProviderProps as ReactClientFishjamProviderProps, useMicrophone as useMicrophoneReactClient } from '@fishjam-cloud/react-client';
+export { RTCView, RTCPIPView, type RTCVideoViewProps, type RTCPIPViewProps } from './overrides/RTCView';
+export { ScreenCapturePickerView, startPIP, stopPIP, useCallKit, useCallKitEvent, useCallKitService, } from '@fishjam-cloud/react-native-webrtc';
+export type { CallKitAction, CallKitConfig, MediaStream } from '@fishjam-cloud/react-native-webrtc';
+export { useForegroundService, type ForegroundServiceConfig } from './useForegroundService';
+export { useCamera, useInitializeDevices, InitializeDevicesSettings, useConnection, useCustomSource, useLivestreamStreamer, useLivestreamViewer, usePeers, useSandbox, useScreenShare, useUpdatePeerMetadata, useVAD, Variant, } from '@fishjam-cloud/react-client';
+export declare const useMicrophone: () => Omit<ReturnType<typeof useMicrophoneReactClient>, "toggleMicrophoneMute">;
+export type { UseInitializeDevicesParams, JoinRoomConfig, ConnectStreamerConfig, StreamerInputs, UseLivestreamStreamerResult, ConnectViewerConfig, UseLivestreamViewerResult, PeerWithTracks, RoomType, UseSandboxProps, BandwidthLimits, Brand, CustomSource, DeviceError, DeviceItem, InitializeDevicesResult, InitializeDevicesStatus, MiddlewareResult, PeerId, PeerStatus, PersistLastDeviceHandlers, SimulcastBandwidthLimits, StreamConfig, Track, TrackId, TrackMiddleware, TracksMiddleware, TracksMiddlewareResult, AuthErrorReason, JoinErrorReason, Metadata, ReconnectConfig, ReconnectionStatus, SimulcastBandwidthLimit, SimulcastConfig, TrackBandwidthLimit, } from '@fishjam-cloud/react-client';
+export type FishjamProviderProps = Omit<ReactClientFishjamProviderProps, 'persistLastDevice'>;
+export declare function FishjamProvider(props: FishjamProviderProps): React.FunctionComponentElement<ReactClientFishjamProviderProps>;
+//# 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":"AAKA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,oBAAoB,IAAI,+BAA+B,EAC5D,aAAa,IAAI,wBAAwB,EAC1C,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACxG,OAAO,EACL,uBAAuB,EACvB,QAAQ,EACR,OAAO,EACP,UAAU,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,oCAAoC,CAAC;AAE5C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEpG,OAAO,EAAE,oBAAoB,EAAE,KAAK,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAE5F,OAAO,EACL,SAAS,EACT,oBAAoB,EACpB,yBAAyB,EACzB,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,MAAM,EACN,OAAO,GACR,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,aAAa,EAA+B,MAAM,IAAI,CAAE,UAAU,CAAC,OAAO,wBAAwB,CAAC,EAAE,sBAAsB,CAAE,CAAA;AAE1I,YAAY,EACV,0BAA0B,EAC1B,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,2BAA2B,EAC3B,mBAAmB,EACnB,yBAAyB,EACzB,cAAc,EACd,QAAQ,EACR,eAAe,EACf,eAAe,EACf,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,MAAM,EACN,UAAU,EACV,yBAAyB,EACzB,wBAAwB,EACxB,YAAY,EACZ,KAAK,EACL,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,QAAQ,EACR,eAAe,EACf,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAGrC,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,+BAA+B,EAAE,mBAAmB,CAAC,CAAC;AAC9F,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,mEAK1D"}

package/dist/index.js

@@ -0,0 +1,19 @@
+/* eslint-disable simple-import-sort/imports */
+/* eslint-disable import/no-duplicates */
+/* eslint-disable simple-import-sort/exports */
+/* eslint-disable import/first */
+// TODO: FCE-2464 Investigate order
+import './webrtc-polyfill';
+import React from 'react';
+import { FishjamProvider as ReactClientFishjamProvider, useMicrophone as useMicrophoneReactClient } from '@fishjam-cloud/react-client';
+export { RTCView, RTCPIPView } from './overrides/RTCView';
+export { ScreenCapturePickerView, startPIP, stopPIP, useCallKit, useCallKitEvent, useCallKitService, } from '@fishjam-cloud/react-native-webrtc';
+export { useForegroundService } from './useForegroundService';
+export { useCamera, useInitializeDevices, useConnection, useCustomSource, useLivestreamStreamer, useLivestreamViewer, usePeers, useSandbox, useScreenShare, useUpdatePeerMetadata, useVAD, Variant, } from '@fishjam-cloud/react-client';
+export const useMicrophone = useMicrophoneReactClient;
+export function FishjamProvider(props) {
+    return React.createElement(ReactClientFishjamProvider, {
+        ...props,
+        persistLastDevice: false,
+    });
+}

package/dist/overrides/RTCPeerConnection.d.ts

@@ -0,0 +1,8 @@
+import { RTCPeerConnection as OriginalRTCPeerConnection } from '@fishjam-cloud/react-native-webrtc';
+export declare class RTCPeerConnection extends OriginalRTCPeerConnection {
+    private _configuration;
+    constructor(configuration?: RTCConfiguration);
+    setConfiguration(configuration: RTCConfiguration): void;
+    getConfiguration(): RTCConfiguration;
+}
+//# sourceMappingURL=RTCPeerConnection.d.ts.map

package/dist/overrides/RTCPeerConnection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTCPeerConnection.d.ts","sourceRoot":"","sources":["../../src/overrides/RTCPeerConnection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAEpG,qBAAa,iBAAkB,SAAQ,yBAAyB;IAE9D,OAAO,CAAC,cAAc,CAAmB;gBAE7B,aAAa,CAAC,EAAE,gBAAgB;IAK5C,gBAAgB,CAAC,aAAa,EAAE,gBAAgB,GAAG,IAAI;IAKvD,gBAAgB,IAAI,gBAAgB;CAGrC"}

package/dist/overrides/RTCPeerConnection.js

@@ -0,0 +1,16 @@
+import { RTCPeerConnection as OriginalRTCPeerConnection } from '@fishjam-cloud/react-native-webrtc';
+export class RTCPeerConnection extends OriginalRTCPeerConnection {
+    // TODO: FCE-2464 Replace with native side fetch
+    _configuration;
+    constructor(configuration) {
+        super(configuration);
+        this._configuration = configuration ?? {};
+    }
+    setConfiguration(configuration) {
+        super.setConfiguration(configuration);
+        this._configuration = configuration;
+    }
+    getConfiguration() {
+        return this._configuration;
+    }
+}

package/dist/overrides/RTCView.d.ts

@@ -0,0 +1,11 @@
+import { RTCPIPView as OriginalRTCPIPView, RTCView as OriginalRTCView } from '@fishjam-cloud/react-native-webrtc';
+import type React from 'react';
+export type RTCVideoViewProps = Omit<React.ComponentPropsWithRef<typeof OriginalRTCView>, 'streamURL'> & {
+    mediaStream: MediaStream;
+};
+export type RTCPIPViewProps = Omit<React.ComponentPropsWithRef<typeof OriginalRTCPIPView>, 'streamURL'> & {
+    mediaStream: MediaStream;
+};
+export declare const RTCView: ({ ref, ...props }: RTCVideoViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RTCPIPView: ({ ref, ...props }: RTCPIPViewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RTCView.d.ts.map

package/dist/overrides/RTCView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTCView.d.ts","sourceRoot":"","sources":["../../src/overrides/RTCView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAClH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,EAAE,WAAW,CAAC,GAAG;IACvG,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,EAAE,WAAW,CAAC,GAAG;IACxG,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAeF,eAAO,MAAM,OAAO,GAAI,mBAAmB,iBAAiB,4CAG3D,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,mBAAmB,eAAe,4CAG5D,CAAC"}

package/dist/overrides/RTCView.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RTCPIPView as OriginalRTCPIPView, RTCView as OriginalRTCView } from '@fishjam-cloud/react-native-webrtc';
+import { useMemo } from 'react';
+const convertMediaStreamToURL = (mediaStream) => {
+    const rnMediaStream = mediaStream;
+    if (rnMediaStream && typeof rnMediaStream.toURL === 'function') {
+        return rnMediaStream.toURL();
+    }
+    else {
+        console.error('mediaStream.toURL is not a function. Make sure to use the MediaStream type from @fishjam-cloud/react-native-webrtc', rnMediaStream);
+        return undefined;
+    }
+};
+export const RTCView = ({ ref, ...props }) => {
+    const streamURL = useMemo(() => convertMediaStreamToURL(props.mediaStream), [props.mediaStream]);
+    return _jsx(OriginalRTCView, { ...props, ref: ref, streamURL: streamURL });
+};
+export const RTCPIPView = ({ ref, ...props }) => {
+    const streamURL = useMemo(() => convertMediaStreamToURL(props.mediaStream), [props.mediaStream]);
+    return _jsx(OriginalRTCPIPView, { ...props, ref: ref, streamURL: streamURL });
+};

package/dist/polyfills/local-storage.d.ts

@@ -0,0 +1,10 @@
+export declare class LocalStoragePolyfill {
+    private storage;
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+    removeItem(key: string): void;
+    clear(): void;
+    get length(): number;
+    key(index: number): string | null;
+}
+//# sourceMappingURL=local-storage.d.ts.map

package/dist/polyfills/local-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage.d.ts","sourceRoot":"","sources":["../../src/polyfills/local-storage.ts"],"names":[],"mappings":"AAEA,qBAAa,oBAAoB;IAC/B,OAAO,CAAC,OAAO,CAAkC;IAEjD,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAInC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAI7B,KAAK,IAAI,IAAI;IAIb,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;CAIlC"}

package/dist/polyfills/local-storage.js

@@ -0,0 +1,24 @@
+// LocalStorage polyfill for mobile.
+// Device persistence is not supported on mobile, so an in-memory implementation is used instead of actual persistent storage.
+export class LocalStoragePolyfill {
+    storage = new Map();
+    getItem(key) {
+        return this.storage.get(key) ?? null;
+    }
+    setItem(key, value) {
+        this.storage.set(key, String(value));
+    }
+    removeItem(key) {
+        this.storage.delete(key);
+    }
+    clear() {
+        this.storage.clear();
+    }
+    get length() {
+        return this.storage.size;
+    }
+    key(index) {
+        const keys = Array.from(this.storage.keys());
+        return keys[index] ?? null;
+    }
+}

package/{build/hooks → dist}/useForegroundService.d.ts

@@ -1,4 +1,6 @@
 /**
+ * Configuration options for foreground service permissions.
+ *
  * A type representing the configuration for foreground service permissions.
  */
 export type ForegroundServiceConfig = {
@@ -10,6 +12,10 @@ export type ForegroundServiceConfig = {
      * Indicates whether the microphone is enabled for the foreground service.
      */
     enableMicrophone?: boolean;
+    /**
+     * Indicates whether screen sharing is enabled for the foreground service.
+     */
+    enableScreenSharing?: boolean;
     /**
      * The id of the channel. Must be unique per package.
      */
@@ -28,18 +34,12 @@ export type ForegroundServiceConfig = {
     notificationContent?: string;
 };
 /**
+ * Hook for managing a foreground service on Android.
+ *
  * A hook for managing a foreground service on Android. Does nothing on other platforms.
  * You can use this hook to keep your app running in the background. You're also required to run a foreground service when screen sharing.
  *
- * @param {Object} config - Configuration options for the foreground service.
- * @param {boolean} config.enableCamera - Flag to enable or disable camera usage in the foreground service. Only enable after the user has granted the necessary permissions.
- * @param {boolean} config.enableMicrophone - Flag to enable or disable microphone usage in the foreground service. Only enable after the user has granted the necessary permissions.
- * @param {Object} config.channelId - The id of the channel. Must be unique per package.
- * @param {Object} config.channelName - The user visible name of the channel.
- * @param {Object} config.notificationTitle - The title (first row) of the notification, in a standard notification.
- * @param {Object} config.notificationContent - The text (second row) of the notification, in a standard notification.
- * @group Hooks
- * @category Connection
+ * @param config - Configuration options for the foreground service.
  */
-export declare const useForegroundService: ({ enableCamera, enableMicrophone, channelId, channelName, notificationContent, notificationTitle, }: ForegroundServiceConfig) => void;
+export declare const useForegroundService: ({ enableCamera, enableMicrophone, enableScreenSharing, channelId, channelName, notificationContent, notificationTitle, }: import("@fishjam-cloud/react-native-webrtc").ForegroundServiceConfig) => void;
 //# sourceMappingURL=useForegroundService.d.ts.map

package/dist/useForegroundService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForegroundService.d.ts","sourceRoot":"","sources":["../src/useForegroundService.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,0MAA+B,CAAC"}

package/dist/useForegroundService.js

@@ -0,0 +1,10 @@
+import { useForegroundService as externalUseForegroundService } from '@fishjam-cloud/react-native-webrtc';
+/**
+ * Hook for managing a foreground service on Android.
+ *
+ * A hook for managing a foreground service on Android. Does nothing on other platforms.
+ * You can use this hook to keep your app running in the background. You're also required to run a foreground service when screen sharing.
+ *
+ * @param config - Configuration options for the foreground service.
+ */
+export const useForegroundService = externalUseForegroundService;

package/dist/webrtc-polyfill.d.ts

@@ -0,0 +1,2 @@
+import 'react-native-get-random-values';
+//# sourceMappingURL=webrtc-polyfill.d.ts.map

package/dist/webrtc-polyfill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webrtc-polyfill.d.ts","sourceRoot":"","sources":["../src/webrtc-polyfill.ts"],"names":[],"mappings":"AAAA,OAAO,gCAAgC,CAAC"}

package/dist/webrtc-polyfill.js

@@ -0,0 +1,14 @@
+import 'react-native-get-random-values';
+// @ts-ignore - event-target-shim types not properly exported via package.json exports
+import { EventTarget } from 'event-target-shim';
+import { registerGlobals } from '@fishjam-cloud/react-native-webrtc';
+import { RTCPeerConnection } from './overrides/RTCPeerConnection';
+import { LocalStoragePolyfill } from './polyfills/local-storage';
+const registerGlobalsPolyfill = () => {
+    global.EventTarget = EventTarget;
+    global.localStorage = new LocalStoragePolyfill();
+    registerGlobals();
+    // Custom overrides
+    globalThis.RTCPeerConnection = RTCPeerConnection;
+};
+registerGlobalsPolyfill();

package/package.json

@@ -1,108 +1,61 @@
 {
   "name": "@fishjam-cloud/react-native-client",
-  "version": "0.24.0",
-  "description": "A React Native client for Fishjam",
-  "author": "Fishjam Team",
+  "version": "0.25.0-rc.2",
+  "description": "React Native client library for Fishjam",
   "license": "Apache-2.0",
-  "main": "build/index.js",
-  "types": "build/index.d.ts",
-  "scripts": {
-    "build": "EXPO_NONINTERACTIVE=1 sh -c 'expo-module build && expo-module build plugin'",
-    "clean": "expo-module clean",
-    "lint": "eslint . --ext .ts,.tsx",
-    "lint:fix": "yarn lint --fix",
-    "test": "expo-module test",
-    "prepare": "expo-module prepare",
-    "prepublishOnly": "expo-module prepublishOnly",
-    "expo-module": "expo-module",
-    "release": "release-it",
-    "docs": "sed 's/\\.github\\/images/media/g' README.md > README_docs.md && typedoc src/index.tsx --media ./.github/images --readme README_docs.md && rm README_docs.md",
-    "typecheck": "yarn tsc --noEmit && cd example && yarn tsc --noEmit"
-  },
-  "keywords": [
-    "react-native",
-    "expo",
-    "Fishjam",
-    "FishjamCloud",
-    "MembraneWebRTC",
-    "webRTC",
-    "streaming",
-    "video",
-    "audio"
+  "author": "Fishjam Team",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "react-native": "src/index.ts",
+  "files": [
+    "dist/**",
+    "plugin/build/**",
+    "plugin/broadcastExtensionFiles/**",
+    "app.plugin.js"
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/fishjam-cloud/mobile-client-sdk.git",
-    "directory": "packages/react-native-client"
-  },
-  "bugs": {
-    "url": "https://github.com/fishjam-cloud/mobile-client-sdk/issues"
+    "url": "git+https://github.com/fishjam-cloud/web-client-sdk.git",
+    "directory": "packages/mobile-client"
   },
-  "homepage": "https://fishjam.io",
-  "dependencies": {
-    "promise-fs": "^2.1.1",
-    "protobufjs": "^7.4.0",
-    "react-native-whip-whep": "0.7.1",
-    "zod": "^3.25.71"
+  "homepage": "https://github.com/fishjam-cloud/web-client-sdk#readme",
+  "bugs": "https://github.com/fishjam-cloud/web-client-sdk/issues",
+  "keywords": [
+    "webrtc",
+    "fishjam"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./app.plugin": "./app.plugin.js",
+    "./app.plugin.js": "./app.plugin.js",
+    "./package.json": "./package.json"
   },
-  "devDependencies": {
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/lodash": "^4.17.20",
-    "@types/promise-fs": "^2.1.2",
-    "@types/react": "~19.0.10",
-    "@types/react-dom": "^19",
-    "eslint": "^9.29.0",
-    "eslint-config-expo": "~9.2.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.5.1",
-    "expo-module-scripts": "^4.1.9",
-    "husky": "^9.1.7",
-    "jest": "^29.6.1",
-    "jest-environment-jsdom": "^29.6.1",
-    "jest-expo": "~53.0.9",
-    "jest-websocket-mock": "^2.4.0",
-    "pod-install": "^0.3.9",
-    "prettier": "^3.6.2",
-    "react-dom": "19.0.0",
-    "ts-proto": "^2.7.5",
-    "typedoc": "^0.28.7",
-    "typedoc-plugin-mark-react-functional-components": "^0.2.2",
-    "typescript": "~5.8.3"
+  "scripts": {
+    "build": "tsc && EXPO_NONINTERACTIVE=1 expo-module build plugin",
+    "lint": "eslint . --ext .ts,.tsx --fix",
+    "prepare": "tsc && EXPO_NONINTERACTIVE=1 expo-module build plugin"
   },
   "peerDependencies": {
     "expo": "*",
     "react": "*",
     "react-native": "*"
   },
-  "jest": {
-    "preset": "jest-expo",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ],
-    "testEnvironment": "jsdom"
+  "dependencies": {
+    "@fishjam-cloud/react-client": "0.25.0-rc.2",
+    "@fishjam-cloud/react-native-webrtc": "git+https://github.com/fishjam-cloud/fishjam-react-native-webrtc.git#9753272f9e6c992d8a05263e668e2198ec858160",
+    "react-native-get-random-values": "^1.11.0"
   },
-  "files": [
-    "build/**",
-    "debug",
-    "livestream",
-    "android/build.gradle",
-    "android/src/**",
-    "ios/**/*.swift",
-    "ios/RNFishjamClient.podspec",
-    "plugin/build/**",
-    "plugin/broadcastExtensionFiles/**",
-    "app.plugin.js",
-    "expo-module.config.json",
-    "README.md",
-    "!**/node_modules"
-  ],
-  "expo": {
-    "doctor": {
-      "reactNativeDirectoryCheck": {
-        "listUnknownPackages": false
-      }
-    }
-  }
+  "devDependencies": {
+    "@types/promise-fs": "^2.1.2",
+    "eslint-config-expo": "~9.2.0",
+    "eslint-plugin-prettier": "^5.5.1",
+    "expo-module-scripts": "^5.0.7",
+    "promise-fs": "^2.1.1"
+  },
+  "packageManager": "yarn@4.12.0",
+  "stableVersion": "0.23.0"
 }

package/plugin/broadcastExtensionFiles/Atomic.swift

@@ -0,0 +1,37 @@
+//
+//  Atomic.swift
+//  Broadcast Extension
+//
+//  Created by Maksym Shcheglov.
+//  https://www.onswiftwings.com/posts/atomic-property-wrapper/
+//
+
+import Foundation
+
+@propertyWrapper
+struct Atomic<Value> {
+
+    private var value: Value
+    private let lock = NSLock()
+
+    init(wrappedValue value: Value) {
+        self.value = value
+    }
+
+    var wrappedValue: Value {
+        get { load() }
+        set { store(newValue: newValue) }
+    }
+
+    func load() -> Value {
+        lock.lock()
+        defer { lock.unlock() }
+        return value
+    }
+
+    mutating func store(newValue: Value) {
+        lock.lock()
+        defer { lock.unlock() }
+        value = newValue
+    }
+}

package/plugin/broadcastExtensionFiles/DarwinNotificationCenter.swift

@@ -0,0 +1,29 @@
+//
+//  DarwinNotificationCenter.swift
+//  Broadcast Extension
+//
+//  Created by Alex-Dan Bumbu on 23/03/2021.
+//  Copyright © 2021 8x8, Inc. All rights reserved.
+//
+
+import Foundation
+
+enum DarwinNotification: String {
+    case broadcastStarted = "iOS_BroadcastStarted"
+    case broadcastStopped = "iOS_BroadcastStopped"
+}
+
+class DarwinNotificationCenter {
+    
+    static let shared = DarwinNotificationCenter()
+    
+    private let notificationCenter: CFNotificationCenter
+    
+    init() {
+        notificationCenter = CFNotificationCenterGetDarwinNotifyCenter()
+    }
+    
+    func postNotification(_ name: DarwinNotification) {
+        CFNotificationCenterPostNotification(notificationCenter, CFNotificationName(rawValue: name.rawValue as CFString), nil, nil, true)
+    }
+}

package/plugin/broadcastExtensionFiles/Info.plist

@@ -19,7 +19,7 @@
 		<key>NSExtensionPointIdentifier</key>
 		<string>com.apple.broadcast-services-upload</string>
 		<key>NSExtensionPrincipalClass</key>
-		<string>$(PRODUCT_MODULE_NAME).FishjamBroadcastSampleHandler</string>
+		<string>$(PRODUCT_MODULE_NAME).SampleHandler</string>
 		<key>RPBroadcastProcessMode</key>
 		<string>RPBroadcastProcessModeSampleBuffer</string>
 	</dict>