@momo-kits/foundation 0.81.52 → 0.81.53-beta.0

package/Title/types.ts

@@ -1,52 +1,20 @@
-export type TitleProps = {
-  /**
-   * Optional. Defines the type of Title component.
-   * 'screen' - Used for screen titles.
-   * 'section' - Used for section titles within a screen.
-   * 'card' - Used for titles within a card component.
-   */
-  type?: 'screen' | 'section' | 'card';
+import {ViewStyle} from 'react-native';
 
-  /**
-   * Required. The text of the title.
-   */
+export type TitleProps = {
+  type?: 'card' | 'section';
+  size?: 'small' | 'medium' | 'large';
   title: string;
-
-  /**
-   * Optional. A description or subtitle that appears below the title.
-   */
-  description?: string;
-
-  /**
-   * Optional. Defines the size of the Title component.
-   * 'large' - A larger, more prominent title.
-   * 'small' - A smaller, less prominent title.
-   */
-  size?: 'large' | 'medium' | 'small';
-
-  /**
-   * Optional. Represents the name or key of the icon to be displayed alongside the title.
-   */
   icon?: string;
-
-  /**
-   * Optional. If `true`, the title will be flexible in its container, adjusting its width dynamically.
-   */
-  titleFlex?: boolean;
-
-  /**
-   * Optional. Text for an action button associated with the title.
-   */
-  actionTitle?: string;
-
-  /**
-   * Optional. Function to be called when the action associated with the title is pressed.
-   */
-  onPressAction?: () => void;
-
-  /**
-   * Optional. If `true`, an action button or icon is displayed alongside the title.
-   */
-  showAction?: boolean;
-  usePadding?: boolean;
+  description?: string;
+  iconColor?: string;
+  iconAlign?: 'top' | 'middle' | 'bottom';
+  showRightAction?: boolean;
+  showTrailingAction?: boolean;
+  badgeLabel?: string;
+  buttonTitle?: string;
+  buttonSize?: 'small' | 'large';
+  onPressRightAction?: () => void;
+  onPressTrailingAction?: () => void;
+  textOnly?: boolean;
+  style?: ViewStyle;
 };

package/code-scanner.js

@@ -1,4 +1,5 @@
 const scanner = require('react-scanner');
+const fs = require('fs');
 const path = require('path');
 
 const scan = async config => {
@@ -9,43 +10,151 @@ const calcSum = array => {
   return array.reduce((a, b) => a + b, 0);
 };
 
-const calculateAdoptionRate = (kitJsonPath, miniappJsonPath) => {
+const calculateAdoptionRate = async (
+  branchName,
+  kitJsonPath,
+  miniappJsonPath,
+  reactNativeJsonPath,
+  fsJsonPath
+) => {
   const kitJson = require(kitJsonPath);
   const miniAppJson = require(miniappJsonPath);
+  const reactNativeJson = require(reactNativeJsonPath);
+  const fsJson = require(fsJsonPath);
+
   const numOfKitComponents = calcSum(Object.values(kitJson));
   const numOfMiniAppComponents = calcSum(Object.values(miniAppJson));
-  const adoptionRate = (numOfKitComponents / numOfMiniAppComponents) * 100;
-  console.log("Number of kit's components: ", numOfKitComponents);
-  console.log("Number of miniapp's components: ", numOfMiniAppComponents);
-  console.log('Adoption rate: ', adoptionRate);
+  const numOfReactNativeComponents = calcSum(Object.values(reactNativeJson));
+  const numOfFSComponents = calcSum(Object.values(fsJson));
+
+  const adoptionRate =
+    ((numOfKitComponents + numOfReactNativeComponents + numOfFSComponents) /
+      numOfMiniAppComponents) *
+    100;
+
+  return {
+    miniAppName: branchName,
+    numOfKitComponents: numOfKitComponents,
+    numOfMiniAppComponents: numOfMiniAppComponents,
+    numOfReactNativeComponents: numOfReactNativeComponents,
+    numOfFSComponents: numOfFSComponents,
+    adoptionRate: adoptionRate.toFixed(2) + '%',
+  };
+};
+
+function ensureFileExists(filePath, defaultContent = {}) {
+  if (!fs.existsSync(filePath)) {
+    fs.mkdirSync(path.dirname(filePath), {recursive: true});
+    fs.writeFileSync(filePath, JSON.stringify(defaultContent, null, 2));
+  }
+}
+
+const sendMessage = ({
+  numOfKitComponents,
+  numOfMiniAppComponents,
+  numOfFSComponents,
+  numOfReactNativeComponents,
+  adoptionRate,
+  miniAppName = '',
+}) => {
+  const url =
+    'https://chat.googleapis.com/v1/spaces/AAAAL9P6G8M/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=fnwfYuH_u0KicBnKTSSm9S0qV6azJH5v6URm8HR7V2g';
+
+  const data = {
+    text: `MiniApp: ${miniAppName}\nNumber of kit's components: ${numOfKitComponents}\nNumber of miniapp's components: ${numOfMiniAppComponents}\nNumber of FS's components: ${numOfFSComponents}\nNumber of React Native's components: ${numOfReactNativeComponents}\nAdoption rate: ${adoptionRate}`,
+  };
+
+  fetch(url, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(data),
+  })
+    .then(response => response.json())
+    .then(data => {
+      console.log('Success:', data);
+    })
+    .catch(error => {
+      console.error('Error:', error);
+    });
 };
 
 const main = async () => {
-  const [scanPath, kitJsonRelativePath, miniappJsonRelativePath] =
-    process.argv.slice(2);
+  const rootPath = `${__dirname}/../../../`;
+  const app = path.join(`${__dirname}/../../../`, 'app.json');
+  const appJson = require(app);
+  const branchName = appJson.appId;
+
+  if (!branchName || !branchName.includes('vn.momo')) {
+    return;
+  }
 
-  const kitJsonPath = path.resolve(process.cwd(), kitJsonRelativePath);
-  const miniappJsonPath = path.resolve(process.cwd(), miniappJsonRelativePath);
+  const scanPath = path.join(rootPath, 'src');
+  const kitJsonPath = path.join(rootPath, './scan/kit.json');
+  const miniappJsonPath = path.join(rootPath, './scan/miniapp.json');
+  const reactNativeJsonPath = path.join(rootPath, './scan/RN.json');
+  const fsJsonPath = path.join(rootPath, './scan/verLib.json');
+
+  const allKitsReg = /@momo-kits/;
+  const fsReg =
+    /^(?:@fs-mobile-platform\/(components(\/.*)?|investment(\/.*)?|screens(\/.*)?|foundation(\/.*)?)|@miniapp-platform\/(components(\/.*)?|foundation(\/.*)?))$/;
+  const RNReg = /react-native|react-native-svg/;
 
   const config1 = {
     crawlFrom: scanPath,
     includeSubComponents: true,
-    importedFrom: /@momo-kits\/.+/,
+    importedFrom: allKitsReg,
     processors: [['count-components', {outputTo: kitJsonPath}]],
-    rootDir: './',
+    rootDir: process.cwd(),
   };
 
   const config2 = {
     crawlFrom: scanPath,
     includeSubComponents: true,
     processors: [['count-components', {outputTo: miniappJsonPath}]],
-    rootDir: './',
+    rootDir: process.cwd(),
+  };
+
+  const config3 = {
+    crawlFrom: scanPath,
+    includeSubComponents: true,
+    importedFrom: RNReg,
+    processors: [['count-components', {outputTo: reactNativeJsonPath}]],
+    rootDir: process.cwd(),
   };
 
-  await scan(config1);
-  await scan(config2);
+  const config4 = {
+    crawlFrom: scanPath,
+    includeSubComponents: true,
+    importedFrom: fsReg,
+    processors: [['count-components', {outputTo: fsJsonPath}]],
+    rootDir: process.cwd(),
+  };
+
+  try {
+    ensureFileExists(kitJsonPath, {});
+    ensureFileExists(miniappJsonPath, {});
+    ensureFileExists(reactNativeJsonPath, {});
+    ensureFileExists(fsJsonPath, {});
+
+    await scan(config1);
+    await scan(config2);
+    await scan(config3);
+    await scan(config4);
 
-  calculateAdoptionRate(kitJsonPath, miniappJsonPath);
+    const result = await calculateAdoptionRate(
+      branchName,
+      kitJsonPath,
+      miniappJsonPath,
+      reactNativeJsonPath,
+      fsJsonPath
+    );
+    sendMessage(result);
+    console.log(result);
+  } catch (error) {
+    console.error('Error during scan or calculation:', error);
+  }
 };
 
-main().catch(console.error);
+main();

package/index.ts

@@ -49,3 +49,10 @@ export * from './Title';
 export * from './Title/types';
 export * from './Badge';
 export * from './Badge/types';
+
+/**
+ * export trick for keep old mini app working
+ * @deprecated
+ */
+export * from 'react-native-modalize';
+export * from '@gorhom/bottom-sheet';

package/package.json

@@ -1,25 +1,24 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.52",
+    "version": "0.81.53-beta.0",
     "description": "React Native Component Kits",
     "main": "index.ts",
-    "scripts": {
-        "postinstall": "node verify.js"
-    },
+    "scripts": {},
     "keywords": [
         "@momo-kits/foundation"
     ],
     "dependencies": {
-        "@gorhom/bottom-sheet": "git+https://gitlab.com/momo-platform/bottom-sheet.git#main",
+        "@gorhom/bottom-sheet": "2.4.1",
         "react-native-safe-area-context": "3.1.4",
         "react-native-linear-gradient": "2.8.3",
         "react-native-gesture-handler": "1.10.3",
+        "react-native-modalize": "2.1.1",
         "react-native-fast-image": "8.1.5",
         "@react-navigation/bottom-tabs": "https://gitlab.mservice.com.vn/momo-platform/react-native-bottom-tabs.git",
         "@react-navigation/core": "5.16.1",
         "@react-navigation/native": "5.9.8",
         "@react-navigation/routers": "5.7.4",
-        "lottie-react-native": "3.3.2",
+        "lottie-react-native": "git+https://gitlab.mservice.com.vn/momo-platform/momo-lottie-react-native.git",
         "@react-navigation/stack": "https://gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git"
     },
     "peerDependencies": {
@@ -32,6 +31,7 @@
         "@types/jest": "26.0.23",
         "@types/react-native": "0.64.4",
         "@types/react-test-renderer": "16.9.2",
+        "@types/d3-shape": "1.3.7",
         "babel-jest": "^26.6.3",
         "eslint": "^7.14.0",
         "jest": "^26.6.3",

package/publish.sh

@@ -1,23 +1,18 @@
 #!/bin/bash
-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
-
-cd dist
-npm publish --tag beta --access=public
-
-#clear dist and package json
-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/core new version release: '*"$VERSION"*' https://www.npmjs.com/package/@momo-kits/foundation"}'
+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 version prerelease --preid=rc
+  npm publish --tag latest --access=public
+else
+  npm version $(npm view @momo-kits/foundation@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)

package/tsconfig.json

@@ -19,6 +19,6 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true,
-    "target": "esnext",
+    "target": "esnext"
   }
 }