@momo-kits/qrcode 0.150.2-beta.10 → 0.150.2-beta.12

package/src/QRCodeView.tsx

@@ -0,0 +1,63 @@
+import { Image, PixelRatio } from 'react-native';
+import RNQRCode from './RNQRCodeNativeComponent';
+import type { CodegenTypes } from 'react-native';
+
+const ratio = PixelRatio.get();
+const ic_logo =
+  'https://img.mservice.io/momo_app_v2/new_version/img/appx_image/ic_momo.png';
+
+type QRCodeViewProps = {
+  code: string;
+  size: CodegenTypes.Int32;
+  ratio?: CodegenTypes.Float;
+  icon?: string;
+  showLogo?: boolean;
+  iconSize?: CodegenTypes.Int32;
+  iconStyle?: any;
+  style?: any;
+};
+
+const QRCodeView = ({
+  code,
+  showLogo = false,
+  ratio: customRatio,
+  icon = ic_logo,
+  iconSize = 32,
+  size,
+  iconStyle,
+  style,
+  ...rest
+}: QRCodeViewProps) => {
+  return (
+    <>
+      <RNQRCode
+        code={code}
+        ratio={customRatio ?? ratio}
+        size={size}
+        {...rest}
+        style={[
+          {
+            width: size,
+            height: size,
+          },
+          style,
+        ]}
+      />
+      {showLogo ? (
+        <Image
+          source={{ uri: icon }}
+          style={[
+            {
+              width: iconSize,
+              height: iconSize,
+              position: 'absolute',
+            },
+            iconStyle,
+          ]}
+        />
+      ) : null}
+    </>
+  );
+};
+
+export default QRCodeView;

package/src/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/src/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/src/index.tsx

@@ -1,2 +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 };

package/RCTQRCode.podspec

@@ -1,21 +0,0 @@
-require "json"
-
-package = JSON.parse(File.read(File.join(__dir__, "package.json")))
-
-Pod::Spec.new do |s|
-  s.name         = "RCTQRCode"
-  s.version      = package["version"]
-  s.summary      = package["description"]
-  s.homepage     = package["homepage"]
-  s.license      = package["license"]
-  s.authors      = package["author"]
-
-  s.platforms    = { :ios => min_ios_version_supported }
-  s.source       = { :git => "https://momo-kits.github.io.git", :tag => "#{s.version}" }
-
-  s.source_files = "ios/**/*.{h,m,mm,cpp}"
-  s.private_header_files = "ios/**/*.h"
-
-
-  install_modules_dependencies(s)
-end

package/android/src/main/java/com/momokits/qrcode/RCTQRCodeView.kt

@@ -1,91 +0,0 @@
-package com.momokits.qrcode
-
-import android.content.Context
-import android.graphics.*
-import android.util.AttributeSet
-import android.widget.ImageView
-import com.google.zxing.BarcodeFormat
-import com.google.zxing.EncodeHintType
-import com.google.zxing.WriterException
-import com.google.zxing.qrcode.QRCodeWriter
-import java.util.*
-
-class RCTQRCodeView : ImageView {
-  private var qrValue: String? = null
-  private var qrSize: Int = 200
-  private var qrColor: Int = Color.BLACK
-  private var qrBackgroundColor: Int = Color.WHITE
-
-  constructor(context: Context?) : super(context) {
-    init()
-  }
-
-  constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs) {
-    init()
-  }
-
-  constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(
-    context,
-    attrs,
-    defStyleAttr
-  ) {
-    init()
-  }
-
-  private fun init() {
-    scaleType = ScaleType.FIT_CENTER
-  }
-
-  fun setValue(value: String?) {
-    qrValue = value
-    generateQRCode()
-  }
-
-  fun setSize(size: Int) {
-    qrSize = size
-    generateQRCode()
-  }
-
-  fun setQRColor(color: Int) {
-    qrColor = color
-    generateQRCode()
-  }
-
-  fun setQRBackgroundColor(color: Int) {
-    qrBackgroundColor = color
-    generateQRCode()
-  }
-
-  private fun generateQRCode() {
-    if (qrValue.isNullOrEmpty()) {
-      setImageBitmap(null)
-      return
-    }
-
-    try {
-      val writer = QRCodeWriter()
-      val hints = EnumMap<EncodeHintType, Any>(EncodeHintType::class.java)
-      hints[EncodeHintType.CHARACTER_SET] = "UTF-8"
-      hints[EncodeHintType.MARGIN] = 1
-
-      val bitMatrix = writer.encode(qrValue, BarcodeFormat.QR_CODE, qrSize, qrSize, hints)
-      val width = bitMatrix.width
-      val height = bitMatrix.height
-      val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565)
-
-      for (x in 0 until width) {
-        for (y in 0 until height) {
-          bitmap.setPixel(x, y, if (bitMatrix[x, y]) qrColor else qrBackgroundColor)
-        }
-      }
-
-      post {
-        setImageBitmap(bitmap)
-      }
-
-    } catch (e: WriterException) {
-      e.printStackTrace()
-      setImageBitmap(null)
-    }
-  }
-}

