@lark-apaas/client-toolkit 1.1.33 → 1.1.34

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.33",
+  "version": "1.1.34",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [