@lark-apaas/client-toolkit 1.1.21-alpha.auth.dev.12 → 1.1.21-alpha.auth.dev.14

package/lib/apis/components/QueryProvider.d.ts

@@ -0,0 +1 @@
+export { default as QueryProvider, getDefaultQueryClient } from '../../components/QueryProvider';

package/lib/apis/components/QueryProvider.js

@@ -0,0 +1,2 @@
+import QueryProvider, { getDefaultQueryClient } from "../../components/QueryProvider/index.js";
+export { QueryProvider, getDefaultQueryClient };

package/lib/components/AppContainer/index.js

@@ -16,6 +16,7 @@ import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
 import { getAppId } from "../../utils/getAppId.js";
 import { ServerLogPoller } from "../../server-log/index.js";
+import QueryProvider from "../QueryProvider/index.js";
 import { AuthProvider } from "@lark-apaas/auth-sdk";
 registerDayjsPlugins();
 initAxiosConfig();
@@ -225,18 +226,20 @@ const AppContainer_AppContainer = (props)=>{
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(safety, {}),
-            /*#__PURE__*/ jsx(ConfigProvider, {
-                theme: {
-                    token: antdThemeToken,
-                    components: {
-                        Table: antdTableToken,
-                        Pagination: antdPaginationToken
-                    }
-                },
-                children: /*#__PURE__*/ jsx(App, {
-                    themeMeta: props.themeMeta,
-                    enableAuth: props.enableAuth,
-                    children: children
+            /*#__PURE__*/ jsx(QueryProvider, {
+                children: /*#__PURE__*/ jsx(ConfigProvider, {
+                    theme: {
+                        token: antdThemeToken,
+                        components: {
+                            Table: antdTableToken,
+                            Pagination: antdPaginationToken
+                        }
+                    },
+                    children: /*#__PURE__*/ jsx(App, {
+                        themeMeta: props.themeMeta,
+                        enableAuth: props.enableAuth,
+                        children: children
+                    })
                 })
             })
         ]

package/lib/components/AppContainer/utils/childApi.js

@@ -28,6 +28,11 @@ async function getSourceMap() {
 }
 const childApi = {
     getRoutes,
+    updateAppInfo: (appInfo)=>{
+        dispatchEvent(new CustomEvent('MiaoDaMetaInfoChanged', {
+            detail: appInfo
+        }));
+    },
     getSourceMap,
     apiProxy: {
         api_get: api_get,

package/lib/components/QueryProvider/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
+declare const getDefaultQueryClient: () => QueryClient;
+export type QueryProviderProps = {
+    children: React.ReactNode;
+    client?: QueryClient;
+};
+declare const QueryProvider: React.FC<QueryProviderProps>;
+export default QueryProvider;
+export { getDefaultQueryClient };

package/lib/components/QueryProvider/index.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+let defaultQueryClient = null;
+const getDefaultQueryClient = ()=>{
+    if (!defaultQueryClient) defaultQueryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                retry: 1,
+                refetchOnWindowFocus: false
+            },
+            mutations: {
+                retry: 1
+            }
+        }
+    });
+    return defaultQueryClient;
+};
+const QueryProvider = ({ children, client })=>{
+    const qc = client ?? getDefaultQueryClient();
+    return /*#__PURE__*/ jsx(QueryClientProvider, {
+        client: qc,
+        children: children
+    });
+};
+const components_QueryProvider = QueryProvider;
+export { components_QueryProvider as default, getDefaultQueryClient };

package/lib/hooks/useAppInfo.d.ts

@@ -3,4 +3,5 @@ export declare const useAppInfo: () => {
     appLogo: string;
     name?: string;
     avatar?: string;
+    description?: string;
 };

package/lib/hooks/useAppInfo.js

@@ -3,9 +3,12 @@ import { getAppInfo } from "../integrations/getAppInfo.js";
 const useAppInfo = ()=>{
     const [appInfo, setAppInfo] = useState({});
     useEffect(()=>{
-        const handleMetaInfoChanged = async ()=>{
-            const info = await getAppInfo();
-            if (info.name) document.title = info.name;
+        const updateDomInfo = (info)=>{
+            if (info.name) {
+                document.title = info.name;
+                const meta = document.querySelector("meta[property='og:title']");
+                if (meta) meta.content = info.name;
+            }
             if (info.avatar) {
                 let link = document.querySelector("link[rel~='icon']");
                 if (!link) {
@@ -14,13 +17,30 @@ const useAppInfo = ()=>{
                     document.head.appendChild(link);
                 }
                 link.href = info.avatar;
+                const meta = document.querySelector("meta[property='og:image']");
+                if (meta) meta.content = info.avatar;
+            }
+            if (info.description) {
+                const meta = document.querySelector("meta[property='og:description']");
+                if (meta) meta.content = info.description;
             }
-            setAppInfo(info);
+        };
+        const handleMetaInfoChanged = async (info)=>{
+            if (!info) info = await getAppInfo(true);
+            updateDomInfo(info);
+            setAppInfo((prev)=>({
+                    ...prev,
+                    ...info
+                }));
         };
         handleMetaInfoChanged();
-        window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
+        const onUpdate = (e)=>{
+            const info = e.detail;
+            handleMetaInfoChanged(info);
+        };
+        window.addEventListener('MiaoDaMetaInfoChanged', onUpdate);
         return ()=>{
-            window.removeEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
+            window.removeEventListener('MiaoDaMetaInfoChanged', onUpdate);
         };
     }, []);
     return {

package/lib/integrations/getAppInfo.d.ts

@@ -1,2 +1,2 @@
 import { AppInfoPayload } from '../types/common';
-export declare function getAppInfo(): Promise<AppInfoPayload>;
+export declare function getAppInfo(refresh?: boolean): Promise<AppInfoPayload>;

package/lib/integrations/getAppInfo.js

@@ -1,12 +1,13 @@
 import { getInitialInfo } from "../utils/getInitialInfo.js";
 import { isSparkRuntime } from "../utils/utils.js";
-async function getAppInfo() {
+async function getAppInfo(refresh = false) {
     let appInfo = 'undefined' != typeof window ? window._appInfo : void 0;
-    if (!appInfo && isSparkRuntime()) {
-        const info = (await getInitialInfo())?.app_info;
+    if ((!appInfo || refresh) && isSparkRuntime()) {
+        const info = (await getInitialInfo(refresh))?.app_info;
         appInfo = {
             name: info?.app_name || '',
-            avatar: info?.app_avatar || ''
+            avatar: info?.app_avatar || '',
+            description: info?.app_description || ''
         };
         if (appInfo.name) appInfo.name = appInfo.name.trim();
         if ('undefined' != typeof window) window._appInfo = appInfo;

package/lib/types/common.d.ts

@@ -1,4 +1,5 @@
 export interface AppInfoPayload {
     name: string;
     avatar: string;
+    description: string;
 }

package/lib/types/iframe-events.d.ts

@@ -1,3 +1,4 @@
+import { AppInfoPayload } from "./common";
 export interface IframeMessage<T = unknown> {
     type: string;
     data: T;
@@ -55,6 +56,8 @@ export interface ParentApi {
 export interface ChildApi {
     getRoutes: () => Promise<any[]>;
     getSourceMap: () => Promise<string>;
+    /** 更新应用信息 */
+    updateAppInfo: (appInfo: AppInfoPayload) => void;
     apiProxy: {
         api_get: (url: string, config?: any) => Promise<any>;
         api_post: (url: string, data?: any, config?: any) => Promise<any>;

package/lib/utils/getInitialInfo.d.ts

@@ -8,12 +8,13 @@ interface AppRuntimePublished {
     css_urls?: string[];
     js_urls?: string[];
     app_avatar?: string;
+    app_description?: string;
 }
 interface BucketConfig {
     default_bucket_id?: string;
 }
 /** 获取应用初始化信息（仅全栈沙箱模式下使用） */
-export declare function getInitialInfo(): Promise<{
+export declare function getInitialInfo(refresh?: boolean): Promise<{
     app_info?: AppRuntimePublished;
     app_runtime_extra?: AppRuntimeExtra;
 }>;

package/lib/utils/getInitialInfo.js

@@ -23,8 +23,8 @@ async function getAppPublished() {
     }
 }
 let initialInfo;
-async function getInitialInfo() {
-    if (initialInfo) return initialInfo;
+async function getInitialInfo(refresh = false) {
+    if (initialInfo && !refresh) return initialInfo;
     initialInfo = await getAppPublished();
     if (initialInfo) window._bucket_id = initialInfo.app_runtime_extra?.bucket?.default_bucket_id;
     return initialInfo;

package/lib/utils/getParentOrigin.d.ts

@@ -3,4 +3,4 @@ export declare function getEnv(): 'BOE' | 'PRE' | 'ONLINE';
  * @internal
  * 获取预览环境父级域名
  */
-export declare function getPreviewParentOrigin(): "https://force.feishu-boe.cn" | "https://miaoda.feishu.cn" | "https://miaoda.feishu-pre.cn" | "https://miaoda.feishu-boe.cn";
+export declare function getPreviewParentOrigin(): "https://force.feishu.cn" | "https://force.feishu-pre.cn" | "https://force.feishu-boe.cn" | "https://miaoda.feishu.cn" | "https://miaoda.feishu-pre.cn" | "https://miaoda.feishu-boe.cn";

package/lib/utils/getParentOrigin.js

@@ -6,6 +6,8 @@ function getEnv() {
 }
 function getPreviewParentOrigin() {
     const { origin } = window.location;
+    if (origin.includes('force.feishuapp.net')) return 'https://force.feishu.cn';
+    if (origin.includes('force-pre.feishuapp.net')) return 'https://force.feishu-pre.cn';
     if (origin.includes('force.byted.org')) return 'https://force.feishu-boe.cn';
     if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
     if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.21-alpha.auth.dev.12",
+  "version": "1.1.21-alpha.auth.dev.14",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -85,9 +85,9 @@
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
     "@ant-design/cssinjs": "^1.24.0",
-    "@data-loom/js": "0.4.4-auth-alpha.13",
-    "@lark-apaas/auth-sdk": "0.1.0-alpha.14",
-    "@lark-apaas/miaoda-inspector": "^1.0.5",
+    "@data-loom/js": "^0.4.3",
+    "@lark-apaas/auth-sdk": "0.1.0-alpha.15",
+    "@lark-apaas/miaoda-inspector": "^1.0.7",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
@@ -154,6 +154,7 @@
     "vitest": "^3.2.4"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.90.12",
     "antd": ">=5.26.6",
     "react": ">=16.14.0",
     "react-dom": ">=16.14.0",