package/android/src/main/java/com/momokits/qrcode/RCTQRCodeViewManager.kt

@@ -1,57 +0,0 @@
-package com.momokits.qrcode
-
-import android.graphics.Color
-import com.facebook.react.module.annotations.ReactModule
-import com.facebook.react.uimanager.SimpleViewManager
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.annotations.ReactProp
-
-@ReactModule(name = RCTQRCodeViewManager.NAME)
-class RCTQRCodeViewManager : SimpleViewManager<RCTQRCodeView>() {
-
-  override fun getName(): String {
-    return NAME
-  }
-
-  public override fun createViewInstance(context: ThemedReactContext): RCTQRCodeView {
-    return RCTQRCodeView(context)
-  }
-
-  @ReactProp(name = "value")
-  fun setValue(view: RCTQRCodeView, value: String?) {
-    view.setValue(value)
-  }
-
-  @ReactProp(name = "size", defaultFloat = 200f)
-  fun setSize(view: RCTQRCodeView, size: Float) {
-    view.setSize(size.toInt())
-  }
-
-  @ReactProp(name = "color")
-  fun setColor(view: RCTQRCodeView, color: String?) {
-    color?.let {
-      try {
-        view.setQRColor(Color.parseColor(it))
-      } catch (e: IllegalArgumentException) {
-        // Invalid color format, use default
-        view.setQRColor(Color.BLACK)
-      }
-    }
-  }
-
-  @ReactProp(name = "backgroundColor")
-  fun setBackgroundColor(view: RCTQRCodeView, backgroundColor: String?) {
-    backgroundColor?.let {
-      try {
-        view.setQRBackgroundColor(Color.parseColor(it))
-      } catch (e: IllegalArgumentException) {
-        // Invalid color format, use default
-        view.setQRBackgroundColor(Color.WHITE)
-      }
-    }
-  }
-
-  companion object {
-    const val NAME = "RCTQRCodeView"
-  }
-}

package/ios/RCTQRCodeComponentView.mm

@@ -1,11 +0,0 @@
-#import <React/RCTComponentViewFactory.h>
-#import "RCTQRCodeView.h"
-
-@implementation RCTComponentViewFactory (RCTQRCodeView)
-
-+ (void)load
-{
-  [RCTComponentViewFactory registerComponentViewClass:[RCTQRCodeView class]];
-}
-
-@end

package/ios/RCTQRCodeView.h

@@ -1,18 +0,0 @@
-#import <React/RCTViewComponentView.h>
-#import <UIKit/UIKit.h>
-
-#ifndef RCTQRCodeView_h
-#define RCTQRCodeView_h
-
-NS_ASSUME_NONNULL_BEGIN
-
-@interface RCTQRCodeView : RCTViewComponentView
-
-- (void)setValue:(NSString *)value;
-- (void)setQrSize:(CGFloat)size;
-
-@end
-
-NS_ASSUME_NONNULL_END
-
-#endif /* RCTQRCodeView_h */

package/ios/RCTQRCodeView.mm

