@react-native-oh/react-native-harmony 0.72.10

package/index.js

@@ -0,0 +1,178 @@
+module.exports = {
+  get ActivityIndicator() {
+    return require('react-native/Libraries/Components/ActivityIndicator/ActivityIndicator')
+      .default;
+  },
+  get Alert() {
+    return require('./Libraries/Alert/Alert.harmony');
+  },
+  get Animated() {
+    return require('react-native/Libraries/Animated/Animated').default;
+  },
+  get Appearance() {
+    return require('react-native/Libraries/Utilities/Appearance');
+  },
+  get AppRegistry() {
+    return require('react-native/Libraries/ReactNative/AppRegistry');
+  },
+  get AppState() {
+    return require('react-native/Libraries/AppState/AppState');
+  },
+  get BackHandler() {
+    return require('./Libraries/Utilities/BackHandler');
+  },
+  get Button() {
+    return require('./Libraries/Components/Button/Button');
+  },
+  get Dimensions() {
+    return require('react-native/Libraries/Utilities/Dimensions').default;
+  },
+  get DeviceEventEmitter() {
+    return require('react-native/Libraries/EventEmitter/RCTDeviceEventEmitter')
+      .default;
+  },
+  get DrawerLayoutAndroid() {
+    return require('react-native/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid');
+  },
+  get Easing() {
+    return require('react-native/Libraries/Animated/Easing').default;
+  },
+  get findNodeHandle() {
+    return require('react-native/Libraries/ReactNative/RendererProxy')
+      .findNodeHandle;
+  },
+  get FlatList() {
+    return require('react-native/Libraries/Lists/FlatList');
+  },
+  get Image() {
+    return require('react-native/Libraries/Image/Image');
+  },
+  get ImageBackground() {
+    return require('react-native/Libraries/Image/ImageBackground');
+  },
+  get I18nManager() {
+    return require('react-native/Libraries/ReactNative/I18nManager');
+  },
+  get LayoutAnimation() {
+    return require('react-native/Libraries/LayoutAnimation/LayoutAnimation');
+  },
+  get Linking() {
+    return require('react-native/Libraries/Linking/Linking');
+  },
+  get Modal() {
+    return require('react-native/Libraries/Modal/Modal');
+  },
+  get Keyboard() {
+    return require('react-native/Libraries/Components/Keyboard/Keyboard');
+  },
+  get KeyboardAvoidingView(){
+    return require('react-native/Libraries/Components/Keyboard/KeyboardAvoidingView')
+      .default;
+  },
+  get NativeEventEmitter() {
+    return require('react-native/Libraries/EventEmitter/NativeEventEmitter')
+      .default;
+  },
+  get NativeModules() {
+    return require('react-native/Libraries/BatchedBridge/NativeModules');
+  },
+  get PixelRatio() {
+    return require('react-native/Libraries/Utilities/PixelRatio').default;
+  },
+  get Platform() {
+    return require('./Libraries/Utilities/Platform');
+  },
+  get Pressable() {
+    return require('react-native/Libraries/Components/Pressable/Pressable')
+      .default;
+  },
+  get RefreshControl() {
+    return require('./Libraries/Components/RefreshControl/RefreshControl');
+  },
+  get SafeAreaView() {
+    return require('./Libraries/Components/SafeAreaView/SafeAreaView').default;
+  },
+  get ScrollView() {
+    return require('./Libraries/Components/ScrollView/ScrollView');
+  },
+  get StatusBar() {
+    return require('./Libraries/Components/StatusBar/StatusBar.harmony');
+  },
+  get StyleSheet() {
+    return require('react-native/Libraries/StyleSheet/StyleSheet');
+  },
+  get Switch() {
+    return require('react-native/Libraries/Components/Switch/Switch').default;
+  },
+  get Text() {
+    return require('react-native/Libraries/Text/Text');
+  },
+  get TextInput() {
+    return require('./Libraries/Components/TextInput/TextInput.harmony');
+  },
+  get Touchable() {
+    return require('react-native/Libraries/Components/Touchable/Touchable');
+  },
+  get TouchableHighlight() {
+    return require("./Libraries/Components/Touchable/TouchableHighlight");
+  },
+  get TouchableNativeFeedback() {
+    return require("./Libraries/Components/Touchable/TouchableNativeFeedback");
+  },
+  get TouchableOpacity() {
+    return require('react-native/Libraries/Components/Touchable/TouchableOpacity');
+  },
+  get TouchableWithoutFeedback() {
+    return require("./Libraries/Components/Touchable/TouchableWithoutFeedback");
+  },
+  get TurboModuleRegistry() {
+    return require('react-native/Libraries/TurboModule/TurboModuleRegistry');
+  },
+  get UIManager() {
+    return require('react-native/Libraries/ReactNative/UIManager');
+  },
+  get useAnimatedValue() {
+    return require('react-native/Libraries/Animated/useAnimatedValue').default;
+  },
+  get useColorScheme() {
+    return require('react-native/Libraries/Utilities/useColorScheme').default;
+  },
+  get useWindowDimensions() {
+    return require('react-native/Libraries/Utilities/useWindowDimensions')
+      .default;
+  },
+  get View() {
+    return require('./Libraries/Components/View/View');
+  },
+  get InteractionManager() {
+    return require('react-native/Libraries/Interaction/InteractionManager');
+  },
+  get PanResponder() {
+    return require('react-native/Libraries/Interaction/PanResponder').default;
+  },
+  get processColor() {
+    return require('react-native/Libraries/StyleSheet/processColor').default;
+  },
+  get SectionList() {
+    return require('react-native/Libraries/Lists/SectionList').default;
+  },
+  get Vibration() {
+    return require('react-native/Libraries/Vibration/Vibration');
+  },
+  get VirtualizedList() {
+    return require('react-native/Libraries/Lists/VirtualizedList');
+  },
+  // BEGIN: react-native-harmony specific exports
+  get registerViewConfig() {
+    return require('react-native/Libraries/Renderer/shims/ReactNativeViewConfigRegistry')
+      .register;
+  },
+  get ReactNativeViewAttributes() {
+    return require('react-native/Libraries/Components/View/ReactNativeViewAttributes');
+  },
+  get dispatchCommand() {
+    return require('react-native/Libraries/Renderer/shims/ReactNative')
+      .dispatchCommand;
+  },
+  // END: react-native-harmony specific exports
+};

