@momo-kits/qrcode 0.79.6 → 0.89.6-rc.1

package/BarCodeView.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import {PixelRatio} from 'react-native';
+import {RCTBarCode, RCTBarCodeProps} from './native-components/RCTBarCode';
+
+const ratio = PixelRatio.get();
+
+type BarCodeViewProps = Omit<RCTBarCodeProps, 'ratio'> & {
+  ratio?: number;
+};
+
+function BarCodeView({ratio: customRatio, ...props}: BarCodeViewProps) {
+  return <RCTBarCode ratio={customRatio ?? ratio} {...props} />;
+}
+
+export default BarCodeView;

package/QRCodeView.tsx

@@ -0,0 +1,62 @@
+import React from 'react';
+import {PixelRatio} from 'react-native';
+import {RCTQRCode, RCTQRCodeProps} from './native-components/RCTQRCode';
+import {Image} from '@momo-kits/foundation';
+import {ImageStyle} from 'react-native-fast-image';
+
+const ratio = PixelRatio.get();
+const ic_logo =
+  'https://img.mservice.io/momo_app_v2/new_version/img/appx_image/ic_momo.png';
+
+type QRCodeViewProps = Omit<RCTQRCodeProps, 'ratio'> & {
+  icon?: string;
+  showLogo?: boolean;
+  ratio?: number;
+  iconSize?: number;
+  iconStyle?: ImageStyle;
+};
+
+function QRCodeView({
+  showLogo = false,
+  ratio: customRatio,
+  icon = ic_logo,
+  iconSize = 32,
+  size,
+  iconStyle,
+  style,
+  ...rest
+}: QRCodeViewProps) {
+  return (
+    <>
+      <RCTQRCode
+        ratio={customRatio ?? ratio}
+        size={size}
+        {...rest}
+        style={[
+          {
+            width: size,
+            height: size,
+          },
+          style,
+        ]}
+      />
+      {showLogo ? (
+        <Image
+          source={{uri: icon}}
+          style={[
+            {
+              width: iconSize,
+              height: iconSize,
+              position: 'absolute',
+              top: size / 2 - iconSize / 2,
+              left: size / 2 - iconSize / 2,
+            },
+            iconStyle,
+          ]}
+        />
+      ) : null}
+    </>
+  );
+}
+
+export default QRCodeView;

package/{index.js → index.ts}

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

package/native-components/RCTBarCode.ts

@@ -0,0 +1,10 @@
+import {requireNativeComponent, ViewProps} from 'react-native';
+
+export type RCTBarCodeProps = {
+  code: string;
+  width: number;
+  height: number;
+  ratio: number;
+} & ViewProps;
+
+export const RCTBarCode = requireNativeComponent<RCTBarCodeProps>('RCTBarCode');

package/native-components/RCTQRCode.ts

@@ -0,0 +1,9 @@
+import {requireNativeComponent, ViewProps} from 'react-native';
+
+export type RCTQRCodeProps = {
+  code: string;
+  size: number;
+  ratio: number;
+} & ViewProps;
+
+export const RCTQRCode = requireNativeComponent<RCTQRCodeProps>('RCTQRCode');

package/package.json

@@ -1,15 +1,17 @@
 {
     "name": "@momo-kits/qrcode",
-    "version": "0.79.6",
+    "version": "0.89.6-rc.1",
     "private": false,
-    "main": "index.js",
+    "main": "index.tsx",
     "dependencies": {},
     "peerDependencies": {
-        "react-native": ">=0.55",
+        "@momo-kits/foundation": "latest",
         "prop-types": "^15.7.2",
         "react": "16.9.0",
-        "@momo-kits/core": "latest"
+        "react-native": ">=0.55"
+    },
+    "devDependencies": {
+        "@momo-platform/versions": "4.1.11"
     },
-    "devDependencies": {},
     "license": "MoMo"
-}
+}

package/publish.sh

@@ -1,29 +1,27 @@
 #!/bin/bash
+
+# Prepare dist files
 rm -rf dist
 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
-
-#copy option
-#cp -r ./src/ dist
-
-
-#npm login
-#publish dist to npm
+rsync -r --exclude=/dist ./* dist
 cd dist
-npm publish --tag beta --access=public
+
+if [ "$1" == "stable" ]; then
+  npm version $(npm view @momo-kits/foundation@stable version)
+  npm version patch
+  npm publish --tag stable --access=public
+elif [ "$1" == "latest" ]; then
+  npm version $(npm view @momo-kits/foundation@latest version)
+  npm publish --tag latest --access=public
+else
+  npm version $(npm view @momo-kits/information@beta version)
+  npm version prerelease --preid=beta
+  npm publish --tag beta --access=public
+fi
+
+PACKAGE_NAME=$(npm pkg get name)
+NEW_PACKAGE_VERSION=$(npm pkg get version)
+
+# Clean up
 cd ..
 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/BarCodeView.js

@@ -1,21 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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;