@momo-kits/qrcode 0.150.2-beta.11 → 0.150.2-beta.13

package/ios/RNQRCode.mm

@@ -0,0 +1,66 @@
+#import "RNQRCode.h"
+#import <react/renderer/components/QrcodeViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/QrcodeViewSpec/Props.h>
+#import <react/renderer/components/QrcodeViewSpec/RCTComponentViewHelpers.h>
+#import <react/renderer/components/QrcodeViewSpec/EventEmitters.h>
+#import "QRCodeView.h"
+#import <React/RCTLog.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@interface RNQRCode () <RCTRNQRCodeViewProtocol>
+@end
+
+@implementation RNQRCode {
+  QRCodeView *_qrView;
+}
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    // Create and embed your existing UIImageView-based QRCodeView
+    _qrView = [QRCodeView new];
+    [self addSubview:_qrView];
+  }
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props
+           oldProps:(Props::Shared const &)oldProps
+{
+  // Pull in the generated Props struct
+  const auto &qrProps = *std::static_pointer_cast<RNQRCodeProps const>(props);
+
+  // Apply to your view
+  if (!qrProps.code.empty()) {
+      NSString *nsCode = [NSString stringWithUTF8String:qrProps.code.c_str()];
+      _qrView.code = nsCode;
+    }
+  _qrView.ratio = qrProps.ratio;
+  _qrView.size  = qrProps.size;
+  NSLog(@"[QRCodeView] setCode: %@", _qrView.code);
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+  // Make the QR image fill the host view
+  _qrView.frame = self.bounds;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  // Hook up to the C++ ComponentDescriptor generated by Codegen
+  return concreteComponentDescriptorProvider<RNQRCodeComponentDescriptor>();
+}
+
+@end
+
+Class<RCTRNQRCodeViewProtocol> RCTQRCodeCls(void)
+{
+  return RNQRCode.class;
+}

package/lib/module/BarCodeView.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import RNBarCode from './RNBarCodeNativeComponent';
+import { PixelRatio } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BarCodeView = ({
+  ratio,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(RNBarCode, {
+    ratio: ratio ?? PixelRatio.get(),
+    ...props
+  });
+};
+export default BarCodeView;
+//# sourceMappingURL=BarCodeView.js.map

package/lib/module/BarCodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RNBarCode","PixelRatio","jsx","_jsx","BarCodeView","ratio","props","get"],"sourceRoot":"../../src","sources":["BarCodeView.tsx"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,4BAA4B;AAClD,SAASC,UAAU,QAAsB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASxD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAwB,CAAC,KAAK;EAC7D,oBAAOH,IAAA,CAACH,SAAS;IAACK,KAAK,EAAEA,KAAK,IAAIJ,UAAU,CAACM,GAAG,CAAC,CAAE;IAAA,GAAKD;EAAK,CAAG,CAAC;AACnE,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}

package/lib/module/QRCodeView.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { Image, PixelRatio } from 'react-native';
+import RNQRCode from './RNQRCodeNativeComponent';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ratio = PixelRatio.get();
+const ic_logo = 'https://img.mservice.io/momo_app_v2/new_version/img/appx_image/ic_momo.png';
+const QRCodeView = ({
+  code,
+  showLogo = false,
+  ratio: customRatio,
+  icon = ic_logo,
+  iconSize = 32,
+  size,
+  iconStyle,
+  style,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RNQRCode, {
+      code: code,
+      ratio: customRatio ?? ratio,
+      size: size,
+      ...rest,
+      style: [{
+        width: size,
+        height: size
+      }, style]
+    }), showLogo ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: icon
+      },
+      style: [{
+        width: iconSize,
+        height: iconSize,
+        position: 'absolute'
+      }, iconStyle]
+    }) : null]
+  });
+};
+export default QRCodeView;
+//# sourceMappingURL=QRCodeView.js.map

