@react-native-ohos/lottie-react-native 7.2.3-rc.1

package/harmony/lottie/src/main/ets/generated/components/LottieAnimationView.ts

@@ -0,0 +1,181 @@
+/**
+ * This code was generated by "react-native codegen-lib-harmony"
+ */
+
+import {
+  Descriptor as ComponentDescriptor,
+  ViewBaseProps,
+  ViewRawProps,
+  ViewDescriptorWrapperBase,
+  ColorValue,
+  Color,
+  RNInstance,
+  Tag,
+  RNComponentCommandReceiver,
+  ViewPropsSelector,
+} from '@rnoh/react-native-openharmony/ts';
+
+
+export namespace LottieAnimationView {
+  export const NAME = "LottieAnimationView" as const
+
+  export interface DirectRawProps {
+    resizeMode?: string;
+    renderMode?: string;
+    sourceName?: string;
+    sourceJson?: string;
+    sourceURL?: string;
+    imageAssetsFolder?: string;
+    progress?: number;
+    speed?: number;
+    loop?: boolean;
+    autoPlay?: boolean;
+    enableMergePathsAndroidForKitKatAndAbove?: boolean;
+    hardwareAccelerationAndroid?: boolean;
+    cacheComposition?: boolean;
+    colorFilters?: unknown;
+  }
+  
+  export interface Props extends ViewBaseProps {}
+  
+  export interface State {}
+  
+  export interface RawProps extends ViewRawProps, DirectRawProps {}
+  
+  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
+    get resizeMode() {
+      return this.rawProps.resizeMode;
+    }
+    
+    get renderMode() {
+      return this.rawProps.renderMode;
+    }
+    
+    get sourceName() {
+      return this.rawProps.sourceName;
+    }
+    
+    get sourceJson() {
+      return this.rawProps.sourceJson;
+    }
+    
+    get sourceURL() {
+      return this.rawProps.sourceURL;
+    }
+    
+    get imageAssetsFolder() {
+      return this.rawProps.imageAssetsFolder;
+    }
+    
+    get progress() {
+      return this.rawProps.progress ?? 0;
+    }
+    
+    get speed() {
+      return this.rawProps.speed ?? 0;
+    }
+    
+    get loop() {
+      return this.rawProps.loop ?? false;
+    }
+    
+    get autoPlay() {
+      return this.rawProps.autoPlay ?? false;
+    }
+    
+    get enableMergePathsAndroidForKitKatAndAbove() {
+      return this.rawProps.enableMergePathsAndroidForKitKatAndAbove ?? false;
+    }
+    
+    get hardwareAccelerationAndroid() {
+      return this.rawProps.hardwareAccelerationAndroid ?? false;
+    }
+    
+    get cacheComposition() {
+      return this.rawProps.cacheComposition ?? false;
+    }
+    
+    get colorFilters() {
+      return this.rawProps.colorFilters;
+    }
+    
+  
+  }
+
+  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 {
+    "animationFinish": {isCancelled: boolean}
+    "animationFailure": {error: string}
+    "animationLoaded": {}
+  }
+  
+  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 {
+    "play": [number, number]
+    "reset": []
+    "pause": []
+    "resume": []
+  }
+  
+  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/lottie/src/main/ets/generated/components/ts.ts

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

package/harmony/lottie/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/lottie/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/lottie/src/main/ets/generated/turboModules/ts.ts

@@ -0,0 +1,5 @@
+
+/**
+ */
+
+export {}

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

@@ -0,0 +1,9 @@
+{
+  "module": {
+    "name": "lottie",
+    "type": "har",
+    "deviceTypes": [
+      "default"
+    ]
+  }
+}

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

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

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

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

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

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

package/harmony/lottie/ts.ts

@@ -0,0 +1,5 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+export * from './src/main/ets/LottieAnimationViewPackage'

package/lib/commonjs/LottieAnimationViewNativeComponent.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Commands = void 0;
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+var _codegenNativeCommands = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+const Commands = exports.Commands = (0, _codegenNativeCommands.default)({
+  supportedCommands: ['play', 'reset', 'pause', 'resume']
+});
+var _default = exports.default = (0, _codegenNativeComponent.default)('LottieAnimationView');
+//# sourceMappingURL=LottieAnimationViewNativeComponent.js.map

