🚧 WIP getting example-rn working

example-rn/.gitignore

@@ -21,6 +21,8 @@ DerivedData
 *.ipa
 *.xcuserstate
 
+use-pusher
+
 # Android/IntelliJ
 #
 build/

example-rn/App.js

@@ -28,11 +28,7 @@ const config = {
 import {PusherProvider} from '@harelpls/use-pusher/react-native';
 
 const App = () => {
-  return (
-    <PusherProvider {...config}>
-      <Screen />
-    </PusherProvider>
-  );
+  return <Screen />;
 };
 
 const Screen = () => {

rollup.config.js

@@ -62,6 +62,12 @@ export default [
         exports: "named",
         sourcemap: true,
       },
+      {
+        file: "example-rn/use-pusher/index.js",
+        format: "cjs",
+        exports: "named",
+        sourcemap: true,
+      },
     ],
   },
 ];

src/PusherProvider.tsx

@@ -1,4 +1,4 @@
-import Pusher, { Options } from "pusher-js";
+import { Options } from "pusher-js";
 import { PusherContextValues, PusherProviderProps } from "./types";
 import React, { useEffect, useRef, useState } from "react";
 
@@ -15,13 +15,13 @@ export const __PusherContext = PusherContext;
  * @param props Config for Pusher client
  */
 
-export const PusherProvider: React.FC<PusherProviderProps> = ({
+export const CorePusherProvider: React.FC<PusherProviderProps> = ({
   clientKey,
   cluster,
   triggerEndpoint,
   defer = false,
   children,
-  _PusherRuntime = Pusher,
+  _PusherRuntime,
   ...props
 }) => {
   // errors when required props are not passed.
@@ -37,11 +37,12 @@ export const PusherProvider: React.FC<PusherProviderProps> = ({
   useEffect(() => {
     previousConfig.current = props;
   });
-  const [client, setClient] = useState<Pusher | undefined>();
+  const [client, setClient] = useState<any | undefined>();
 
   useEffect(() => {
     // Skip creation of client if deferring, a value prop is passed, or config props are the same.
     if (
+      !_PusherRuntime ||
       defer ||
       props.value ||
       (dequal(previousConfig.current, props) && client !== undefined)

src/PusherProviderWeb.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import Pusher from "pusher-js/react-native";
+import { CorePusherProvider } from "./PusherProvider";
+import { PusherProviderProps } from "./types";
+
+/** Wrapper around the core PusherProvider that passes in the Pusher react-native lib */
+export const PusherProvider: React.FC<PusherProviderProps> = (props) => (
+  <CorePusherProvider _PusherRuntime={Pusher} {...props} />
+);

src/__tests__/PusherProvider.test.tsx

@@ -7,7 +7,7 @@ const Pusher = require(process.env.JEST_ENV === "rn"
 
 const { PusherProvider } = require(process.env.JEST_ENV === "rn"
   ? "../react-native/PusherProvider"
-  : "../PusherProvider");
+  : "../PusherProviderWeb");
 
 const { render } = require(process.env.JEST_ENV === "rn"
   ? "@testing-library/react-native"

src/index.ts

@@ -1,5 +1,6 @@
 // hooks for prod
 export * from "./PusherProvider";
+export * from "./PusherProviderWeb";
 export * from "./usePusher";
 export * from "./useChannel";
 export * from "./usePresenceChannel";