react-native-tvos 0.78.0-0rc4 → 0.79.0-0

package/types/index.d.ts

@@ -51,7 +51,7 @@
 //                 Mateusz Wit <https://github.com/MateWW>
 //                 Saad Najmi <https://github.com/saadnajmi>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// Minimum TypeScript Version: 4.8
+// Minimum TypeScript Version: 4.9
 
 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 //
@@ -68,7 +68,7 @@
 /// <reference path="modules/BatchedBridge.d.ts" />
 /// <reference path="modules/Codegen.d.ts" />
 /// <reference path="modules/Devtools.d.ts" />
-/// <reference path="modules/globals.d.ts" />
+/// <reference types="../src/types/globals.d.ts" />
 /// <reference path="modules/LaunchScreen.d.ts" />
 
 export * from '../Libraries/ActionSheetIOS/ActionSheetIOS';
@@ -148,7 +148,6 @@ export * from '../Libraries/Utilities/Dimensions';
 export * from '../Libraries/Utilities/PixelRatio';
 export * from '../Libraries/Utilities/Platform';
 export * from '../Libraries/Vibration/Vibration';
-export * from '../Libraries/YellowBox/YellowBoxDeprecated';
 export * from '../Libraries/vendor/core/ErrorUtils';
 export {
   EmitterSubscription,
@@ -160,58 +159,3 @@ export * from './public/Insets';
 export * from './public/ReactNativeRenderer';
 export * from './public/ReactNativeTypes';
 export * from './public/ReactNativeTVTypes';
-
-import type {ErrorUtils} from '../Libraries/vendor/core/ErrorUtils';
-
-declare global {
-  interface NodeRequire {
-    (id: string): any;
-  }
-
-  var require: NodeRequire;
-
-  /**
-   * Console polyfill
-   * @see https://reactnative.dev/docs/javascript-environment#polyfills
-   */
-  interface Console {
-    error(message?: any, ...optionalParams: any[]): void;
-    info(message?: any, ...optionalParams: any[]): void;
-    log(message?: any, ...optionalParams: any[]): void;
-    warn(message?: any, ...optionalParams: any[]): void;
-    trace(message?: any, ...optionalParams: any[]): void;
-    debug(message?: any, ...optionalParams: any[]): void;
-    table(...data: any[]): void;
-    groupCollapsed(label?: string): void;
-    groupEnd(): void;
-    group(label?: string): void;
-    /**
-     * @deprecated Use LogBox.ignoreLogs(patterns) instead
-     */
-    ignoredYellowBox: string[];
-  }
-
-  var console: Console;
-
-  /**
-   * This contains the non-native `XMLHttpRequest` object, which you can use if you want to route network requests
-   * through DevTools (to trace them):
-   *
-   *   global.XMLHttpRequest = global.originalXMLHttpRequest;
-   *
-   * @see https://github.com/facebook/react-native/issues/934
-   */
-  const originalXMLHttpRequest: any;
-
-  const __BUNDLE_START_TIME__: number;
-  const ErrorUtils: ErrorUtils;
-
-  /**
-   * This variable is set to true when react-native is running in Dev mode
-   * @example
-   * if (__DEV__) console.log('Running in dev mode')
-   */
-  const __DEV__: boolean;
-
-  const HermesInternal: null | {};
-}

package/types/public/ReactNativeTVTypes.d.ts

@@ -2,6 +2,8 @@ import * as React from 'react';
 import type { View, ScrollViewProps, HostComponent, EventSubscription } from 'react-native';
 
 declare module 'react-native' {
+  export type FocusDestination = null | number | React.Component<any, any> | React.ComponentClass<any>;
+
   interface ViewProps {
   /**
    * Android TV only prop
@@ -10,29 +12,29 @@ declare module 'react-native' {
   /**
    * TV next focus down (see documentation for the View component).
    */
-  nextFocusDown?: number | undefined,
+  nextFocusDown?: FocusDestination | undefined,
 
   /**
    * TV next focus forward (see documentation for the View component).
    *
    * @platform android
    */
-  nextFocusForward?: number | undefined,
+  nextFocusForward?: FocusDestination | undefined,
 
   /**
    * TV next focus left (see documentation for the View component).
    */
-  nextFocusLeft?: number | undefined,
+  nextFocusLeft?: FocusDestination | undefined,
 
   /**
    * TV next focus right (see documentation for the View component).
    */
-  nextFocusRight?: number | undefined,
+  nextFocusRight?: FocusDestination | undefined,
 
   /**
    * TV next focus up (see documentation for the View component).
    */
-  nextFocusUp?: number | undefined,
+  nextFocusUp?: FocusDestination | undefined,
   }
 
   export interface NativeMethods {
@@ -76,7 +78,7 @@ declare module 'react-native' {
     /**
      * Array of `Component`s to register as destinations with `UIFocusGuide`
      */
-    destinations?: (null | number | React.Component<any, any> | React.ComponentClass<any>)[] | undefined;
+    destinations?: FocusDestination[] | undefined;
     /**
      * If true, `TVFocusGuide` will automatically manage focus for you.
      * It will redirect the focus to the first focusable child on the first visit.
@@ -112,7 +114,7 @@ declare module 'react-native' {
 
   export type FocusGuideMethods = {
     setDestinations: (
-      destinations: (React.ElementRef<HostComponent<unknown>> | null | undefined)[],
+      destinations: FocusDestination[],
     ) => void;
   }
 

package/Libraries/Animated/AnimatedWeb.js

@@ -1,26 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-import AnimatedImplementation from './AnimatedImplementation';
-
-export default {
-  ...AnimatedImplementation,
-  /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-   * types. Plain intrinsic components can't be typed like this */
-  div: (AnimatedImplementation.createAnimatedComponent('div'): $FlowFixMe),
-  /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-   * types. Plain intrinsic components can't be typed like this */
-  span: (AnimatedImplementation.createAnimatedComponent('span'): $FlowFixMe),
-  /* $FlowFixMe[incompatible-call] createAnimatedComponent expects to receive
-   * types. Plain intrinsic components can't be typed like this */
-  img: (AnimatedImplementation.createAnimatedComponent('img'): $FlowFixMe),
-};

package/Libraries/JSInspector/InspectorAgent.js

@@ -1,27 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-export type EventSender = (name: string, params: mixed) => void;
-
-class InspectorAgent {
-  _eventSender: EventSender;
-
-  constructor(eventSender: EventSender) {
-    this._eventSender = eventSender;
-  }
-
-  sendEvent(name: string, params: mixed) {
-    this._eventSender(name, params);
-  }
-}
-
-module.exports = InspectorAgent;

package/Libraries/JSInspector/JSInspector.js

@@ -1,33 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-import type {EventSender} from './InspectorAgent';
-
-interface Agent {
-  constructor(eventSender: EventSender): void;
-}
-
-// Flow doesn't support static declarations in interface
-type AgentClass = Class<Agent> & {DOMAIN: string, ...};
-
-const JSInspector = {
-  registerAgent(type: AgentClass) {
-    if (global.__registerInspectorAgent) {
-      global.__registerInspectorAgent(type);
-    }
-  },
-  getTimestamp(): number {
-    return global.__inspectorTimestamp();
-  },
-};
-
-module.exports = JSInspector;

package/Libraries/JSInspector/NetworkAgent.js

@@ -1,295 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-import type EventSender from './InspectorAgent';
-
-const XMLHttpRequest = require('../Network/XMLHttpRequest');
-const InspectorAgent = require('./InspectorAgent');
-const JSInspector = require('./JSInspector');
-
-type RequestId = string;
-
-type LoaderId = string;
-type FrameId = string;
-type Timestamp = number;
-
-type Headers = {[string]: string};
-
-// We don't currently care about this
-type ResourceTiming = null;
-
-type ResourceType =
-  | 'Document'
-  | 'Stylesheet'
-  | 'Image'
-  | 'Media'
-  | 'Font'
-  | 'Script'
-  | 'TextTrack'
-  | 'XHR'
-  | 'Fetch'
-  | 'EventSource'
-  | 'WebSocket'
-  | 'Manifest'
-  | 'Other';
-
-type SecurityState =
-  | 'unknown'
-  | 'neutral'
-  | 'insecure'
-  | 'warning'
-  | 'secure'
-  | 'info';
-type BlockedReason =
-  | 'csp'
-  | 'mixed-content'
-  | 'origin'
-  | 'inspector'
-  | 'subresource-filter'
-  | 'other';
-
-type StackTrace = null;
-
-type Initiator = {
-  type: 'script' | 'other',
-  stackTrace?: StackTrace,
-  url?: string,
-  lineNumber?: number,
-  ...
-};
-
-type ResourcePriority = 'VeryLow' | 'Low' | 'Medium' | 'High' | 'VeryHigh';
-
-type Request = {
-  url: string,
-  method: string,
-  headers: Headers,
-  postData?: string,
-  mixedContentType?: 'blockable' | 'optionally-blockable' | 'none',
-  initialPriority: ResourcePriority,
-  ...
-};
-
-type Response = {
-  url: string,
-  status: number,
-  statusText: string,
-  headers: Headers,
-  headersText?: string,
-  mimeType: string,
-  requestHeaders?: Headers,
-  requestHeadersText?: string,
-  connectionReused: boolean,
-  connectionId: number,
-  fromDiskCache?: boolean,
-  encodedDataLength: number,
-  timing?: ResourceTiming,
-  securityState: SecurityState,
-  ...
-};
-
-type RequestWillBeSentEvent = {
-  requestId: RequestId,
-  frameId: FrameId,
-  loaderId: LoaderId,
-  documentURL: string,
-  request: Request,
-  timestamp: Timestamp,
-  initiator: Initiator,
-  redirectResponse?: Response,
-  // This is supposed to be optional but the inspector crashes without it,
-  // see https://bugs.chromium.org/p/chromium/issues/detail?id=653138
-  type: ResourceType,
-  ...
-};
-
-type ResponseReceivedEvent = {
-  requestId: RequestId,
-  frameId: FrameId,
-  loaderId: LoaderId,
-  timestamp: Timestamp,
-  type: ResourceType,
-  response: Response,
-  ...
-};
-
-type DataReceived = {
-  requestId: RequestId,
-  timestamp: Timestamp,
-  dataLength: number,
-  encodedDataLength: number,
-  ...
-};
-
-type LoadingFinishedEvent = {
-  requestId: RequestId,
-  timestamp: Timestamp,
-  encodedDataLength: number,
-  ...
-};
-
-type LoadingFailedEvent = {
-  requestId: RequestId,
-  timestamp: Timestamp,
-  type: ResourceType,
-  errorText: string,
-  canceled?: boolean,
-  blockedReason?: BlockedReason,
-  ...
-};
-
-class Interceptor {
-  _agent: NetworkAgent;
-  _requests: Map<string, string>;
-
-  constructor(agent: NetworkAgent) {
-    this._agent = agent;
-    this._requests = new Map();
-  }
-
-  getData(requestId: string): ?string {
-    return this._requests.get(requestId);
-  }
-
-  requestSent(id: number, url: string, method: string, headers: Headers) {
-    const requestId = String(id);
-    this._requests.set(requestId, '');
-
-    const request: Request = {
-      url,
-      method,
-      headers,
-      initialPriority: 'Medium',
-    };
-    const event: RequestWillBeSentEvent = {
-      requestId,
-      documentURL: '',
-      frameId: '1',
-      loaderId: '1',
-      request,
-      timestamp: JSInspector.getTimestamp(),
-      initiator: {
-        // TODO(blom): Get stack trace
-        // If type is 'script' the inspector will try to execute
-        // `stack.callFrames[0]`
-        type: 'other',
-      },
-      type: 'Other',
-    };
-    this._agent.sendEvent('requestWillBeSent', event);
-  }
-
-  responseReceived(id: number, url: string, status: number, headers: Headers) {
-    const requestId = String(id);
-    const response: Response = {
-      url,
-      status,
-      statusText: String(status),
-      headers,
-      // TODO(blom) refined headers, can we get this?
-      requestHeaders: {},
-      mimeType: this._getMimeType(headers),
-      connectionReused: false,
-      connectionId: -1,
-      encodedDataLength: 0,
-      securityState: 'unknown',
-    };
-
-    const event: ResponseReceivedEvent = {
-      requestId,
-      frameId: '1',
-      loaderId: '1',
-      timestamp: JSInspector.getTimestamp(),
-      type: 'Other',
-      response,
-    };
-    this._agent.sendEvent('responseReceived', event);
-  }
-
-  dataReceived(id: number, data: string) {
-    const requestId = String(id);
-    const existingData = this._requests.get(requestId) || '';
-    this._requests.set(requestId, existingData.concat(data));
-    const event: DataReceived = {
-      requestId,
-      timestamp: JSInspector.getTimestamp(),
-      dataLength: data.length,
-      encodedDataLength: data.length,
-    };
-    this._agent.sendEvent('dataReceived', event);
-  }
-
-  loadingFinished(id: number, encodedDataLength: number) {
-    const event: LoadingFinishedEvent = {
-      requestId: String(id),
-      timestamp: JSInspector.getTimestamp(),
-      encodedDataLength,
-    };
-    this._agent.sendEvent('loadingFinished', event);
-  }
-
-  loadingFailed(id: number, error: string) {
-    const event: LoadingFailedEvent = {
-      requestId: String(id),
-      timestamp: JSInspector.getTimestamp(),
-      type: 'Other',
-      errorText: error,
-    };
-    this._agent.sendEvent('loadingFailed', event);
-  }
-
-  _getMimeType(headers: Headers): string {
-    const contentType = headers['Content-Type'] || '';
-    return contentType.split(';')[0];
-  }
-}
-
-type EnableArgs = {
-  maxResourceBufferSize?: number,
-  maxTotalBufferSize?: number,
-  ...
-};
-
-class NetworkAgent extends InspectorAgent {
-  static DOMAIN: string = 'Network';
-
-  _sendEvent: EventSender;
-  _interceptor: ?Interceptor;
-
-  enable({maxResourceBufferSize, maxTotalBufferSize}: EnableArgs) {
-    this._interceptor = new Interceptor(this);
-    XMLHttpRequest.setInterceptor(this._interceptor);
-  }
-
-  disable() {
-    XMLHttpRequest.setInterceptor(null);
-    this._interceptor = null;
-  }
-
-  getResponseBody({requestId}: {requestId: RequestId, ...}): {
-    body: ?string,
-    base64Encoded: boolean,
-    ...
-  } {
-    return {body: this.interceptor().getData(requestId), base64Encoded: false};
-  }
-
-  interceptor(): Interceptor {
-    if (this._interceptor) {
-      return this._interceptor;
-    } else {
-      throw Error('_interceptor can not be null');
-    }
-  }
-}
-
-module.exports = NetworkAgent;

package/Libraries/Utilities/DebugEnvironment.js

@@ -1,16 +0,0 @@
-/**
- * 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.
- *
- * @format
- * @flow strict
- */
-
-export let isAsyncDebugging: boolean = false;
-
-if (__DEV__) {
-  // These native interfaces don't exist in asynchronous debugging environments.
-  isAsyncDebugging = !global.nativeCallSyncHook && !global.RN$Bridgeless;
-}

package/Libraries/Utilities/Platform.flow.js

@@ -1,93 +0,0 @@
-/**
- * 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 strict
- * @format
- */
-
-export type PlatformSelectSpec<T> = {
-  default?: T,
-  native?: T,
-  ios?: T,
-  android?: T,
-  ...
-};
-
-type IOSPlatform = {
-  __constants: null,
-  OS: 'ios',
-  // $FlowFixMe[unsafe-getters-setters]
-  get Version(): string,
-  // $FlowFixMe[unsafe-getters-setters]
-  get constants(): {|
-    forceTouchAvailable: boolean,
-    interfaceIdiom: string,
-    isTesting: boolean,
-    isDisableAnimations?: boolean,
-    osVersion: string,
-    reactNativeVersion: {|
-      major: number,
-      minor: number,
-      patch: number,
-      prerelease: ?string,
-    |},
-    systemName: string,
-    isMacCatalyst?: boolean,
-  |},
-  // $FlowFixMe[unsafe-getters-setters]
-  get isPad(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isTV(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isTVOS(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isVision(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isTesting(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isDisableAnimations(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isMacCatalyst(): boolean,
-  select: <T>(spec: PlatformSelectSpec<T>) => T,
-};
-
-type AndroidPlatform = {
-  __constants: null,
-  OS: 'android',
-  // $FlowFixMe[unsafe-getters-setters]
-  get Version(): number,
-  // $FlowFixMe[unsafe-getters-setters]
-  get constants(): {|
-    isTesting: boolean,
-    isDisableAnimations?: boolean,
-    reactNativeVersion: {|
-      major: number,
-      minor: number,
-      patch: number,
-      prerelease: ?string,
-    |},
-    Version: number,
-    Release: string,
-    Serial: string,
-    Fingerprint: string,
-    Model: string,
-    ServerHost?: string,
-    uiMode: string,
-    Brand: string,
-    Manufacturer: string,
-  |},
-  // $FlowFixMe[unsafe-getters-setters]
-  get isTV(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isVision(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isTesting(): boolean,
-  // $FlowFixMe[unsafe-getters-setters]
-  get isDisableAnimations(): boolean,
-  select: <T>(spec: PlatformSelectSpec<T>) => T,
-};
-
-export type Platform = IOSPlatform | AndroidPlatform;

package/Libraries/YellowBox/YellowBoxDeprecated.d.ts

@@ -1,19 +0,0 @@
-/**
- * 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.
- *
- * @format
- */
-
-import type * as React from 'react';
-
-/**
- * YellowBox has been replaced with LogBox.
- * @see LogBox
- * @deprecated
- */
-export const YellowBox: React.ComponentClass<any, any> & {
-  ignoreWarnings: (warnings: string[]) => void;
-};