package/lib/module/QRCodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","PixelRatio","RNQRCode","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ratio","get","ic_logo","QRCodeView","code","showLogo","customRatio","icon","iconSize","size","iconStyle","style","rest","children","width","height","source","uri","position"],"sourceRoot":"../../src","sources":["QRCodeView.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAChD,OAAOC,QAAQ,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjD,MAAMC,KAAK,GAAGR,UAAU,CAACS,GAAG,CAAC,CAAC;AAC9B,MAAMC,OAAO,GACX,4EAA4E;AAa9E,MAAMC,UAAU,GAAGA,CAAC;EAClBC,IAAI;EACJC,QAAQ,GAAG,KAAK;EAChBL,KAAK,EAAEM,WAAW;EAClBC,IAAI,GAAGL,OAAO;EACdM,QAAQ,GAAG,EAAE;EACbC,IAAI;EACJC,SAAS;EACTC,KAAK;EACL,GAAGC;AACY,CAAC,KAAK;EACrB,oBACEb,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACElB,IAAA,CAACF,QAAQ;MACPW,IAAI,EAAEA,IAAK;MACXJ,KAAK,EAAEM,WAAW,IAAIN,KAAM;MAC5BS,IAAI,EAAEA,IAAK;MAAA,GACPG,IAAI;MACRD,KAAK,EAAE,CACL;QACEG,KAAK,EAAEL,IAAI;QACXM,MAAM,EAAEN;MACV,CAAC,EACDE,KAAK;IACL,CACH,CAAC,EACDN,QAAQ,gBACPV,IAAA,CAACJ,KAAK;MACJyB,MAAM,EAAE;QAAEC,GAAG,EAAEV;MAAK,CAAE;MACtBI,KAAK,EAAE,CACL;QACEG,KAAK,EAAEN,QAAQ;QACfO,MAAM,EAAEP,QAAQ;QAChBU,QAAQ,EAAE;MACZ,CAAC,EACDR,SAAS;IACT,CACH,CAAC,GACA,IAAI;EAAA,CACR,CAAC;AAEP,CAAC;AAED,eAAeP,UAAU","ignoreList":[]}

package/lib/module/RNBarCodeNativeComponent.ts

@@ -0,0 +1,15 @@
+import type { ViewProps } from 'react-native';
+import { codegenNativeComponent, CodegenTypes } from 'react-native';
+
+export interface BarCodeNativeComponentProps extends ViewProps {
+  /** the data string to encode */
+  code?: string;
+  /** scale-factor for the raw CIImage */
+  ratio?: CodegenTypes.Float;
+  /** pixel width of the final barcode */
+  width?: CodegenTypes.Int32;
+  /** pixel height of the final barcode */
+  height?: CodegenTypes.Int32;
+}
+
+export default codegenNativeComponent<BarCodeNativeComponentProps>('RNBarCode');

package/lib/module/RNQRCodeNativeComponent.ts

@@ -0,0 +1,10 @@
+import type { ViewProps } from 'react-native';
+import { codegenNativeComponent, CodegenTypes } from 'react-native';
+
+export interface QRCodeNativeComponentProps extends ViewProps {
+  code?: string;
+  ratio?: CodegenTypes.Float;
+  size?: CodegenTypes.Int32;
+}
+
+export default codegenNativeComponent<QRCodeNativeComponentProps>('RNQRCode');

package/lib/module/index.js

@@ -1,5 +1,8 @@
 "use strict";
 
