@react-native-ohos/react-native-qr-decode-image-camera 1.1.4-rc.1

package/harmony/qr_decode_image_camera/src/main/ets/Logger.ts

@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+import hilog from '@ohos.hilog';
+
+class Logger {
+  private domain: number;
+  private prefix: string;
+  private format: string = '%{public}s, %{public}s';
+  private isDebug: boolean;
+
+  /**
+   * constructor.
+   *
+   * @param Prefix Identifies the log tag.
+   * @param domain Domain Indicates the service domain, which is a hexadecimal integer ranging from 0x0 to 0xFFFFF.
+   */
+  constructor(prefix: string = 'blobUtil', domain: number = 0xFF00, isDebug = false) {
+    this.prefix = prefix;
+    this.domain = domain;
+    this.isDebug = isDebug;
+  }
+
+  debug(...args: string[]): void {
+    if (this.isDebug) {
+      hilog.debug(this.domain, this.prefix, this.format, args);
+    }
+  }
+
+  info(...args: string[]): void {
+    hilog.info(this.domain, this.prefix, this.format, args);
+  }
+
+  warn(...args: string[]): void {
+    hilog.warn(this.domain, this.prefix, this.format, args);
+  }
+
+  error(...args: string[]): void {
+    hilog.error(this.domain, this.prefix, this.format, args);
+  }
+}
+
+export default new Logger('RNShake', 0xFF00, false)

package/harmony/qr_decode_image_camera/src/main/ets/NativeScan.ets

