use codegen

Author: houningjuanNew

harmony/image_editor.har

@@ -67,8 +67,8 @@ ImageEditor.cropImage(uri, cropData).then((result) => {
 
 ```json
 "dependencies": {
-    "rnoh": "file:../rnoh",
-    "rnoh-image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor.har"
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor.har"
   }
 ```
 
@@ -89,8 +89,8 @@ ohpm install
 
 ```json
 "dependencies": {
-    "rnoh": "file:../rnoh",
-    "rnoh-image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor"
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-oh-tpl/image-editor": "file:../../node_modules/@react-native-oh-tpl/image-editor/harmony/image_editor"
   }
 ```
 
@@ -101,54 +101,6 @@ cd entry
 ohpm install --no-link
 ```
 
-### 配置 CMakeLists 和引入ImageEditorPackage
-
-打开 `entry/src/main/cpp/CMakeLists.txt`，添加：
-
-```diff
-project(rnapp)
-cmake_minimum_required(VERSION 3.4.1)
-set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
-set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
-set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
-
-add_subdirectory("${RNOH_CPP_DIR}" ./rn)
-
-# RNOH_BEGIN: add_package_subdirectories
-add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-+ add_subdirectory("${OH_MODULE_DIR}/rnoh-image-editor/src/main/cpp" ./image-editor)
-# RNOH_END: add_package_subdirectories
-
-add_library(rnoh_app SHARED
-    "./PackageProvider.cpp"
-    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
-)
-
-target_link_libraries(rnoh_app PUBLIC rnoh)
-
-# RNOH_BEGIN: link_packages
-target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
-+ target_link_libraries(rnoh_app PUBLIC rnoh_image_editor)
-# RNOH_END: link_packages
-```
-
-打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
-
-```diff
-#include "RNOH/PackageProvider.h"
-#include "SamplePackage.h"
-+ #include "ImageEditorPackage.h"
-
-using namespace rnoh;
-
-std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx) {
-    return {
-      std::make_shared<SamplePackage>(ctx),
-+     std::make_shared<ImageEditorPackage>(ctx)
-    };
-}
-```
-
 
 
 ### 在 ArkTs 侧引入 ImageEditorPackage
@@ -157,7 +109,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
 ...
-+ import {ImageEditorPackage} from "rnoh-image-editor/ts";
++ import {ImageEditorPackage} from "@react-native-oh-tpl/image-editor/ts";
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
@@ -184,7 +136,9 @@ ohpm install
 
 ### 兼容性
 
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+本文档内容基于以下版本验证通过：
+
+RNOH：0.72.20; SDK：HarmonyOS-NEXT-DB1; IDE：DevEco Studio 5.0.3.200; ROM：2.0.0.13;
 
 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-editor/releases)
 

harmony/image_editor/README.md

@@ -1,11 +1,11 @@
 {
-  "name": "rnoh-image-editor",
-  "version": "3.2.0-0.0.1",
+  "name": "@react-native-oh-tpl/image-editor",
+  "version": "3.2.0-0.1.0",
   "description": "Please describe the basic information.",
   "main": "index.ets",
   "author": "",
   "license": "Apache-2.0",
-  dependencies: {
-    rnoh: 'file:../rnoh'
+  "dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony"
   }
 }

harmony/image_editor/oh-package.json5

@@ -22,7 +22,8 @@
  * SOFTWARE.
  */
 
-import { TurboModule } from 'rnoh/ts'
+import { TurboModule } from '@rnoh/react-native-openharmony/ts'
+import { TM } from "@rnoh/react-native-openharmony/generated/ts"
 import Logger from './Logger'
 import http from '@ohos.net.http'
 import ResponseCode from '@ohos.net.http'
@@ -259,7 +260,7 @@ async function TargetRect(newOptions: ImageCropData, resizeScaleSize?: size) {
   return targetRegion
 }
 
-export class ImageEditorModule extends TurboModule {
+export class ImageEditorModule extends TurboModule implements TM.RNCImageEditor.Spec {
   async cropImage(uri: string, options: ImageCropData): Promise<string>{
     const offset = options.offset
     const size = options.size

harmony/image_editor/src/main/cpp/CMakeLists.txt

@@ -22,20 +22,21 @@
  * SOFTWARE.
  */
 
-import {RNPackage, TurboModulesFactory} from 'rnoh/ts';
-import type {TurboModule, TurboModuleContext} from 'rnoh/ts';
+import {RNPackage, TurboModulesFactory} from '@rnoh/react-native-openharmony/ts';
+import type {TurboModule, TurboModuleContext} from '@rnoh/react-native-openharmony/ts';
+import { TM } from "@rnoh/react-native-openharmony/generated/ts";
 import {ImageEditorModule} from './ImageEditorModule';
 
 class ImageEditorModulesFactory extends TurboModulesFactory {
   createTurboModule(name: string): TurboModule | null {
-    if (name === 'RNCImageEditor') {
+    if (name === TM.RNCImageEditor.NAME) {
       return new ImageEditorModule(this.ctx);
     }
     return null;
   }
 
   hasTurboModule(name: string): boolean {
-    return name === 'RNCImageEditor';
+    return name === TM.RNCImageEditor.NAME;
   }
 }
 

harmony/image_editor/src/main/cpp/ImageEditorPackage.h

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-oh-tpl/image-editor",
-  "version": "3.2.0-0.0.1",
+  "version": "3.2.0-0.1.0",
   "description": "React Native Image Editing native modules for iOS & Android & Harmony",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -14,7 +14,12 @@
     "url": "https://github.com/callstack/react-native-image-editor/issues"
   },
   "harmony": {
-    "alias": "@react-native-community/image-editor"
+    "alias": "@react-native-community/image-editor",
+    "codegenConfig": {
+      "specPaths": [
+        "./src"
+      ]
+    }
   },
   "license": "MIT",
   "keywords": [