-export { default as RCTQRCodeView } from './RCTQRCodeViewNativeComponent';
-export * from './RCTQRCodeViewNativeComponent';
+import RNQRCode from './RNQRCodeNativeComponent';
+import RNBarCode from './RNBarCodeNativeComponent';
+import BarCodeView from "./BarCodeView.js";
+import QRCodeView from "./QRCodeView.js";
+export { BarCodeView, QRCodeView, RNQRCode, RNBarCode };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","RCTQRCodeView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,aAAa,QAAQ,gCAAgC;AACzE,cAAc,gCAAgC","ignoreList":[]}
+{"version":3,"names":["RNQRCode","RNBarCode","BarCodeView","QRCodeView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,SAAS,MAAM,4BAA4B;AAClD,OAAOC,WAAW,MAAM,kBAAe;AACvC,OAAOC,UAAU,MAAM,iBAAc;AAErC,SAASD,WAAW,EAAEC,UAAU,EAAEH,QAAQ,EAAEC,SAAS","ignoreList":[]}

package/lib/typescript/src/BarCodeView.d.ts

@@ -0,0 +1,10 @@
+import { CodegenTypes } from 'react-native';
+type BarCodeViewProps = {
+    code: string;
+    width: CodegenTypes.Int32;
+    height: CodegenTypes.Int32;
+    ratio?: CodegenTypes.Float;
+};
+declare const BarCodeView: ({ ratio, ...props }: BarCodeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default BarCodeView;
+//# sourceMappingURL=BarCodeView.d.ts.map

package/lib/typescript/src/BarCodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarCodeView.d.ts","sourceRoot":"","sources":["../../../src/BarCodeView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,YAAY,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,4CAEzD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/QRCodeView.d.ts

@@ -0,0 +1,14 @@
+import type { CodegenTypes } from 'react-native';
+type QRCodeViewProps = {
+    code: string;
+    size: CodegenTypes.Int32;
+    ratio?: CodegenTypes.Float;
+    icon?: string;
+    showLogo?: boolean;
+    iconSize?: CodegenTypes.Int32;
+    iconStyle?: any;
+    style?: any;
+};
+declare const QRCodeView: ({ code, showLogo, ratio: customRatio, icon, iconSize, size, iconStyle, style, ...rest }: QRCodeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default QRCodeView;
+//# sourceMappingURL=QRCodeView.d.ts.map

package/lib/typescript/src/QRCodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCodeView.d.ts","sourceRoot":"","sources":["../../../src/QRCodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAMjD,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IAC9B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,yFAUjB,eAAe,4CA+BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/RNBarCodeNativeComponent.d.ts

@@ -0,0 +1,15 @@
+import type { ViewProps } from 'react-native';
+import { CodegenTypes } from 'react-native';
+export interface BarCodeNativeComponentProps extends ViewProps {
+    /** the data string to encode */
+    code?: string;
+    /** scale-factor for the raw CIImage */
+    ratio?: CodegenTypes.Float;
+    /** pixel width of the final barcode */
+    width?: CodegenTypes.Int32;
+    /** pixel height of the final barcode */
+    height?: CodegenTypes.Int32;
+}
+declare const _default: import("react-native").HostComponent<BarCodeNativeComponentProps>;
+export default _default;
+//# sourceMappingURL=RNBarCodeNativeComponent.d.ts.map

package/lib/typescript/src/RNBarCodeNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNBarCodeNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RNBarCodeNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAA0B,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,2BAA4B,SAAQ,SAAS;IAC5D,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IAC3B,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IAC3B,wCAAwC;IACxC,MAAM,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;CAC7B;;AAED,wBAAgF"}

package/lib/typescript/src/RNQRCodeNativeComponent.d.ts

@@ -0,0 +1,10 @@
+import type { ViewProps } from 'react-native';
+import { CodegenTypes } from 'react-native';
+export interface QRCodeNativeComponentProps extends ViewProps {
+    code?: string;
+    ratio?: CodegenTypes.Float;
+    size?: CodegenTypes.Int32;
+}
+declare const _default: import("react-native").HostComponent<QRCodeNativeComponentProps>;
+export default _default;
+//# sourceMappingURL=RNQRCodeNativeComponent.d.ts.map

package/lib/typescript/src/RNQRCodeNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RNQRCodeNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RNQRCodeNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAA0B,YAAY,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,0BAA2B,SAAQ,SAAS;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;IAC3B,IAAI,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC;CAC3B;;AAED,wBAA8E"}

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

@@ -1,3 +1,6 @@
-export { default as RCTQRCodeView } from './RCTQRCodeViewNativeComponent';
-export * from './RCTQRCodeViewNativeComponent';
+import RNQRCode from './RNQRCodeNativeComponent';
+import RNBarCode from './RNBarCodeNativeComponent';
+import BarCodeView from './BarCodeView';
+import QRCodeView from './QRCodeView';
+export { BarCodeView, QRCodeView, RNQRCode, RNBarCode };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC1E,cAAc,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,SAAS,MAAM,4BAA4B,CAAC;AACnD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}

package/package.json

@@ -1,169 +1,170 @@
 {
-  "name": "@momo-kits/qrcode",
-  "version": "0.150.2-beta.11",
-  "description": "RCTQRCode & RCTBarCode",
-  "main": "./lib/module/index.js",
-  "types": "./lib/typescript/src/index.d.ts",
-  "exports": {
-    ".": {
-      "source": "./src/index.tsx",
-      "types": "./lib/typescript/src/index.d.ts",
-      "default": "./lib/module/index.js"
+    "name": "@momo-kits/qrcode",
+    "version": "0.150.2-beta.13",
+    "description": "A simple and customizable QR code generator component for React Native apps.",
+    "main": "./lib/module/index.js",
+    "types": "./lib/typescript/src/index.d.ts",
+    "exports": {
+        ".": {
+            "source": "./src/index.tsx",
+            "types": "./lib/typescript/src/index.d.ts",
+            "default": "./lib/module/index.js"
+        },
+        "./package.json": "./package.json"
     },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "react-native.config.js",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
-  ],
-  "scripts": {
-    "example": "yarn workspace @momo-kits/qrcode-example",
-    "test": "jest",
-    "typecheck": "tsc",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "release": "release-it --only-version"
-  },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://momo-kits.github.io.git"
-  },
-  "author": "Dung <dung.huynh1@mservice.com.vn> (https://momo-kits.github.io)",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://momo-kits.github.io/issues"
-  },
-  "homepage": "https://momo-kits.github.io#readme",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
-  "devDependencies": {
-    "@commitlint/config-conventional": "^19.8.1",
-    "@eslint/compat": "^1.3.2",
-    "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.35.0",
-    "@evilmartians/lefthook": "^1.12.3",
-    "@react-native-community/cli": "20.0.1",
-    "@react-native/babel-preset": "0.81.1",
-    "@react-native/eslint-config": "^0.81.1",
-    "@release-it/conventional-changelog": "^10.0.1",
-    "@types/jest": "^29.5.14",
-    "@types/react": "^19.1.0",
-    "commitlint": "^19.8.1",
-    "del-cli": "^6.0.0",
-    "eslint": "^9.35.0",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.4",
-    "jest": "^29.7.0",
-    "prettier": "^3.6.2",
-    "react": "19.1.0",
-    "react-native": "0.81.1",
-    "react-native-builder-bob": "^0.40.13",
-    "release-it": "^19.0.4",
-    "turbo": "^2.5.6",
-    "typescript": "^5.9.2"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
-  "workspaces": [
-    "example"
-  ],
-  "packageManager": "yarn@3.6.1",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
+    "files": [
+        "src",
+        "lib",
+        "android",
+        "ios",
+        "cpp",
+        "*.podspec",
+        "react-native.config.js",
+        "!ios/build",
+        "!android/build",
+        "!android/gradle",
+        "!android/gradlew",
+        "!android/gradlew.bat",
+        "!android/local.properties",
+        "!**/__tests__",
+        "!**/__fixtures__",
+        "!**/__mocks__",
+        "!**/.*"
+    ],
+    "scripts": {
+        "example": "yarn workspace @momo-kits/qrcode-example",
+        "test": "jest",
+        "typecheck": "tsc",
+        "lint": "eslint \"**/*.{js,ts,tsx}\"",
+        "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+        "build": "bob build",
+        "release": "release-it --only-version"
     },
-    "npm": {
-      "publish": true
+    "keywords": [
+        "react-native",
+        "ios",
+        "android"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://www.npmjs.com/.git"
     },
-    "github": {
-      "release": true
+    "author": "dung.pham2 <dung.pham2@mservice.com.vn> (https://www.npmjs.com/)",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://www.npmjs.com//issues"
     },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": {
-          "name": "angular"
-        }
-      }
-    }
-  },
-  "prettier": {
-    "quoteProps": "consistent",
-    "singleQuote": true,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
-  },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      [
-        "module",
-        {
-          "esm": true
+    "homepage": "https://www.npmjs.com/#readme",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "devDependencies": {
+        "@commitlint/config-conventional": "^19.6.0",
+        "@eslint/compat": "^1.2.7",
+        "@eslint/eslintrc": "^3.3.0",
+        "@eslint/js": "^9.22.0",
+        "@evilmartians/lefthook": "^1.5.0",
+        "@react-native-community/cli": "15.0.0-alpha.2",
+        "@react-native/babel-preset": "0.79.2",
+        "@react-native/eslint-config": "^0.78.0",
+        "@release-it/conventional-changelog": "^9.0.2",
+        "@types/jest": "^29.5.5",
+        "@types/react": "^19.0.0",
+        "commitlint": "^19.6.1",
+        "del-cli": "^5.1.0",
+        "eslint": "^9.22.0",
+        "eslint-config-prettier": "^10.1.1",
+        "eslint-plugin-prettier": "^5.2.3",
+        "jest": "^29.7.0",
+        "prettier": "^3.0.3",
+        "react": "19.0.0",
+        "react-native": "0.80.1",
+        "react-native-builder-bob": "^0.40.12",
+        "release-it": "^17.10.0",
+        "turbo": "^1.10.7",
+        "typescript": "^5.8.3"
+    },
+    "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+    },
+    "workspaces": [
+        "example"
+    ],
+    "packageManager": "yarn@1.22.22",
+    "jest": {
+        "preset": "react-native",
+        "modulePathIgnorePatterns": [
+            "<rootDir>/example/node_modules",
+            "<rootDir>/lib/"
+        ]
+    },
+    "commitlint": {
+        "extends": [
+            "@commitlint/config-conventional"
+        ]
+    },
+    "release-it": {
+        "git": {
+            "commitMessage": "chore: release ${version}",
+            "tagName": "v${version}"
+        },
+        "npm": {
+            "publish": true
+        },
+        "github": {
+            "release": true
+        },
+        "plugins": {
+            "@release-it/conventional-changelog": {
+                "preset": {
+                    "name": "angular"
+                }
+            }
         }
-      ],
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
+    },
+    "prettier": {
+        "quoteProps": "consistent",
+        "singleQuote": true,
+        "tabWidth": 2,
+        "trailingComma": "es5",
+        "useTabs": false
+    },
+    "react-native-builder-bob": {
+        "source": "src",
+        "output": "lib",
+        "targets": [
+            [
+                "module",
+                {
+                    "esm": true
+                }
+            ],
+            [
+                "typescript",
+                {
+                    "project": "tsconfig.build.json"
+                }
+            ]
+        ]
+    },
+    "codegenConfig": {
+        "name": "QrcodeViewSpec",
+        "type": "all",
+        "jsSrcsDir": "src",
+        "android": {
+            "javaPackageName": "com.momokits.qrcode"
+        },
+        "ios": {
+            "componentProvider": {
+                "RNBarCode": "RNBarCode",
+                "RNQRCode": "RNQRCode"
+            }
         }
-      ]
-    ]
-  },
-  "codegenConfig": {
-    "name": "RCTQRCodeViewSpec",
-    "type": "all",
-    "jsSrcsDir": "src",
-    "android": {
-      "javaPackageName": "com.momokits.qrcode"
     },
-    "ios": {
-      "componentProvider": {
-        "RCTQRCodeView": "RCTQRCodeView"
-      }
+    "create-react-native-library": {
+        "languages": "kotlin-objc",
+        "type": "fabric-view",
+        "version": "0.51.1"
     }
-  },
-  "create-react-native-library": {
-    "languages": "kotlin-objc",
-    "type": "fabric-view",
-    "version": "0.54.3"
-  }
 }

package/src/BarCodeView.tsx

@@ -0,0 +1,15 @@
+import RNBarCode from './RNBarCodeNativeComponent';
+import { PixelRatio, CodegenTypes } from 'react-native';
+
+type BarCodeViewProps = {
+  code: string;
+  width: CodegenTypes.Int32;
+  height: CodegenTypes.Int32;
+  ratio?: CodegenTypes.Float;
+};
+
+const BarCodeView = ({ ratio, ...props }: BarCodeViewProps) => {
+  return <RNBarCode ratio={ratio ?? PixelRatio.get()} {...props} />;
+};
+
+export default BarCodeView;