@momo-kits/foundation 0.76.1-beta.2 → 0.77.1-optimize.2

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,23 +1,25 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.76.1-beta.2",
+    "version": "0.77.1-optimize.2",
     "description": "React Native Component Kits",
     "main": "index.ts",
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
-    },
+    "scripts": {},
     "keywords": [
         "@momo-kits/foundation"
     ],
     "dependencies": {
+        "@gorhom/bottom-sheet": "2.4.1",
         "react-native-safe-area-context": "3.1.4",
-        "react-native-linear-gradient": "2.5.6",
-        "@react-navigation/bottom-tabs": "git+https://gitlab.com/dung.huynh1/react-navigation-bottom-tabs.git#main",
+        "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://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",
-        "@react-navigation/stack": "git+https://gitlab.com/dung.huynh1/react-navigation-stack.git#main",
-        "@gorhom/bottom-sheet": "2.4.1"
+        "lottie-react-native": "3.3.2",
+        "@react-navigation/stack": "https://oauth2:eX-jVhzQdLc343AjD3Sc@gitlab.mservice.com.vn/momo-platform/react-navigation-stack.git"
     },
     "peerDependencies": {
         "react-native": "*"
@@ -29,12 +31,15 @@
         "@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",
         "metro-react-native-babel-preset": "^0.64.0",
         "react-test-renderer": "17.0.1",
-        "typescript": "^4.0.3"
+        "typescript": "^4.0.3",
+        "@momo-platform/versions": "4.1.11",
+        "react-scanner": "^1.1.0"
     },
     "author": "@momo-kits/foundation",
     "license": "ISC"

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "rootDir": ".",
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react",
+    "lib": ["esnext"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": false,
+    "noImplicitUseStrict": false,
+    "noStrictGenericChecks": false,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "esnext",
+  }
+}

package/verify.js

@@ -0,0 +1,47 @@
+const fs = require('fs');
+const path = require('path');
+
+try {
+  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 miniJson = path.join(`${__dirname}/../../../`, 'package.json');
+
+  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}`,
+    );
+    throw new Error(
+      `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,52 +0,0 @@
-import React, {FC, useContext} from 'react';
-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: FC<BottomTabProps> = ({tabs, listeners}) => {
-  const {theme} = useContext(ApplicationContext);
-  return (
-    <Tab.Navigator>
-      {tabs.map(item => {
-        return (
-          <Tab.Screen
-            key={item.name}
-            name={item.name}
-            component={item.screen}
-            listeners={listeners}
-            options={{
-              tabBarLabel: ({color, focused}) => {
-                return (
-                  <Text
-                    typography={focused ? 'label_xs' : 'description_xs'}
-                    color={color}>
-                    {item.label}
-                  </Text>
-                );
-              },
-              tabBarBadge: item?.badgeLabel,
-              tabBarBadgeStyle: {
-                borderColor: 'white',
-                borderWidth: 2,
-                fontSize: 10,
-                lineHeight: 14,
-                fontWeight: 'bold',
-                alignSelf: 'center',
-                fontFamily: `${theme.font}-Bold`,
-              },
-              tabBarIcon: ({color, size}) => (
-                <Icon source={item.icon} color={color} size={size} />
-              ),
-            }}
-          />
-        );
-      })}
-    </Tab.Navigator>
-  );
-};
-
-export default BottomTab;

package/Application/NavigationButton.tsx

@@ -1,54 +0,0 @@
-import {Platform, StyleSheet, TouchableOpacity as TouchRN} from 'react-native';
-import {TouchableOpacity as TouchGesture} from 'react-native-gesture-handler';
-import React, {useContext} from 'react';
-import {NavigationButtonProps} from './types';
-import {ApplicationContext} from './index';
-import {Icon} from '../Icon';
-import {Colors} from '../Consts';
-
-const TouchableOpacity = Platform.OS === 'ios' ? TouchRN : TouchGesture;
-const NavigationButton: React.FC<NavigationButtonProps> = ({
-  icon,
-  tintColor,
-  onPress,
-  backgroundColor,
-  useBorder = true,
-  accessibilityLabel,
-}) => {
-  const {theme} = useContext(ApplicationContext);
-  if (!backgroundColor && tintColor != Colors.black_01) {
-    backgroundColor = theme.colors.background.surface;
-  }
-
-  return (
-    <TouchableOpacity
-      accessibilityLabel={`NavigationButton/${accessibilityLabel}`}
-      style={[
-        styles.container,
-        {
-          backgroundColor: backgroundColor ?? '#00000066',
-          borderWidth: useBorder && backgroundColor ? 0.5 : 0,
-        },
-      ]}
-      onPress={onPress}>
-      <Icon
-        source={icon}
-        color={tintColor ?? theme.colors.text.default}
-        size={20}
-      />
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    height: 28,
-    width: 28,
-    borderRadius: 14,
-    borderColor: '#00000066',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
-
-export default NavigationButton;