@nocobase/sdk 0.7.0-alpha.80 → 0.7.0-alpha.83

package/es/APIClient.d.ts

@@ -17,21 +17,54 @@ export interface IResource {
     destroy?: (params?: ActionParams) => Promise<any>;
     [key: string]: (params?: ActionParams) => Promise<any>;
 }
-declare class Auth {
+export declare class Auth {
     protected api: APIClient;
-    protected token: string;
-    protected role: string;
+    protected options: {
+        token: any;
+        locale: any;
+        role: any;
+    };
     constructor(api: APIClient);
+    get locale(): string;
+    get role(): string;
+    get token(): string;
+    set locale(value: string);
+    set role(value: string);
+    set token(value: string);
+    middleware(config: AxiosRequestConfig): AxiosRequestConfig<any>;
+    getLocale(): string;
+    setLocale(locale: string): void;
+    getToken(): string;
     setToken(token: string): void;
+    getRole(): string;
     setRole(role: string): void;
-    signIn(values: any): Promise<any>;
+    signIn(values: any): Promise<AxiosResponse<any>>;
     signOut(): Promise<void>;
 }
+export declare abstract class Storage {
+    abstract clear(): void;
+    abstract getItem(key: string): string | null;
+    abstract removeItem(key: string): void;
+    abstract setItem(key: string, value: string): void;
+}
+export declare class MemoryStorage extends Storage {
+    items: Map<any, any>;
+    clear(): void;
+    getItem(key: string): any;
+    setItem(key: string, value: string): Map<any, any>;
+    removeItem(key: string): boolean;
+}
+interface ExtendedOptions {
+    authClass?: any;
+    storageClass?: any;
+}
 export declare class APIClient {
     axios: AxiosInstance;
     auth: Auth;
-    constructor(instance?: AxiosInstance | AxiosRequestConfig);
-    qsMiddleware(): void;
+    storage: Storage;
+    constructor(instance?: AxiosInstance | (AxiosRequestConfig & ExtendedOptions));
+    private initStorage;
+    paramsSerializer(): void;
     request<T = any, R = AxiosResponse<T>, D = any>(config: AxiosRequestConfig<D> | ResourceActionOptions): Promise<R>;
     resource(name: string, of?: any): IResource;
 }

package/es/APIClient.js

@@ -1,4 +1,5 @@
-const _excluded = ["values", "filter"];
+const _excluded = ["authClass", "storageClass"],
+      _excluded2 = ["values", "filter"];
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -10,34 +11,91 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 import axios from 'axios';
 import qs from 'qs';
-
-class Auth {
+export class Auth {
   constructor(api) {
     this.api = void 0;
-    this.token = void 0;
-    this.role = void 0;
+    this.options = {
+      token: null,
+      locale: null,
+      role: null
+    };
     this.api = api;
-    this.api.axios.interceptors.request.use(config => {
-      config.headers['X-Hostname'] = window.location.hostname;
+    this.locale = this.getLocale();
+    this.role = this.getRole();
+    this.token = this.getToken();
+    this.api.axios.interceptors.request.use(this.middleware.bind(this));
+  }
 
-      if (this.role) {
-        config.headers['X-Role'] = this.role;
-      }
+  get locale() {
+    return this.getLocale();
+  }
 
-      if (this.token) {
-        config.headers['Authorization'] = `Bearer ${this.token}`;
-      }
+  get role() {
+    return this.getRole();
+  }
 
-      return config;
-    });
+  get token() {
+    return this.getToken();
+  }
+
+  set locale(value) {
+    this.setLocale(value);
+  }
+
+  set role(value) {
+    this.setRole(value);
+  }
+
+  set token(value) {
+    this.setToken(value);
+  }
+
+  middleware(config) {
+    if (this.locale) {
+      config.headers['X-Locale'] = this.locale;
+    }
+
+    if (this.role) {
+      config.headers['X-Role'] = this.role;
+    }
+
+    if (this.token) {
+      config.headers['Authorization'] = `Bearer ${this.token}`;
+    }
+
+    return config;
+  }
+
+  getLocale() {
+    return this.api.storage.getItem('NOCOBASE_LOCALE');
+  }
+
+  setLocale(locale) {
+    this.options.locale = locale;
+    this.api.storage.setItem('NOCOBASE_LOCALE', locale || '');
+  }
+
+  getToken() {
+    return this.api.storage.getItem('NOCOBASE_TOKEN');
   }
 
   setToken(token) {
-    this.token = token;
+    this.options.token = token;
+    this.api.storage.setItem('NOCOBASE_TOKEN', token || '');
+
+    if (!token) {
+      this.setRole(null);
+      this.setLocale(null);
+    }
+  }
+
+  getRole() {
+    return this.api.storage.getItem('NOCOBASE_ROLE');
   }
 
   setRole(role) {
-    this.role = role;
+    this.options.role = role;
+    this.api.storage.setItem('NOCOBASE_ROLE', role || '');
   }
 
   signIn(values) {
@@ -52,8 +110,10 @@ class Auth {
         data: values
       });
       const data = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.data;
-      _this.token = data;
-      return data;
+
+      _this.setToken(data === null || data === void 0 ? void 0 : data.token);
+
+      return response;
     })();
   }
 
