@momo-kits/qrcode 0.0.1-beta → 0.0.1

package/BarCodeView.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ViewPropTypes, PixelRatio } from 'react-native';
+import { RCTBarCode } from '@momo-kits/core';
+
+const ratio = PixelRatio.get();
+function BarCodeView(props) {
+    return (
+        <RCTBarCode ratio={ratio} {...props} />
+    );
+}
+
+BarCodeView.propTypes = {
+    code: PropTypes.string,
+    width: PropTypes.number,
+    height: PropTypes.number,
+    ratio: PropTypes.number,
+    ...ViewPropTypes,
+};
+
+export default BarCodeView;

package/QRCodeView.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ViewPropTypes, PixelRatio, Image } from 'react-native';
+import { RCTQRCode } from '@momo-kits/core';
+
+const ratio = PixelRatio.get();
+const ic_logo = 'https://img.mservice.io/momo_app_v2/new_version/img/appx_image/ic_momo.png';
+
+function QRCodeView(props) {
+    const { showLogo, size = 0 } = props || {};
+    return (
+        <>
+            <RCTQRCode ratio={ratio} {...props} />
+            {showLogo
+                ? (
+                    <Image
+                        source={{ uri: ic_logo }}
+                        style={{
+                            width: size / 6,
+                            height: size / 6,
+                            position: 'absolute',
+                            marginTop: size / 2 - size / 12,
+                            marginLeft: size / 2 - size / 12
+                        }}
+                    />
+                ) : null}
+        </>
+
+    );
+}
+
+QRCodeView.propTypes = {
+    code: PropTypes.string,
+    size: PropTypes.number,
+    ratio: PropTypes.number,
+    showLogo: PropTypes.bool,
+    ...ViewPropTypes,
+};
+
+export default QRCodeView;

package/index.js

@@ -1,5 +1,6 @@
-import QRCodeScannerView from './QRCodeScannerView';
+import BarCodeView from './BarCodeView';
+import QRCodeView from './QRCodeView';
 
 export {
-    QRCodeScannerView
+    BarCodeView, QRCodeView
 };

package/package.json

@@ -1,19 +1,15 @@
 {
-    "name": "@momo-kits/qrcode",
-    "version": "0.0.1-beta",
-    "private": false,
-    "scripts": {
-      "publish": "bash publish.sh"
-    },
-    "dependencies": {
-      "prop-types": "^15.7.2",
-      "react": "16.9.0"
-    },
-    "peerDependencies": {
-      "react": "16.9.0",
-      "react-native": ">=0.55"
-    },
-    "devDependencies": {},
-    "license": "MOMO"
-  }
-  
+  "name": "@momo-kits/qrcode",
+  "version": "0.0.1",
+  "private": false,
+  "main": "index.js",
+  "dependencies": {},
+  "peerDependencies": {
+    "react-native": ">=0.55",
+    "prop-types": "^15.7.2",
+    "react": "16.9.0",
+    "@momo-kits/core": "latest"
+  },
+  "devDependencies": {},
+  "license": "MoMo"
+}

package/publish.sh

@@ -4,10 +4,15 @@ mkdir dist
 
 cp . ./dist
 
