@react-native-oh/react-native-harmony 0.72.82 → 0.77.18

package/Libraries/Components/StatusBar/delegates/NativeStatusBarManagerHarmony.harmony.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import * as TurboModuleRegistry from '../../../TurboModule/TurboModuleRegistry';
+import type { TurboModule } from '../../../TurboModule/RCTExport';
+
+type NativeStatusBarManagerConstants = {
+  HEIGHT: number;
+  DEFAULT_BACKGROUND_COLOR?: string;
+};
+
+export interface Spec extends TurboModule {
+  getConstants: () => NativeStatusBarManagerConstants;
+  setColor: (color: number, animated: boolean) => void;
+  setTranslucent: (translucent: boolean) => void;
+  setStyle: (statusBarStyle: string) => void;
+  setHidden: (hidden: boolean) => void;
+}
+
+const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
+
+let constants: NativeStatusBarManagerConstants | null = null;
+
+const NativeStatusBarManager: Spec = {
+  getConstants(): NativeStatusBarManagerConstants {
+    if (constants == null) {
+      constants = NativeModule.getConstants();
+    }
+    return constants;
+  },
+
+  setColor(color: number, animated: boolean): void {
+    NativeModule.setColor(color, animated);
+  },
+
+  setTranslucent(translucent: boolean): void {
+    NativeModule.setTranslucent(translucent);
+  },
+
+  setStyle(statusBarStyle: string): void {
+    NativeModule.setStyle(statusBarStyle);
+  },
+
+  setHidden(hidden: boolean): void {
+    NativeModule.setHidden(hidden);
+  },
+};
+
+export default NativeStatusBarManager;

package/Libraries/Components/StatusBar/delegates/StatusBarDelegate.harmony.ts

@@ -0,0 +1,83 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  BaseStatusBarDelegate,
+  StatusBarAnimation,
+  StatusBarStyle,
+} from './BaseStatusBarDelegate';
+import NativeStatusBarManagerHarmony from './NativeStatusBarManagerHarmony.harmony';
+import invariant from 'invariant';
+import processColor from '../../../StyleSheet/processColor';
+
+export default class StatusBarDelegate extends BaseStatusBarDelegate {
+  override getCurrentHeight(): number {
+    return NativeStatusBarManagerHarmony.getConstants().HEIGHT;
+  }
+
+  override getDefaultBackgroundColor(): string {
+    return (
+      NativeStatusBarManagerHarmony.getConstants().DEFAULT_BACKGROUND_COLOR ??
+      'black'
+    );
+  }
+
+  override setBarStyle(style: StatusBarStyle, animated?: boolean): void {
+    NativeStatusBarManagerHarmony.setStyle(style);
+  }
+
+  override setColor(processedColor: number, animated?: boolean): void {
+    NativeStatusBarManagerHarmony.setColor(processedColor, animated ?? false);
+  }
+
+  override setHidden(hidden: boolean, animation?: StatusBarAnimation): void {
+    NativeStatusBarManagerHarmony.setHidden(hidden);
+  }
+
+  override setNetworkActivityIndicatorVisible(visible: boolean): void {
+    // NOOP
+    return;
+  }
+
+  override setTranslucent(translucent: boolean): void {
+    NativeStatusBarManagerHarmony.setTranslucent(translucent);
+  }
+
+  override updatePropsStack(oldProps: any, newProps: any): void {
+    if (!oldProps || oldProps.hidden.value !== newProps.hidden.value) {
+      NativeStatusBarManagerHarmony.setHidden(newProps.hidden.value);
+    }
+    if (!oldProps || oldProps.barStyle.value !== newProps.barStyle.value) {
+      NativeStatusBarManagerHarmony.setStyle(newProps.barStyle.value);
+    }
+    if (!oldProps || oldProps.translucent !== newProps.translucent) {
+      NativeStatusBarManagerHarmony.setTranslucent(newProps.translucent);
+    }
+    if (
+      !oldProps ||
+      oldProps.backgroundColor.value !== newProps.backgroundColor.value
+    ) {
+      const processedColor = (processColor as any)(
+        newProps.backgroundColor.value
+      );
+      if (processedColor == null) {
+        console.warn(
+          `\`StatusBarDelegate::updatePropsStack\`: Color ${newProps.backgroundColor.value} parsed to null or undefined`
+        );
+      } else {
+        invariant(
+          typeof processedColor === 'number',
+          'Unexpected color given in StatusBarDelegate::updatePropsStack'
+        );
+        NativeStatusBarManagerHarmony.setColor(
+          processedColor,
+          newProps.backgroundColor.animated
+        );
+      }
+    }
+  }
+}

