Compatibility with React Native

[criticerz]

Hi there,

Trying to use Quickblox to build a React Native app, but when I require the Quickblox package, it fails to build. I'm not sure if this is a bug in React Native (react/react-native#2949) or that the package just needs to be updated to be compatible.

All I'm doing is requiring the Quickblox package like this: var Quickblox = require('quickblox'); and running npm install quickblox --save which outputs:

quickblox@1.13.1 node_modules/quickblox
├── crypto-js@3.1.2-2
└── request@2.63.0 (aws-sign2@0.5.0, forever-agent@0.6.1, caseless@0.11.0, stringstream@0.0.4, tunnel-agent@0.4.1, oauth-sign@0.8.0, isstream@0.1.2, json-stringify-safe@5.0.1, extend@3.0.0, node-uuid@1.4.3, qs@5.1.0, combined-stream@1.0.5, mime-types@2.1.7, tough-cookie@2.0.0, http-signature@0.11.0, form-data@1.0.0-rc3, bl@1.0.0, hawk@3.1.0, har-validator@1.8.0)

I'm using Node v4.0, NPM v2.14.2 & React Native v0.11.

Here is what the build shows:

Looking for JS files in
   /Users/alain/Sites/ClutchChat 


React packager ready.

[10:43:41 PM] <START> Building Dependency Graph
[10:43:41 PM] <START> Crawling File System
Launching Dev Tools...


[10:43:44 PM] <START> request:/index.ios.bundle
[10:43:44 PM] <START> find dependencies
[10:43:44 PM] <START> request:/index.ios.bundle
[10:43:53 PM] <END>   Crawling File System (12007ms)
[10:43:53 PM] <START> Building in-memory fs for JavaScript
[10:43:54 PM] <END>   Building in-memory fs for JavaScript (817ms)
[10:43:54 PM] <START> Building in-memory fs for Assets
[10:43:54 PM] <END>   Building in-memory fs for Assets (728ms)
[10:43:54 PM] <START> Building Haste Map
[10:43:55 PM] <START> Building (deprecated) Asset Map
[10:43:55 PM] <END>   Building (deprecated) Asset Map (239ms)
Unable to resolve module Dimensions from /Users/alain/Sites/ClutchChat/node_modules/react-native-swiper/dist/index.js
Unable to resolve module image!issues2 from /Users/alain/Sites/ClutchChat/SearchResults.js
Unable to resolve module net from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tough-cookie/lib/cookie.js
Unable to resolve module url from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tough-cookie/lib/cookie.js
Unable to resolve module punycode from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tough-cookie/lib/cookie.js
Unable to resolve module punycode from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tough-cookie/lib/pubsuffix.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tough-cookie/lib/memstore.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/helpers.js
Unable to resolve module http from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/request.js
Unable to resolve module https from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/request.js
Unable to resolve module url from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/request.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/request.js
Unable to resolve module stream from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/request.js
Unable to resolve module zlib from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/request.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/bl/bl.js
Unable to resolve module events from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/bl/node_modules/readable-stream/lib/_stream_readable.js
Unable to resolve module events from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/bl/node_modules/readable-stream/lib/_stream_readable.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/bl/node_modules/readable-stream/lib/_stream_readable.js
Unable to resolve module events from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/bl/node_modules/readable-stream/lib/_stream_writable.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/aws-sign2/index.js
Unable to resolve module url from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/aws-sign2/index.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/lib/parser.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/assert-plus/assert.js
Unable to resolve module stream from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/assert-plus/assert.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/assert-plus/assert.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/lib/signer.js
Unable to resolve module http from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/lib/signer.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/lib/signer.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/lib/verify.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/lib/util.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/asn1/lib/ber/reader.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/asn1/lib/ber/writer.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/ctype/ctype.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/ctype/ctf.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/http-signature/node_modules/ctype/ctio.js
Unable to resolve module path from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/mime-types/index.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/stringstream/stringstream.js
Unable to resolve module stream from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/stringstream/stringstream.js
Unable to resolve module string_decoder from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/stringstream/stringstream.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/forever-agent/index.js
Unable to resolve module http from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/forever-agent/index.js
Unable to resolve module net from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/forever-agent/index.js
Unable to resolve module tls from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/forever-agent/index.js
Unable to resolve module https from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/forever-agent/index.js
Unable to resolve module querystring from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/querystring.js
Unable to resolve module fs from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/har.js
Unable to resolve module querystring from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/har.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/har.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/har-validator/node_modules/is-my-json-valid/node_modules/generate-function/index.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/node-uuid/uuid.js
Unable to resolve module url from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/oauth.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/oauth.js
Unable to resolve module crypto from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/oauth-sign/index.js
Unable to resolve module querystring from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/oauth-sign/index.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/combined-stream/lib/combined_stream.js
Unable to resolve module stream from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/combined-stream/lib/combined_stream.js
Unable to resolve module stream from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/combined-stream/node_modules/delayed-stream/lib/delayed_stream.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/combined-stream/node_modules/delayed-stream/lib/delayed_stream.js
Unable to resolve module stream from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/isstream/isstream.js
Unable to resolve module url from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/redirect.js
Unable to resolve module url from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/lib/tunnel.js
Unable to resolve module net from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
Unable to resolve module tls from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
Unable to resolve module http from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
Unable to resolve module https from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
Unable to resolve module events from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
Unable to resolve module assert from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
Unable to resolve module util from /Users/alain/Sites/ClutchChat/node_modules/quickblox/node_modules/request/node_modules/tunnel-agent/index.js
transforming [================================        ] 79% 349/439[10:43:55 PM] <END>   Building Haste Map (737ms)
[10:43:55 PM] <END>   Building Dependency Graph (14290ms)
[10:43:56 PM] <END>   find dependencies (11605ms)
[10:43:56 PM] <START> transform
transforming [======================================= ] 98% 431/439

