@lark-apaas/client-toolkit 1.1.31 → 1.1.32-alpha.1

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,27 @@ 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;
             }
+        };
+        const handleMetaInfoChanged = async (info)=>{
+            if (!info) info = await getAppInfo(true);
+            updateDomInfo(info);
             setAppInfo(info);
         };
         handleMetaInfoChanged();
-        window.addEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
+        const onMessage = (e)=>{
+            const data = e.data;
+            if (data?.type === 'MiaoDaMetaInfoChanged') return void handleMetaInfoChanged(data.data);
+        };
+        window.addEventListener('message', onMessage);
         return ()=>{
-            window.removeEventListener('MiaoDaMetaInfoChanged', handleMetaInfoChanged);
+            window.removeEventListener('message', onMessage);
         };
     }, []);
     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,9 +1,9 @@
 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 || ''

package/lib/types/common.d.ts

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

package/lib/utils/getInitialInfo.d.ts

@@ -13,7 +13,7 @@ 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.31",
+  "version": "1.1.32-alpha.1",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [