[add] ImageLoader extract types.js

Author: kidroca

packages/react-native-web/src/exports/Image/types.js

@@ -8,6 +8,7 @@
  * @flow
  */
 
+import type { ImageResult } from '../../modules/ImageLoader';
 import type { ColorValue, GenericStyleProp } from '../../types';
 import type { ViewProps } from '../View/types';
 
@@ -103,7 +104,7 @@ export type ImageStyle = {
 };
 
 export type ImageLoadingProps = {|
-  onLoad?: (e: any) => void,
+  onLoad?: (e: ImageResult) => void,
   onLoadStart?: () => void,
   onLoadEnd?: () => void,
   onError?: ({ nativeEvent: { error: string } }) => void,

packages/react-native-web/src/modules/ImageLoader/index.js

@@ -7,13 +7,17 @@
  * @flow
  */
 
+import type { ImageSource, ImageResult } from './types';
+
 const dataUriPattern = /^data:/;
 
 export class ImageUriCache {
   static _maximumEntries: number = 256;
   static _entries = {};
 
-  static has(uri: string): boolean {
+  static has(uri: ?string): boolean {
+    if (uri == null) return false;
+
     const entries = ImageUriCache._entries;
     const isDataUri = dataUriPattern.test(uri);
     return isDataUri || Boolean(entries[uri]);
@@ -118,7 +122,7 @@ const ImageLoader = {
       clearInterval(interval);
     }
   },
-  has(uri: string): boolean {
+  has(uri: ?string): boolean {
     return ImageUriCache.has(uri);
   },
   load(
@@ -205,13 +209,6 @@ const ImageLoader = {
   }
 };
 
-type ImageSource = { uri: string, headers?: { [key: string]: string } };
-
-type ImageResult = {
-  uri: string,
-  width: number,
-  height: number,
-  nativeEvent: Event
-};
+export { ImageSource, ImageResult } from './types';
 
 export default ImageLoader;

packages/react-native-web/src/modules/ImageLoader/types.js

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Nicolas Gallagher.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ */
+
+export type ImageSource = {|
+  uri: string,
+  headers?: { [key: string]: string }
+|};
+
+export type ImageResult = {|
+  uri: string,
+  width: number,
+  height: number,
+  nativeEvent: Event
+|};