Unable to publish/use a nexus module using @jitsi/react-native-sdk

[seetharampullela]

Hi, I am using nexus to place all my common modules that I use in all of my projects. When I started implementing common-communication module using @jitsti/react-native-sdk, I couldn't even able to install all dependencies with my nexus .npmrc. So, I tried doing it without npmrc configuration. Even after that when I try to install my common-communication nexus module, unable to run the JitsiMeeting saying it couldn't be found. I followed the documentation while installing @jitsti/react-native-sdk from official website.

[saghul]

What is nexus?

[seetharampullela]

Hi @saghul

Nexus is a private repository maintaining service similar to npm. I created a react-native module to maintain as a common module for all my projects. I installed jitsi/react-native-sdk in common-communication and pushed it to nexus(private npm repo).

When I install it and try to run this in one of my other projects getting errors

[saghul]

Ah that nexus.

Our SDK depends on many modules. The error you see there is because react-native-webrtc was not found. You basically need to push all our dependencies to your nexis too.

As an aside, we don't yet support Hermes, which I see you're using.

[seetharampullela]

@saghul

I tried disabling Hermes engine too. Still couldn't solve the issue. When I use @jitsi/react-native-sdk directly in a project it worked.

How can I push all dependencies in nexus.

I also tried in iOS too. but getting below error

Here is my package.json for nexus package

{ "type": "module", "name": "common-communication", "version": "1.0.0", "main": "src/index.tsx", "react-native": "src/index.tsx", "source": "src/index.tsx", "scripts": { "lint": "eslint .", "test": "jest", "format": "prettier --write src/*/.{ts,tsx,css,scss,md,json} --config ./.prettierrc" }, "author": "Pavan", "license": "ISC", "dependencies": { "@stomp/stompjs": "^7.0.0", "@amplitude/react-native": "2.7.0", "@braintree/sanitize-url": "7.0.0", "@giphy/react-native-sdk": "2.3.0", "@jitsi/react-native-sdk": "2.0.2", "@react-native-async-storage/async-storage": "1.19.4", "@react-native-community/clipboard": "1.5.1", "@react-native-community/netinfo": "11.1.0", "@react-native-community/slider": "4.4.3", "@react-native-google-signin/google-signin": "10.1.0", "@react-native/metro-config": "0.72.9", "react": "18.2.0", "react-native": "0.72.3", "react-native-background-timer": "2.4.1", "react-native-calendar-events": "2.2.0", "react-native-default-preference": "1.4.4", "react-native-device-info": "10.9.0", "react-native-gesture-handler": "2.9.0", "react-native-get-random-values": "1.9.0", "react-native-immersive-mode": "2.0.1", "react-native-keep-awake": "4.0.0", "react-native-orientation-locker": "1.6.0", "react-native-pager-view": "6.2.0", "react-native-paper": "5.10.3", "react-native-performance": "5.0.0", "react-native-safe-area-context": "4.7.1", "react-native-screens": "3.24.0", "react-native-sound": "0.11.2", "react-native-splash-screen": "3.3.0", "react-native-svg": "13.13.0", "react-native-video": "6.0.0-alpha.11", "react-native-watch-connectivity": "1.1.0", "react-native-webrtc": "118.0.2", "react-native-webview": "13.5.1", "text-encoding": "0.7.0" }, "devDependencies": { "@babel/core": "^7.20.0", "@babel/preset-env": "^7.20.0", "@babel/runtime": "^7.20.0", "@react-native/eslint-config": "0.73.2", "@react-native/metro-config": "0.72.9", "@react-native/typescript-config": "0.73.1", "@types/react": "^18.2.6", "@types/react-test-renderer": "^18.0.0", "@types/text-encoding": "^0.0.39", "babel-jest": "^29.6.3", "eslint": "^8.19.0", "jest": "^29.6.3", "prettier": "2.8.8", "react-test-renderer": "18.2.0", "typescript": "5.0.4", "@babel/plugin-proposal-export-default-from": "7.22.5", "metro-react-native-babel-preset": "0.76.8" }, "engines": { "node": ">=16" }, "overrides": { "@xmldom/xmldom": "0.8.7" } }

[seetharampullela]

@saghul Also, in the examples of react-native provided in the official website hermesEngine is already enabled. Repo Link: https://github.com/jitsi/jitsi-meet-sdk-samples/tree/master/react-native

[saghul]

I tried disabling Hermes engine too. Still couldn't solve the issue. When I use @jitsi/react-native-sdk directly in a project it worked.

I didn't say it would, it was an aside comment.

How can I push all dependencies in nexus.

I don't know since I don't use nexus. It does sound somewhat complex since our dependencies might have more dependencies, and so on.

Also, in the examples of react-native provided in the official website hermesEngine is already enabled. Repo Link: https://github.com/jitsi/jitsi-meet-sdk-samples/tree/master/react-native

Ops, that was an oversight. Thanks for the heads up, I just disabled it.

[seetharampullela]

@saghul I am confused about what these scripts do in @jitsi/react-native-sdk package.

Also, I think i need to maintain these in my nexus module

[saghul]

Those scripts just help sync the dependencies. They are part of the package, you don't need to worry about them.

[seetharampullela]

@saghul Thank you for your response.

As I said earlier about the nexus registry, I logged in to npm with my nexus credentials and if I try to install @jitsi/react-native-sdk, getting a 401 error saying couldn't install yaml (and many other dependencies).

[saghul]

Because they are not in your nexus.

You'll need to push all of them, but there are tons! Look inside package-lock.