Update example code

OpenHarmony/entry/oh-package.json5

@@ -7,7 +7,8 @@
   "license": "",
   "dependencies": {
     "libentry.so": "file:./src/main/cpp/types/libentry",
-    "@ohos-rs/ability": "^0.0.1"
+    "libwgpu_in_app.so": "file:./src/main/cpp/types/libwgpu_in_app",
+    "@ohos-rs/ability": "^0.0.2"
   },
   "devDependencies": {},
   "dynamicDependencies": {}

OpenHarmony/entry/src/main/cpp/types/libwgpu_in_app/Index.d.ts

@@ -0,0 +1,25 @@
+/* auto-generated by OHOS-RS */
+/* eslint-disable */
+import { NodeContent } from "@kit.ArkUI"
+
+export interface ApplicationLifecycle {
+  environmentCallback: EnvironmentCallback
+  windowStageEventCallback: WindowStageEventCallback
+}
+
+export interface EnvironmentCallback {
+  onConfigurationUpdated: () => void
+  onMemoryLevel: () => void
+}
+
+export interface WindowStageEventCallback {
+  onWindowStageCreate: () => void
+  onWindowStageDestroy: () => void
+  onAbilityCreate: () => void
+  onAbilityDestroy: () => void
+  onAbilitySaveState: () => void
+}
+
+export declare function init(slot: NodeContent): ApplicationLifecycle;
+
+export declare function changeRender(index: number): void

OpenHarmony/entry/src/main/cpp/types/libwgpu_in_app/oh-package.json5

@@ -0,0 +1,6 @@
+{
+  "name": "libwgpu_in_app.so",
+  "types": "./Index.d.ts",
+  "version": "1.0.0",
+  "description": "Please describe the basic information."
+}

OpenHarmony/entry/src/main/ets/entryability/EntryAbility.ets

@@ -1,11 +1,18 @@
 import { RustAbility } from '@ohos-rs/ability'
 import Want from '@ohos.app.ability.Want'
 import { AbilityConstant } from '@kit.AbilityKit';
+import window from '@ohos.window';
 
 export default class EntryAbility extends RustAbility {
   public moduleName: string = "wgpu_in_app"
+  public defaultPage: boolean = false;
 
   async onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): Promise<void> {
     super.onCreate(want, launchParam);
   }
+
+  async onWindowStageCreate(windowStage: window.WindowStage): Promise<void> {
+    super.onWindowStageCreate(windowStage);
+    await windowStage.loadContent('pages/Index');
+  }
 }

OpenHarmony/entry/src/main/ets/pages/Index.ets

@@ -1,20 +1,29 @@
-import { hilog } from '@kit.PerformanceAnalysisKit';
-import testNapi from 'libentry.so';
+import { DefaultXComponent } from "@ohos-rs/ability"
+import { ItemRestriction, SegmentButton, SegmentButtonOptions, SegmentButtonTextItem } from '@kit.ArkUI';
+import { changeRender } from "libwgpu_in_app.so"
 
 @Entry
 @Component
 struct Index {
-  @State message: string = 'Hello World';
+  @State tabOptions: SegmentButtonOptions = SegmentButtonOptions.capsule({
+    buttons: [{ text: 'boids' },
+      { text: 'MSAA line' },
+      { text: 'cube' },
+      { text: "water" },
+      { text: "shadow" }] as ItemRestriction<SegmentButtonTextItem>,
+    backgroundBlurStyle: BlurStyle.BACKGROUND_THICK,
+  })
+  @State @Watch("handleChange") tabSelectedIndexes: number[] = [0]
+
+  handleChange() {
+    changeRender(this.tabSelectedIndexes[0])
+  }
 
   build() {
     Row() {
       Column() {
-        Text(this.message)
-          .fontSize(50)
-          .fontWeight(FontWeight.Bold)
-          .onClick(() => {
-            hilog.info(0x0000, 'testTag', 'Test NAPI 2 + 3 = %{public}d', testNapi.add(2, 3));
-          })
+        SegmentButton({ options: this.tabOptions, selectedIndexes: $tabSelectedIndexes })
+        DefaultXComponent()
       }
       .width('100%')
     }