+# GET VERSION from mck_package.json
+VERSIONSTRING=( v$(jq .version package.json) )
+VERSION=(${VERSIONSTRING//[\"]/})
+echo VERSION: $VERSION
+
 rsync -r --verbose --exclude '*.mdx' --exclude '*Demo.js'  --exclude 'props-type.js' --exclude 'prop-types.js' ./* dist
 
 # #babel component to dist
-babel ./dist -d dist --copy-files
+#babel ./dist -d dist --copy-files
 
 #copy option
 #cp -r ./src/ dist
@@ -18,4 +23,7 @@ babel ./dist -d dist --copy-files
 cd dist
 npm publish --access=public
 cd ..
-rm -rf dist
+rm -rf dist
+
+
+curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/qrcode new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/qrcode"}'

package/QRCodeScannerView.js

@@ -1,139 +0,0 @@
-import React, { Component } from 'react';
-import {
-    requireNativeComponent,
-    ViewPropTypes,
-    findNodeHandle,
-    UIManager
-} from 'react-native';
-import PropTypes from 'prop-types';
-
-const RCTCodeScannerConfig = UIManager.getViewManagerConfig('RCTCodeScanner');
-const RCTCodeScannerConstants = RCTCodeScannerConfig.Constants;
-const RCTCodeScannerCommands = RCTCodeScannerConfig.Commands;
-const RCTCodeScannerView = requireNativeComponent('RCTCodeScanner');
-
-/** Define QRCodeScanner wrapper to native */
-class QRCodeScanner extends Component {
-    constructor(props) {
-        super(props);
-    }
-
-    _setRef = (component) => {
-        this._component = component;
-    };
-
-    readImageQRCode = (base64) => {
-        const obj = findNodeHandle(this);
-        const commandId = RCTCodeScannerCommands.readImageQRCode;
-        if (obj != null && commandId != null) {
-            UIManager.dispatchViewManagerCommand(
-                obj,
-                commandId,
-                [base64],
-            );
-        }
-    }
-
-    startCamera = () => {
-        const obj = findNodeHandle(this);
-        const commandId = RCTCodeScannerCommands.startCamera;
-        if (obj != null && commandId != null) {
-            UIManager.dispatchViewManagerCommand(
-                obj,
-                commandId,
-                [],
-            );
-        }
-    }
-
-    stopCamera = () => {
-        const obj = findNodeHandle(this);
-        const commandId = RCTCodeScannerCommands.stopCamera;
-        if (obj != null && commandId != null) {
-            UIManager.dispatchViewManagerCommand(
-                obj,
-                commandId,
-                [],
-            );
-        }
-    }
-
-    setNativeProps = (props) => {
-        const nativeProps = convertNativeProps(props);
-        if (this._component) {
-            this._component.setNativeProps(nativeProps);
-        }
-    }
-
-    onBarCodeRead = ({ nativeEvent }) => {
-        if (
-            this._lastEvent
-            && JSON.stringify(nativeEvent) === this._lastEvent
-            && new Date() - this._lastEventTime < EventThrottleMs
-        ) {
-            return;
-        }
-        const { onBarCodeRead } = this.props;
-        if (typeof onBarCodeRead === 'function') {
-            onBarCodeRead(nativeEvent);
-            this._lastEvent = JSON.stringify(nativeEvent);
-            this._lastEventTime = new Date();
-        }
-    };
-
-    onPressFlash = (torchMode) => {
-        this.setNativeProps({
-            torchMode
-        });
-    };
-
-    render() {
-        const { customFinder } = this.props;
-        const nativeProps = convertNativeProps(this.props);
-        return (
-            <RCTCodeScannerView
-                {...nativeProps}
-                ref={this._setRef}
-                onBarCodeRead={this.onBarCodeRead}
-            >
-                {customFinder && customFinder()}
-            </RCTCodeScannerView>
-        );
-    }
-}
-
-const convertNativeProps = (props) => {
-    const newProps = { ...props };
-    if (typeof props.torchMode === 'string') {
-        newProps.torchMode = QRCodeScanner.Constants.TorchMode[props.torchMode];
-    }
-    if (typeof props.type === 'string') {
-        newProps.type = QRCodeScanner.Constants.Type[props.type];
-    }
-    return newProps;
-};
-
-QRCodeScanner.propTypes = {
-    ...ViewPropTypes,
-    onBarCodeRead: PropTypes.func,
-    barCodeTypes: PropTypes.array,
-    torchMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    type: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-};
-
-QRCodeScanner.Constants = {
-    BarCodeType: RCTCodeScannerConstants.BarCodeType,
-    Type: RCTCodeScannerConstants.Type,
-    TorchMode: RCTCodeScannerConstants.TorchMode,
-};
-
-QRCodeScanner.defaultProps = {
-    type: RCTCodeScannerConstants.Type.back,
-    torchMode: RCTCodeScannerConstants.TorchMode.off,
-    barCodeTypes: Object.values(RCTCodeScannerConstants.BarCodeType),
-};
-
-/** Define throttlems variables or constants */
-const EventThrottleMs = 500;
-
-export default QRCodeScanner;