Please let me know if there is anything I can do to maybe patch the issue temporarily while you guys release the next version.

Thanks!

[soulfly]

Hi there,

I can confirm the issue, getting the same

Will review why it can happen

thank you for reporting

[soulfly]

Looks like this is fixed

react/react-native#2949 (comment)

[soulfly]

I guess I can close as not QB SDK related

[criticerz]

👍

[openGeeksLab]

Hi. I have an issue "'Error: Quickblox requires jQuery or Zepto".
And in packeger i see Unable to resolve module from quickblox
"react-native": "^0.13.0"
Please help me.

[soulfly]

This issues should be fixed in React Native 0.13 version according to their feedback

https://github.com/facebook/react-native/releases

[openGeeksLab]

@soulfly but seems I already using react native version 0.13
Here my package.json
{
"name": "AppDemo",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node_modules/react-native/packager/packager.sh"
},
"dependencies": {
"quickblox": "^1.17.2",
"react-native": "^0.17.0",
"socket.io-client":"^1.3.7"
}
}
Error is:
Unable to resolve module fs from /Users/mac/Desktop/proj/Nathan/AppDemo/node_modules/quickblox/js/qbUtils.js.
Please help me.

[sibelius]

@mobileDevNativeCross did you manage to handle Unable to resolve module fs from

[vespakoen]

Working on supporting this natively: facebookarchive/node-haste#46

[kfiroo]

Hey, any news here?

[wandonye]

Hi @criticerz, @soulfly, @mobileDevNativeCross, @vespakoen, do you guys use voice/video chat feature of quickblox? If so, could you pls recommend a react native package for voice/video chat? Thanks a lot~!

[rtoepfer]

What's status of this?

[vespakoen]

I have used react-native-webrtc successfully in the past, together with simple-peer and a dockerized turnserver.
For signaling I have used a hand-rolled node.js script with uws and for another project i've (ab)used firebase for signaling.

For the turn server, make sure to expose the udp port (here is the relevant portion of my docker-compose.yml file)

I have actually made a little open source project for fun where some of this stuff is used, I am not super proud of it but I hope it helps you guys.

The node-haste issue, which should have made it possible to shim node_modules with browser versions (which more likely work in react-native) has not really gotten any attention by facebook employees, I got stuck on writing a test for it (it has worked for a while).

I have also had some success with using rn-nodeify

Good luck!