@@ -1,101 +0,0 @@
-#import "RCTQRCodeView.h"
-#import <React/RCTConversions.h>
-#import <CoreImage/CoreImage.h>
-
-@implementation RCTQRCodeView {
-    UIImageView *_qrImageView;
-    NSString *_value;
-    CGFloat _size;
-}
-
-- (instancetype)initWithFrame:(CGRect)frame
-{
-    if (self = [super initWithFrame:frame]) {
-        _qrImageView = [[UIImageView alloc] init];
-        _qrImageView.contentMode = UIViewContentModeScaleAspectFit;
-        _qrImageView.backgroundColor = [UIColor whiteColor];
-        [self addSubview:_qrImageView];
-        _size = 200.0; // Default size
-    }
-    return self;
-}
-
-- (void)layoutSubviews
-{
-    [super layoutSubviews];
-    _qrImageView.frame = self.bounds;
-}
-
-// Override the updateProps method to handle props without generated specs
-- (void)updateProps:(facebook::react::Props::Shared const &)props oldProps:(facebook::react::Props::Shared const &)oldProps
-{
-    [super updateProps:props oldProps:oldProps];
-
-    // Since we don't have generated props, we'll handle them through the bridge
-    // The actual prop handling will be done via the view manager
-}
-
-- (void)prepareForRecycle
-{
-    [super prepareForRecycle];
-    _qrImageView.image = nil;
-    _value = nil;
-}
-
-// Public methods for setting props
-- (void)setValue:(NSString *)value
-{
-    if (![_value isEqualToString:value]) {
-        _value = value;
-        [self generateQRCode];
-    }
-}
-
-- (void)setQrSize:(CGFloat)size
-{
-    if (_size != size) {
-        _size = size;
-        [self generateQRCode];
-    }
-}
-
-- (void)generateQRCode
-{
-    if (!_value || _value.length == 0) {
-        _qrImageView.image = nil;
-        return;
-    }
-
-    NSData *stringData = [_value dataUsingEncoding:NSUTF8StringEncoding];
-
-    CIFilter *qrFilter = [CIFilter filterWithName:@"CIQRCodeGenerator"];
-    [qrFilter setValue:stringData forKey:@"inputMessage"];
-    [qrFilter setValue:@"M" forKey:@"inputCorrectionLevel"];
-
-    CIImage *qrImage = qrFilter.outputImage;
-
-    if (!qrImage) {
-        return;
-    }
-
-    // Calculate scale based on desired size
-    CGFloat scale = _size / qrImage.extent.size.width;
-
-    CIFilter *scaleFilter = [CIFilter filterWithName:@"CILanczosScaleTransform"];
-    [scaleFilter setValue:qrImage forKey:@"inputImage"];
-    [scaleFilter setValue:@(scale) forKey:@"inputScale"];
-    [scaleFilter setValue:@1.0 forKey:@"inputAspectRatio"];
-
-    CIImage *scaledImage = scaleFilter.outputImage;
-
-    CIContext *context = [CIContext context];
-    CGImageRef cgImage = [context createCGImage:scaledImage fromRect:scaledImage.extent];
-    UIImage *qrCodeImage = [UIImage imageWithCGImage:cgImage];
-    CGImageRelease(cgImage);
-
-    dispatch_async(dispatch_get_main_queue(), ^{
-        self->_qrImageView.image = qrCodeImage;
-    });
-}
-
-@end

package/ios/RCTQRCodeViewManager.mm

@@ -1,27 +0,0 @@
-#import <React/RCTViewManager.h>
-#import <React/RCTUIManager.h>
-#import "RCTQRCodeView.h"
-
-@interface RCTQRCodeViewManager : RCTViewManager
-@end
-
-@implementation RCTQRCodeViewManager
-
-RCT_EXPORT_MODULE(RCTQRCodeView)
-
-- (UIView *)view
-{
-    return [[RCTQRCodeView alloc] init];
-}
-
-RCT_EXPORT_VIEW_PROPERTY(value, NSString)
-RCT_CUSTOM_VIEW_PROPERTY(size, NSNumber, RCTQRCodeView)
-{
-    if (json) {
-        [view setQrSize:[RCTConvert CGFloat:json]];
-    } else {
-        [view setQrSize:200.0];
-    }
-}
-
-@end

package/lib/module/RCTQRCodeViewNativeComponent.ts

@@ -1,11 +0,0 @@
-import { codegenNativeComponent, type ViewProps } from 'react-native';
-import type { ColorValue } from 'react-native';
-
-export interface NativeProps extends ViewProps {
-  value?: string;
-  size?: number;
-  backgroundColor?: ColorValue;
-  color?: ColorValue;
-}
-
-export default codegenNativeComponent<NativeProps>('RCTQRCodeView');

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

@@ -1,11 +0,0 @@
-import { type ViewProps } from 'react-native';
-import type { ColorValue } from 'react-native';
-export interface NativeProps extends ViewProps {
-    value?: string;
-    size?: number;
-    backgroundColor?: ColorValue;
-    color?: ColorValue;
-}
-declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
-export default _default;
-//# sourceMappingURL=RCTQRCodeViewNativeComponent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RCTQRCodeViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/RCTQRCodeViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;;AAED,wBAAoE"}

package/src/RCTQRCodeViewNativeComponent.ts

@@ -1,11 +0,0 @@
-import { codegenNativeComponent, type ViewProps } from 'react-native';
-import type { ColorValue } from 'react-native';
-
-export interface NativeProps extends ViewProps {
-  value?: string;
-  size?: number;
-  backgroundColor?: ColorValue;
-  color?: ColorValue;
-}
-
-export default codegenNativeComponent<NativeProps>('RCTQRCodeView');