@@ -0,0 +1,150 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+ 
+import { RNOHContext ,ViewBaseProps,Descriptor} from '@rnoh/react-native-openharmony';
+import { RNC } from "./generated";
+import { scanCore, scanBarcode, customScan } from '@kit.ScanKit';
+import {  BusinessError } from '@kit.BasicServicesKit';
+import { common, abilityAccessCtrl } from '@kit.AbilityKit';
+import { JSON } from '@kit.ArkTS';
+import  Logger  from "./Logger"
+interface NativeScanProps extends ViewBaseProps {
+  text: string,
+  flashMode: boolean,
+  onRead:(result:string) => void,
+  zoom:number
+}
+export type  NativeScanDescriptor = Descriptor<"NativeScan", NativeScanProps>
+  @Component
+  export struct NativeScan {
+  public static readonly NAME:String = RNC.NativeScan.NAME
+  public ctx!: RNOHContext
+  public tag: number = 0
+  @State  @Watch("changeProps") descriptor: NativeScanDescriptor = {} as NativeScanDescriptor //监听闪光灯
+  @State userGrant: boolean = false
+  @State surfaceId: string = ''
+  @State isFlashLightEnable: boolean = false
+  // 设置预览流高度，默认单位：vp
+  @State cameraHeight: number = 200
+  // 设置预览流宽度，默认单位：vp
+  @State cameraWidth: number = 200
+
+
+  private mXComponentController: XComponentController = new XComponentController()
+  private TAG: string = '[customScanPage]';
+  private cleanUpCallbacks: (() => void)[] = [];
+  private eventEmitter: RNC.NativeScan.EventEmitter | undefined = undefined
+  async showScanResult(result: Array<scanBarcode.ScanResult>) {
+    if (result.length > 0) {
+      // 获取到扫描结果后暂停相机流
+      customScan.stop().then(() => {
+        Logger.info( this.TAG, 'Succeeded in stopping customScan by promise!');
+      }).catch((error: BusinessError) => {
+        Logger.error( this.TAG, `Failed to stop customScan by promise. Code: ${error.code}, message: ${error.message}`);
+      })
+      this.onRead(JSON.stringify(result)) //返回结果
+    }
+  }
+
+  changeProps(){
+    //监听闪光灯
+    if(this.descriptor.props.flashMode === true){
+      customScan.openFlashLight();
+    }else if (this.descriptor.props.flashMode === false){
+      customScan.closeFlashLight();
+    }
+  }
+
+  async reqPermissionsFromUser(): Promise<number[]> {
+    let context = getContext() as common.UIAbilityContext;
+    let atManager = abilityAccessCtrl.createAtManager();
+    let grantStatus = await atManager.requestPermissionsFromUser(context, ['ohos.permission.CAMERA']);
+    return grantStatus.authResults;
+  }
+
+  // 申请相机权限
+  async requestCameraPermission() {
+    let grantStatus = await this.reqPermissionsFromUser();
+    for (let i = 0; i < grantStatus.length; i++) {
+      if (grantStatus[i] === 0) {
+        // 用户授权，可以继续访问目标操作
+        this.userGrant = true;
+
+      }else{
+        Logger.info('permissions fail')
+      }
+    }
+  }
+
+    //扫描结果
+  onRead(result: string){
+    this.eventEmitter!.emit("read",{result})
+  }
+
+
+  build() {
+
+     if(this.userGrant){
+       XComponent({
+         id: 'component-nativeScan',
+         type: 'surface',
+         controller: this.mXComponentController
+       })
+         .onLoad( async () => {
+           let options: scanBarcode.ScanOptions = {
+             scanTypes: [scanCore.ScanType.ALL],
+             enableMultiMode: true,
+             enableAlbum: true
+           }
+
+           // 自定义初始化接口
+           customScan.init(options);
+           // 获取XComponent的surfaceId
+           let surfaceId: string = this.mXComponentController.getXComponentSurfaceId();
+           // 设置ViewControl相应字段
+           let viewControl: customScan.ViewControl = {
+             width: this.cameraWidth,
+             height: this.cameraHeight,
+             surfaceId: surfaceId
+           };
+           customScan.start(viewControl).then((scanResult: Array<scanBarcode.ScanResult>) => {
+             console.log("click``````````")
+             Logger.info( '[Scan Sample]', `start succeeded, ${JSON.stringify(scanResult)}`,'click');
+             this.showScanResult(scanResult);
+           }).catch((error: BusinessError) => {
+             Logger.info( '[Scan Sample]', `start failed, code: ${error.code}, message: ${error.message}`,'click');
+           });
+           if(this.descriptor.props.zoom){
+             customScan.setZoom(this.descriptor.props.zoom)
+           }
+         })
+     }
+
+  }
+  aboutToAppear() {
+    this.requestCameraPermission();
+    this.eventEmitter = new RNC.NativeScan.EventEmitter(this.ctx.rnInstance, this.tag)
+    this.descriptor = this.ctx.descriptorRegistry.getDescriptor<NativeScanDescriptor>(this.tag)
+    this.cleanUpCallbacks.push(this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
+      (newDescriptor) => {
+        this.descriptor = (newDescriptor as NativeScanDescriptor)
+      }
+    ))
+    this.cleanUpCallbacks.push(this.ctx.componentCommandReceiver.registerCommandCallback(this.tag, (commandName) => {
+
+    }))
+  }
+
+  aboutToDisappear() {
+    this.cleanUpCallbacks.forEach(cb => cb())
+  }
+
+
+}
+
+
+
+

package/harmony/qr_decode_image_camera/src/main/ets/RNQrDecodeImageCameraPackage.ts

@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+import { RNPackage, TurboModulesFactory } from '@rnoh/react-native-openharmony/ts';
+import type { TurboModule, TurboModuleContext } from '@rnoh/react-native-openharmony/ts';
+import { TM } from './generated/ts'
+import { RNQrDecodeImageCameraTurboModule } from './RNQrDecodeImageCameraTurboModule';
+
+class RNQrDecodeImageCameraTurboModuleFactory extends TurboModulesFactory {
+  createTurboModule(name: string): TurboModule | null {
+    if (this.hasTurboModule(name)) {
+      return new RNQrDecodeImageCameraTurboModule(this.ctx);
+    }
+    return null;
+  }
+
+  hasTurboModule(name: string): boolean {
+    return name === TM.QrDecodeImageCameraNativeModule.NAME;
+  }
+}
+
+export class RNQrDecodeImageCameraPackage extends RNPackage {
+  createTurboModulesFactory(ctx: TurboModuleContext): TurboModulesFactory {
+    return new RNQrDecodeImageCameraTurboModuleFactory(ctx);
+  }
+}

package/harmony/qr_decode_image_camera/src/main/ets/RNQrDecodeImageCameraTurboModule.ts