package/Libraries/Components/TextInput/delegates/TextInputDelegate.harmony.tsx

@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  BaseTextInputDelegate,
+  GetNativeTextContentTypeOptions,
+} from './BaseTextInputDelegate';
+
+const RCTSinglelineTextInputView =
+  require('../RCTSingelineTextInputNativeComponent').default;
+const RCTMultilineTextInputView =
+  require('../RCTMultilineTextInputNativeComponent').default;
+const RCTSinglelineTextInputNativeCommands =
+  require('../RCTSingelineTextInputNativeComponent').Commands;
+const RCTMultilineTextInputNativeCommands =
+  require('../RCTMultilineTextInputNativeComponent').Commands;
+
+export default class TextInputDelegate extends BaseTextInputDelegate {
+  override createNativeTextInput(props: any): React.ReactNode {
+    const RCTTextInputView =
+      props.multiline === true
+        ? RCTMultilineTextInputView
+        : RCTSinglelineTextInputView;
+
+    return <RCTTextInputView {...props} />;
+  }
+
+  private keyboardTypeByInputMode = new Map<string, string>()
+    .set('none', 'default')
+    .set('text', 'default')
+    .set('decimal', 'decimal-pad')
+    .set('numeric', 'number-pad')
+    .set('tel', 'phone-pad')
+    .set('search', 'web-search')
+    .set('email', 'email-address')
+    .set('url', 'url');
+
+  override getKeyboardTypeByInputMode(inputMode: string): string {
+    return this.keyboardTypeByInputMode.get(inputMode) ?? 'default';
+  }
+
+  override getSupportedKeyboardTypes(): string[] {
+    return [
+      'default',
+      'email-address',
+      'numeric',
+      'phone-pad',
+      'number-pad',
+      'url',
+      'decimal-pad',
+      'ascii-capable',
+      'numbers-and-punctuation',
+      'name-phone-pad',
+      'twitter',
+      'web-search',
+      'ascii-capable-number-pad',
+      'visible-password',
+    ];
+  }
+
+  override getNativeAutocomplete(
+    autocomplete: string | null | undefined
+  ): string | null | undefined {
+    return undefined;
+  }
+
+  override getNativeTextContentType(
+    textContentType: string | null | undefined,
+    {
+      autocomplete,
+      autocompleteWebToTextContentTypeMap,
+    }: GetNativeTextContentTypeOptions
+  ): string | null | undefined {
+    return textContentType != null
+      ? textContentType
+      : autocomplete && autocomplete in autocompleteWebToTextContentTypeMap
+        ? autocompleteWebToTextContentTypeMap[autocomplete]
+        : textContentType;
+  }
+
+  override shouldBeCancellable(
+    rejectResponderTermination: boolean
+  ): boolean | null {
+    return !rejectResponderTermination;
+  }
+
+  override getTextInputCommands(multiline: boolean): any {
+    if (multiline) {
+      return RCTMultilineTextInputNativeCommands;
+    } else {
+      return RCTSinglelineTextInputNativeCommands;
+    }
+  }
+}

package/Libraries/Components/TextInput/delegates/TextInputStateDelegate.harmony.tsx

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { BaseTextInputStateDelegate } from './BaseTextInputStateDelegate';
+// @ts-ignore
+import { Commands } from '../RCTSingelineTextInputNativeComponent';
+
+export default class TextInputDelegate extends BaseTextInputStateDelegate {
+  blur(ref: React.ComponentRef<any>): void {
+    Commands.blur(ref);
+  }
+
+  focus(ref: React.ComponentRef<any>): void {
+    Commands.focus(ref);
+  }
+}

