Release 0.25.0-rc.3 => Main

.github/workflows/release.yaml

@@ -62,3 +62,23 @@ jobs:
         working-directory: packages/react-client
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+  publish-mobile-client:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "22.x"
+          registry-url: "https://registry.npmjs.org"
+      - run: corepack enable
+      - run: yarn
+      - run: yarn build
+      - run: yarn npm publish --access public
+        working-directory: packages/mobile-client
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

examples/mobile-client/fishjam-chat/app.json

@@ -46,7 +46,7 @@
     "plugins": [
       "expo-router",
       [
-        "@fishjam-cloud/mobile-client",
+        "@fishjam-cloud/react-native-client",
         {
           "android": {
             "supportsPictureInPicture": true,

examples/mobile-client/fishjam-chat/app/_layout.tsx

@@ -1,5 +1,5 @@
 import { Stack } from "expo-router";
-import { FishjamProvider } from "@fishjam-cloud/mobile-client";
+import { FishjamProvider } from "@fishjam-cloud/react-native-client";
 import { useState, useEffect } from "react";
 
 import { setFishjamIdChangeCallback } from "../utils/fishjamIdStore";

examples/mobile-client/fishjam-chat/app/livestream/screen-sharing.tsx

@@ -7,7 +7,7 @@ import {
   useLivestreamStreamer,
   useScreenShare,
   useInitializeDevices,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 
 import { Button } from "../../components";
 import { BrandColors } from "../../utils/Colors";

examples/mobile-client/fishjam-chat/app/livestream/streamer.tsx

@@ -9,7 +9,7 @@ import {
   useCamera,
   useMicrophone,
   RTCView,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 import { changeFishjamId } from "../../utils/fishjamIdStore";
 
 import { Button } from "../../components";

examples/mobile-client/fishjam-chat/app/livestream/viewer.tsx

@@ -6,7 +6,7 @@ import {
   useSandbox,
   useLivestreamViewer,
   RTCView,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 import { BrandColors } from "../../utils/Colors";
 
 export default function LivestreamViewerScreen() {

examples/mobile-client/fishjam-chat/app/room/[roomName].tsx

@@ -10,7 +10,7 @@ import {
   useCallKitEvent,
   useCallKitService,
   useForegroundService,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 
 import { InCallButton, VideosGrid } from "../../components";
 

examples/mobile-client/fishjam-chat/app/room/preview.tsx

@@ -9,7 +9,7 @@ import {
   useSandbox,
   useInitializeDevices,
   RTCView,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 
 import { Button, InCallButton, NoCameraView } from "../../components";
 import { BrandColors } from "../../utils/Colors";

examples/mobile-client/fishjam-chat/components/VideosGrid.tsx

@@ -11,7 +11,7 @@ import {
   type Track,
   type PeerWithTracks,
   usePeers,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 
 import NoCameraView from "./NoCameraView";
 import { BrandColors } from "../utils/Colors";

examples/mobile-client/fishjam-chat/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^15.0.3",
-    "@fishjam-cloud/mobile-client": "workspace:*",
+    "@fishjam-cloud/react-native-client": "workspace:*",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-navigation/bottom-tabs": "^7.4.0",
     "@react-navigation/elements": "^2.6.3",

examples/mobile-client/minimal-react-native/App.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import RootNavigation from './navigation/RootNavigation';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { FishjamProvider } from '@fishjam-cloud/mobile-client';
+import { FishjamProvider } from '@fishjam-cloud/react-native-client';
 
 const App = () => {
   return (

examples/mobile-client/minimal-react-native/app.json

@@ -41,7 +41,7 @@
     },
     "plugins": [
       [
-        "@fishjam-cloud/mobile-client"
+        "@fishjam-cloud/react-native-client"
       ]
     ]
   }

examples/mobile-client/minimal-react-native/components/VideosGridItem.tsx

@@ -1,4 +1,4 @@
-import { RTCView } from '@fishjam-cloud/mobile-client';
+import { RTCView } from '@fishjam-cloud/react-native-client';
 import { View, StyleSheet, Text } from 'react-native';
 import { GridTrack } from '../types';
 import React from 'react';

examples/mobile-client/minimal-react-native/hooks/useConnectFishjam.ts

@@ -4,7 +4,7 @@ import {
   useConnection,
   useInitializeDevices,
   useSandbox,
-} from '@fishjam-cloud/mobile-client';
+} from '@fishjam-cloud/react-native-client';
 import { RootStackParamList } from '../navigation/RootNavigation';
 
 export const useConnectFishjam = () => {

examples/mobile-client/minimal-react-native/package.json

@@ -9,7 +9,7 @@
     "web": "expo start --web"
   },
   "dependencies": {
-    "@fishjam-cloud/mobile-client": "workspace:*",
+    "@fishjam-cloud/react-native-client": "workspace:*",
     "@react-navigation/elements": "^2.5.2",
     "@react-navigation/native": "^7.1.14",
     "@react-navigation/native-stack": "^7.3.21",

examples/mobile-client/minimal-react-native/screens/room/index.tsx

@@ -1,6 +1,6 @@
 import { FlatList, ListRenderItemInfo, StyleSheet, View } from 'react-native';
 import { RootScreenProps } from '../../navigation/RootNavigation';
-import { useConnection, usePeers } from '@fishjam-cloud/mobile-client';
+import { useConnection, usePeers } from '@fishjam-cloud/react-native-client';
 import { parsePeersToTracks } from '../../utils';
 import { useCallback, useEffect } from 'react';
 import { GridTrack } from '../../types';

examples/mobile-client/minimal-react-native/types/index.ts

@@ -1,4 +1,4 @@
-import { Track } from '@fishjam-cloud/mobile-client';
+import { Track } from '@fishjam-cloud/react-native-client';
 
 export type GridTrack = {
   track: Track | null;

examples/mobile-client/minimal-react-native/utils/index.ts

@@ -1,4 +1,4 @@
-import { PeerWithTracks } from '@fishjam-cloud/mobile-client';
+import { PeerWithTracks } from '@fishjam-cloud/react-native-client';
 import { GridTrack } from '../types';
 
 const createGridTracksFromPeer = (peer: PeerWithTracks<unknown, unknown>, isLocal: boolean): GridTrack[] => {

examples/mobile-client/video-player/App.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { StyleSheet, Text, TextInput, TouchableOpacity, View } from "react-native";
 import { FishjamPlayerStreamer } from "./components/FishjamPlayerStreamer";
 import { FishjamPlayerViewer } from "./components/FishjamPlayerViewer";
-import { FishjamProvider } from "@fishjam-cloud/mobile-client";
+import { FishjamProvider } from "@fishjam-cloud/react-native-client";
 
 export default function App() {
   const FISHJAM_URL = process.env.EXPO_PUBLIC_FISHJAM_ID ?? "";

examples/mobile-client/video-player/app.json

@@ -41,7 +41,7 @@
       "favicon": "./assets/images/favicon.png"
     },
     "plugins": [
-      "@fishjam-cloud/mobile-client"
+      "@fishjam-cloud/react-native-client"
     ],
     "experiments": {
       "reactCompiler": true

examples/mobile-client/video-player/components/FishjamPlayerStreamer.tsx

@@ -6,7 +6,7 @@ import {
   useMicrophone,
   useSandbox,
   RTCView,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 import { useEffect } from "react";
 
 export const FishjamPlayerStreamer = ({ roomName }: { roomName: string }) => {

examples/mobile-client/video-player/components/FishjamPlayerViewer.tsx

@@ -3,7 +3,7 @@ import {
   useSandbox,
   useLivestreamViewer,
   RTCView,
-} from "@fishjam-cloud/mobile-client";
+} from "@fishjam-cloud/react-native-client";
 import { useEffect } from "react";
 
 export const FishjamPlayerViewer = ({ roomName }: { roomName: string }) => {

examples/mobile-client/video-player/package.json

@@ -10,7 +10,7 @@
     "lint": "expo lint"
   },
   "dependencies": {
-    "@fishjam-cloud/mobile-client": "workspace:*",
+    "@fishjam-cloud/react-native-client": "workspace:*",
     "expo": "~54.0.27",
     "expo-status-bar": "~3.0.9",
     "react": "19.1.0",

packages/mobile-client/README.md

@@ -1,13 +1,13 @@
-# @fishjam-cloud/mobile-client
+# @fishjam-cloud/react-native-client
 
 React Native client library for Fishjam.
 
 ## Installation
 
 ```bash
-npm install @fishjam-cloud/mobile-client
+npm install @fishjam-cloud/react-native-client
 # or
-yarn add @fishjam-cloud/mobile-client
+yarn add @fishjam-cloud/react-native-client
 ```
 
 ## Local Development with WebRTC Fork

packages/mobile-client/package.json

@@ -1,15 +1,17 @@
 {
-  "name": "@fishjam-cloud/mobile-client",
-  "version": "0.23.0",
+  "name": "@fishjam-cloud/react-native-client",
+  "version": "0.24.0",
   "description": "React Native client library for Fishjam",
   "license": "Apache-2.0",
   "author": "Fishjam Team",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "react-native": "src/index.ts",
   "files": [
     "dist/**",
-    "plugin/**",
+    "plugin/build/**",
+    "plugin/broadcastExtensionFiles/**",
     "app.plugin.js"
   ],
   "repository": {
@@ -34,7 +36,8 @@
   },
   "scripts": {
     "build": "tsc && EXPO_NONINTERACTIVE=1 expo-module build plugin",
-    "lint": "eslint . --ext .ts,.tsx --fix"
+    "lint": "eslint . --ext .ts,.tsx --fix",
+    "prepare": "tsc && EXPO_NONINTERACTIVE=1 expo-module build plugin"
   },
   "peerDependencies": {
     "expo": "*",
@@ -44,14 +47,14 @@
   "dependencies": {
     "@fishjam-cloud/react-client": "workspace:*",
     "@fishjam-cloud/react-native-webrtc": "git+https://github.com/fishjam-cloud/fishjam-react-native-webrtc.git#9753272f9e6c992d8a05263e668e2198ec858160",
+    "promise-fs": "^2.1.1",
     "react-native-get-random-values": "^1.11.0"
   },
   "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"
+    "expo-module-scripts": "^5.0.7"
   },
-  "packageManager": "yarn@4.9.2"
+  "packageManager": "yarn@4.12.0"
 }

packages/mobile-client/plugin/src/withFishjam.ts

@@ -15,7 +15,7 @@ import { withFishjamIos } from './withFishjamIos';
  * {
  *   "plugins": [
  *     [
- *       "@fishjam-cloud/mobile-client",
+ *       "@fishjam-cloud/react-native-client",
  *       {
  *         "android": {
  *           "supportsPictureInPicture": true

packages/mobile-client/plugin/src/withFishjamIos.ts

@@ -133,7 +133,7 @@ const withFishjamSBE: ConfigPlugin<FishjamPluginOptions> = (config, options) =>
     const xcodeProject = props.modResults;
     const targetName = getSbeTargetName(options);
 
-    const pluginDir = require.resolve('@fishjam-cloud/mobile-client/package.json');
+    const pluginDir = require.resolve('@fishjam-cloud/react-native-client/package.json');
     const extensionSourceDir = path.join(pluginDir, '../plugin/broadcastExtensionFiles/');
 
     const projPath = `${iosPath}/${appName}.xcodeproj/project.pbxproj`;