@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+import { TurboModule } from '@rnoh/react-native-openharmony/ts';
+import { TM } from './generated/ts';
+import window from '@ohos.window';
+import { scanCore, scanBarcode, detectBarcode  } from '@kit.ScanKit';
+import { BusinessError } from '@kit.BasicServicesKit';
+import Logger from "./Logger"
+
+export class RNQrDecodeImageCameraTurboModule extends TurboModule implements TM.QrDecodeImageCameraNativeModule.Spec {
+
+  constructor(ctx) {
+    super(ctx);
+  }
+
+QRreader(path: TM.QrDecodeImageCameraNativeModule.IPath): Promise<unknown> {
+
+    return new Promise ((resolve,reject)=>{
+      // 定义识码参数options
+      let options: scanBarcode.ScanOptions = {
+        scanTypes: [scanCore.ScanType.ALL],
+        enableMultiMode: true,
+        enableAlbum: true
+      }
+      // 调用图片识码接口
+      detectBarcode.decode(path, options).then((result: Array<scanBarcode.ScanResult>) => {
+        Logger.info( '[Scan Sample]', `Succeeded in getting ScanResult by promise with options, result is ${JSON.stringify(result)}`,'click success');
+        resolve(result)
+      }).catch((error: BusinessError) => {
+        Logger.info( '[Scan Sample]', `Failed to get ScanResult by promise with options. Code: ${error.code}, message: ${error.message}`,"click fail");
+        reject(error)
+      });
+    })
+}
+
+  }
+
+
+
+
+
+

package/harmony/qr_decode_image_camera/src/main/ets/generated/components/NativeScan.ts

@@ -0,0 +1,125 @@
+/**
+ * This code was generated by "react-native codegen-harmony"
+ * 
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ * 
+ * @generatorVersion: 1
+ */
+
+import {
+  Descriptor as ComponentDescriptor,
+  ViewBaseProps,
+  ViewRawProps,
+  ViewDescriptorWrapperBase,
+  ColorValue,
+  Color,
+  RNInstance,
+  Tag,
+  RNComponentCommandReceiver,
+  ViewPropsSelector,
+} from '@rnoh/react-native-openharmony/ts';
+
+
+export namespace NativeScan {
+  export const NAME = "NativeScan" as const
+
+  export interface DirectRawProps {
+    text?: string;
+    flashMode?: boolean;
+    zoom?: number;
+  }
+  
+  export interface Props extends ViewBaseProps {}
+  
+  export interface State {}
+  
+  export interface RawProps extends ViewRawProps, DirectRawProps {}
+  
+  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
+    get text() {
+      return this.rawProps.text;
+    }
+    
+    get flashMode() {
+      return this.rawProps.flashMode ?? false;
+    }
+    
+    get zoom() {
+      return this.rawProps.zoom ?? 0;
+    }
+    
+  
+  }
+
+  export type Descriptor = ComponentDescriptor<
+    typeof NAME,
+    Props,
+    State,
+    RawProps
+  >;
+  
+  export class DescriptorWrapper extends ViewDescriptorWrapperBase<
+    typeof NAME,
+    Props,
+    State,
+    RawProps,
+    PropsSelector
+  > {
+    protected createPropsSelector() {
+      return new PropsSelector(this.descriptor.props, this.descriptor.rawProps)
+    }
+  }
+  
+  export interface EventPayloadByName {
+    "read": {result: string}
+  }
+  
+  export class EventEmitter {
+    constructor(private rnInstance: RNInstance, private tag: Tag) {}
+    
+    emit<TEventName extends keyof EventPayloadByName>(eventName: TEventName, payload: EventPayloadByName[TEventName]) {
+      this.rnInstance.emitComponentEvent(this.tag, eventName, payload)
+    }
+  }
+  
+  export interface CommandArgvByName {
+  }
+  
+  export class CommandReceiver {
+    private listenersByCommandName = new Map<string, Set<(...args: any[]) => void>>()
+    private cleanUp: (() => void) | undefined = undefined
+  
+    constructor(private componentCommandReceiver: RNComponentCommandReceiver, private tag: Tag) {
+    }
+  
+    subscribe<TCommandName extends keyof CommandArgvByName>(commandName: TCommandName, listener: (argv: CommandArgvByName[TCommandName]) => void) {
+      if (!this.listenersByCommandName.has(commandName)) {
+        this.listenersByCommandName.set(commandName, new Set())
+      }
+      this.listenersByCommandName.get(commandName)!.add(listener)
+      const hasRegisteredCommandReceiver = !!this.cleanUp
+      if (!hasRegisteredCommandReceiver) {
+        this.cleanUp = this.componentCommandReceiver.registerCommandCallback(this.tag, (commandName: string, argv: any[]) => {
+          if (this.listenersByCommandName.has(commandName)) {
+            const listeners = this.listenersByCommandName.get(commandName)!
+            listeners.forEach(listener => {
+              listener(argv)
+            })
+          }
+        })
+      }
+  
+      return () => {
+        this.listenersByCommandName.get(commandName)?.delete(listener)
+        if (this.listenersByCommandName.get(commandName)?.size ?? 0 === 0) {
+          this.listenersByCommandName.delete(commandName)
+        }
+        if (this.listenersByCommandName.size === 0) {
+          this.cleanUp?.()
+        }
+      }
+    }
+  }
+
+}