package/lib/commonjs/LottieAnimationViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","_codegenNativeCommands","e","__esModule","default","Commands","exports","codegenNativeCommands","supportedCommands","_default","codegenNativeComponent"],"sourceRoot":"../../src","sources":["LottieAnimationViewNativeComponent.ts"],"mappings":";;;;;;AAUE,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA2F,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAX7F;AACA;AACA;;AAsES,MAAMG,QAAwB,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,8BAAqB,EAAiB;EAC5EC,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ;AACxD,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAH,OAAA,CAAAF,OAAA,GAEY,IAAAM,+BAAsB,EAAc,qBAAqB,CAAC","ignoreList":[]}

package/lib/commonjs/codegenUtils.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=codegenUtils.js.map

package/lib/commonjs/codegenUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["codegenUtils.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _LottieView = require("lottie-react-native/src/LottieView");
+var _types = require("lottie-react-native/src/types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+var _default = exports.default = _LottieView.LottieView;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_LottieView","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_default","default","LottieView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;AAIA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AALA;AACA;AACA;AAAA,IAAAS,QAAA,GAAAJ,OAAA,CAAAK,OAAA,GAIeC,sBAAU","ignoreList":[]}

package/lib/module/LottieAnimationViewNativeComponent.js

@@ -0,0 +1,11 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+export const Commands = codegenNativeCommands({
+  supportedCommands: ['play', 'reset', 'pause', 'resume']
+});
+export default codegenNativeComponent('LottieAnimationView');
+//# sourceMappingURL=LottieAnimationViewNativeComponent.js.map

package/lib/module/LottieAnimationViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeComponent","codegenNativeCommands","Commands","supportedCommands"],"sourceRoot":"../../src","sources":["LottieAnimationViewNativeComponent.ts"],"mappings":"AAAA;AACA;AACA;;AAQE,OAAOA,sBAAsB,MAAM,yDAAyD;AAC5F,OAAOC,qBAAqB,MAAM,wDAAwD;AA6D1F,OAAO,MAAMC,QAAwB,GAAGD,qBAAqB,CAAiB;EAC5EE,iBAAiB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ;AACxD,CAAC,CAAC;AAEF,eAAeH,sBAAsB,CAAc,qBAAqB,CAAC","ignoreList":[]}

package/lib/module/codegenUtils.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=codegenUtils.js.map

package/lib/module/codegenUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["codegenUtils.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,8 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+import { LottieView } from 'lottie-react-native/src/LottieView';
+export * from 'lottie-react-native/src/types';
+export default LottieView;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LottieView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,oCAAoC;AAC/D,cAAc,+BAA+B;AAC7C,eAAeA,UAAU","ignoreList":[]}

package/lib/typescript/LottieAnimationViewNativeComponent.d.ts

@@ -0,0 +1,44 @@
+import type { DirectEventHandler, Int32, Double, Float } from 'react-native/Libraries/Types/CodegenTypes';
+import type { ProcessedColorValue, ViewProps, HostComponent } from 'react-native';
+import type { UnsafeMixed } from './codegenUtils';
+export type OnAnimationFinishEvent = Readonly<{
+    isCancelled: boolean;
+}>;
+export type AnimationFailureEvent = Readonly<{
+    error: string;
+}>;
+export type AnimationLoadedEvent = Readonly<{}>;
+type ColorFilterStruct = Readonly<{
+    keypath: string;
+    color: ProcessedColorValue;
+}>;
+export interface NativeProps extends ViewProps {
+    resizeMode?: string;
+    renderMode?: string;
+    sourceName?: string;
+    sourceJson?: string;
+    sourceURL?: string;
+    imageAssetsFolder?: string;
+    progress?: Float;
+    speed?: Double;
+    loop?: boolean;
+    autoPlay?: boolean;
+    enableMergePathsAndroidForKitKatAndAbove?: boolean;
+    hardwareAccelerationAndroid?: boolean;
+    cacheComposition?: boolean;
+    colorFilters?: UnsafeMixed<ReadonlyArray<ColorFilterStruct>>;
+    onAnimationFinish?: DirectEventHandler<OnAnimationFinishEvent, 'onAnimationFinish'>;
+    onAnimationFailure?: DirectEventHandler<AnimationFailureEvent, 'onAnimationFailure'>;
+    onAnimationLoaded?: DirectEventHandler<AnimationLoadedEvent, 'onAnimationLoaded'>;
+}
+type LottieViewNativeComponentType = HostComponent<NativeProps>;
+interface NativeCommands {
+    play: (viewRef: React.ElementRef<LottieViewNativeComponentType>, startFrame: Int32, endFrame: Int32) => void;
+    reset: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
+    pause: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
+    resume: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
+}
+export declare const Commands: NativeCommands;
+declare const _default: HostComponent<NativeProps>;
+export default _default;
+//# sourceMappingURL=LottieAnimationViewNativeComponent.d.ts.map

package/lib/typescript/LottieAnimationViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LottieAnimationViewNativeComponent.d.ts","sourceRoot":"","sources":["../../src/LottieAnimationViewNativeComponent.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,kBAAkB,EAChB,KAAK,EACL,MAAM,EACN,KAAK,EACN,MAAM,2CAA2C,CAAC;AAGnD,OAAO,KAAK,EAAC,mBAAmB,EAAC,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,QAAQ,CAAC;IAC5C,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;AAE/C,KAAK,iBAAiB,GAAG,QAAQ,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC,CAAC,EAAE,OAAO,CAAC;IACnD,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAC,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC5D,iBAAiB,CAAC,EAAE,kBAAkB,CACpC,sBAAsB,EACtB,mBAAmB,CACpB,CAAC;IACF,kBAAkB,CAAC,EAAE,kBAAkB,CACrC,qBAAqB,EACrB,oBAAoB,CACrB,CAAC;IACF,iBAAiB,CAAC,EAAE,kBAAkB,CACpC,oBAAoB,EACpB,mBAAmB,CACpB,CAAC;CACH;AAED,KAAK,6BAA6B,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;AAEhE,UAAU,cAAc;IACtB,IAAI,EAAE,CACJ,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC,EACxD,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,KAAK,KACZ,IAAI,CAAC;IACV,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC,KAAK,IAAI,CAAC;IAC1E,KAAK,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC,KAAK,IAAI,CAAC;IAC1E,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,6BAA6B,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,eAAO,MAAM,QAAQ,EAAE,cAErB,CAAC;wBAE0E,aAAa,CAAC,WAAW,CAAC;AAAvG,wBAAwG"}

package/lib/typescript/codegenUtils.d.ts

@@ -0,0 +1,3 @@
+export type UnsafeMixed<T> = T;
+export type OptionalProp<T> = UnsafeMixed<T>;
+//# sourceMappingURL=codegenUtils.d.ts.map

package/lib/typescript/codegenUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codegenUtils.d.ts","sourceRoot":"","sources":["../../src/codegenUtils.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC;AAI/B,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,4 @@
+import { LottieView } from 'lottie-react-native/src/LottieView';
+export * from 'lottie-react-native/src/types';
+export default LottieView;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,cAAc,+BAA+B,CAAC;AAC9C,eAAe,UAAU,CAAC"}

package/package.json

@@ -0,0 +1,131 @@
+{
+  "name": "@react-native-ohos/lottie-react-native",
+  "version": "7.2.3-rc.1",
+  "description": "c-api-foundation",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "react-native": "src/index.tsx",
+  "types": "lib/typescript/index.d.ts",
+  "source": "src/index.tsx",
+  "sideEffects": false,
+  "files": [
+    "src",
+    "lib",
+    "harmony",
+    "!harmony/oh_modules",
+    "!harmony/**/build",
+    "!harmony/**/oh_modules",
+    "*.podspec",
+    "react-native.config.js"
+  ],
+  "author": "Emilio Rodriguez <emiliorodriguez@gmail.com>",
+  "homepage": "https://github.com/airbnb/lottie-react-native#readme",
+  "harmony": {
+    "alias": "lottie-react-native"
+  },
+  "license": "Apache-2.0",
+  "keywords": [
+    "lottie",
+    "animation",
+    "react",
+    "react-native",
+    "keyframe"
+  ],
+  "repository": "https://github.com/react-native-oh-library/lottie-react-native.git",
+  "bugs": {
+    "url": "https://github.com/react-native-oh-library/lottie-react-native/issues"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "scripts": {
+    "build": "bob build",
+    "prepack": "npm run build",
+    "release": "release-it",
+    "lint:swift": "swiftlint ios",
+    "codegen-lib": "react-native codegen-lib-harmony --no-safety-check --npm-package-name lottie-react-native --cpp-output-path ./harmony/lottie/src/main/cpp/generated --ets-output-path ./harmony/lottie/src/main/ets/generated --arkts-components-spec-paths ./src/LottieAnimationViewNativeComponent.ts",
+    "lint-fix:swift": "swiftlint --fix ios"
+  },
+  "peerDependencies": {
+    "@dotlottie/react-player": "^1.6.1",
+    "@lottiefiles/dotlottie-react": "^0.6.5",
+    "@lottiefiles/react-lottie-player": "^3.5.3",
+    "react": "*",
+    "react-native": ">=0.46",
+    "react-native-windows": ">=0.63.x"
+  },
+  "peerDependenciesMeta": {
+    "@dotlottie/react-player": {
+      "optional": true
+    },
+    "@lottiefiles/dotlottie-react": {
+      "optional": true
+    },
+    "@lottiefiles/react-lottie-player": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@react-native-community/eslint-config": "^3.1.0",
+    "@release-it/conventional-changelog": "^5.1.1",
+    "@types/react": "^18.2.12",
+    "@types/react-native": "^0.70.14",
+    "@typescript-eslint/eslint-plugin": "^5.59.11",
+    "@typescript-eslint/parser": "^5.59.11",
+    "eslint": "^8.43.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "metro-react-native-babel-preset": "^0.73.10",
+    "prettier": "^2.8.8",
+    "react": "18.3.1",
+    "react-native": "0.77.1",
+    "react-native-builder-bob": "^0.20.4",
+    "release-it": "^15.11.0",
+    "typescript": "^5.1.3",
+    "react-native-harmony-cli": "npm:@react-native-oh/react-native-harmony-cli@^0.0.27"
+  },
+  "contributors": [
+    {
+      "name": "Matin Zadeh Dolatabad",
+      "email": "me@matinzd.dev"
+    },
+    {
+      "name": "Parsa Nasirimehr",
+      "email": "p.nasirimehr@gmail.com"
+    }
+  ],
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular",
+        "infile": "../../CHANGELOG.md"
+      }
+    }
+  },
+  "dependencies": {
+    "lottie-react-native": "7.2.2"
+  }
+}