@@ -65,28 +125,80 @@ class Auth {
         method: 'post',
         url: 'users:signout'
       });
-      _this2.token = null;
+
+      _this2.setToken(null);
     })();
   }
 
 }
+export class Storage {}
+export class MemoryStorage extends Storage {
+  constructor(...args) {
+    super(...args);
+    this.items = new Map();
+  }
+
+  clear() {
+    this.items.clear();
+  }
+
+  getItem(key) {
+    return this.items.get(key);
+  }
+
+  setItem(key, value) {
+    return this.items.set(key, value);
+  }
 
+  removeItem(key) {
+    return this.items.delete(key);
+  }
+
+}
 export class APIClient {
   constructor(instance) {
     this.axios = void 0;
     this.auth = void 0;
+    this.storage = void 0;
 
     if (typeof instance === 'function') {
       this.axios = instance;
     } else {
-      this.axios = axios.create(instance);
+      const _ref = instance || {},
+            authClass = _ref.authClass,
+            storageClass = _ref.storageClass,
+            others = _objectWithoutProperties(_ref, _excluded);
+
+      this.axios = axios.create(others);
+      this.initStorage(storageClass);
+
+      if (authClass) {
+        this.auth = new authClass(this);
+      }
+    }
+
+    if (!this.storage) {
+      this.initStorage();
+    }
+
+    if (!this.auth) {
+      this.auth = new Auth(this);
     }
 
-    this.auth = new Auth(this);
-    this.qsMiddleware();
+    this.paramsSerializer();
+  }
+
+  initStorage(storage) {
+    if (storage) {
+      this.storage = new storage(this);
+    } else if (localStorage) {
+      this.storage = localStorage;
+    } else {
+      this.storage = new MemoryStorage();
+    }
   }
 
-  qsMiddleware() {
+  paramsSerializer() {
     this.axios.interceptors.request.use(config => {
       config.paramsSerializer = params => {
         return qs.stringify(params, {
@@ -131,11 +243,11 @@ export class APIClient {
         }
 
         return /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator(function* (params) {
-            const _ref2 = params || {},
-                  values = _ref2.values,
-                  filter = _ref2.filter,
-                  others = _objectWithoutProperties(_ref2, _excluded);
+          var _ref2 = _asyncToGenerator(function* (params) {
+            const _ref3 = params || {},
+                  values = _ref3.values,
+                  filter = _ref3.filter,
+                  others = _objectWithoutProperties(_ref3, _excluded2);
 
             config['params'] = others;
 
@@ -155,7 +267,7 @@ export class APIClient {
           });
 
           return function (_x) {
-            return _ref.apply(this, arguments);
+            return _ref2.apply(this, arguments);
           };
         }();
       }

package/lib/APIClient.d.ts

@@ -17,21 +17,54 @@ export interface IResource {
     destroy?: (params?: ActionParams) => Promise<any>;
     [key: string]: (params?: ActionParams) => Promise<any>;
 }
-declare class Auth {
+export declare class Auth {
     protected api: APIClient;
-    protected token: string;
-    protected role: string;
+    protected options: {
+        token: any;
+        locale: any;
+        role: any;
+    };
     constructor(api: APIClient);
+    get locale(): string;
+    get role(): string;
+    get token(): string;
+    set locale(value: string);
+    set role(value: string);
+    set token(value: string);
+    middleware(config: AxiosRequestConfig): AxiosRequestConfig<any>;
+    getLocale(): string;
+    setLocale(locale: string): void;
+    getToken(): string;
     setToken(token: string): void;
+    getRole(): string;
     setRole(role: string): void;
-    signIn(values: any): Promise<any>;
+    signIn(values: any): Promise<AxiosResponse<any>>;
     signOut(): Promise<void>;
 }
+export declare abstract class Storage {
+    abstract clear(): void;
+    abstract getItem(key: string): string | null;
+    abstract removeItem(key: string): void;
+    abstract setItem(key: string, value: string): void;
+}
+export declare class MemoryStorage extends Storage {
+    items: Map<any, any>;
+    clear(): void;
+    getItem(key: string): any;
+    setItem(key: string, value: string): Map<any, any>;
+    removeItem(key: string): boolean;
+}
+interface ExtendedOptions {
+    authClass?: any;
+    storageClass?: any;
+}
 export declare class APIClient {
     axios: AxiosInstance;
     auth: Auth;
-    constructor(instance?: AxiosInstance | AxiosRequestConfig);
-    qsMiddleware(): void;
+    storage: Storage;
+    constructor(instance?: AxiosInstance | (AxiosRequestConfig & ExtendedOptions));
+    private initStorage;
+    paramsSerializer(): void;
     request<T = any, R = AxiosResponse<T>, D = any>(config: AxiosRequestConfig<D> | ResourceActionOptions): Promise<R>;
     resource(name: string, of?: any): IResource;
 }

package/lib/APIClient.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.APIClient = void 0;
+exports.Storage = exports.MemoryStorage = exports.Auth = exports.APIClient = void 0;
 
 var _axios = _interopRequireDefault(require("axios"));
 
 var _qs = _interopRequireDefault(require("qs"));
 
-const _excluded = ["values", "filter"];
+const _excluded = ["authClass", "storageClass"],
+      _excluded2 = ["values", "filter"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -24,30 +25,88 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 class Auth {
   constructor(api) {
     this.api = void 0;
-    this.token = void 0;
-    this.role = void 0;
+    this.options = {
+      token: null,
+      locale: null,
+      role: null
+    };
     this.api = api;
-    this.api.axios.interceptors.request.use(config => {
-      config.headers['X-Hostname'] = window.location.hostname;
+    this.locale = this.getLocale();
+    this.role = this.getRole();
+    this.token = this.getToken();
+    this.api.axios.interceptors.request.use(this.middleware.bind(this));
+  }
 
-      if (this.role) {
-        config.headers['X-Role'] = this.role;
-      }
+  get locale() {
+    return this.getLocale();
+  }
 
-      if (this.token) {
-        config.headers['Authorization'] = `Bearer ${this.token}`;
-      }
+  get role() {
+    return this.getRole();
+  }
 
-      return config;
-    });
+  get token() {
+    return this.getToken();
+  }
+
+  set locale(value) {
+    this.setLocale(value);
+  }
+
+  set role(value) {
+    this.setRole(value);
+  }
+
+  set token(value) {
+    this.setToken(value);
+  }
+
+  middleware(config) {
+    if (this.locale) {
+      config.headers['X-Locale'] = this.locale;
+    }
+
+    if (this.role) {
+      config.headers['X-Role'] = this.role;
+    }
+
+    if (this.token) {
+      config.headers['Authorization'] = `Bearer ${this.token}`;
+    }
+
+    return config;
+  }
+
+  getLocale() {
+    return this.api.storage.getItem('NOCOBASE_LOCALE');
+  }
+
+  setLocale(locale) {
+    this.options.locale = locale;
+    this.api.storage.setItem('NOCOBASE_LOCALE', locale || '');
+  }
+
+  getToken() {
+    return this.api.storage.getItem('NOCOBASE_TOKEN');
   }
 
   setToken(token) {
-    this.token = token;
+    this.options.token = token;
+    this.api.storage.setItem('NOCOBASE_TOKEN', token || '');
+
+    if (!token) {
+      this.setRole(null);
+      this.setLocale(null);
+    }
+  }
+
+  getRole() {
+    return this.api.storage.getItem('NOCOBASE_ROLE');
   }
 
   setRole(role) {
-    this.role = role;
+    this.options.role = role;
+    this.api.storage.setItem('NOCOBASE_ROLE', role || '');
   }
 
   signIn(values) {
@@ -62,8 +121,10 @@ class Auth {
         data: values
       });
       const data = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.data;
-      _this.token = data;
-      return data;
+
+      _this.setToken(data === null || data === void 0 ? void 0 : data.token);
+
+      return response;
     })();
   }
 
@@ -75,28 +136,89 @@ class Auth {
         method: 'post',
         url: 'users:signout'
       });
-      _this2.token = null;
+
+      _this2.setToken(null);
     })();
   }
 
 }
 
+exports.Auth = Auth;
+
+class Storage {}
+
+exports.Storage = Storage;
+
+class MemoryStorage extends Storage {
+  constructor(...args) {
+    super(...args);
+    this.items = new Map();
+  }
+
+  clear() {
+    this.items.clear();
+  }
+
+  getItem(key) {
+    return this.items.get(key);
+  }
+
+  setItem(key, value) {
+    return this.items.set(key, value);
+  }
+
+  removeItem(key) {
+    return this.items.delete(key);
+  }
+
+}
+
+exports.MemoryStorage = MemoryStorage;
+
 class APIClient {
   constructor(instance) {
     this.axios = void 0;
     this.auth = void 0;
+    this.storage = void 0;
 
     if (typeof instance === 'function') {
       this.axios = instance;
     } else {
-      this.axios = _axios.default.create(instance);
+      const _ref = instance || {},
+            authClass = _ref.authClass,
+            storageClass = _ref.storageClass,
+            others = _objectWithoutProperties(_ref, _excluded);
+
+      this.axios = _axios.default.create(others);
+      this.initStorage(storageClass);
+
+      if (authClass) {
+        this.auth = new authClass(this);
+      }
     }
 
-    this.auth = new Auth(this);
-    this.qsMiddleware();
+    if (!this.storage) {
+      this.initStorage();
+    }
+
+    if (!this.auth) {
+      this.auth = new Auth(this);
+    }
+
+    this.paramsSerializer();
+  }
+
+  initStorage(storage) {
+    if (storage) {
+      this.storage = new storage(this);
+    } else if (localStorage) {
+      this.storage = localStorage;
+    } else {
+      this.storage = new MemoryStorage();
+    }
   }
 
-  qsMiddleware() {
+  paramsSerializer() {
     this.axios.interceptors.request.use(config => {
       config.paramsSerializer = params => {
         return _qs.default.stringify(params, {
@@ -141,11 +263,11 @@ class APIClient {
         }
 
         return /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator(function* (params) {
-            const _ref2 = params || {},
-                  values = _ref2.values,
-                  filter = _ref2.filter,
-                  others = _objectWithoutProperties(_ref2, _excluded);
+          var _ref2 = _asyncToGenerator(function* (params) {
+            const _ref3 = params || {},
+                  values = _ref3.values,
+                  filter = _ref3.filter,
+                  others = _objectWithoutProperties(_ref3, _excluded2);
 
             config['params'] = others;
 
@@ -165,7 +287,7 @@ class APIClient {
           });
 
           return function (_x) {
-            return _ref.apply(this, arguments);
+            return _ref2.apply(this, arguments);
           };
         }();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocobase/sdk",
-  "version": "0.7.0-alpha.80",
+  "version": "0.7.0-alpha.83",
   "license": "Apache-2.0",
   "licenses": [
     {
@@ -12,10 +12,11 @@
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "dependencies": {
-    "axios": "^0.26.1"
+    "axios": "^0.26.1",
+    "qs": "^6.10.1"
   },
   "devDependencies": {
     "axios-mock-adapter": "^1.20.0"
   },
-  "gitHead": "9ec196c514d958d2c32c0879def6b98f24bf92fc"
+  "gitHead": "838f4f18dcd9ed4fe2ae2660a4918e2a5bd3a869"
 }

package/src/APIClient.ts

@@ -22,42 +22,100 @@ export interface IResource {
   [key: string]: (params?: ActionParams) => Promise<any>;
 }
 
-class Auth {
+export class Auth {
   protected api: APIClient;
-  protected token: string;
-  protected role: string;
+
+  protected options = {
+    token: null,
+    locale: null,
+    role: null,
+  };
 
   constructor(api: APIClient) {
     this.api = api;
-    this.api.axios.interceptors.request.use((config) => {
-      config.headers['X-Hostname'] = window.location.hostname;
-      if (this.role) {
-        config.headers['X-Role'] = this.role;
-      }
-      if (this.token) {
-        config.headers['Authorization'] = `Bearer ${this.token}`;
-      }
-      return config;
-    });
+    this.locale = this.getLocale();
+    this.role = this.getRole();
+    this.token = this.getToken();
+    this.api.axios.interceptors.request.use(this.middleware.bind(this));
+  }
+
+  get locale() {
+    return this.getLocale();
+  }
+
+  get role() {
+    return this.getRole();
+  }
+
+  get token() {
+    return this.getToken();
+  }
+
+  set locale(value) {
+    this.setLocale(value);
+  }
+
+  set role(value) {
+    this.setRole(value);
+  }
+
+  set token(value) {
+    this.setToken(value);
+  }
+
+  middleware(config: AxiosRequestConfig) {
+    if (this.locale) {
+      config.headers['X-Locale'] = this.locale;
+    }
+    if (this.role) {
+      config.headers['X-Role'] = this.role;
+    }
+    if (this.token) {
+      config.headers['Authorization'] = `Bearer ${this.token}`;
+    }
+    return config;
+  }
+
+  getLocale() {
+    return this.api.storage.getItem('NOCOBASE_LOCALE');
+  }
+
+  setLocale(locale: string) {
+    this.options.locale = locale;
+    this.api.storage.setItem('NOCOBASE_LOCALE', locale || '');
+  }
+
+  getToken() {
+    return this.api.storage.getItem('NOCOBASE_TOKEN');
   }
 
   setToken(token: string) {
-    this.token = token;
+    this.options.token = token;
+    this.api.storage.setItem('NOCOBASE_TOKEN', token || '');
+    if (!token) {
+      this.setRole(null);
+      this.setLocale(null);
+    }
+  }
+
+  getRole() {
+    return this.api.storage.getItem('NOCOBASE_ROLE');
   }
 
   setRole(role: string) {
-    this.role = role;
+    this.options.role = role;
+    this.api.storage.setItem('NOCOBASE_ROLE', role || '');
   }
 
-  async signIn(values) {
+  async signIn(values): Promise<AxiosResponse<any>> {
     const response = await this.api.request({
       method: 'post',
       url: 'users:signin',
       data: values,
     });
     const data = response?.data?.data;
-    this.token = data;
-    return data;
+    this.setToken(data?.token);
+    return response;
   }
 
   async signOut() {
@@ -65,25 +123,78 @@ class Auth {
       method: 'post',
       url: 'users:signout',
     });
-    this.token = null;
+    this.setToken(null);
+  }
+}
+
+export abstract class Storage {
+  abstract clear(): void;
+  abstract getItem(key: string): string | null;
+  abstract removeItem(key: string): void;
+  abstract setItem(key: string, value: string): void;
+}
+
+export class MemoryStorage extends Storage {
+  items = new Map();
+
+  clear() {
+    this.items.clear();
+  }
+
+  getItem(key: string) {
+    return this.items.get(key);
+  }
+
+  setItem(key: string, value: string) {
+    return this.items.set(key, value);
+  }
+
+  removeItem(key: string) {
+    return this.items.delete(key);
   }
 }
 
+interface ExtendedOptions {
+  authClass?: any;
+  storageClass?: any;
+}
+
 export class APIClient {
   axios: AxiosInstance;
   auth: Auth;
+  storage: Storage;
 
-  constructor(instance?: AxiosInstance | AxiosRequestConfig) {
+  constructor(instance?: AxiosInstance | (AxiosRequestConfig & ExtendedOptions)) {
     if (typeof instance === 'function') {
       this.axios = instance;
     } else {
-      this.axios = axios.create(instance);
+      const { authClass, storageClass, ...others } = instance || {};
+      this.axios = axios.create(others);
+      this.initStorage(storageClass);
+      if (authClass) {
+        this.auth = new authClass(this);
+      }
+    }
+    if (!this.storage) {
+      this.initStorage();
+    }
+    if (!this.auth) {
+      this.auth = new Auth(this);
+    }
+    this.paramsSerializer();
+  }
+
+  private initStorage(storage?: any) {
+    if (storage) {
+      this.storage = new storage(this);
+    } else if (localStorage) {
+      this.storage = localStorage;
+    } else {
+      this.storage = new MemoryStorage();
     }
-    this.auth = new Auth(this);
-    this.qsMiddleware();
   }
 
-  qsMiddleware() {
+  paramsSerializer() {
     this.axios.interceptors.request.use((config) => {
       config.paramsSerializer = (params) => {
         return qs.stringify(params, {

package/src/__tests__/api-client.test.ts

@@ -0,0 +1,116 @@
+import { AxiosResponse } from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import { APIClient, Storage } from '../';
+import { Auth } from '../APIClient';
+
+describe('api-client', () => {
+  test('instance', async () => {
+    const api = new APIClient({
+      baseURL: 'https://localhost:8000/api',
+    });
+    const mock = new MockAdapter(api.axios);
+    mock.onGet('users:get').reply(200, {
+      data: { id: 1, name: 'John Smith' },
+    });
+    const response = await api.request({ url: 'users:get' });
+    expect(response.status).toBe(200);
+    expect(response.data).toMatchObject({
+      data: { id: 1, name: 'John Smith' },
+    });
+  });
+
+  test('signIn', async () => {
+    const api = new APIClient({
+      baseURL: 'https://localhost:8000/api',
+    });
+    const mock = new MockAdapter(api.axios);
+    mock.onPost('users:signin').reply(200, {
+      data: { id: 1, name: 'John Smith', token: '123' },
+    });
+    const response = await api.auth.signIn({});
+    expect(response.status).toBe(200);
+    expect(api.auth.token).toBe('123');
+    expect(localStorage.getItem('NOCOBASE_TOKEN')).toBe('123');
+  });
+
+  test('resource action', async () => {
+    const api = new APIClient({
+      baseURL: 'https://localhost:8000/api',
+    });
+    const mock = new MockAdapter(api.axios);
+    mock.onPost('users:test').reply(200, {
+      data: { id: 1, name: 'John Smith', token: '123' },
+    });
+    const response = await api.resource('users').test();
+    expect(response.status).toBe(200);
+    expect(response.data).toMatchObject({
+      data: { id: 1, name: 'John Smith', token: '123' },
+    });
+  });
+
+  test('custom storage', async () => {
+    const items = new Map();
+
+    class TestStorage extends Storage {
+      clear() {
+        items.clear();
+      }
+      getItem(key: string) {
+        return items.get(key);
+      }
+      setItem(key: string, value: string) {
+        return items.set(key, value);
+      }
+      removeItem(key: string) {
+        return items.delete(key);
+      }
+    }
+
+    const api = new APIClient({
+      baseURL: 'https://localhost:8000/api',
+      storageClass: TestStorage,
+    });
+
+    const mock = new MockAdapter(api.axios);
+    mock.onPost('users:signin').reply(200, {
+      data: { id: 1, name: 'John Smith', token: '123' },
+    });
+
+    const response = await api.auth.signIn({});
+    expect(response.status).toBe(200);
+    expect(api.auth.token).toBe('123');
+    expect(items.get('NOCOBASE_TOKEN')).toBe('123');
+  });
+
+  test('custom auth', async () => {
+    class TestAuth extends Auth {
+      async signIn(values: any): Promise<AxiosResponse<any, any>> {
+        const response = await this.api.request({
+          method: 'post',
+          url: 'users:test',
+          data: values,
+        });
+        const data = response?.data?.data;
+        this.setToken(data?.token);
+        return response;
+      }
+    }
+
+    const api = new APIClient({
+      baseURL: 'https://localhost:8000/api',
+      authClass: TestAuth,
+    });
+
+    expect(api.auth).toBeInstanceOf(TestAuth);
+
+    const mock = new MockAdapter(api.axios);
+    mock.onPost('users:test').reply(200, {
+      data: { id: 1, name: 'John Smith', token: '123' },
+    });
+
+    const response = await api.auth.signIn({});
+    expect(response.status).toBe(200);
+    expect(api.auth.token).toBe('123');
+    expect(localStorage.getItem('NOCOBASE_TOKEN')).toBe('123');
+  });
+});