package/harmony/qr_decode_image_camera/src/main/ets/generated/components/ts.ts

@@ -0,0 +1,8 @@
+/**
+ * This code was generated by "react-native codegen-harmony"
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be
+ * lost once the code is regenerated.
+ */
+
+export * from "./NativeScan"

package/harmony/qr_decode_image_camera/src/main/ets/generated/index.ets

@@ -0,0 +1,5 @@
+/**
+ * This code was generated by "react-native codegen-lib-harmony"
+ */
+
+export * from "./ts"

package/harmony/qr_decode_image_camera/src/main/ets/generated/ts.ts

@@ -0,0 +1,6 @@
+/**
+ * This code was generated by "react-native codegen-lib-harmony"
+ */
+
+export * as RNC from "./components/ts"
+export * as TM from "./turboModules/ts"

package/harmony/qr_decode_image_camera/src/main/ets/generated/turboModules/QrDecodeImageCameraNativeModule.ts

@@ -0,0 +1,16 @@
+/**
+ * This code was generated by "react-native codegen-lib-harmony"
+ */
+
+import { Tag } from "@rnoh/react-native-openharmony/ts"
+
+export namespace QrDecodeImageCameraNativeModule {
+  export const NAME = 'QrDecodeImageCameraNativeModule' as const
+
+  export type IPath = {uri: string}
+  
+  export interface Spec {
+    QRreader(path: IPath): Promise<unknown>;
+  
+  }
+}

package/harmony/qr_decode_image_camera/src/main/ets/generated/turboModules/ts.ts

@@ -0,0 +1,5 @@
+/**
+ * This code was generated by "react-native codegen-lib-harmony"
+ */
+
+export * from "./QrDecodeImageCameraNativeModule"

package/harmony/qr_decode_image_camera/src/main/ets/pages/Index.ets

@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+ 
+@Entry
+@Component
+struct Index {
+  @State message: string = 'Hello World';
+
+  build() {
+    RelativeContainer() {
+      Text(this.message)
+        .id('HelloWorld')
+        .fontSize(50)
+        .fontWeight(FontWeight.Bold)
+        .alignRules({
+          center: { anchor: '__container__', align: VerticalAlign.Center },
+          middle: { anchor: '__container__', align: HorizontalAlign.Center }
+        })
+    }
+    .height('100%')
+    .width('100%')
+  }
+}

package/harmony/qr_decode_image_camera/src/main/ets/qr_decode_image_camera/qr_decode_image_camera.ets

@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+ 
+import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { window } from '@kit.ArkUI';
+
+export default class qr_decode_image_camera extends UIAbility {
+  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
+  }
+
+  onDestroy(): void {
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
+  }
+
+  onWindowStageCreate(windowStage: window.WindowStage): void {
+    // Main window is created, set main page for this ability
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
+
+    windowStage.loadContent('pages/Index', (err) => {
+      if (err.code) {
+        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+        return;
+      }
+      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');
+    });
+  }
+
+  onWindowStageDestroy(): void {
+    // Main window is destroyed, release UI related resources
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
+  }
+
+  onForeground(): void {
+    // Ability has brought to foreground
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
+  }
+
+  onBackground(): void {
+    // Ability has back to background
+    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
+  }
+}

