@tuya-sat/sdf-main-sdk 0.0.1-beta.1

package/src/global.d.ts

@@ -0,0 +1,54 @@
+declare global {
+  type LangKey = 'zh' | 'zh_tw' | 'en';
+  interface Window {
+    csrf: string;
+    location: any;
+    FS: any;
+    _SDF_CONFIG: any;
+    TPM: any;
+    runtime: string;
+    _SDF: {
+      region: string;
+      runtime: string;
+      saas: {
+        is_support_mobile: boolean | undefined;
+        charge_status: string;
+        expire_time: number;
+        custom_configs:
+          | {
+              config_key:
+                | 'dynamic_theme'
+                | 'is_support_theme_change'
+                | 'dynamic_header_menu';
+              config_group: string;
+              platform: string;
+              config_value_json: string;
+              config_name_zh: string;
+              config_name_en: string;
+              config_value: { [key: string]: any };
+            }[]
+          | undefined;
+        entries: {
+          entry_mode: 'normal' | 'group';
+        };
+        saas_locales?: Record<string, Record<string, Record<LangKey, string>>>;
+        [key: string]: any;
+      };
+      base: string;
+      saasInfo: any;
+      user: {
+        user_nick_name: string;
+        user_name: string;
+        roles: Array<{
+          role_code?: string;
+          role_name: string;
+        }>;
+        mobile?: string;
+        email?: string;
+        country_code?: string;
+      } | null;
+    };
+    initGeetest: (options: any, callback: (geetest: any) => void) => void;
+    darkLightChangeSubscriber?: any;
+  }
+}

package/src/hooks/index.ts

@@ -0,0 +1,133 @@
+import { useEffect, useRef, useState, useMemo } from 'react';
+import { useLocation, useHistory } from 'react-router-dom';
+import { api, URLS } from '@/api';
+import { gMainConfig } from '@/index';
+
+export let micApps;
+export let permissions;
+export const universalIds = [];
+export let apis = {};
+
+export const useSaasInfo = () => {
+  const [entryInfo, setEntry] = useState({});
+  const [apps, setApps] = useState([]);
+  const [appIds, setAppIds] = useState([]);
+  const [saasIdInfoList, setsaasIdInfoList] = useState([]);
+
+  useEffect(() => {
+    if (window._SDF.saasInfo) {
+      /**
+       * 注意：请勿改动下面hooks的调用顺序，
+       * 因为每个hook都会造成组件的重新渲染，且runQiankun里的参数存在闭包引用（https://registry.code.tuya-inc.top/micro-apps/iot-suite-fe-gateway/-/blob/master/main-app/src/pages/home/index.tsx#L46）
+       */
+      if (gMainConfig?.hooks?.loginedSaaSHook) {
+        gMainConfig.hooks.loginedSaaSHook(window?._SDF?.saasInfo).then(() => {
+          const res = window._SDF?.saasInfo;
+          apis = res.apis;
+          const apps = res.apps.map((element) => {
+            element.universal_id && universalIds.push(element.universal_id);
+            return {
+              ...element,
+              active_rule:
+                (window.location.pathname.match(/\/g\/\d+/)?.[0] || '') +
+                element.active_rule,
+            };
+          });
+          setEntry(res.entry_info);
+          setApps(apps);
+          micApps = apps;
+          setAppIds(res.saas_id_info_list.map((item) => item.oem_micro_app_id));
+          setsaasIdInfoList(res.saas_id_info_list);
+          permissions = res.permissions;
+        });
+      } else {
+        const res = window._SDF?.saasInfo;
+        apis = res.apis;
+        const apps = res.apps.map((element) => {
+          element.universal_id && universalIds.push(element.universal_id);
+          return {
+            ...element,
+            active_rule:
+              (window.location.pathname.match(/\/g\/\d+/)?.[0] || '') +
+              element.active_rule,
+          };
+        });
+        setEntry(res.entry_info);
+        setApps(apps);
+        micApps = apps;
+        setAppIds(res.saas_id_info_list.map((item) => item.oem_micro_app_id));
+        setsaasIdInfoList(res.saas_id_info_list);
+        permissions = res.permissions;
+      }
+    } else {
+      if (gMainConfig?.hooks?.loginedSaaSHook) {
+        api.get(URLS.SAAS_INFO).then(async (res) => {
+          window._SDF.saasInfo = res;
+          await gMainConfig.hooks.loginedSaaSHook(window?._SDF?.saasInfo);
+          const apps = res.apps.map((element) => {
+            element.universal_id && universalIds.push(element.universal_id);
+            return {
+              ...element,
+              active_rule:
+                (window.location.pathname.match(/\/g\/\d+/)?.[0] || '') +
+                element.active_rule,
+            };
+          });
+          setEntry(res.entry_info);
+          setApps(apps);
+          micApps = apps;
+          setAppIds(res.saas_id_info_list.map((item) => item.oem_micro_app_id));
+          setsaasIdInfoList(res.saas_id_info_list);
+          permissions = res.permissions;
+        });
+      } else {
+        api.get(URLS.SAAS_INFO).then((res) => {
+          const apps = res.apps.map((element) => {
+            element.universal_id && universalIds.push(element.universal_id);
+            return {
+              ...element,
+              active_rule:
+                (window.location.pathname.match(/\/g\/\d+/)?.[0] || '') +
+                element.active_rule,
+            };
+          });
+          setEntry(res.entry_info);
+          setApps(apps);
+          micApps = apps;
+          setAppIds(res.saas_id_info_list.map((item) => item.oem_micro_app_id));
+          setsaasIdInfoList(res.saas_id_info_list);
+          permissions = res.permissions;
+          window._SDF.saasInfo = res;
+        });
+      }
+    }
+  }, []);
+  return { entryInfo, apps, appIds, saasIdInfoList };
+};
+
+export const use403 = (authAppIds) => {
+  const location = useLocation();
+  const history = useHistory();
+  useEffect(() => {
+    if (
+      location.pathname.includes('/apps') &&
+      !authAppIds.includes(location.pathname.split('/')[2])
+    ) {
+      history.push('/404');
+    }
+  }, [authAppIds]);
+};
+
+export const usePrevious = <T>(value: T): T => {
+  const ref = useRef<T>();
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+
+export const useQuery = () => {
+  const { search } = useLocation();
+
+  return useMemo(() => new URLSearchParams(search), [search]);
+};