@react-native-ohos/react-native-blurhash 2.0.4-rc.1

package/harmony/blurhash/src/main/cpp/types/libblurhash/Index.d.ts

@@ -0,0 +1 @@
+export const getEncode: (filename: String, components_x: Number, components_y: Number) => string;

package/harmony/blurhash/src/main/cpp/types/libblurhash/oh-package.json5

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

package/harmony/blurhash/src/main/ets/BlurhashPackage.ts

@@ -0,0 +1,58 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { RNPackage, TurboModulesFactory } from '@rnoh/react-native-openharmony/ts';
+import type {
+  TurboModule,
+  TurboModuleContext,
+  DescriptorWrapperFactoryByDescriptorTypeCtx,
+  DescriptorWrapperFactoryByDescriptorType,
+} from '@rnoh/react-native-openharmony/ts';
+import { RNBlurhashModule } from './BlurhashTurboModule';
+import { BlurhashModule } from './TMSpecs'
+import { BlurhashView} from './RNCSpecs'
+
+class BlurhashTurboModulesFactory extends TurboModulesFactory {
+  createTurboModule(name: string): TurboModule | null {
+    if (name === BlurhashModule.NAME) {
+      return new RNBlurhashModule(this.ctx);
+    }
+    return null;
+  }
+
+  hasTurboModule(name: string): boolean {
+    return name === BlurhashModule.NAME;
+  }
+}
+
+export class BlurhashPackage extends RNPackage {
+  createTurboModulesFactory(ctx: TurboModuleContext): TurboModulesFactory {
+    return new BlurhashTurboModulesFactory(ctx);
+  }
+  createDescriptorWrapperFactoryByDescriptorType(ctx: DescriptorWrapperFactoryByDescriptorTypeCtx): DescriptorWrapperFactoryByDescriptorType {
+    return {
+      [BlurhashView.NAME]: (ctx) => new BlurhashView.DescriptorWrapper(ctx.descriptor)
+    }
+  }
+}

package/harmony/blurhash/src/main/ets/BlurhashTurboModule.ts

@@ -0,0 +1,49 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { TurboModule, RNOHError, Tag } from '@rnoh/react-native-openharmony/ts';
+import Logger from './Logger'
+import { BlurhashModule } from "./TMSpecs"
+import { ImageLoaderTurboModule } from '@rnoh/react-native-openharmony/src/main/ets/RNOHCorePackage/turboModules';
+import { RemoteImageLoader } from '@rnoh/react-native-openharmony/src/main/ets/RemoteImageLoader';
+
+import rnKeysCPPLib from 'librnoh_blurhash.so';
+
+export class RNBlurhashModule extends TurboModule implements BlurhashModule.Spec {
+  clearCosineCache(): void {
+    Logger.debug('[RNOH]:BlurhashModule call clearCosineCache');
+  }
+
+  async createBlurhashFromImage(imageUri: string, componentsX: number, componentsY: number): Promise<string> {
+    const imageLoader = this.ctx.rnInstance.getTurboModule<ImageLoaderTurboModule>("ImageLoader");
+    const RemoteImageLoader = this.ctx.rnInstance.getTurboModule<RemoteImageLoader>("ImageLoader");
+    await imageLoader.prefetchImage(imageUri)
+    const filePath = RemoteImageLoader.getPrefetchResult(imageUri)
+    const fileName = filePath.split('/').pop();
+    const blurhashcode = rnKeysCPPLib.getEncode(fileName,componentsX,componentsY)
+    return (blurhashcode);
+  }
+
+}
+

package/harmony/blurhash/src/main/ets/BlurhashView.ets

