@kevisual/api 0.0.60 → 0.0.62

package/query/query-login/query-login-browser.ts

@@ -1,5 +1,5 @@
 import { QueryLogin, QueryLoginOpts } from './query-login.ts';
-import { MyCache } from '@kevisual/cache';
+import { MyCache } from './browser-cache/cache.ts';
 type QueryLoginNodeOptsWithoutCache = Omit<QueryLoginOpts, 'cache'>;
 
 export class QueryLoginBrowser extends QueryLogin {

package/query/query-login/query-login.ts

@@ -3,6 +3,7 @@ import type { Result, DataOpts } from '@kevisual/query/query';
 import { LoginCacheStore, CacheStore, User } from './login-cache.ts';
 import { Cache } from './login-cache.ts';
 import { BaseLoad } from '@kevisual/load';
+import { EventEmitter } from 'eventemitter3'
 export type QueryLoginOpts<T extends Cache = Cache> = {
   query?: Query;
   isBrowser?: boolean;
@@ -26,9 +27,11 @@ export class QueryLogin<T extends Cache = Cache> extends BaseQuery {
    */
   cacheStore: CacheStore<T>;
   isBrowser: boolean;
-  load?: boolean;
   storage: Storage;
+  load: boolean = false;
+  status: 'init' | 'logining' | 'loginSuccess' | 'loginError' = 'init';
   onLoad?: () => void;
+  emitter = new EventEmitter();
 
   constructor(opts?: QueryLoginOpts<T>) {
     super({
@@ -42,14 +45,29 @@ export class QueryLogin<T extends Cache = Cache> extends BaseQuery {
     if (!this.storage) {
       throw new Error('storage is required');
     }
+    this.cacheStore.init().then(() => {
+      this.onLoad?.();
+      this.load = true;
+      this.emitter.emit('load');
+    });
   }
   setQuery(query: Query) {
     this.query = query;
   }
-  private async init() {
-    await this.cacheStore.init();
-    this.load = true;
-    this.onLoad?.();
+  async init() {
+    if (this.load) {
+      return this.cacheStore.cacheData;
+    }
+    return new Promise(async (resolve) => {
+      const timer = setTimeout(() => {
+        resolve(this.cacheStore.cacheData);
+      }, 1000 * 20); // 20秒超时，避免一直等待
+      const listener = () => {
+        clearTimeout(timer);
+        resolve(this.cacheStore.cacheData);
+      }
+      this.emitter.once('load', listener);
+    });
   }
   async post<T = any>(data: any, opts?: DataOpts) {
     try {

package/query/query-proxy/proxy.ts

@@ -4,6 +4,7 @@ import { filter } from '@kevisual/js-filter'
 import { EventEmitter } from 'eventemitter3';
 import { initApi } from './router-api-proxy.ts';
 import Fuse from 'fuse.js';
+import { cloneDeep } from 'es-toolkit';
 
 export const RouteTypeList = ['api', 'context', 'worker', 'page'] as const;
 export type RouterViewItemInfo = RouterViewApi | RouterViewContext | RouterViewWorker | RouteViewPage;
@@ -26,6 +27,10 @@ type RouteViewBase = {
    * 默认动作配置
    */
   action?: { path?: string; key?: string; id?: string; payload?: any;[key: string]: any };
+  /**
+   * 本地状态，loading、active、error等
+   */
+  routerStatus?: 'loading' | 'active' | 'inactive' | 'error';
 }
 export type RouterViewApi = {
   type: 'api',
@@ -67,7 +72,7 @@ export type RouterViewWorker = {
  * @returns 
  */
 export const pickRouterViewData = (item: RouterViewItem) => {
-  const { action, response, _id, ...rest } = item;
+  const { action, response, _id, ...rest } = cloneDeep(item);
   if (rest.type === 'api') {
     if (rest.api) {
       delete rest.api.query;
@@ -83,6 +88,7 @@ export const pickRouterViewData = (item: RouterViewItem) => {
       delete rest.context.router;
     }
   }
+  delete rest.routerStatus;
   return rest
 }
 /**
@@ -98,7 +104,7 @@ export type RouteViewPage = {
 export type RouterViewQuery = {
   id: string,
   query: string,
-  title: string
+  title: string,
 }
 /**
  * 后端存储结构
@@ -143,6 +149,7 @@ export class QueryProxy {
   }
 
   private initRouterView(item: RouterViewItem) {
+    item.routerStatus = 'loading';
     if (item.type === 'api' && item.api?.url) {
       const url = item.api.url;
       if (item?.api?.query) return item;
@@ -245,10 +252,14 @@ export class QueryProxy {
     // @ts-ignore
     const context = globalThis['context'] || {}
     const router = item?.context?.router || context[item?.context?.key] as QueryRouterServer;
+    if (item) {
+      item.routerStatus = router ? 'active' : 'error';
+    }
     if (!router) {
       console.warn(`未发现Context router ${item?.context?.key}`);
       return
     }
+
     const routes = router.getList();
     // TODO: args
     // const args = fromJSONSchema(r);
@@ -308,6 +319,9 @@ export class QueryProxy {
     }
     const viewItem = item.worker;
     const worker = viewItem?.worker;
+    if (item) {
+      item.routerStatus = worker ? 'active' : 'error';
+    }
     if (!worker) {
       console.warn('Worker not initialized');
       return;
@@ -377,11 +391,15 @@ export class QueryProxy {
     const url = item.page.url;
     try {
       if (typeof window !== 'undefined') {
-        await import(url).then((module) => { }).catch((err) => {
-          console.error('引入Page脚本失败:', url, err);
-        });
+        await import(url)
+        if (item) {
+          item.routerStatus = 'active';
+        }
       }
     } catch (e) {
+      if (item) {
+        item.routerStatus = 'error';
+      }
       console.warn('引入Page脚本失败:', url, e);
       return;
     }

package/query/query-proxy/router-api-proxy.ts

@@ -17,12 +17,16 @@ export const initApi = async (opts: {
   const token = opts?.token;
   const query = item?.api?.query || new Query({ url: item?.api?.url || '/api/router' })
   const res = await query.post<{ list: RouterItem[] }>({ path: "router", key: 'list', token: token });
+  if (item) {
+    item.routerStatus = res?.code === 200 ? 'active' : 'error';
+  }
   if (res.code !== 200) {
     return {
       code: res.code,
       message: `初始化路由失败: ${res.message}, url: ${query.url}`
     }
   }
+
   let _list = res.data?.list || []
   if (opts?.exclude) {
     if (opts?.exclude) {