@kevisual/query 0.0.3 → 0.0.5

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import { adapter } from './adapter.ts';
-export { QueryWs } from './ws.ts';
+import { QueryWs } from './ws.ts';
+export { QueryOpts };
 type Fn = (opts: {
     url?: string;
     headers?: Record<string, string>;
@@ -35,8 +36,10 @@ type DataOpts = Partial<QueryOpts> & {
  *   path: 'demo',
  *   key: '1',
  *  });
+ *
+ * U是参数 V是返回值
  */
-export declare class Query {
+export declare class Query<U = any, V = any> {
     adapter: typeof adapter;
     url: string;
     beforeRequest?: Fn;
@@ -44,9 +47,25 @@ export declare class Query {
     headers?: Record<string, string>;
     timeout?: number;
     constructor(opts?: QueryOpts);
-    get<T, S>(params: Record<string, any> & Data & T, options?: DataOpts): Promise<Result<S>>;
-    post<T, S>(body: Record<string, any> & Data & T, options?: DataOpts): Promise<Result<S>>;
+    get<T = any, S = any>(params: Record<string, any> & Data & U & T, options?: DataOpts): Promise<Result<V & S>>;
+    post<T = any, S = any>(body: Record<string, any> & Data & T, options?: DataOpts): Promise<Result<S>>;
     before(fn: Fn): void;
     after(fn: (result: Result) => Promise<any>): void;
 }
+/**
+ * 前端调用后端QueryRouter
+ */
+export declare class QueryClient<U = any, V = any> extends Query<U, V> {
+    tokenName: string;
+    storage: Storage;
+    token: string;
+    qws: QueryWs;
+    constructor(opts?: QueryOpts & {
+        tokenName?: string;
+        storage?: Storage;
+    });
+    getToken(): string;
+    saveToken(token: string): void;
+    removeToken(): void;
+}
 export { adapter };

package/dist/index.js

@@ -130,6 +130,7 @@ class QueryWs {
         };
         ws.onclose = () => {
             store.getState().setConnected(false);
+            store.getState().setStatus('disconnected');
             this.ws = null;
         };
     }
@@ -212,6 +213,8 @@ class QueryWs {
  *   path: 'demo',
  *   key: '1',
  *  });
+ *
+ * U是参数 V是返回值
  */
 class Query {
     adapter;
@@ -261,5 +264,39 @@ class Query {
         this.afterResponse = fn;
     }
 }
+/**
+ * 前端调用后端QueryRouter
+ */
+class QueryClient extends Query {
+    tokenName;
+    storage;
+    token;
+    qws;
+    constructor(opts) {
+        super(opts);
+        this.tokenName = opts?.tokenName || 'token';
+        this.storage = opts?.storage || localStorage;
+        this.beforeRequest = async (opts) => {
+            const token = this.token || this.getToken();
+            if (token) {
+                opts.headers = {
+                    ...opts.headers,
+                    Authorization: `Bearer ${token}`,
+                };
+            }
+            return opts;
+        };
+        this.qws = new QueryWs({ url: opts?.url });
+    }
+    getToken() {
+        return this.storage.getItem(this.tokenName);
+    }
+    saveToken(token) {
+        this.storage.setItem(this.tokenName, token);
+    }
+    removeToken() {
+        this.storage.removeItem(this.tokenName);
+    }
+}
 
-export { Query, QueryWs, adapter };
+export { Query, QueryClient, adapter };

package/dist/ws.js

@@ -89,6 +89,7 @@ class QueryWs {
         };
         ws.onclose = () => {
             store.getState().setConnected(false);
+            store.getState().setStatus('disconnected');
             this.ws = null;
         };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kevisual/query",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -14,8 +14,11 @@
   "files": [
     "dist"
   ],
-  "keywords": [],
-  "author": "",
+  "keywords": [
+    "kevisual",
+    "query"
+  ],
+  "author": "abearxiong",
   "license": "ISC",
   "description": "",
   "devDependencies": {
@@ -31,6 +34,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/abearxiong/kevisual-query.git"
+  },
   "exports": {
     ".": {
       "import": "./dist/index.js",