expo-modules-core 1.1.1 → 1.2.0

package/src/NativeViewManagerAdapter.native.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NativeModules, requireNativeComponent } from 'react-native';
+import { NativeModules, requireNativeComponent, HostComponent } from 'react-native';
 
 // To make the transition from React Native's `requireNativeComponent` to Expo's
 // `requireNativeViewManager` as easy as possible, `requireNativeViewManager` is a drop-in
@@ -14,6 +14,27 @@ type NativeExpoComponentProps = {
   proxiedProperties: object;
 };
 
+/**
+ * A map that caches registered native components.
+ */
+const nativeComponentsCache = new Map<string, HostComponent<any>>();
+
+/**
+ * Requires a React Native component from cache if possible. This prevents
+ * "Tried to register two views with the same name" errors on fast refresh, but
+ * also when there are multiple versions of the same package with native component.
+ */
+function requireCachedNativeComponent<Props>(viewName: string): HostComponent<Props> {
+  const cachedNativeComponent = nativeComponentsCache.get(viewName);
+
+  if (!cachedNativeComponent) {
+    const nativeComponent = requireNativeComponent<Props>(viewName);
+    nativeComponentsCache.set(viewName, nativeComponent);
+    return nativeComponent;
+  }
+  return cachedNativeComponent;
+}
+
 /**
  * A drop-in replacement for `requireNativeComponent`.
  */
@@ -32,7 +53,7 @@ export function requireNativeViewManager<P>(viewName: string): React.ComponentTy
   // manager
   const reactNativeViewName = `ViewManagerAdapter_${viewName}`;
   const ReactNativeComponent =
-    requireNativeComponent<NativeExpoComponentProps>(reactNativeViewName);
+    requireCachedNativeComponent<NativeExpoComponentProps>(reactNativeViewName);
   const proxiedPropsNames = viewManagerConfig?.propsNames ?? [];
 
   // Define a component for universal-module authors to access their native view manager

package/src/SyntheticPlatformEmitter.ts

@@ -2,4 +2,4 @@
  * This emitter is used for sending synthetic native events to listeners
  * registered in the API layer with `NativeEventEmitter`.
  */
-export { default } from 'react-native/Libraries/EventEmitter/RCTDeviceEventEmitter';
+export { DeviceEventEmitter as default } from 'react-native';

package/build/SyntheticPlatformEmitter.web.d.ts

@@ -1,6 +0,0 @@
-/**
- * This emitter is used for sending synthetic native events to listeners
- * registered in the API layer with `NativeEventEmitter`.
- */
-export { default } from 'react-native-web/dist/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter';
-//# sourceMappingURL=SyntheticPlatformEmitter.web.d.ts.map

package/build/SyntheticPlatformEmitter.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SyntheticPlatformEmitter.web.d.ts","sourceRoot":"","sources":["../src/SyntheticPlatformEmitter.web.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,oFAAoF,CAAC"}

package/build/SyntheticPlatformEmitter.web.js

@@ -1,6 +0,0 @@
-/**
- * This emitter is used for sending synthetic native events to listeners
- * registered in the API layer with `NativeEventEmitter`.
- */
-export { default } from 'react-native-web/dist/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter';
-//# sourceMappingURL=SyntheticPlatformEmitter.web.js.map

package/build/SyntheticPlatformEmitter.web.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SyntheticPlatformEmitter.web.js","sourceRoot":"","sources":["../src/SyntheticPlatformEmitter.web.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,oFAAoF,CAAC","sourcesContent":["/**\n * This emitter is used for sending synthetic native events to listeners\n * registered in the API layer with `NativeEventEmitter`.\n */\nexport { default } from 'react-native-web/dist/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter';\n"]}

package/src/SyntheticPlatformEmitter.web.ts

@@ -1,5 +0,0 @@
-/**
- * This emitter is used for sending synthetic native events to listeners
- * registered in the API layer with `NativeEventEmitter`.
- */
-export { default } from 'react-native-web/dist/vendor/react-native/NativeEventEmitter/RCTDeviceEventEmitter';