diff --git a/docs/Samples/Capture_bundle/NativeProject/entry/src/main/ets/pages/Index.ets b/docs/Samples/Capture_bundle/NativeProject/entry/src/main/ets/pages/Index.ets index bc6ef0a3d4b624cf3dedc9d9f98b767f60d06590..9ce6839c316aaf2635a4d9536651acf0d8befb76 100644 --- a/docs/Samples/Capture_bundle/NativeProject/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/Capture_bundle/NativeProject/entry/src/main/ets/pages/Index.ets @@ -20,7 +20,8 @@ import { import { createRNPackages } from '../RNPackagesFactory'; @Builder -export function buildCustomRNComponent(ctx: ComponentBuilderContext) {}; +export function buildCustomRNComponent(ctx: ComponentBuilderContext) { +}; const wrappedCustomRNComponentBuilder = wrapBuilder(buildCustomRNComponent); diff --git a/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/RNComponent/SelectBox.ets b/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/RNComponent/SelectBox.ets index caa553edf65bec11e9a6cbca8f1502d451b09997..e7d3f3caefdf7475d035d1c55320a1117da6f6cd 100644 --- a/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/RNComponent/SelectBox.ets +++ b/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/RNComponent/SelectBox.ets @@ -44,14 +44,15 @@ export struct SelectBox { this.onDescriptorWrapperChange(new RNC.SelectBox.DescriptorWrapper(descriptor)) } )) - this.cleanUpCallbacks.push(new RNC.SelectBox.CommandReceiver(this.ctx.componentCommandReceiver, this.tag).subscribe("emitNativeEvent", (argv) => { + this.cleanUpCallbacks.push(new RNC.SelectBox.CommandReceiver(this.ctx.componentCommandReceiver, + this.tag).subscribe("emitNativeEvent", (argv) => { console.log(`收到 RN 传来的消息 ================ ${JSON.stringify(argv)}`); this.mutil = argv[0] || false })) } private onDescriptorWrapperChange(descriptorWrapper: RNC.SelectBox.DescriptorWrapper) { - this.descriptorWrapper = descriptorWrapper + this.descriptorWrapper = descriptorWrapper this.data = [] const data = this.descriptorWrapper.props.data; const value = this.descriptorWrapper.props.value; diff --git a/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/pages/Index.ets b/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/pages/Index.ets index 571b61345a7be8b386f80c5e90c7431534974071..f49022cd79ee92febc1c798e243a1ea043d2aaa2 100644 --- a/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/FabricComponentSample/NativeProject/entry/src/main/ets/pages/Index.ets @@ -21,9 +21,10 @@ import { createRNPackages } from '../RNPackagesFactory'; import { SelectBox } from "../rnc/SelectBox" const arkTsComponentNames: Array = [SelectBox.NAME]; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { - Stack(){ + Stack() { if (ctx.componentName === SelectBox.NAME) { SelectBox({ ctx: ctx.rnComponentContext, @@ -31,7 +32,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) { }) } } - .position({x:0, y: 0}) + .position({ x: 0, y: 0 }) } @@ -44,7 +45,6 @@ struct Index { @State shouldShow: boolean = false private logger!: RNOHLogger - aboutToAppear() { this.logger = this.rnohCoreContext!.logger.clone("Index") const stopTracing = this.logger.clone("aboutToAppear").startTracing() diff --git a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/entryability/EntryAbility.ets b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/entryability/EntryAbility.ets index 8cace666602a8663341af112f7e2eebea2b6851b..48f7b51ebfbfa3d6fc2dd5fbebf69763c00e31c5 100644 --- a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/entryability/EntryAbility.ets +++ b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/entryability/EntryAbility.ets @@ -7,9 +7,7 @@ import dataPreferences from '@ohos.data.preferences'; import window from '@ohos.window'; -import { - RNAbility, -} from '@rnoh/react-native-openharmony'; +import { RNAbility, } from '@rnoh/react-native-openharmony'; export let preferences: dataPreferences.Preferences | null = null; @@ -21,9 +19,11 @@ export default class EntryAbility extends RNAbility { onWindowStageCreate(windowStage: window.WindowStage) { super.onWindowStageCreate(windowStage); try { - let options: dataPreferences.Options = { name: 'test'}; + let options: dataPreferences.Options = { + name: 'test' + }; preferences = dataPreferences.getPreferencesSync(this.context, options); - } catch(err) { + } catch (err) { console.error('Failed to get preferences'); } } diff --git a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/RNPage.ets b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/RNPage.ets index 92f254402f0da61bd0fe89ee5f10a5c8dd9fb163..9d3d329934ce3c87303f3d06d8429bc8e4a16394 100644 --- a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/RNPage.ets +++ b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/RNPage.ets @@ -8,10 +8,8 @@ import { RNOHCoreContext, ComponentBuilderContext, } from '@rnoh/react-native-openharmony'; import { NodeController, FrameNode, BuilderNode, Size } from '@ohos.arkui.node'; import { LoadManager } from '../rn'; - import { promptAction } from '@kit.ArkUI'; import FrameNodeRNPage from './FrameNodeRNPage'; - import { Params, BuilderData } from './BuilderType'; import { getRNController } from './common'; diff --git a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/common.ets b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/common.ets index 1a23db5781b8fff237bf646b22a3c990d4a3e576..2df69eb9f55f9bc0649709d790c62194b6ea307e 100644 --- a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/common.ets +++ b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/pages/common.ets @@ -29,7 +29,6 @@ function myRNPageBuilder(params: Params) { FrameNodeRNPage(params) .width('100%') .height('30%') - } } } diff --git a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/BaseRN.ets b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/BaseRN.ets index 239aaae7012ff5549fb898114e1a7bef05d8a420..6ac51e2972c1858ccb3e411af743cc5a4f17d965 100644 --- a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/BaseRN.ets +++ b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/BaseRN.ets @@ -42,7 +42,7 @@ export struct BaseRN { RNSurface({ surfaceConfig: { appKey: this.moduleName, - initialProps: { "propA": "good" } as Record, + initialProps: { "propA": "good" } as Record, } as SurfaceConfig2, ctx: new RNComponentContext( RNOHContext.fromCoreContext(this.rnohCoreContext!, this.rnInstance), diff --git a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/LoadBundle.ets b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/LoadBundle.ets index d8561a8cf8b20f705df3e929d67d0ddd510d5671..b24893469ea04e07c39f4939759b9ce26204caaf 100644 --- a/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/LoadBundle.ets +++ b/docs/Samples/FrameNodeSample/FrameNodeSampleApp/entry/src/main/ets/rn/LoadBundle.ets @@ -16,34 +16,30 @@ import { buildRNComponentForTag, } from '@rnoh/react-native-openharmony'; import { createRNPackages } from './RNPackagesFactory' - import { ENABLE_CAPI_ARCHITECTURE } from './config'; export const arkTsComponentNames = []; -@Builder export function buildCustomComponent(ctx: ComponentBuilderContext) { - Stack(){ +@Builder +export function buildCustomComponent(ctx: ComponentBuilderContext) { + Stack() { } - .position({x:0, y:0}) + .position({ x: 0, y: 0 }) } export class LoadManager { - private static loadedBundle: Set = new Set(); public static metroInstance: RNInstance; public static cpInstance: RNInstance; public static bpInstance: RNInstance; - private static shouldResetMetroInstance: Boolean = true; static ctx: RNComponentContext; public static loadBundle(instance: RNInstance, bundlePath: string, useBundleCache: boolean = true): Promise { - if (LoadManager.loadedBundle.has(bundlePath) && useBundleCache) - { + if (LoadManager.loadedBundle.has(bundlePath) && useBundleCache) { return Promise.resolve(); - } - if (useBundleCache) - { + } + if (useBundleCache) { LoadManager.loadedBundle.add(bundlePath); } return instance.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, bundlePath)); @@ -70,7 +66,8 @@ export class LoadManager { const provider = new MetroJSBundleProvider(); await LoadManager.metroInstance.runJSBundle(provider); - const jsBundleExecutionStatus: string = LoadManager.metroInstance.getBundleExecutionStatus(provider.getURL()) as string; + const jsBundleExecutionStatus: string = + LoadManager.metroInstance.getBundleExecutionStatus(provider.getURL()) as string; LoadManager.shouldResetMetroInstance = false; if (jsBundleExecutionStatus === "DONE") { return true diff --git a/docs/Samples/MutilBundleSample/NativeProject/entry/src/main/ets/pages/Index.ets b/docs/Samples/MutilBundleSample/NativeProject/entry/src/main/ets/pages/Index.ets index ae0f8441b23592afa874919d310d7be897ea22f1..d28ad7575aedf76f4ca14793f3821da5c4de6cf4 100644 --- a/docs/Samples/MutilBundleSample/NativeProject/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/MutilBundleSample/NativeProject/entry/src/main/ets/pages/Index.ets @@ -6,9 +6,7 @@ */ import router from '@ohos.router'; -import { - ResourceJSBundleProvider, -} from '@rnoh/react-native-openharmony'; +import { ResourceJSBundleProvider, } from '@rnoh/react-native-openharmony'; import { RNInstanceManager } from "../rn/RNInstanceManager"; @Entry diff --git a/docs/Samples/RegisterFont/RegisterFontNativeProject/entry/src/main/ets/pages/Index.ets b/docs/Samples/RegisterFont/RegisterFontNativeProject/entry/src/main/ets/pages/Index.ets index 6d4ebc22ef777d6dc4e9ae12c033305f6b8ebdbc..37d38b194bb22b10b8f1a301883a0a6e0cfb2b92 100644 --- a/docs/Samples/RegisterFont/RegisterFontNativeProject/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/RegisterFont/RegisterFontNativeProject/entry/src/main/ets/pages/Index.ets @@ -21,7 +21,8 @@ import { createRNPackages } from '../RNPackagesFactory'; import fs from '@ohos.file.fs'; @Builder -export function buildCustomRNComponent(ctx: ComponentBuilderContext) {}; +export function buildCustomRNComponent(ctx: ComponentBuilderContext) { +}; const wrappedCustomRNComponentBuilder = wrapBuilder(buildCustomRNComponent); @Entry @@ -56,8 +57,8 @@ struct Index { } if (this.rnAbility) { RNApp({ - rnInstanceConfig: { - createRNPackages, + rnInstanceConfig: { + createRNPackages, enableCAPIArchitecture: true, arkTsComponentNames: [], fontResourceByFontFamily: { diff --git a/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets b/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets index 59ae400a8dcebdc8f612754b072ebbd809411061..32cb381b9261746b743783dcad12817d97e004bc 100644 --- a/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets +++ b/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets @@ -6,7 +6,6 @@ */ import { RNAbility, } from '@rnoh/react-native-openharmony'; - import dataPreferences from '@ohos.data.preferences'; import window from '@ohos.window'; @@ -27,7 +26,6 @@ export default class EntryAbility extends RNAbility { } catch (err) { console.error('Failed to get preferences'); } - AppStorage.setOrCreate('RNAbility', this); } } diff --git a/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/pages/Index.ets b/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/pages/Index.ets index 6fafb1ef90835b8536814ebce97a694cf79e48a5..c46722b3b0628eff384835cc50282f7ffc58ef95 100644 --- a/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/RootTagSample/NativeProject/entry/src/main/ets/pages/Index.ets @@ -21,7 +21,8 @@ import { @Builder function buildCustomComponent(ctx: ComponentBuilderContext) { - Stack() {} + Stack() { + } .position({ x: 0, y: 0 }) } @@ -57,62 +58,66 @@ export struct Index { enableCAPIArchitecture: true, arkTsComponentNames: [] }); - await this.instance.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath)).then(() => { - this.isBundleReady = true; - }) - + await this.instance.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath)) + .then(() => { + this.isBundleReady = true; + }) } build() { NavDestination() { if (this.isBundleReady) { - Column() { - Row() { - RNSurface({ - surfaceConfig: { - appKey: 'Hotel_Page', - }, - ctx: new RNComponentContext( - RNOHContext.fromCoreContext(this.rnohCoreContext!, this.instance), - wrappedCustomRNComponentBuilder, - wrapBuilder(buildRNComponentForTag), - new Map() - ), - updateViewRootTag: (rnInstance: RNInstance, rootViewTag: Tag) => { - // 将当前RNSurface的RNInstance和rootTag保存起来 - this.receivedRootTag = rootViewTag; - this.receivedInstance = rnInstance; - } - }) - } - .height("45%") - Row() { - Button("CLICK ME") - .onClick(() => { - // 向RN发送消息 - this.instance?.emitDeviceEvent("clickEvent", { params: ({ - rootTag: this.receivedRootTag - } as Params) }) + Column() { + Row() { + RNSurface({ + surfaceConfig: { + appKey: 'Hotel_Page', + }, + ctx: new RNComponentContext( + RNOHContext.fromCoreContext(this.rnohCoreContext!, this.instance), + wrappedCustomRNComponentBuilder, + wrapBuilder(buildRNComponentForTag), + new Map() + ), + updateViewRootTag: (rnInstance: RNInstance, rootViewTag: Tag) => { + // 将当前RNSurface的RNInstance和rootTag保存起来 + this.receivedRootTag = rootViewTag; + this.receivedInstance = rnInstance; + } }) + } + .height("45%") + + Row() { + Button("CLICK ME") + .onClick(() => { + // 向RN发送消息 + this.instance?.emitDeviceEvent("clickEvent", { + params: ({ + rootTag: this.receivedRootTag + } as Params) + }) + }) + } + .height("10%") + + Row() { + RNSurface({ + surfaceConfig: { + appKey: 'Ticket_Page', + }, + ctx: new RNComponentContext( + RNOHContext.fromCoreContext(this.rnohCoreContext!, this.instance), + wrappedCustomRNComponentBuilder, + wrapBuilder(buildRNComponentForTag), + new Map() + ), + }) + } + .height("45%") } - .height("10%") - Row() { - RNSurface({ - surfaceConfig: { - appKey: 'Ticket_Page', - }, - ctx: new RNComponentContext( - RNOHContext.fromCoreContext(this.rnohCoreContext!, this.instance), - wrappedCustomRNComponentBuilder, - wrapBuilder(buildRNComponentForTag), - new Map() - ), - }) - } - .height("45%") - } - .width('100%') - .height('100%') + .width('100%') + .height('100%') } } } diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/cpp/ButtonView/ButtonViewJSIBinder.h b/docs/Samples/Sample/SampleApp/entry/src/main/cpp/ButtonView/ButtonViewJSIBinder.h index dbbff00eb54dfef1ccc0419bfd5567a56691b9d8..65755c7af4a52d4f9650d37739a23ec63a2df192 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/cpp/ButtonView/ButtonViewJSIBinder.h +++ b/docs/Samples/Sample/SampleApp/entry/src/main/cpp/ButtonView/ButtonViewJSIBinder.h @@ -19,7 +19,6 @@ namespace rnoh { facebook::jsi::Object createDirectEventTypes(facebook::jsi::Runtime &rt) override { facebook::jsi::Object events(rt); - events.setProperty(rt, "topButtonClick", createDirectEvent(rt, "onButtonClick")); return events; } diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets index 767b695c3294ec32473a665afde23064bc9dc226..dcc48fa006267a1f305cb4fbae7cfd4542ca7301 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets @@ -47,7 +47,9 @@ export class SampleTurboModule extends TurboModule { } getPreferencesData(key: string): string { - if (!preferences) return 'null'; + if (!preferences) { + return 'null'; + } try { let val = preferences.getSync(key, '默认值') as string return val @@ -57,7 +59,9 @@ export class SampleTurboModule extends TurboModule { } putPreferencesData(key: string, value: string) { - if (!preferences) return; + if (!preferences) { + return; + } preferences.putSync(key, value) try { preferences.flush((err: BusinessError) => { diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts b/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts index 561cf7501857aa018daf47f05712357c7a4e8e7f..ae1f4104d71637f0d6f0fc8bf835a4cda5565d47 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts @@ -68,7 +68,9 @@ export class SampleTurboModule extends TurboModule { } getPreferencesData(key: string): string { - if (!SampleTurboModule.preferences) return 'null'; + if (!SampleTurboModule.preferences) { + return 'null'; + } try { let val = SampleTurboModule.preferences.getSync(key, '默认值') as string return val @@ -78,7 +80,9 @@ export class SampleTurboModule extends TurboModule { } putPreferencesData(key: string, value: string) { - if (!SampleTurboModule.preferences) return; + if (!SampleTurboModule.preferences) { + return; + } SampleTurboModule.preferences.putSync(key, value) try { SampleTurboModule.preferences.flush((err: BusinessError) => { diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/customView/MarqueeView.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/customView/MarqueeView.ets index b4f2016d99170a051a13a26f87055b03666197b1..cb6465c52a0834b757ee6176f20a764f4da53895 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/customView/MarqueeView.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/customView/MarqueeView.ets @@ -31,9 +31,10 @@ export struct MarqueeView { this.start = true this.descriptor = this.ctx.descriptorRegistry.getDescriptor(this.tag) - this.unregisterDescriptorChangesListener = this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag, (newDescriptor) => { - this.descriptor = (newDescriptor as MarqueeViewDescriptor) - }) + this.unregisterDescriptorChangesListener = + this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag, (newDescriptor) => { + this.descriptor = (newDescriptor as MarqueeViewDescriptor) + }) console.log('MarqueeView rawProps = ', JSON.stringify(this.descriptor.rawProps), this.tag) console.log('MarqueeView props = ', JSON.stringify(this.descriptor.props), this.tag) diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets index 6ae5159f0a2c2b15c9f80df87a5a2e96801edc8a..ef9873e1506c94bdab1a2ee489e2207dea1ae214 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets @@ -6,13 +6,11 @@ */ import { RNAbility, } from '@rnoh/react-native-openharmony'; - import dataPreferences from '@ohos.data.preferences' import window from '@ohos.window'; export let preferences: dataPreferences.Preferences | null = null - export default class EntryAbility extends RNAbility { getPagePath() { return 'pages/Index'; diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Details.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Details.ets index 5cd9beaeec6d3fdb841123d9db77f6c7f559544c..f9bebe123eae5c638c5ba23f76cae74014091c7d 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Details.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Details.ets @@ -9,7 +9,6 @@ import { RNInstance } from '@rnoh/react-native-openharmony'; import { BaseRN, LoadManager } from '../rn'; import { MetroBaseRN } from '../rn/MetroBaseRN' - @Component export default struct Details { private instance: RNInstance = LoadManager.bpInstance diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Index.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Index.ets index ad534c4a39e6ba1311aa4e62db0c8702371c9753..7ba62ef318cdb02ae2fd96187c3ebc9b8650caad 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Index.ets @@ -22,7 +22,6 @@ import { createRNPackages, LoadManager, buildCustomComponent } from '../rn'; import { ENABLE_CAPI_ARCHITECTURE } from '../rn' import { arkTsComponentNames } from '../rn/LoadBundle'; - @Entry() @Component struct Index { @@ -37,7 +36,9 @@ struct Index { } aboutToAppear() { - if (!this.rnohCoreContext) return; + if (!this.rnohCoreContext) { + return; + } this.loadMetroBundle() } @@ -47,7 +48,9 @@ struct Index { } subscribeReload() { - if (!this.rnohCoreContext) return; + if (!this.rnohCoreContext) { + return; + } this.cleanUpCallbacks.forEach(cleanUp => cleanUp()) this.cleanUpCallbacks.push(this.rnohCoreContext!.devToolsController.eventEmitter.subscribe("RELOAD", async () => { this.isBundleReady = false @@ -76,12 +79,14 @@ struct Index { }) }) - this.cleanUpCallbacks.push(LoadManager.metroInstance.getTurboModule(LogBoxTurboModule.NAME).eventEmitter.subscribe("SHOW", () => { - this.logBoxDialogController.open() - })) - this.cleanUpCallbacks.push(LoadManager.metroInstance.getTurboModule(LogBoxTurboModule.NAME).eventEmitter.subscribe("HIDE", () => { - this.logBoxDialogController.close() - })) + this.cleanUpCallbacks.push(LoadManager.metroInstance.getTurboModule(LogBoxTurboModule.NAME).eventEmitter.subscribe("SHOW", + () => { + this.logBoxDialogController.open() + })) + this.cleanUpCallbacks.push(LoadManager.metroInstance.getTurboModule(LogBoxTurboModule.NAME).eventEmitter.subscribe("HIDE", + () => { + this.logBoxDialogController.close() + })) } loadMetroBundle() { @@ -98,8 +103,9 @@ struct Index { } async register(): Promise> { - if (!this.rnohCoreContext) + if (!this.rnohCoreContext) { return new Map() + } if (this.isMetroAvailable) { this.isBundleReady = true diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/MultiSurface.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/MultiSurface.ets index 325a79470625d5cfecc9e3adcb571d653ae8a82f..2a3836b91a074f3d5759be5f1e853a860ccbfd73 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/MultiSurface.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/MultiSurface.ets @@ -73,11 +73,13 @@ export struct MultiSurface { wrapBuilder(buildRNComponentForTag), new Map() ); - await this.instance1.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, 'bundle/basic/basic.harmony.bundle')); - await this.instance1.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath1)).then(() => { - this.isBundleReady1 = true - console.log('instance1 加载完成' + this.bundlePath1) - }) + await this.instance1.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, + 'bundle/basic/basic.harmony.bundle')); + await this.instance1.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath1)) + .then(() => { + this.isBundleReady1 = true + console.log('instance1 加载完成' + this.bundlePath1) + }) this.instance2 = await this.rnohCoreContext.createAndRegisterRNInstance({ createRNPackages: createRNPackages, @@ -92,11 +94,13 @@ export struct MultiSurface { wrapBuilder(buildRNComponentForTag), new Map() ); - await this.instance2.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, 'bundle/basic/basic.harmony.bundle')); - await this.instance2.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath2)).then(() => { - this.isBundleReady2 = true - console.log('instance2 加载完成' + this.bundlePath2) - }) + await this.instance2.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, + 'bundle/basic/basic.harmony.bundle')); + await this.instance2.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath2)) + .then(() => { + this.isBundleReady2 = true + console.log('instance2 加载完成' + this.bundlePath2) + }) this.instance3 = await this.rnohCoreContext.createAndRegisterRNInstance({ createRNPackages: createRNPackages, @@ -111,11 +115,11 @@ export struct MultiSurface { wrapBuilder(buildRNComponentForTag), new Map() ); - await this.instance3.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath3)).then(() => { - this.isBundleReady3 = true - console.log('instance3 加载完成' + this.bundlePath3) - }) - + await this.instance3.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath3)) + .then(() => { + this.isBundleReady3 = true + console.log('instance3 加载完成' + this.bundlePath3) + }) } @Builder @@ -163,7 +167,6 @@ export struct MultiSurface { .width('100%') .height('100%') } - } } \ No newline at end of file diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/SandboxBundle.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/SandboxBundle.ets index c174a43415f4c513aa4fbccdc80951abe2873f2e..a9070e0e145fb29be9e3406a9eeeeaa370bf9178 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/SandboxBundle.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/SandboxBundle.ets @@ -50,7 +50,8 @@ export default struct SandBoxApp { async downloadBundle() { if (this.rnAbility) { // 将bundlejs下载并保存到沙箱 - let uint8Array = await this.rnAbility.context.resourceManager.getRawFileContent('rawfile/bundle/bp/sandbox.harmony.bundle') + let uint8Array = + await this.rnAbility.context.resourceManager.getRawFileContent('rawfile/bundle/bp/sandbox.harmony.bundle') let rawBuffer = uint8Array.buffer let num = rawBuffer.byteLength // 获取沙箱路径 @@ -104,7 +105,7 @@ export default struct SandBoxApp { arkTsComponentNames: [], }, appKey: "Sandbox", - initialProps: {'params1': '哈哈哈'}, + initialProps: { 'params1': '哈哈哈' }, wrappedCustomRNComponentBuilder: wrapBuilder(buildCustomComponent), onSetUp: (rnInstance) => { rnInstance.enableFeatureFlag("ENABLE_RN_INSTANCE_CLEAN_UP") diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Test.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Test.ets index 6f3d98d600f95af493b26d263db873402ae575b4..1323a33379095779b96300f5ef9c4273917a0f22 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Test.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/pages/Test.ets @@ -9,7 +9,6 @@ import { RNInstance } from '@rnoh/react-native-openharmony'; import { BaseRN, LoadManager } from '../rn'; import { MetroBaseRN } from '../rn/MetroBaseRN' - @Component export default struct Test { private instance: RNInstance = LoadManager.cpInstance; diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/BasePrecreateView.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/BasePrecreateView.ets index a3d5af83e9996f177b0e268116df4004f7ba6d1d..36539e1877473d3cacfe5ef821a9bd0a28df6b13 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/BasePrecreateView.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/BasePrecreateView.ets @@ -73,7 +73,6 @@ export struct BasePrecreateView { this.shouldShow = true console.log("BasePrecreateView 预创建的 RNInstance 已完成 JSBundle 加载,直接展示页面") } - } private async getOrCreateRNInstance(): Promise { @@ -132,7 +131,8 @@ export struct BasePrecreateView { instance.status = "DONE" console.log("BasePrecreateView status = ", instance.status) - console.log("BasePrecreateView 预加载 JSBundle 完成,RNInstance ID = " + rnInstance.getId() + " instances.count = " + instances.length) + console.log("BasePrecreateView 预加载 JSBundle 完成,RNInstance ID = " + rnInstance.getId() + + " instances.count = " + instances.length) console.log("BasePrecreateView End ======================================================= ") } } diff --git a/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/LoadBundle.ets b/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/LoadBundle.ets index 8627a7521e178c14421e907838ab53758ce18121..c19ffc7d750cf732be4bb4bda35e323f927471e4 100644 --- a/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/LoadBundle.ets +++ b/docs/Samples/Sample/SampleApp/entry/src/main/ets/rn/LoadBundle.ets @@ -33,8 +33,7 @@ export function buildCustomComponent(ctx: ComponentBuilderContext) { tag: ctx.tag, buildCustomComponent: buildCustomComponent }) - } - else if (ctx.componentName === MarqueeView.NAME) { + } else if (ctx.componentName === MarqueeView.NAME) { MarqueeView({ ctx: ctx.rnComponentContext, tag: ctx.tag @@ -54,9 +53,12 @@ export class LoadManager { static ctx: RNComponentContext; public static loadBundle(instance: RNInstance, bundlePath: string, useBundleCache: boolean = true): Promise { - if (LoadManager.loadedBundle.has(bundlePath) && useBundleCache) return Promise.resolve(); - if (useBundleCache) LoadManager.loadedBundle.add(bundlePath); - + if (LoadManager.loadedBundle.has(bundlePath) && useBundleCache) { + return Promise.resolve(); + } + if (useBundleCache) { + LoadManager.loadedBundle.add(bundlePath); + } return instance.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, bundlePath)); } @@ -80,7 +82,8 @@ export class LoadManager { const provider = new MetroJSBundleProvider() await LoadManager.metroInstance.runJSBundle(provider) - const jsBundleExecutionStatus: string = LoadManager.metroInstance.getBundleExecutionStatus(provider.getURL()) as string + const jsBundleExecutionStatus: string = + LoadManager.metroInstance.getBundleExecutionStatus(provider.getURL()) as string console.log("SampleApp --- getBundleExecutionStatus", jsBundleExecutionStatus); LoadManager.shouldResetMetroInstance = false if (jsBundleExecutionStatus === "DONE") { diff --git a/docs/Samples/Sandbox/SandBoxNativeProject/entry/src/main/ets/pages/Index.ets b/docs/Samples/Sandbox/SandBoxNativeProject/entry/src/main/ets/pages/Index.ets index c6f960d0d8d98abdca1f06fbf67aa892873909d4..08e17f2b932f0debb36a70ca0fdd59799645eb5a 100644 --- a/docs/Samples/Sandbox/SandBoxNativeProject/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/Sandbox/SandBoxNativeProject/entry/src/main/ets/pages/Index.ets @@ -22,7 +22,8 @@ import { createRNPackages } from '../RNPackagesFactory'; import fs from '@ohos.file.fs'; @Builder -export function buildCustomRNComponent(ctx: ComponentBuilderContext) {}; +export function buildCustomRNComponent(ctx: ComponentBuilderContext) { +}; const wrappedCustomRNComponentBuilder = wrapBuilder(buildCustomRNComponent); @Entry @@ -49,7 +50,8 @@ struct Index { async downloadBundle() { if (this.rnAbility) { // 将bundlejs下载并保存到沙箱。 - let uint8Array = await this.rnAbility.context.resourceManager.getRawFileContent('rawfile/bundle/sandbox.harmony.bundle'); + let uint8Array = + await this.rnAbility.context.resourceManager.getRawFileContent('rawfile/bundle/sandbox.harmony.bundle'); let rawBuffer = uint8Array.buffer; let num = rawBuffer.byteLength; // 获取沙箱路径 @@ -96,8 +98,8 @@ struct Index { } if (this.rnAbility && this.hasBundle) { RNApp({ - rnInstanceConfig: { - createRNPackages, + rnInstanceConfig: { + createRNPackages, enableCAPIArchitecture: true, arkTsComponentNames: [] }, diff --git a/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets b/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets index eca4f151e6a8964b0b698faff59d5de6d1408adb..55e3238fbb5950ab2f935a2f7fecd31c2e8428ae 100644 --- a/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets +++ b/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/entryability/EntryAbility.ets @@ -12,6 +12,7 @@ import { UPRNSDK, UPRNSDKImpl } from 'library'; export default class EntryAbility extends UIAbility { rnSDK: UPRNSDKImpl | undefined = undefined; + // rnSDK: UPRNSDK | undefined = undefined; onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void { hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate'); diff --git a/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/pages/RNPage.ets b/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/pages/RNPage.ets index 25bd400ba223f0890e176b2fd1a65193a541dcaf..57b917cd5feedf230dd70c908080f0c583d5085a 100644 --- a/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/pages/RNPage.ets +++ b/docs/Samples/demo_without_rnAbility/NativeProject/entry/src/main/ets/pages/RNPage.ets @@ -6,10 +6,11 @@ */ import { RNInfo, UPReactView, UPRNSDK } from 'library'; + @Entry @Component export struct RNPage { - rnInfo: RNInfo = {businessId: 'App', bundlePath: 'bundle.harmony.js', isFromMetro: false}; + rnInfo: RNInfo = { businessId: 'App', bundlePath: 'bundle.harmony.js', isFromMetro: false }; @StorageLink('UPRNSDK') rnSdk: UPRNSDK | undefined = undefined; onBackPress(): boolean | void { diff --git a/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets b/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets index e289b75c27ae6ddd16079a1cf9a9cdb56a41523f..32cb381b9261746b743783dcad12817d97e004bc 100644 --- a/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets +++ b/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets @@ -6,13 +6,11 @@ */ import { RNAbility, } from '@rnoh/react-native-openharmony'; - import dataPreferences from '@ohos.data.preferences'; import window from '@ohos.window'; export let preferences: dataPreferences.Preferences | null = null; - export default class EntryAbility extends RNAbility { getPagePath() { return 'pages/Index'; @@ -28,7 +26,6 @@ export default class EntryAbility extends RNAbility { } catch (err) { console.error('Failed to get preferences'); } - AppStorage.setOrCreate('RNAbility', this); } } diff --git a/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets b/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets index 2660a58eeb8a79d18c16931da451936b15da99b5..721b3cff4a01704de0952627b16750594f63b3a1 100644 --- a/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/using_RNSurface/SampleApp/entry/src/main/ets/pages/Index.ets @@ -20,7 +20,8 @@ import { @Builder function buildCustomComponent(ctx: ComponentBuilderContext) { - Stack() {} + Stack() { + } .position({ x: 0, y: 0 }) } @@ -52,34 +53,33 @@ export struct Index { enableCAPIArchitecture: true, arkTsComponentNames: [] }); - await this.instance.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath)).then(() => { - this.isBundleReady = true; - console.log('instance 加载完成' + this.bundlePath); - }) - + await this.instance.runJSBundle(new ResourceJSBundleProvider(getContext().resourceManager, this.bundlePath)) + .then(() => { + this.isBundleReady = true; + console.log('instance 加载完成' + this.bundlePath); + }) } build() { NavDestination() { if (this.isBundleReady) { - Column() { - RNSurface({ - surfaceConfig: { - appKey: this.moduleName, - }, - ctx: new RNComponentContext( - RNOHContext.fromCoreContext(this.rnohCoreContext!, this.instance), - wrappedCustomRNComponentBuilder, - wrapBuilder(buildRNComponentForTag), - new Map() - ), - }) - } - .width('100%') - .height('100%') + Column() { + RNSurface({ + surfaceConfig: { + appKey: this.moduleName, + }, + ctx: new RNComponentContext( + RNOHContext.fromCoreContext(this.rnohCoreContext!, this.instance), + wrappedCustomRNComponentBuilder, + wrapBuilder(buildRNComponentForTag), + new Map() + ), + }) + } + .width('100%') + .height('100%') } } - } } \ No newline at end of file diff --git a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets index bb674f04d7352d544dc59fe5f242fe5e97fcfab7..d891cba0fb935922cacd8bbb4ebf93838e894dd2 100644 --- a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets +++ b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ets @@ -47,7 +47,9 @@ export class SampleTurboModule extends TurboModule { } getPreferencesData(key: string): string { - if (!preferences) return 'null'; + if (!preferences) { + return 'null'; + } try { let val = preferences.getSync(key, '默认值') as string return val @@ -57,7 +59,9 @@ export class SampleTurboModule extends TurboModule { } putPreferencesData(key: string, value: string) { - if (!preferences) return; + if (!preferences) { + return; + } preferences.putSync(key, value) try { preferences.flush((err: BusinessError) => { diff --git a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts index f50a4bc16eac3b3941f57c95d37ad7657dd5b668..30a0d87734007a72d873b6fe52a949fad87538b3 100644 --- a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts +++ b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleTurboModule.ts @@ -68,7 +68,9 @@ export class SampleTurboModule extends TurboModule { } getPreferencesData(key: string): string { - if (!SampleTurboModule.preferences) return 'null'; + if (!SampleTurboModule.preferences) { + return 'null'; + } try { let val = SampleTurboModule.preferences.getSync(key, '默认值') as string; return val; @@ -78,7 +80,9 @@ export class SampleTurboModule extends TurboModule { } putPreferencesData(key: string, value: string) { - if (!SampleTurboModule.preferences) return; + if (!SampleTurboModule.preferences) { + return; + } SampleTurboModule.preferences.putSync(key, value) try { SampleTurboModule.preferences.flush((err: BusinessError) => { diff --git a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleWorkerTurboModule.ets b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleWorkerTurboModule.ets index 331271e6aab38dcdc45c95d9b4c83fdfe97df7fc..54e35c1d406a522412b07909a07885088dac6e60 100644 --- a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleWorkerTurboModule.ets +++ b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/TurboModule/SampleWorkerTurboModule.ets @@ -12,8 +12,7 @@ import { AnyThreadTurboModule, } from '@rnoh/react-native-openharmony/ts'; import { preferences } from '../entryability/EntryAbility'; import { BusinessError } from '@ohos.base'; -export class SampleWorkerTurboModule extends AnyThreadTurboModule{ - +export class SampleWorkerTurboModule extends AnyThreadTurboModule { registerFunction(onComplete: (value: string) => void): void { console.log(`RNOH SampleTurboModule::registerFunction + trigger`); setTimeout(() => { @@ -38,7 +37,9 @@ export class SampleWorkerTurboModule extends AnyThreadTurboModule{ } getPreferencesData(key: string): string { - if (!preferences) return 'null'; + if (!preferences) { + return 'null'; + } try { let val = preferences.getSync(key, '默认值') as string; return val; @@ -48,7 +49,9 @@ export class SampleWorkerTurboModule extends AnyThreadTurboModule{ } putPreferencesData(key: string, value: string) { - if (!preferences) return; + if (!preferences) { + return; + } preferences.putSync(key, value); try { preferences.flush((err: BusinessError) => { diff --git a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets index f9649aa70f85f0bd8d886b31eb2f7491588fc25b..1b166fb093584835c526387eea34cc2dfd359d99 100644 --- a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets +++ b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/entryability/EntryAbility.ets @@ -6,13 +6,11 @@ */ import { RNAbility, } from '@rnoh/react-native-openharmony'; - import dataPreferences from '@ohos.data.preferences'; import window from '@ohos.window'; export let preferences: dataPreferences.Preferences | null = null; - export default class EntryAbility extends RNAbility { getPagePath() { return 'pages/Index'; @@ -32,7 +30,6 @@ export default class EntryAbility extends RNAbility { } catch (err) { console.error('Failed to get preferences'); } - AppStorage.setOrCreate('RNAbility', this); } } diff --git a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/pages/Index.ets b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/pages/Index.ets index 7b23c607faa9a0fc68cf564a7f24e7457669a604..68d1d4653c249839cda34236acdd2c32561051cd 100644 --- a/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/pages/Index.ets +++ b/docs/Samples/using_turboModule/SampleApp/entry/src/main/ets/pages/Index.ets @@ -41,7 +41,6 @@ export struct MultiSurface { private moduleName = 'App'; @State isBundleReady: boolean = false; - async aboutToAppear() { console.log("MultiSurface=====") if (!this.rnohCoreContext) {