@@ -0,0 +1,107 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+//
+// import {
+//   Descriptor,
+//   ViewBaseProps,
+//   RNViewBase,
+//   RNComponentContext
+// } from '@rnoh/react-native-openharmony';
+// // import { RNC } from "@rnoh/react-native-openharmony/generated";
+// import { RNCBlurhashView } from './RNCBlurhashView'
+// import Logger from './Logger';
+//
+//
+// interface BlurhashViewProps extends ViewBaseProps {
+//   size: number
+// }
+//
+// export type BlurhashViewDescriptor = Descriptor<"BlurhashView", BlurhashViewProps>
+//
+// @Component
+// export struct BlurhashView {
+//   public static readonly NAME = "BlurhashView"
+//   public ctx!: RNComponentContext
+//   public tag: number = 0
+//   // @State descriptor: BlurhashViewDescriptor = {} as BlurhashViewDescriptor
+//   @State private descriptorWrapper: RNCBlurhashView.DescriptorWrapper = {} as RNCBlurhashView.DescriptorWrapper;
+//   @State fontSize: number | undefined = undefined
+//   private cleanUpCallbacks: (() => void)[] = []
+//   private eventEmitter: RNCBlurhashView.EventEmitter | undefined = undefined
+//
+//   aboutToAppear() {
+//     // this.descriptor = this.ctx.descriptorRegistry.getDescriptor<BlurhashViewDescriptor>(this.tag)
+//     // this.cleanUpCallbacks.push(this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
+//     //   (newDescriptor) => {
+//     //     this.descriptor = (newDescriptor as BlurhashViewDescriptor)
+//     //   }
+//     // ))
+//     // this.cleanUpCallbacks.push(this.ctx.componentCommandReceiver.registerCommandCallback(this.tag, (commandName) => {
+//     //   if (commandName === "toggleFontSize") {
+//     //     this.fontSize = this.fontSize ? undefined : 20
+//     //   }
+//     // }))
+//     Logger.info('99999999999999999999')
+//     console.log('9999999999999999999911')
+//     this.eventEmitter = new RNCBlurhashView.EventEmitter(this.ctx.rnInstance, this.tag)
+//     this.onDescriptorWrapperChange(this.ctx.descriptorRegistry.findDescriptorWrapperByTag<RNCBlurhashView.DescriptorWrapper>(this.tag)!);
+//     this.cleanUpCallbacks.push(this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag,
+//       (_descriptor, newDescriptorWrapper) => {
+//         this.onDescriptorWrapperChange(newDescriptorWrapper! as RNCBlurhashView.DescriptorWrapper)
+//       }
+//     ))
+//     this.descriptorWrapper.props
+//   }
+//
+//   private onDescriptorWrapperChange(descriptorWrapper: RNCBlurhashView.DescriptorWrapper) {
+//     this.descriptorWrapper = descriptorWrapper;
+//   }
+//
+//   aboutToDisappear() {
+//     this.cleanUpCallbacks.forEach(cb => cb())
+//   }
+//
+//   build() {
+//     RNViewBase({ ctx: this.ctx, tag: this.tag }) {
+//       Text(this.descriptorWrapper.tag.toString()).fontColor("white").fontSize(this.fontSize ?? 12)
+//       this.ctx.wrappedRNChildrenBuilder.builder(this.ctx, this.tag)
+//     }
+//   }
+//
+//   onLoadStart() {
+//     Logger.info('RNOH component onLoadStart 11111111')
+//     this.eventEmitter!.emit("loadStart", {})
+//   }
+//
+//   onError() {
+//     Logger.error(`RNOH in RNBlurhash onError,${this.tag}`);
+//     this.eventEmitter!.emit("loadError", {})
+//   }
+//
+//   onLoadEnd() {
+//     Logger.info('RNOH component onLoadEnd 22222222')
+//     this.eventEmitter!.emit("loadEnd", {})
+//   }
+//
+// }

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

@@ -0,0 +1,64 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+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 = 'MyApp', 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('RNBlurhash', 0xFF00, false)

package/harmony/blurhash/src/main/ets/RNCBlurhashView.ts

