React Native support is broken

This code was taken directly from the React Native GraphQL branch in the examples repository (https://github.com/mswjs/examples/tree/examples/gql-react-native/examples/graphql-react-native-apollo). I’ve been unable to get that to work at all for other reasons, so I thought I’d create a new repository using the latest versions of everything to demonstrate the error I’m receiving.

https://github.com/wwdrew/mswjs-react-native-failing

Environment

Name	Version
msw	0.27.0
browser	n/a
react-native	0.63.4
OS	MacOS 11.2.1

Current behavior

Metro crashes with this stack trace:

error: Error: Unable to resolve module os from <obscured>/AnotherTest/node_modules/msw/native/lib/index.js: os could not be found within the project.

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*
  4 |
  5 | var XMLHttpRequest = require('node-request-interceptor/lib/interceptors/XMLHttpRequest');
> 6 | var os = require('os');
    |                   ^
  7 | var tty = require('tty');
  8 | var events_1 = require('events');
  9 | var nodeRequestInterceptor = require('node-request-interceptor');

Expected behavior

Expecting the API call to be successful and not crash the bundler.

Screenshots

[wwdrew]

I’ve had a bit more time this evening to work on this and have managed to get it working a little further, but with some big caveats.

First of all, in order to import ‘events’ I’ve had to install the ‘events’ package, otherwise it fails trying to load that package. This is only used in StrictEventEmitter, I haven’t tracked down where this is imported so I’m not sure yet how to overcome this one. Since it’s referring to EventEmitter, I’m hoping I can change the import to bring in the RN version rather than going through the events package. If someone out there has any suggestions on this I’d be really happy to hear them.

The next problem is the usage of ‘url’ in the getPublicUrlFromRequest function. Just as a hack I’ve removed the function call to ‘format’ entirely and there are no more runtime errors - result, again! However, the call now fails with a ‘Network request failed’. According to the TS annotations the format function is deprecated anyway and should probably be updated, but that still won’t solve the missing ‘url’ package. Again, not sure how to overcome this one.

I do have some good news though, I’ve added ‘chalk’ to the list of external modules in the rollup config and it’s cleared up the ‘tty’ and ‘os’ imports.

Hopefully someone else out there has some ideas on how to fix these issues?

[jorgemasta]

Really nice work @wwdrew !!