ipanel-rnapp-ajb-base 1.0.0

package/app/.local_dev/DemoPage.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import {StyleSheet, View, Text, Button} from 'react-native';
+
+const {storage, replace} = global.base;
+
+const TestPage = ({navigation}) => {
+  const onPress = () => {
+    global.base.navigateModule({
+      operatorId: 'ipanel',
+      moduleName: 'app',
+    });
+  };
+
+  const handleLogout = async () => {
+    await storage.set('accessToken', null);
+    await storage.set('homedAccessToken', null);
+    await storage.set('accountType', null);
+    await storage.set('addressRoomMap', null);
+    await storage.set('roomDeviceMap', null);
+    await storage.set('roomDeviceStatusMap', null);
+    await storage.set('roomDeviceGroupMap', null);
+    await storage.set('roomDeviceSceneMap', null);
+    // 如果是在tab页的路由，当前栈路由历史只有首页Home调用会报错，如果是从智能客服进入“我的”，退出登录需要置顶
+    if (navigation.getState().type === 'stack') {
+      popToTop();
+    }
+    replace('Login', {
+      skip: true,
+    });
+  };
+
+  return (
+    <View>
+      <View>
+        <Text>退出登录</Text>
+      </View>
+      <Text>TestPage</Text>
+      <Button onPress={onPress} title="点击预览app全屏"></Button>
+      <Button onPress={handleLogout} title="退出登录"></Button>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({});
+
+export default TestPage;

package/app/.local_dev/env.js

@@ -0,0 +1 @@
+export default 'production';

package/app/.local_dev/polyfill.js

@@ -0,0 +1,83 @@
+import {AppRegistry, NativeModules} from 'react-native';
+
+// isMultiBundle：是否为分包加载方式（不是的话就是不分包方式，用于本地调试）
+const isLocalDev = !NativeModules.RNToNativeEmitter?.isMultiBundle;
+
+/**
+ * 动态加载业务包
+ * @param {object} data 要加载的业务包列表对象，格式如: { packages: [...] }
+ * @param {*} packageLoadCallback 每次一个业务包处理（加载成功或失败）完成时触发该回调函数
+ * @returns 全部业务包处理完成的promise，全部加载完成时promise返回true，否则返回加载失败的模块数组
+ */
+function loadPackages(data, packageLoadCallback) {
+  return new Promise((resolve, reject) => {
+    if (!isLocalDev) {
+      const load = pack => {
+        return new Promise(_reslove => {
+          NativeModules.RNToNativeEmitter.loadPackage(
+            {
+              package: pack,
+            },
+            function (error, packageName) {
+              console.log(error, packageName);
+
+              typeof packageLoadCallback === 'function' &&
+                packageLoadCallback(error, packageName);
+
+              _reslove({
+                error,
+                packageName,
+              });
+            },
+          );
+        });
+      };
+
+      Promise.all(data.packages.map(pack => load(pack))).then(datas => {
+        const errors = datas.filter(item => !!item.error);
+        if (errors.length > 0) {
+          reject(errors);
+        } else {
+          resolve(true);
+        }
+      });
+    } else {
+      // 本地开发环境直接resolve
+      resolve(true);
+    }
+  });
+}
+
+// 根据业务包的组件名异步获取业务包组件，返回一个promise
+async function getRemoteComponentByName(componentName) {
+  if (!isLocalDev) {
+    return AppRegistry.getRunnable(componentName).componentProvider();
+  } else {
+    try {
+      // 用于本地开发测试，每加一个业务包这里都需要加一下
+      switch (componentName) {
+        case 'tvShare':
+          return (await import('../app_tvShare/App.js')).default;
+        case 'smartHome':
+          return (await import('../app_smartHome/App.js')).default;
+        case 'shop':
+          return (await import('../app_shop/App.js')).default;
+        case 'panYuGovData':
+          return (await import('../app_panYuGovData/App.js')).default;
+        case 'myProfile':
+          return (await import('../app_myProfile/App.js')).default;
+        case 'adg':
+          return (await import('../app_adg/App.js')).default;
+        case 'orderFood':
+          return (await import('../app_orderFood/App.js')).default;
+        case 'apartment':
+          return (await import('../app_apartment/App.js')).default;
+      }
+    } catch (e) {
+      console.log(componentName, e);
+      return false;
+    }
+  }
+}
+
+export {loadPackages, getRemoteComponentByName};

package/app/App.js

@@ -0,0 +1,485 @@
+import React, {useState, useEffect, useMemo} from 'react';
+import {
+  View,
+  LogBox,
+  Platform,
+  NativeModules,
+  StatusBar,
+  StyleSheet,
+  TouchableWithoutFeedback,
+  Keyboard,
+  AppState,
+  NativeEventEmitter,
+  DeviceEventEmitter,
+} from 'react-native';
+import {NavigationContainer} from '@react-navigation/native';
+import {createStackNavigator} from '@react-navigation/stack';
+import {SheetProvider} from 'react-native-actions-sheet';
+import DeviceInfo from 'react-native-device-info';
+import {SafeAreaProvider, SafeAreaView} from 'react-native-safe-area-context';
+import VersionUpdateConfirm from './components/VersionUpdateConfirm';
+// import NetInfo from '@react-native-community/netinfo';
+
+// 重要：base.js需放在一切自定义代码之前初始化
+import './base.js';
+// 版本升级相关代码
+import './utils/bundleUpdater';
+// 对接声必可屏幕
+import './utils/SBK_plugin';
+
+// 注册actionSheet组件
+import './components/sheets.js';
+
+import ModuleConfig from '../multibundler/ModuleIdConfig.json';
+import BundleConfig from '../bundleconfig.json';
+import Loading from './components/common/Loading';
+import Toast from './components/common/Toast';
+import Dialog from './components/common/Dialog';
+import Notify from './components/common/Notify';
+import storage from './storage';
+
+import {navigationRef} from './utils/RootNavigation';
+import checkLogin from './hooks/checkLogin';
+import {getModuleVersionInfo} from './api/';
+import {appReport} from './utils/common';
+
+// 基础导航页、登录页
+import BaseScreen from './screens/BaseScreen';
+import LoginScreen from './screens/LoginScreen';
+import NewLoginScreen from './screens/LoginScreen/indexNew';
+import ResePasswordScreen from './screens/ResePassword';
+import SbkScreen from './screens/SbkScreen';
+
+import eventBus, {EVENTS} from './eventBus';
+
+import useDynamicPackages from './hooks/useDynamicPackages';
+import useAddress from './hooks/useAddress';
+import useAddress2 from './hooks/useAddress2';
+import useNavigationFocus from './hooks/useNavigationFocus';
+import useLatest from './hooks/useLatest';
+import useDebounceFn from './hooks/useDebounceFn';
+import useUser from './hooks/useUser';
+import useKeyboard from './hooks/useKeyboard';
+
+LogBox.ignoreLogs([
+  'ViewPropTypes will be removed',
+  'ColorPropType will be removed',
+]);
+
+// base hooks, 内部可能依赖基础的base函数，因此放在基础base初始化之后
+global.base.hooks = {
+  useAddress,
+  useAddress2,
+  useNavigationFocus,
+  useLatest,
+  useDebounceFn,
+  useUser,
+  useKeyboard,
+};
+
+// 公共页面
+import WebviewScreen from './screens/WebviewScreen';
+import ScanQRCodeScreen from './screens/CommonScreens/ScanQRCodeScreen';
+import OperatorSelectScreen from './screens/CommonScreens/OperatorSelectScreen';
+import EditInvoiceTitleScreen from './screens/CommonScreens/EditInvoiceTitleScreen';
+import InvoiceTitleListScreen from './screens/CommonScreens/InvoiceTitleListScreen';
+import TvAlbumScreen from './screens/CommonScreens/TvAlbumScreen';
+import DeviceFeedbackScreen from './screens/CommonScreens/DeviceFeedbackScreen';
+import DeviceAnswerDetailScreen from './screens/CommonScreens/DeviceAnswerDetailScreen';
+
+// Boss绑定页面
+import BindBossScreen from './screens/CommonScreens/BossScreen';
+
+const Stack = createStackNavigator();
+
+const envVersion = NativeModules?.RNToNativeEmitter?.serverCluster || 'alpha';
+// const envVersion = 'release';
+
+let eventEmitter;
+if (Platform.OS === 'android') {
+  // ----yusm：安卓使用DeviceEventEmitter
+  eventEmitter = DeviceEventEmitter;
+} else {
+  eventEmitter = new NativeEventEmitter(NativeModules.NativeToRNEmitter);
+}
+// 公共 栈路由页面
+const CommonScreens = {
+  Home: {
+    component: BaseScreen,
+    screenOptions: {
+      title: '首页',
+      headerShown: false,
+      includeBottom: true,
+    },
+  },
+  Login: {
+    component:
+      DeviceInfo.getBrand() === 'Allwinner' ? LoginScreen : NewLoginScreen,
+    screenOptions: {
+      title: '登录',
+      headerShown: false,
+    },
+  },
+  ResePasswordScreen: {
+    component: ResePasswordScreen,
+    screenOptions: {
+      title: '重置密码',
+      headerShown: false,
+    },
+  },
+  ScanQRCodeScreen: {
+    component: ScanQRCodeScreen,
+    screenOptions: {
+      headerShown: false,
+    },
+  },
+  OperatorSelectScreen: {
+    component: OperatorSelectScreen,
+    screenOptions: {
+      title: '选择运营商',
+      headerShown: false,
+    },
+  },
+  InvoiceTitleListScreen: {
+    component: InvoiceTitleListScreen,
+    screenOptions: {
+      title: '发票抬头',
+      headerShown: false,
+    },
+  },
+  EditInvoiceTitleScreen: {
+    component: EditInvoiceTitleScreen,
+    screenOptions: {
+      title: '编辑发票抬头',
+      headerShown: false,
+    },
+  },
+  WebviewScreen: {
+    component: WebviewScreen,
+    screenOptions: {
+      title: '',
+      headerShown: false,
+    },
+  },
+  TvAlbumScreen: {
+    component: TvAlbumScreen,
+    screenOptions: {
+      title: '电视相册',
+    },
+  },
+  DeviceFeedbackScreen: {
+    component: DeviceFeedbackScreen,
+    screenOptions: {
+      title: '帮助与反馈',
+      headerShown: false,
+    },
+  },
+  DeviceAnswerDetailScreen: {
+    component: DeviceAnswerDetailScreen,
+    screenOptions: {
+      title: '解答',
+      headerShown: false,
+    },
+  },
+  SbkScreen: {
+    component: SbkScreen,
+    screenOptions: {
+      title: '爱家宝',
+      headerShown: false,
+    },
+  },
+  BindBossScreen: {
+    component: BindBossScreen,
+    screenOptions: {
+      title: '绑定boss账号',
+      headerShown: false,
+    },
+  },
+};
+
+// screen分组
+function StackScreenGroup(screens) {
+  return Object.entries(screens).map(([name, {component, screenOptions}]) => (
+    <Stack.Screen
+      name={name}
+      component={component}
+      options={screenOptions}
+      key={name}
+    />
+  ));
+}
+
+// 兜底的底部导航模块
+const initialNavigationPackages = [
+  {
+    bundleName: 'index.ios.bundle',
+    isMain: 1,
+    md5: '7284896d821f9e206efc979590561e18',
+    moduleName: 'tvShare',
+    modulePublishDesc: '电视分享ios',
+    upgradeMode: 'force',
+    url: 'https://dev.ipanelcloud2.ipanel.cn:50443/jshomeapp/appFiles/packFiles/ipanel/ios/tvShare/v1.0.2/20230601120633/ipanel_ios_tvShare_v1.0.2_20230601120633.zip',
+    version: 'v1.0.2',
+  },
+  {
+    bundleName: 'index.ios.bundle',
+    isMain: 1,
+    md5: '0fd7a6212a7b70baa54ce2a9cc99698b',
+    moduleName: 'smartHome',
+    modulePublishDesc: '智能家居ios',
+    upgradeMode: 'force',
+    url: 'https://dev.ipanelcloud2.ipanel.cn:50443/jshomeapp/appFiles/packFiles/ipanel/ios/smartHome/v1.0.2/20230601120752/ipanel_ios_smartHome_v1.0.2_20230601120752.zip',
+    version: 'v1.0.2',
+  },
+  // {
+  //   bundleName: 'index.ios.bundle',
+  //   isMain: 1,
+  //   md5: '5f4d438743465de65384635e05aef6ff',
+  //   moduleName: 'shop',
+  //   modulePublishDesc: '商城ios',
+  //   upgradeMode: 'force',
+  //   url: 'https://dev.ipanelcloud2.ipanel.cn:50443/jshomeapp/appFiles/packFiles/ipanel/ios/shop/v1.0.2/20230601120912/ipanel_ios_shop_v1.0.2_20230601120912.zip',
+  //   version: 'v1.0.2',
+  // },
+];
+
+// 兜底版本
+global.base.initialNavigationPackages = initialNavigationPackages;
+// global.base.navigationPackages = initialNavigationPackages;
+// 从storage取上次的版本
+// const updateNavigationPackagesFromStorage = async flag => {
+//   const packages = await global.base.storage.get('base.navigationPackages');
+//   if (packages) {
+//     global.base.navigationPackages = packages;
+//     console.log('成功从本地读取上一次的底部导航模块,flag=', flag);
+//   }
+// };
+// updateNavigationPackagesFromStorage(1);
+
+const App = () => {
+  const {DynamicStackScreens} = useDynamicPackages();
+  // 当前页面是否需要包括底部安全区
+  const [includeBottom, setIncludeBottom] = useState(false);
+  const [versionUpdateConfirmVisible, setVersionUpdateConfirmVisible] =
+    useState(false);
+  const [latestBaseVersion, setLatestBaseVersion] = useState(null);
+
+  const allStackScreens = useMemo(() => {
+    return {
+      ...CommonScreens,
+      ...DynamicStackScreens,
+    };
+  }, [DynamicStackScreens]);
+
+  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
+
+  // 更新global.base
+  global.base.DynamicStackScreens = DynamicStackScreens;
+
+  // mounted
+  useEffect(() => {
+    StatusBar.setBackgroundColor('transparent');
+    StatusBar.setBarStyle('dark-content');
+    storage.get('accountType').then(res => {
+      global.base.accountType = res || 'ajb';
+    });
+
+    const rnToNative = NativeModules.RNToNativeEmitter;
+    // 应用通知app可正常显示，页面正常运行了，在componentDidMount 中加
+    rnToNative?.notifyApplicationReady({
+      moduleName: ModuleConfig[BundleConfig.bundleid].name,
+    }); // 不用传参数
+
+    // 首次进入app登录鉴权
+    checkLogin();
+
+    // 获取最新版本并通知原生平台，由平台判断后弹出升级确认提示
+    checkBaseVersion();
+
+    AppState.addEventListener('change', async nextAppState => {
+      console.log('nextAppState', nextAppState);
+      if (nextAppState === 'active') {
+        appReport('APP_STARTUP');
+      }
+    });
+
+    const keyboardDidShowListener = Keyboard.addListener(
+      'keyboardDidShow',
+      () => {
+        setIsKeyboardVisible(true);
+      },
+    );
+
+    const keyboardDidHideListener = Keyboard.addListener(
+      'keyboardDidHide',
+      () => {
+        setIsKeyboardVisible(false);
+      },
+    );
+
+    const cellularDataStateListener = eventEmitter.addListener(
+      'CellularDataState',
+      data => {
+        console.log(JSON.stringify(data), 'CellularDataState');
+        if (data?.state && data?.state !== 0) {
+          checkBaseVersion();
+        }
+      },
+    );
+
+    return () => {
+      keyboardDidShowListener.remove();
+      keyboardDidHideListener.remove();
+      cellularDataStateListener.remove();
+    };
+  }, []);
+
+  // 处理屏幕其他部分的触摸事件
+  const handleTouchOutside = () => {
+    if (isKeyboardVisible) {
+      Keyboard.dismiss();
+    }
+  };
+
+  const checkBaseVersion = async () => {
+    // 当前版本
+    const baseVersionInfo = await global.base.getBundleInfo('base');
+    if (!baseVersionInfo) {
+      return false;
+    }
+    try {
+      const res = await getModuleVersionInfo({
+        platform: Platform.OS,
+        operatorId: 'ipanel',
+        moduleName: 'base',
+      });
+      if (res.code === 0) {
+        const versionInfo = res.data.packages[0];
+        const newVersion = Number(
+          versionInfo.version.slice(1).replace(/\./g, ''),
+        );
+        const currentVersion = Number(
+          baseVersionInfo.version.slice(1).replace(/\./g, ''),
+        );
+        if (newVersion > currentVersion) {
+          setVersionUpdateConfirmVisible(true);
+          setLatestBaseVersion(versionInfo);
+        }
+        return newVersion > currentVersion;
+      }
+    } catch (e) {}
+  };
+
+  global.base.checkBaseVersion = checkBaseVersion;
+
+  // 升级测试
+  const onUpdate = versionInfo => {
+    const rnToNative = NativeModules.RNToNativeEmitter;
+    rnToNative?.selectedInfo({
+      packages: [versionInfo],
+      operatorId: 'ipanel',
+    });
+  };
+
+  const handleStateChange = ({routes}) => {
+    const routeName = routes[routes.length - 1].name;
+    setIncludeBottom(
+      allStackScreens[routeName]?.screenOptions?.includeBottom || false,
+    );
+    /* 加载之后每次navigate都鉴权一把登录状态（重置密码不需要检测） */
+    if (routeName !== 'ResePasswordScreen') {
+      checkLogin();
+    }
+
+    // 收起智能客服底部导航+面板
+    eventBus.emit(EVENTS.CUSTOM_TAB_BAR.HIDE_MORE_AREA);
+  };
+
+  const renderContent = () => {
+    return (
+      <>
+        <SheetProvider>
+          <NavigationContainer
+            ref={navigationRef}
+            onStateChange={handleStateChange}>
+            <Stack.Navigator
+              initialRouteName={'Login'}
+              screenOptions={{
+                headerStyle: {},
+              }}>
+              {/* 首页 */}
+              {/*<Stack.Screen*/}
+              {/*  name="Home"*/}
+              {/*  component={BaseScreen}*/}
+              {/*  options={{*/}
+              {/*    title: '首页',*/}
+              {/*    headerShown: false,*/}
+              {/*  }}*/}
+              {/*/>*/}
+              {/* 登录页 */}
+              {/*<Stack.Screen*/}
+              {/*  name="Login"*/}
+              {/*  component={LoginScreen}*/}
+              {/*  options={{*/}
+              {/*    title: '登录',*/}
+              {/*    headerShown: false,*/}
+              {/*  }}*/}
+              {/*/>*/}
+
+              {/* 公共页面 */}
+              {StackScreenGroup(CommonScreens)}
+
+              {/* 动态注册的页面 */}
+              {StackScreenGroup(DynamicStackScreens)}
+            </Stack.Navigator>
+          </NavigationContainer>
+        </SheetProvider>
+
+        <Loading onRef={ref => (global.loading = ref)} />
+        <Toast onRef={ref => (global.toast = ref)} />
+        <Notify onRef={ref => (global.notify = ref)} />
+        <Dialog onRef={ref => (global.dialog = ref)} />
+        {versionUpdateConfirmVisible && (
+          <VersionUpdateConfirm
+            onVisibleChange={setVersionUpdateConfirmVisible}
+            latestVersion={latestBaseVersion}
+            onUpdate={onUpdate}
+          />
+        )}
+        {isKeyboardVisible && Platform.OS === 'ios' && (
+          <TouchableWithoutFeedback onPress={handleTouchOutside}>
+            <View style={styles.touchableContainer} />
+          </TouchableWithoutFeedback>
+        )}
+      </>
+    );
+  };
+
+  return Platform.OS === 'ios' ? (
+    <SafeAreaProvider>
+      <SafeAreaView
+        style={{flex: 1}}
+        edges={includeBottom ? ['right', 'left'] : ['right', 'bottom', 'left']}>
+        {renderContent()}
+      </SafeAreaView>
+    </SafeAreaProvider>
+  ) : (
+    <>
+      <StatusBar
+        backgroundColor="transparent"
+        translucent
+        barStyle="dark-content"
+      />
+      <SafeAreaProvider>{renderContent()}</SafeAreaProvider>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  touchableContainer: {
+    ...StyleSheet.absoluteFillObject, // 填充整个屏幕
+    zIndex: 1, // 确保在 TextInput 之上
+  },
+});
+
+export default App;

package/app/api/homedApi.js

@@ -0,0 +1,42 @@
+import {homedHttp} from '../utils/http';
+import config from '../utils/config';
+
+export const homedGet = (url, data) => {
+  return homedHttp({
+    url: url,
+    method: 'GET',
+    data,
+  });
+};
+
+export const getHomedUserInfo = async data => {
+  return homedHttp({
+    url: `http://access.${await global.base.getHomedDomain()}/account/user/get_info`,
+    method: 'GET',
+    data,
+  });
+};
+
+// /account/device/get_list
+export const getUserList = async data => {
+  return homedHttp({
+    url: `http://access.${await global.base.getHomedDomain()}/account/user/get_list`,
+    method: 'GET',
+    data,
+  });
+};
+export const getRegionList = async data => {
+  return homedHttp({
+    url: `http://iusm.${await global.base.getHomedDomain()}/account/get_region_list`,
+    method: 'GET',
+    data,
+  });
+};
+
+export const getAccessToken = async (data, domain) => {
+  return homedHttp({
+    url: `http://access.${domain}/account/get_accesstoken`,
+    method: 'POST',
+    data,
+  });
+};

package/app/api/index.js

@@ -0,0 +1,2 @@
+export * from './ipanelCloudApi.js';
+export * from './homedApi';