@@ -0,0 +1,157 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import {
+  Descriptor as ComponentDescriptor,
+  ViewBaseProps,
+  ViewRawProps,
+  ViewDescriptorWrapperBase,
+  ColorValue,
+  Color,
+  RNInstance,
+  Tag,
+  RNComponentCommandReceiver,
+  ViewPropsSelector,
+} from '@rnoh/react-native-openharmony/ts';
+
+
+export namespace RNCBlurhashView {
+  export const NAME = "RNCBlurhashView" as const
+
+  export interface DirectRawProps {
+    blurhash: string;
+    decodeWidth?: number;
+    decodeHeight?: number;
+    decodePunch?: number;
+    decodeAsync?: boolean;
+    resizeMode?: 'cover' | 'contain' | 'stretch' | 'center';
+  }
+  
+  export interface Props extends ViewBaseProps {}
+  
+  export interface State {}
+  
+  export interface RawProps extends ViewRawProps, DirectRawProps {}
+  
+  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
+    get blurhash() {
+      return this.rawProps.blurhash;
+    }
+    
+    get decodeWidth() {
+      return this.rawProps.decodeWidth ?? 32;
+    }
+    
+    get decodeHeight() {
+      return this.rawProps.decodeHeight ?? 32;
+    }
+    
+    get decodePunch() {
+      return this.rawProps.decodePunch ?? 1;
+    }
+    
+    get decodeAsync() {
+      return this.rawProps.decodeAsync ?? false;
+    }
+    
+    get resizeMode() {
+      return this.rawProps.resizeMode ?? 'cover';
+    }
+    
+  
+  }
+
+  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 {
+    "loadStart": {}
+    "loadEnd": {}
+    "loadError": {message?: 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/blurhash/src/main/ets/RNCSpecs.ts

@@ -0,0 +1,163 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import {
+  Descriptor as ComponentDescriptor,
+  ViewBaseProps,
+  ViewRawProps,
+  ViewDescriptorWrapperBase,
+  RNInstance,
+  Tag,
+  RNComponentCommandReceiver,
+  ViewPropsSelector,
+} from '@rnoh/react-native-openharmony/ts';
+
+
+export namespace BlurhashView {
+  export const NAME = "BlurhashView" as const
+
+  export interface DirectRawProps {
+    blurhash:string;
+    decodeWidth?:number;
+    decodeHeight?:number;
+    decodePunch?:number;
+    decodeAsync?:boolean;
+    resizeMode?: 'contain' | 'cover' | 'stretch' | 'center';
+  }
+
+  export interface Props extends ViewBaseProps {}
+
+  export interface State {}
+
+  export interface RawProps extends ViewRawProps, DirectRawProps {}
+
+  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
+
+    get blurhash() {
+      console.log(this.blurhash)
+      return this.blurhash;
+    }
+
+    get decodeWidth() {
+      console.log(this.decodeWidth)
+      return this.decodeWidth;
+    }
+
+    get decodeHeight() {
+      console.log(this.decodeHeight)
+      return this.decodeHeight;
+    }
+
+    get decodePunch() {
+      console.log(this.decodePunch)
+      return this.decodePunch;
+    }
+
+    get decodeAsync() {
+      console.log(this.decodeAsync)
+      return this.decodeAsync;
+    }
+
+    get resizeMode() {
+      console.log(this.resizeMode)
+      return this.rawProps.resizeMode ?? 'cover';
+    }
+
+  }
+
+  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 {
+    "Error": {}
+    "Load": {width: number, height: number}
+    "LoadEnd": {}
+    "LoadStart": {}
+    "Progress": {loaded: number, total: number}
+  }
+
+  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/blurhash/src/main/ets/TMSpecs.ts

@@ -0,0 +1,33 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+export namespace BlurhashModule {
+  export const NAME = 'BlurhashModule' as const
+
+  export interface Spec {
+    createBlurhashFromImage(imageUri: string, componentsX: number, componentsY: number): Promise<string>;
+
+    clearCosineCache(): void;
+  }
+}

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

@@ -0,0 +1,7 @@
+{
+  "module": {
+    "name": 'blurhash',
+    "type": 'har',
+    "deviceTypes": ['default'],
+  },
+}

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

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

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

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

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

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}