@momo-kits/foundation 0.81.1-beta.6 → 0.81.1-optimize.11

package/code-scanner.js

@@ -1,51 +1,143 @@
 const scanner = require('react-scanner');
+const fs = require('fs');
 const path = require('path');
 
-const scan = async config => {
-  return await scanner.run(config);
+const scan = async (config) => {
+    return await scanner.run(config);
 };
 
-const calcSum = array => {
-  return array.reduce((a, b) => a + b, 0);
+const calcSum = (array) => {
+    return array.reduce((a, b) => a + b, 0);
 };
 
-const calculateAdoptionRate = (kitJsonPath, miniappJsonPath) => {
-  const kitJson = require(kitJsonPath);
-  const miniAppJson = require(miniappJsonPath);
-  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 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 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 kitJsonPath = path.resolve(process.cwd(), kitJsonRelativePath);
-  const miniappJsonPath = path.resolve(process.cwd(), miniappJsonRelativePath);
-
-  const config1 = {
-    crawlFrom: scanPath,
-    includeSubComponents: true,
-    importedFrom: /@momo-kits\/.+/,
-    processors: [['count-components', {outputTo: kitJsonPath}]],
-    rootDir: './',
-  };
-
-  const config2 = {
-    crawlFrom: scanPath,
-    includeSubComponents: true,
-    processors: [['count-components', {outputTo: miniappJsonPath}]],
-    rootDir: './',
-  };
-
-  await scan(config1);
-  await scan(config2);
-
-  calculateAdoptionRate(kitJsonPath, miniappJsonPath);
+    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 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)|@miniapp-platform\/(components|foundation))$/;
+    const RNReg = 'react-native'
+
+    const config1 = {
+        crawlFrom: scanPath,
+        includeSubComponents: true,
+        importedFrom: allKitsReg,
+        processors: [['count-components', { outputTo: kitJsonPath }]],
+        rootDir: process.cwd(),
+    };
+
+    const config2 = {
+        crawlFrom: scanPath,
+        includeSubComponents: true,
+        processors: [['count-components', { outputTo: miniappJsonPath }]],
+        rootDir: process.cwd(),
+    };
+
+    const config3 = {
+        crawlFrom: scanPath,
+        includeSubComponents: true,
+        importedFrom: RNReg,
+        processors: [['count-components', { outputTo: reactNativeJsonPath }]],
+        rootDir: process.cwd(),
+    };
+
+    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);
+
+        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

@@ -47,3 +47,12 @@ export * from './Loader';
 export * from './Loader/types';
 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/migrate_typo.js

@@ -0,0 +1,56 @@
+const {readFileSync, writeFileSync, readdirSync, statSync} = require('fs');
+const path = require('path');
+let rootPath = process.argv[2];
+
+const migrateText = [
+  {typo1: 'headline_s', typo2: 'headline_default_bold'},
+  {typo1: 'header_s', typo2: 'header_s_semibold'},
+  {typo1: 'header_xs', typo2: 'header_xs_semibold'},
+  {typo1: 'description_default', typo2: 'body_default_regular'},
+  {typo1: 'description_s', typo2: 'description_default_regular'},
+  {typo1: 'description_xs', typo2: 'description_xs_regular'},
+  {typo1: 'label_default', typo2: 'label_default_medium'},
+  {typo1: 'label_s', typo2: 'label_s_medium'},
+  {typo1: 'label_xs', typo2: 'label_xs_medium'},
+  {typo1: 'action_default', typo2: 'action_default_bold'},
+  {typo1: 'action_xs', typo2: 'action_xs_bold'},
+  {typo1: 'action_xxs', typo2: 'action_xxs_bold'},
+];
+
+function replaceTextInFile(oldText, newText, filePath) {
+  try {
+    let content = readFileSync(filePath, {encoding: 'utf-8'});
+    const regex = new RegExp(`\\b${oldText}\\b`, 'g');
+    content = content.replace(regex, newText);
+    writeFileSync(filePath, content, 'utf8');
+    console.log(`Replaced text in: ${filePath}`);
+  } catch (error) {
+    console.error(`Error processing file ${filePath}:`, error);
+  }
+}
+
+function scanDirectory(directory, oldText, newText) {
+  const files = readdirSync(directory);
+
+  files.forEach(file => {
+    const filePath = path.join(directory, file);
+    const stat = statSync(filePath);
+
+    if (stat.isDirectory()) {
+      scanDirectory(filePath, oldText, newText);
+    } else if (
+      stat.isFile() &&
+      (filePath.endsWith('.tsx') || filePath.endsWith('.ts'))
+    ) {
+      replaceTextInFile(oldText, newText, filePath);
+    }
+  });
+}
+
+function main() {
+  migrateText.forEach(({typo1, typo2}) => {
+    scanDirectory(rootPath, typo1, typo2);
+  });
+}
+
+main();

package/package.json

@@ -1,26 +1,25 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.1-beta.6",
+    "version": "0.81.1-optimize.11",
     "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/dung.huynh1/bottom-sheet.git#main",
+        "@gorhom/bottom-sheet": "2.4.1",
         "react-native-safe-area-context": "3.1.4",