package/Libraries/Components/Touchable/delegates/TouchableHighlightDelegate.harmony.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { BaseTouchableHighlightDelegate } from './BaseTouchableHighlightDelegate';
+
+export default class TouchableHighlightDelegate extends BaseTouchableHighlightDelegate {
+  override getExtraContainerProps(): Record<string, any> {
+    return { collapsable: false };
+  }
+}

package/Libraries/Components/Touchable/delegates/TouchableNativeFeedbackDelegate.harmony.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { BaseTouchableNativeFeedbackDelegate } from './BaseTouchableNativeFeedbackDelegate';
+
+export default class TouchableNativeFeedbackDelegate extends BaseTouchableNativeFeedbackDelegate {
+  override getExtraProps(): Record<string, any> {
+    return { collapsable: false };
+  }
+}

package/Libraries/Components/Touchable/delegates/TouchableWithoutFeedbackDelegate.harmony.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { BaseTouchableWithoutFeedbackDelegate } from './BaseTouchableWithoutFeedbackDelegate';
+
+export default class TouchableWithoutFeedbackDelegate extends BaseTouchableWithoutFeedbackDelegate {
+  override getExtraProps(): Record<string, any> {
+    return { collapsable: false };
+  }
+}

package/Libraries/Components/delegates/ButtonDelegate.harmony.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { TextStyle, ViewStyle } from 'react-native';
+import { BaseButtonDelegate } from './BaseButtonDelegate';
+
+export default class ButtonDelegate extends BaseButtonDelegate {
+  override getButtonDisabledStyle(): ViewStyle {
+    return {
+      opacity: 0.4,
+    };
+  }
+
+  override getButtonStyle(): ViewStyle {
+    return {
+      backgroundColor: '#317aff',
+      borderRadius: 8,
+    };
+  }
+
+  override getTextDisabledStyle(): TextStyle {
+    return {
+      fontWeight: '500',
+    };
+  }
+
+  override getTextStyle(): TextStyle {
+    return {
+      color: '#FFFFFF',
+      fontSize: 16,
+    };
+  }
+
+  override getInnerViewFocusable(): boolean {
+    return false;
+  }
+}

package/Libraries/Core/setUpPlatform.harmony.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+const {
+  setRuntimeConfigProvider,
+} = require('../NativeComponent/NativeComponentRegistry');
+
+setRuntimeConfigProvider((_viewConfigName) => {
+  return {
+    /**
+     * A ViewConfig describe what a component can send "to" and "from" the native side.
+     * On iOS/Android ViewConfigs for core components are configured in JS.
+     *
+     * In RNOH, ViewConfigs for core components are defined on the native side in ComponentJSIBinders.
+     * Native ViewConfigs are prefered for RNOH because they:
+     * 1) don't require patching RN
+     * 2) improve code consistency by using the same approach that is used by third party components
+     *
+     * After upgrading RNOH to 0.77 and enabling bridgless, RNOH needs to inform RN explicitly to continue using native ViewConfigs.
+     *
+     * ReactNativeFeatureFlags.js::useNativeViewConfigsInBridgelessMode can't be used here, because this code is executed before TurboModules can be used.
+     */
+    native: true,
+    verify: false,
+  };
+});

package/Libraries/Image/AssetSourceResolver.harmony.ts