package/src/LottieAnimationViewNativeComponent.ts

@@ -0,0 +1,78 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+import type {
+  DirectEventHandler,
+    Int32,
+    Double,
+    Float,
+  } from 'react-native/Libraries/Types/CodegenTypes';
+  import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+  import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+  import type {ProcessedColorValue,ViewProps, HostComponent } from 'react-native';
+  import type { UnsafeMixed } from './codegenUtils';
+
+  export type OnAnimationFinishEvent = Readonly<{
+    isCancelled: boolean;
+  }>;
+  
+  export type AnimationFailureEvent = Readonly<{
+    error: string;
+  }>;
+  
+  export type AnimationLoadedEvent = Readonly<{}>
+  
+  type ColorFilterStruct = Readonly<{
+    keypath: string;
+    color: ProcessedColorValue;
+  }>;
+  
+  export interface NativeProps extends ViewProps {
+    resizeMode?: string;
+    renderMode?: string;
+    sourceName?: string;
+    sourceJson?: string;
+    sourceURL?: string;
+    imageAssetsFolder?: string;
+    progress?: Float;
+    speed?: Double;
+    loop?: boolean;
+    autoPlay?: boolean;
+    enableMergePathsAndroidForKitKatAndAbove?: boolean;
+    hardwareAccelerationAndroid?: boolean;
+    cacheComposition?: boolean;
+    colorFilters?:UnsafeMixed<ReadonlyArray<ColorFilterStruct>>;
+    onAnimationFinish?: DirectEventHandler<
+      OnAnimationFinishEvent,
+      'onAnimationFinish'
+    >;
+    onAnimationFailure?: DirectEventHandler<
+      AnimationFailureEvent,
+      'onAnimationFailure'
+    >;
+    onAnimationLoaded?: DirectEventHandler<
+      AnimationLoadedEvent,
+      'onAnimationLoaded'
+    >;
+  }
+  
+  type LottieViewNativeComponentType = HostComponent<NativeProps>;
+  
+  interface NativeCommands {
+    play: (
+      viewRef: React.ElementRef<LottieViewNativeComponentType>,
+      startFrame: Int32,
+      endFrame: Int32,
+    ) => void;
+    reset: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
+    pause: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
+    resume: (viewRef: React.ElementRef<LottieViewNativeComponentType>) => void;
+  }
+  
+  export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+    supportedCommands: ['play', 'reset', 'pause', 'resume'],
+  });
+  
+  export default codegenNativeComponent<NativeProps>('LottieAnimationView') as HostComponent<NativeProps>;
+  

package/src/codegenUtils.ts

@@ -0,0 +1,9 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+export type UnsafeMixed<T> = T;
+
+// Fabric doesn't support optional props, so we need to use UnsafeMixed
+// https://github.com/rnmapbox/maps/pull/3082#discussion_r1339858750
+export type OptionalProp<T> = UnsafeMixed<T>;

package/src/index.tsx

@@ -0,0 +1,7 @@
+// Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+// Use of this source code is governed by a Apache-2.0 license that can be
+// found in the LICENSE file.
+
+import { LottieView } from 'lottie-react-native/src/LottieView';
+export * from 'lottie-react-native/src/types';
+export default LottieView;