package/harmony/qr_decode_image_camera/src/main/module.json5

@@ -0,0 +1,11 @@
+{
+  "module": {
+    "name": "qr_decode_image_camera",
+    "type": "har",
+    "deviceTypes": [
+      "default",
+      "tablet",
+      "2in1"
+    ]
+  }
+}

package/harmony/qr_decode_image_camera/src/main/resources/base/element/color.json

@@ -0,0 +1,8 @@
+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    }
+  ]
+}

package/harmony/qr_decode_image_camera/src/main/resources/base/element/string.json

@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "Qr_decode_image_cameraAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "Qr_decode_image_cameraAbility_label",
+      "value": "label"
+    }
+  ]
+}

package/harmony/qr_decode_image_camera/src/main/resources/base/media/layered_image.json

@@ -0,0 +1,7 @@
+{
+  "layered-image":
+  {
+    "background" : "$media:background",
+    "foreground" : "$media:foreground"
+  }
+}

package/harmony/qr_decode_image_camera/src/main/resources/base/profile/main_pages.json

@@ -0,0 +1,5 @@
+{
+  "src": [
+    "pages/Index"
+  ]
+}

package/harmony/qr_decode_image_camera/src/main/resources/en_US/element/string.json

@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "module description"
+    },
+    {
+      "name": "Qr_decode_image_cameraAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "Qr_decode_image_cameraAbility_label",
+      "value": "label"
+    }
+  ]
+}

package/harmony/qr_decode_image_camera/src/main/resources/zh_CN/element/string.json

@@ -0,0 +1,16 @@
+{
+  "string": [
+    {
+      "name": "module_desc",
+      "value": "模块描述"
+    },
+    {
+      "name": "Qr_decode_image_cameraAbility_desc",
+      "value": "description"
+    },
+    {
+      "name": "Qr_decode_image_cameraAbility_label",
+      "value": "label"
+    }
+  ]
+}

package/harmony/qr_decode_image_camera/src/mock/mock-config.json5

@@ -0,0 +1,2 @@
+{
+}

package/harmony/qr_decode_image_camera/src/ohosTest/ets/test/Ability.test.ets

@@ -0,0 +1,35 @@
+import { hilog } from '@kit.PerformanceAnalysisKit';
+import { describe, beforeAll, beforeEach, afterEach, afterAll, it, expect } from '@ohos/hypium';
+
+export default function abilityTest() {
+  describe('ActsAbilityTest', () => {
+    // Defines a test suite. Two parameters are supported: test suite name and test suite function.
+    beforeAll(() => {
+      // Presets an action, which is performed only once before all test cases of the test suite start.
+      // This API supports only one parameter: preset action function.
+    })
+    beforeEach(() => {
+      // Presets an action, which is performed before each unit test case starts.
+      // The number of execution times is the same as the number of test cases defined by **it**.
+      // This API supports only one parameter: preset action function.
+    })
+    afterEach(() => {
+      // Presets a clear action, which is performed after each unit test case ends.
+      // The number of execution times is the same as the number of test cases defined by **it**.
+      // This API supports only one parameter: clear action function.
+    })
+    afterAll(() => {
+      // Presets a clear action, which is performed after all test cases of the test suite end.
+      // This API supports only one parameter: clear action function.
+    })
+    it('assertContain', 0, () => {
+      // Defines a test case. This API supports three parameters: test case name, filter parameter, and test case function.
+      hilog.info(0x0000, 'testTag', '%{public}s', 'it begin');
+      let a = 'abc';
+      let b = 'b';
+      // Defines a variety of assertion methods, which are used to declare expected boolean conditions.
+      expect(a).assertContain(b);
+      expect(a).assertEqual(a);
+    })
+  })
+}

package/harmony/qr_decode_image_camera/src/ohosTest/ets/test/List.test.ets

@@ -0,0 +1,5 @@
+import abilityTest from './Ability.test';
+
+export default function testsuite() {
+  abilityTest();
+}