@@ -1,11 +1,64 @@
-import {
-  getAssetDestRelativePath,
-  Asset,
-} from '@react-native-oh/react-native-harmony-cli/src/assetResolver';
-import {
-  getBasePath,
-} from '@react-native/assets-registry/path-support';
-import { Platform } from 'react-native';
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import type { AssetData } from 'metro';
+// @ts-ignore
+import { getBasePath } from '@react-native/assets-registry/path-support';
+import { Dimensions, Platform } from 'react-native';
+
+const ALLOWED_SCALES: number[] = [1, 2, 3, 4];
+
+function filterAssetScales(
+  scales: readonly number[],
+): readonly number[] {
+  const result = scales.filter(scale => ALLOWED_SCALES.includes(scale));
+  if (result.length === 0 && scales.length > 0) {
+    // No matching scale found, but there are some available. Ideally we don't
+    // want to be in this situation and should throw, but for now as a fallback
+    // let's just use the closest larger image
+    const maxScale = ALLOWED_SCALES[ALLOWED_SCALES.length - 1];
+    for (const scale of scales) {
+      if (scale > maxScale) {
+        result.push(scale);
+        break;
+      }
+    }
+    // There is no larger scales available, use the largest we have
+    if (result.length === 0) {
+      result.push(scales[scales.length - 1]);
+    }
+  }
+  return result;
+}
+
+function pickScale(scales: Array<number>, deviceScale?: number): number {
+  const validScales = filterAssetScales(scales);
+  if (deviceScale == null) {
+    deviceScale = Dimensions.get('window').scale;
+  }
+  // Packager guarantees that `scales` array is sorted
+  for (let i = 0; i < validScales.length; i++) {
+    if (validScales[i] >= deviceScale) {
+      return validScales[i];
+    }
+  }
+
+  // If nothing matches, device scale is larger than any available
+  // scales, so we return the biggest one. Unless the array is empty,
+  // in which case we default to 1
+  return validScales[validScales.length - 1] || 1;
+}
+
+function getScaledAssetPath(asset: AssetData): string {
+  const scale = pickScale(asset.scales);
+  const scaleSuffix = scale === 1 ? '' : '@' + scale + 'x';
+  const assetDir = getBasePath(asset);
+  return assetDir + '/' + asset.name + scaleSuffix + '.' + asset.type;
+}
 
 type ResolvedAssetSource = {
   readonly __packager_asset: boolean;
@@ -15,40 +68,33 @@ type ResolvedAssetSource = {
   readonly scale: number;
 };
 
-function getAssetPath(asset: Asset): string {
-  const assetDir = getBasePath(asset);
-  return assetDir + '/' + asset.name + '.' + asset.type;
-}
-
 class AssetSourceResolver {
   constructor(
     private serverUrl: string | undefined,
     private jsbundleUrl: string | undefined,
-    private asset: Asset
+    private asset: AssetData
   ) {}
 
   isLoadedFromServer(): boolean {
     return !!this.serverUrl;
   }
 
-  isLoadedFromFileSystem(): boolean {
-    return !!(this.jsbundleUrl && this.jsbundleUrl.startsWith('file://'));
-  }
-
   public defaultAsset(): ResolvedAssetSource {
     if (this.isLoadedFromServer()) {
       return this.assetServerURL();
     }
 
-    const prefix = this.isLoadedFromFileSystem() ? this.jsbundleUrl : 'asset://';
+    const path = 'asset://';
 
-    return {
-      __packager_asset: this.asset.__packager_asset,
-      uri: `${prefix}${getAssetDestRelativePath(this.asset)}`,
-      scale: 1,
-      width: this.asset.width,
-      height: this.asset.height,
-    };
+    // Assets can have relative paths outside of the project root.
+    // Replace `../` with `_` to make sure they don't end up outside of
+    // the expected assets directory.
+    return this.fromSource(
+      path +
+        getScaledAssetPath(this.asset)
+          .replace(/^assets\//, '')
+          .replace(/\.\.\//g, '_')
+    );
   }
 
   /**
@@ -62,11 +108,11 @@ class AssetSourceResolver {
 
     return this.fromSource(
       this.serverUrl +
-      getAssetPath(this.asset) +
+        getScaledAssetPath(this.asset) +
         '?platform=' +
         Platform.OS +
         '&hash=' +
-        this.asset.hash,
+        this.asset.hash
     );
   }
 
@@ -76,7 +122,7 @@ class AssetSourceResolver {
       width: this.asset.width,
       height: this.asset.height,
       uri: source,
-      scale: 1,
+      scale: pickScale(this.asset.scales),
     };
   }
 }

package/Libraries/Image/Image.harmony.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// @ts-ignore
+import Image from './Image.ios';
+// @ts-ignore
+import ImageAndroid from './Image.android';
+
+Image.getSize = ImageAndroid.getSize
+Image.prefetch = ImageAndroid.prefetch
+Image.abortPrefetch = ImageAndroid.abortPrefetch
+
+export default Image;