@kevisual/query 0.0.4 → 0.0.6

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,6 +36,8 @@ type DataOpts = Partial<QueryOpts> & {
  *   path: 'demo',
  *   key: '1',
  *  });
+ *
+ * U是参数 V是返回值
  */
 export declare class Query<U = any, V = any> {
     adapter: typeof adapter;
@@ -49,4 +52,20 @@ export declare class Query<U = any, V = any> {
     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;
@@ -236,6 +239,7 @@ class Query {
         const headers = { ...this.headers, ...options?.headers };
         const adapter = options?.adapter || this.adapter;
         const beforeRequest = options?.beforeRequest || this.beforeRequest;
+        const afterResponse = options?.afterResponse || this.afterResponse;
         const timeout = options?.timeout || this.timeout;
         const req = {
             url: url,
@@ -248,8 +252,8 @@ class Query {
         }
         return adapter(req).then(async (res) => {
             res.success = res.code === 200;
-            if (options?.afterResponse) {
-                return await options.afterResponse(res);
+            if (afterResponse) {
+                return await afterResponse(res);
             }
             return res;
         });
@@ -261,5 +265,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.4",
+  "version": "0.0.6",
   "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",