-        "react-native-linear-gradient": "2.5.6",
+        "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": "git+https://gitlab.com/dung.huynh1/react-navigation-bottom-tabs.git#main",
+        "@react-navigation/bottom-tabs": "https://oauth2:5WXQLHPMxxCyvGt_Py4D@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",
-        "@react-navigation/stack": "git+https://gitlab.com/dung.huynh1/react-navigation-stack.git#main"
+        "@react-navigation/stack": "https://oauth2:eX-jVhzQdLc343AjD3Sc@gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git"
     },
     "peerDependencies": {
         "react-native": "*"
@@ -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/verify.js

@@ -2,19 +2,24 @@ const fs = require('fs');
 const path = require('path');
 
 try {
-  const package = path.join(`${__dirname}`, 'package.json');
-  const packageInfo = JSON.parse(fs.readFileSync(package, 'utf8'));
+  const packageInfo = JSON.parse(
+    fs.readFileSync(path.join(`${__dirname}`, 'package.json'), 'utf8'),
+  );
   const packageVersion = parseInt(packageInfo?.version.split('.')?.[1]);
 
   const app = path.join(`${__dirname}/../../../`, 'app.json');
-  const appInfo = JSON.parse(fs.readFileSync(app, 'utf8'));
-  const iOSAppTarget = appInfo?.client?.ios.deploymentTarget;
-  const androidAppTarget = appInfo?.client?.android.deploymentTarget;
+  const miniJson = path.join(`${__dirname}/../../../`, 'package.json');
 
-  if (appInfo.name === 'MoMoPlatform') {
+  if (!fs.existsSync(app) || fs.existsSync(miniJson)) {
     return;
   }
 
+  const appInfo = JSON.parse(fs.readFileSync(app, 'utf8'));
+  const miniInfo = JSON.parse(fs.readFileSync(miniJson, 'utf8'));
+
+  const iOSAppTarget = appInfo?.client?.ios.deploymentTarget;
+  const androidAppTarget = appInfo?.client?.android.deploymentTarget;
+
   if (packageVersion > iOSAppTarget || packageVersion > androidAppTarget) {
     console.error(
       `Package ${packageInfo.name} version: ${packageInfo.version} require deploymentTarget ${packageVersion}`,
@@ -23,6 +28,19 @@ try {
       `Package ${packageInfo.name} version: ${packageInfo.version} require deploymentTarget ${packageVersion}`,
     );
   }
+
+  if (
+    miniInfo?.dependencies?.['@momo-platform/momo-core'] &&
+    miniInfo?.dependencies?.['@momo-platform/momo-core'] !==
+      packageInfo?.version
+  ) {
+    console.error(
+      `Package ${packageInfo.name} version: ${packageInfo.version} require install resolutions @momo-platform/momo-core ${packageInfo.version}`,
+    );
+    throw new Error(
+      `Package ${packageInfo.name} version: ${packageInfo.version} require install resolutions @momo-platform/momo-core ${packageInfo.version}`,
+    );
+  }
 } catch (error) {
   console.error(`Installation failed: ${error.message}`);
   process.exit(1);

package/Application/BottomTab.tsx

@@ -1,65 +0,0 @@
-import React, {useContext} from 'react';
-import {View} from 'react-native';
-import {BottomTabProps} from './types';
-import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
-import {Icon} from '../Icon';
-import {Text} from '../Text';
-import {ApplicationContext} from './index';
-
-const Tab = createBottomTabNavigator();
-
-const BottomTab: React.FC<BottomTabProps> = ({tabs, listeners, navigation}) => {
-  const {theme} = useContext(ApplicationContext);
-
-  const defaultListener = {
-    focus: (item: any) => {
-      const focusItem = tabs.find(i => item.target.includes(i.name));
-      if (focusItem?.options) {
-        navigation?.setOptions?.(focusItem.options);
-      }
-    },
-  };
-
-  return (
-    <Tab.Navigator backBehavior={'firstRoute'}>
-      {tabs.map(item => {
-        return (
-          <Tab.Screen
-            key={item.name}
-            name={item.name}
-            component={item.screen}
-            listeners={listeners ?? defaultListener}
-            options={{
-              tabBarLabel: ({color, focused}) => {
-                return (
-                  <View style={{paddingHorizontal: 16}}>
-                    <Text
-                      typography={focused ? 'label_xs' : 'description_xs'}
-                      color={color}>
-                      {item.label}
-                    </Text>
-                  </View>
-                );
-              },
-              tabBarBadge: item?.badgeLabel,
-              tabBarBadgeStyle: {
-                borderColor: 'white',
-                borderWidth: 2,
-                fontSize: 10,
-                lineHeight: 14,
-                fontWeight: 'bold',
-                alignSelf: 'center',
-                fontFamily: `${theme.font}-Bold`,
-              },
-              tabBarIcon: ({color}) => (
-                <Icon source={item.icon} color={color} size={28} />
-              ),
-            }}
-          />
-        );
-      })}
-    </Tab.Navigator>
-  );
-};
-
-export default BottomTab;