package/metro.config.js

@@ -0,0 +1,190 @@
+//@ts-check
+const pathUtils = require('path');
+const fs = require('fs');
+
+/**
+ * @type {import("metro-config").ConfigT}
+ */
+module.exports = {
+  transformer: {
+    assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+  resolver: {
+    /** By default, Metro pickups files from native, "harmony" directory what causes conflicts.  */
+    blockList: [/\\harmony\/.*/],
+    resolveRequest: (ctx, moduleName, platform) => {
+      if (platform === 'harmony') {
+        if (moduleName === 'react-native') {
+          return ctx.resolveRequest(ctx, 'react-native-harmony', platform);
+        } else if (moduleName.startsWith('react-native/')) {
+          return ctx.resolveRequest(ctx, moduleName, 'ios');
+        } else if (isInternalReactNativeRelativeImport(ctx.originModulePath)) {
+          if (moduleName.startsWith('.')) {
+            const moduleAbsPath = pathUtils.resolve(
+              pathUtils.dirname(ctx.originModulePath),
+              moduleName
+            );
+            const [_, modulePathRelativeToReactNative] = moduleAbsPath.split(
+              `${pathUtils.sep}node_modules${pathUtils.sep}react-native${pathUtils.sep}`
+            );
+            try {
+              return ctx.resolveRequest(
+                ctx,
+                `react-native-harmony${pathUtils.sep}${modulePathRelativeToReactNative}`,
+                'harmony'
+              );
+            } catch (err) {}
+          }
+          return ctx.resolveRequest(ctx, moduleName, 'ios');
+        } else {
+          /**
+           * Replace `react-native-foo` with `react-native-harmony-foo` if a package has harmony directory and proper package.json configuration e.g.
+           *
+           * react-native-harmony-foo/package.json:
+           *  "harmony": {
+           *     "alias": "react-native-foo"
+           *  }
+           */
+          const harmonyPackageNameByAlias = getHarmonyPackageNameByAlias('.');
+          const alias = getPackageName(moduleName);
+          if (alias) {
+            const harmonyPackageName = harmonyPackageNameByAlias[alias];
+            if (
+              harmonyPackageName &&
+              !isRequestFromHarmonyPackage(
+                ctx.originModulePath,
+                harmonyPackageName
+              )
+            ) {
+              return ctx.resolveRequest(
+                ctx,
+                moduleName.replace(alias, harmonyPackageName),
+                platform
+              );
+            }
+          }
+        }
+      }
+      return ctx.resolveRequest(ctx, moduleName, platform);
+    },
+  },
+};
+
+/**
+ * @param moduleName {string}
+ * @returns {string | null}
+ */
+function getPackageName(moduleName) {
+  if (moduleName.startsWith('.')) return null;
+  if (moduleName.startsWith('@')) {
+    const segments = moduleName.split('/', 3);
+    if (segments.length == 2) {
+      return moduleName;
+    } else if (segments.length > 2) {
+      return `${segments[0]}/${segments[1]}`;
+    }
+    return null;
+  }
+  if (moduleName.includes('/')) {
+    return moduleName.split('/')[0];
+  } else {
+    return moduleName;
+  }
+}
+
+/**
+ * @param originModulePath {string}
+ * @returns {boolean}
+ */
+function isInternalReactNativeRelativeImport(originModulePath) {
+  return originModulePath.includes(
+    `${pathUtils.sep}node_modules${pathUtils.sep}react-native${pathUtils.sep}`
+  );
+}
+
+/**
+ * @param originModulePath {string}
+ * @param harmonyPackageName {string}
+ * @returns {boolean}
+ */
+function isRequestFromHarmonyPackage(originModulePath, harmonyPackageName) {
+  return originModulePath.includes(
+    `${pathUtils.sep}node_modules${pathUtils.sep}${harmonyPackageName}${pathUtils.sep}`
+  );
+}
+
+/**
+ * @type {Record<string, string> | undefined}
+ */
+let cachedHarmonyPackageAliasByName = undefined;
+
+/**
+ * @param projectRootPath {string}
+ */
+function getHarmonyPackageNameByAlias(projectRootPath) {
+  /**
+   * @type {Record<string, string>}
+   */
+  const initialAcc = {};
+  if (cachedHarmonyPackageAliasByName) {
+    return cachedHarmonyPackageAliasByName;
+  }
+  cachedHarmonyPackageAliasByName = findHarmonyNodeModulePaths(
+    projectRootPath
+  ).reduce((acc, harmonyNodeModulePath) => {
+    const harmonyNodeModulePathSegments = harmonyNodeModulePath.split(
+      pathUtils.sep
+    );
+    const harmonyNodeModuleName =
+      harmonyNodeModulePathSegments[harmonyNodeModulePathSegments.length - 1];
+    const packageJSONPath = `${harmonyNodeModulePath}${pathUtils.sep}package.json`;
+    const packageJSON = readHarmonyModulePackageJSON(packageJSONPath);
+    const alias = packageJSON.harmony?.alias;
+    if (alias) {
+      acc[alias] = harmonyNodeModuleName;
+    }
+    return acc;
+  }, initialAcc);
+  if (Object.keys(cachedHarmonyPackageAliasByName).length > 0)
+    console.log(cachedHarmonyPackageAliasByName);
+  return cachedHarmonyPackageAliasByName;
+}
+
+/**
+ * @param projectRootPath {string}
+ * @returns {string[]}
+ */
+function findHarmonyNodeModulePaths(projectRootPath) {
+  const nodeModulesPath = `${projectRootPath}${pathUtils.sep}node_modules`;
+  return fs
+    .readdirSync(nodeModulesPath)
+    .map((dirName) => `${nodeModulesPath}${pathUtils.sep}${dirName}`)
+    .filter(hasNodeModulePathHarmonyCode);
+}
+
+/**
+ * @param nodeModulePath {string}
+ * @returns {boolean}
+ */
+function hasNodeModulePathHarmonyCode(nodeModulePath) {
+  if (!fs.lstatSync(nodeModulePath).isDirectory()) return false;
+  const nodeModuleContentNames = fs.readdirSync(nodeModulePath);
+  return (
+    nodeModuleContentNames.includes('harmony') ||
+    nodeModuleContentNames.includes('harmony.tar.gz')
+  );
+}
+
+/**
+ * @param packageJSONPath {string}
+ * @returns {{name: string, harmony?: {alias?: string}}}
+ */
+function readHarmonyModulePackageJSON(packageJSONPath) {
+  return JSON.parse(fs.readFileSync(packageJSONPath).toString());
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@react-native-oh/react-native-harmony",
+  "version": "0.72.10",
+    "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "description": "",
+  "scripts": {
+    "install:dev-cli": "cd ../react-native-harmony-cli && npm pack && cd ../react-native-harmony && npm i ../react-native-harmony-cli/rnoh-react-native-harmony-cli-0.0.15.tgz && cd ../react-native-harmony",
+    "pack:harmony": "react-native pack-harmony --oh-module-path ../tester/harmony/rnoh --harmony-dir-path ./harmony --package-json-path ./package.json",
+    "pack:prod": "npm run pack:harmony && npm pack",
+    "prepublishOnly": "npm run pack:harmony",
+    "hermes:build": "sh ./scripts/build-hermes.sh"
+  },
+  "author": "",
+  "license": "ISC",
+  "peerDependencies": {
+    "react-native": "0.72.5"
+  },
+  "types": "types",
+  "devDependencies": {
+    "@react-native-community/cli": "^11.2.0",
+    "@react-native-community/cli-types": "^11.2.0",
+    "@tsconfig/react-native": "^2.0.3",
+    "@types/fs-extra": "^11.0.1",
+    "@types/node": "^18.16.0",
+    "@types/react": "^18.2.24",
+    "rimraf": "^5.0.0"
+  },
+  "files": [
+    "./harmony.tar.gz",
+    "./Libraries/**/*",
+    "./types/**/*",
+    "./*.js",
+    "./*.json",
+    "./*.har"
+  ],
+  "dependencies": {
+    "@react-native-oh/react-native-harmony-cli": "^0.0.15",
+    "fs-extra": "^11.1.1",
+    "metro": "^0.76.3",
+    "metro-config": "^0.76.3"
+  }
+}

package/react-native.config.js

@@ -0,0 +1,10 @@
+const { config: harmonyConfig } = require('@react-native-oh/react-native-harmony-cli')
+
+/**
+ * @type {import("@react-native-community/cli-types").Config}
+ */
+const config = {
+  commands: harmonyConfig.commands,
+}
+
+module.exports = config

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "@tsconfig/react-native/tsconfig.json",
+  ],
+  "exclude": [
+    "./harmony/cpp"
+  ],
+  "compilerOptions": {
+    "types": [
+      "node", // Removes an error when exporting with module.exports.
+    ]
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,101 @@
+// export * from 'react-native/Libraries/ActionSheetIOS/ActionSheetIOS';
+export * from "react-native/Libraries/Alert/Alert";
+export * from 'react-native/Libraries/Animated/Animated';
+export * from 'react-native/Libraries/Animated/Easing';
+export * from 'react-native/Libraries/Animated/useAnimatedValue';
+export * from 'react-native/Libraries/Utilities/useColorScheme';
+export * from 'react-native/Libraries/AppState/AppState';
+export * from 'react-native/Libraries/BatchedBridge/NativeModules';
+// export * from 'react-native/Libraries/Components/AccessibilityInfo/AccessibilityInfo';
+export * from 'react-native/Libraries/Components/ActivityIndicator/ActivityIndicator';
+// export * from 'react-native/Libraries/Components/Clipboard/Clipboard';
+// export * from 'react-native/Libraries/Components/DatePicker/DatePickerIOS';
+export * from 'react-native/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
+export * from 'react-native/Libraries/Components/Keyboard/Keyboard';
+export * from 'react-native/Libraries/Components/Keyboard/KeyboardAvoidingView';
+export * from 'react-native/Libraries/Components/Pressable/Pressable';
+// export * from 'react-native/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
+// export * from 'react-native/Libraries/Components/ProgressViewIOS/ProgressViewIOS';
+export * from 'react-native/Libraries/Components/RefreshControl/RefreshControl';
+export * from 'react-native/Libraries/Components/SafeAreaView/SafeAreaView';
+export * from 'react-native/Libraries/Components/ScrollView/ScrollView';
+// export * from 'react-native/Libraries/Components/Slider/Slider';
+export * from 'react-native/Libraries/Components/StatusBar/StatusBar';
+export * from 'react-native/Libraries/Components/Switch/Switch';
+// export * from 'react-native/Libraries/Components/TextInput/InputAccessoryView';
+export * from 'react-native/Libraries/Components/TextInput/TextInput';
+// export * from 'react-native/Libraries/Components/ToastAndroid/ToastAndroid';
+export * from 'react-native/Libraries/Components/Touchable/Touchable';
+export * from 'react-native/Libraries/Components/Touchable/TouchableHighlight';
+export * from 'react-native/Libraries/Components/Touchable/TouchableNativeFeedback';
+export * from 'react-native/Libraries/Components/Touchable/TouchableOpacity';
+export * from 'react-native/Libraries/Components/Touchable/TouchableWithoutFeedback';
+export * from 'react-native/Libraries/Components/View/View';
+// export * from 'react-native/Libraries/Components/View/ViewAccessibility';
+export * from 'react-native/Libraries/Components/View/ViewPropTypes';
+export * from 'react-native/Libraries/Components/Button';
+export * from 'react-native/Libraries/EventEmitter/NativeEventEmitter';
+export * from 'react-native/Libraries/EventEmitter/RCTDeviceEventEmitter';
+// export * from 'react-native/Libraries/EventEmitter/RCTNativeAppEventEmitter';
+export * from 'react-native/Libraries/Image/Image';
+export * from 'react-native/Libraries/Image/ImageBackground';
+// export * from 'react-native/Libraries/Image/ImageResizeMode';
+// export * from 'react-native/Libraries/Image/ImageSource';
+export * from 'react-native/Libraries/Interaction/InteractionManager';
+export * from 'react-native/Libraries/Interaction/PanResponder';
+export * from 'react-native/Libraries/LayoutAnimation/LayoutAnimation';
+export * from 'react-native/Libraries/Linking/Linking';
+export * from 'react-native/Libraries/Lists/FlatList';
+export * from 'react-native/Libraries/Lists/SectionList';
+export * from 'react-native/Libraries/Lists/VirtualizedList';
+// export * from 'react-native/Libraries/LogBox/LogBox';
+export * from 'react-native/Libraries/Modal/Modal';
+// export * as Systrace from 'react-native/Libraries/Performance/Systrace';
+// export * from 'react-native/Libraries/PermissionsAndroid/PermissionsAndroid';
+// export * from 'react-native/Libraries/PushNotificationIOS/PushNotificationIOS';
+export * from 'react-native/Libraries/ReactNative/AppRegistry';
+export * from 'react-native/Libraries/ReactNative/I18nManager';
+export * from 'react-native/Libraries/ReactNative/RendererProxy';
+// export * from 'react-native/Libraries/ReactNative/RootTag';
+export * from 'react-native/Libraries/ReactNative/UIManager';
+// export * from 'react-native/Libraries/ReactNative/requireNativeComponent';
+// export * from 'react-native/Libraries/Settings/Settings';
+// export * from 'react-native/Libraries/Share/Share';
+// export * from 'react-native/Libraries/StyleSheet/PlatformColorValueTypesIOS';
+// export * from 'react-native/Libraries/StyleSheet/PlatformColorValueTypes';
+export * from 'react-native/Libraries/StyleSheet/StyleSheet';
+export * from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+export * from 'react-native/Libraries/StyleSheet/processColor';
+export * from 'react-native/Libraries/Text/Text';
+// export * from 'react-native/Libraries/TurboModule/RCTExport';
+export * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+// export * from 'react-native/Libraries/Types/CoreEventTypes';
+export * from 'react-native/Libraries/Utilities/Appearance';
+export * from 'react-native/Libraries/Utilities/BackHandler';
+// export * from 'react-native/Libraries/Utilities/DevSettings';
+export * from 'react-native/Libraries/Utilities/Dimensions';
+export * from 'react-native/Libraries/Utilities/PixelRatio';
+export * from '../Libraries/Utilities/Platform';
+export * from 'react-native/Libraries/Vibration/Vibration';
+// export * from 'react-native/Libraries/YellowBox/YellowBoxDeprecated';
+// export * from 'react-native/Libraries/vendor/core/ErrorUtils';
+// export * from 'react-native/Libraries/vendor/emitter/EventEmitter';
+
+export * from 'react-native/types/public/DeprecatedPropertiesAlias';
+export * from 'react-native/types/public/Insets';
+export * from 'react-native/types/public/ReactNativeRenderer';
+export * from 'react-native/types/public/ReactNativeTypes';
+
+// react-native-harmony specific
+export declare function registerViewConfig(
+  componentName: string,
+  viewConfigFactory: () => Record
+): any;
+
+export declare const ReactNativeViewAttributes: Record;
+
+export declare function dispatchCommand(
+  currentRef: any,
+  commandName: string,
+  args: any
+);