@dappworks/kit 0.4.67 → 0.4.69

package/dist/index.mjs

@@ -1,18 +1,16 @@
-export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-I5WU3NZO.mjs';
-import './chunk-N4XCPX4L.mjs';
-import { helper } from './chunk-CFVG66F4.mjs';
-export { helper } from './chunk-CFVG66F4.mjs';
-import { rootStore } from './chunk-SXQEYWUP.mjs';
-export { rootStore, useStore } from './chunk-SXQEYWUP.mjs';
+export { BooleanState, NumberState, PromiseState, Store, StringState, ValueState } from './chunk-PPYYRQDD.mjs';
+import './chunk-4YCP5CJ4.mjs';
+import { helper } from './chunk-66N3D7MI.mjs';
+export { helper } from './chunk-66N3D7MI.mjs';
+export { PaginationState } from './chunk-ONVPCAMQ.mjs';
+export { rootStore, useStore } from './chunk-DZMNL4BZ.mjs';
 import { RootStore } from './chunk-HRWHDF2F.mjs';
 export { RootStore } from './chunk-HRWHDF2F.mjs';
 import './chunk-MGU3KYGC.mjs';
 import './chunk-6F7H4PAA.mjs';
 import { observable, makeAutoObservable } from 'mobx';
 import BigNumber2 from 'bignumber.js';
-import EventEmitter from 'events';
-import axios from 'axios';
-import React, { useEffect } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
 import DataLoader from 'dataloader';
 import { Dexie } from 'dexie';
@@ -178,64 +176,12 @@ var BigNumberInputState = class {
     return this.value.isZero() && this.format == "";
   }
 };
-var UserStore = class _UserStore {
-  constructor() {
-    this.sid = "user";
-    this.id = "";
-    this.name = "";
-    this.email = "";
-    this.image = "";
-    this.token = "";
-    this.event = new EventEmitter();
-    makeAutoObservable(this);
-  }
-  signin() {
-    this.event.emit("user:signin", this);
-  }
-  logout() {
-    this.set({
-      token: "",
-      name: "",
-      email: "",
-      image: ""
-    });
-    this.event.emit("user:logout", this);
-  }
-  wait() {
-    return new Promise((res, rej) => {
-      if (this.id && this.token) {
-        res(this);
-      }
-      this.event.once("user:ready", (user) => {
-        res(this);
-      });
-    });
-  }
-  get isLogin() {
-    return !!this.token;
-  }
-  set(args) {
-    Object.assign(this, args);
-    this.event.emit("user:ready", this);
-  }
-  use() {
-    useEffect(() => {
-      const userStore = rootStore.get(_UserStore);
-      axios.get("/api/auth/session").then((res) => {
-        var _a;
-        if (!userStore.isLogin && ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.user)) {
-          this.set(res.data.user);
-        }
-      });
-    }, []);
-  }
-};
 var AppProvider = observer(({ children }) => {
   const rootStore2 = RootStore.init();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, rootStore2.providers.map((store) => {
     const Component = store.provider;
     return /* @__PURE__ */ React.createElement(Component, { rootStore: rootStore2, key: store.sid });
-  }), children);
+  }), children && children);
 });
 var DexieStorage = class extends Dexie {
   constructor() {
@@ -249,15 +195,21 @@ var dexie = new DexieStorage();
 var DexieCache = class {
   constructor() {
     this.kv = dexie.kv;
-    this.kv_get = new DataLoader(async (ids) => {
-      const res = await this.kv.bulkGet(ids);
-      return res.map((i) => i == null ? void 0 : i.value);
-    }, { cache: false });
-    this.kv_set = new DataLoader(async (ids) => {
-      const now = /* @__PURE__ */ new Date();
-      await this.kv.bulkPut(ids.map((i) => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })));
-      return ids;
-    }, { cache: false });
+    this.kv_get = new DataLoader(
+      async (ids) => {
+        const res = await this.kv.bulkGet(ids);
+        return res.map((i) => i == null ? void 0 : i.value);
+      },
+      { cache: false }
+    );
+    this.kv_set = new DataLoader(
+      async (ids) => {
+        const now = /* @__PURE__ */ new Date();
+        await this.kv.bulkPut(ids.map((i) => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })));
+        return ids;
+      },
+      { cache: false }
+    );
     this.options = {
       ttl: 60 * 1e3,
       prefix: ""
@@ -316,6 +268,6 @@ var DexieCache = class {
 };
 var cache = new DexieCache();
 
-export { AppProvider, BigNumberInputState, BigNumberState, PromiseHook, UserStore, cache };
+export { AppProvider, BigNumberInputState, BigNumberState, PromiseHook, cache };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberState.ts","../store/standard/BigNumberInputState.ts","../store/user.ts","../module/AppProvider.tsx","../lib/dexie.ts"],"names":["makeAutoObservable","BigNumber","rootStore"],"mappings":"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","sourcesContent":["\n\nimport { makeAutoObservable, observable } from 'mobx';\n\nexport class KV {\n  //@ts-ignore\n  static datas = observable();\n}\n\nexport abstract class ContractBase {\n  // chainId?: number;\n  // address?: string;\n\n}\n\nexport type ContractClass<T extends ContractBase> = new (args: Partial<T>) => T\n\nexport type PromiseHookData<T, U> = { value: Awaited<U>; get: T; call: T, loading: boolean }\n\nexport class PromiseHook {\n  static entities = observable([]);\n  static Get<T extends ContractBase>(cls: ContractClass<T>): (args: { args: Partial<T>; id?: string, select?: { [key in keyof Partial<T>]: boolean }, unselect?: { [key in keyof Partial<T>]: boolean } }) => Promise<T & { refresh: () => Promise<void> }> {\n    try {\n      return async ({ args, select, id, unselect }) => {\n        let instance: any\n        //@ts-ignore\n        if (!id || !this.entities[id]) {\n          instance = new cls(args);\n\n          instance.refresh = async () => {\n            const hooks = Object.entries(instance)\n              .filter((i) => {\n                if (!this.isPromiseHook(instance[i[0]])) return false\n                if (select && !select[i[0]]) return false\n                if (unselect && unselect[i[0]]) return false\n                return true\n              }).map(i => {\n                const hook = instance[i[0]]\n                return hook\n              })\n\n            await Promise.all(hooks.map((i) => i.call()));\n          }\n          if (id) {\n            //@ts-ignore\n            this.entities[id] = instance\n          }\n        } else {\n          instance = this.entities[id!]\n        }\n\n\n        await instance.refresh()\n        return instance;\n      };\n    } catch (e) {\n      throw e\n    }\n  }\n\n\n  static isPromiseHook(target) {\n    return target?._type == \"promiseHook\"\n  }\n\n\n  //ttl : ms\n  static wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>({ func, defaultValue }: { func: T; defaultValue?: Awaited<U>; }): PromiseHookData<T, U> {\n    let context;\n    const call = () => {\n      context.loading = true;\n      if (!context._call) {\n        context._call = func()\n          .then((i) => {\n            context.value = i;\n            context.loading = false;\n            context._call = null\n            return i\n          })\n          .catch((i) => {\n            console.error(i, func);\n            context.value = defaultValue\n            context._call = null\n            context.loading = false;\n            throw i;\n          });\n      }\n\n\n      return context._call\n    };\n    const get = async () => {\n      if (!context.value) {\n\n        return call();\n      }\n      return context.value;\n    };\n\n    if (!context) {\n      context = observable({\n        _type: 'promiseHook',\n        _value: defaultValue,\n        get value() {\n          return context['_value'];\n        },\n        set value(val) {\n          context['_value'] = val;\n        },\n        get,\n        loading: false,\n        call,\n        defaultValue,\n        toJSON() {\n          return context.value\n        },\n        toString() {\n          return context.value\n        },\n      });\n    }\n\n    return context;\n  }\n\n}\n","import BigNumber from \"bignumber.js\";\nimport { makeAutoObservable } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\n\nexport class BigNumberState {\n  value = new BigNumber(0);\n  loading = false;\n  decimals = 18;\n  fixed = 6;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this, {\n      getFormat: false,\n    });\n  }\n  get format() {\n    if (this.loading) return \"...\";\n    return this.getFormat();\n  }\n\n  getFormat({ decimals = this.decimals, fixed = this.fixed }: { decimals?: number; fixed?: number } = {}) {\n    if (this.loading) return \"...\";\n    if (this.formatter) return this.formatter(this);\n    return helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** decimals).toFixed(), {\n      decimals: fixed,\n    });\n  }\n\n  setDecimals(decimals: number) {\n    this.decimals = decimals;\n  }\n\n  setValue(value: BigNumber) {\n    this.value = value;\n    this.setLoading(false);\n  }\n\n  setLoading(val) {\n    this.loading = val;\n  }\n}\n","import BigNumber from 'bignumber.js';\nimport { makeAutoObservable } from 'mobx';\nimport { helper } from '../../lib/helper';\nexport class BigNumberInputState {\n  value = new BigNumber(0);\n  format = '';\n  loading = false;\n  decimals = 18;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberInputState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  get noDecimasValue(): BigNumber {\n    return new BigNumber(this.value).dividedBy(10 ** this.decimals);\n  }\n  setValue(value: any) {\n    this.value = new BigNumber(value);\n    this.format = helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** this.decimals).toFixed());\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    this.format = helper.number.toPrecisionFloor(this.format);\n    this.value = new BigNumber(val).multipliedBy(10 ** this.decimals);\n  }\n  setLoading(val: boolean) {\n    this.loading = val;\n  }\n  setDecimals(val: number) {\n    this.decimals = val;\n  }\n  get isZero(): boolean {\n    return this.value.isZero() && this.format == '';\n  }\n}\n","import { makeAutoObservable } from \"mobx\";\nimport { type User } from \"next-auth\";\nimport EventEmitter from \"events\";\nimport { type Store } from \"./standard/base\";\nimport { rootStore } from \".\";\nimport axios from \"axios\";\nimport { useEffect } from \"react\";\n\nexport class UserStore implements User, Store {\n  sid = \"user\";\n  id: string = \"\";\n  name?: string = \"\";\n  email?: string = \"\";\n  image?: string = \"\";\n  token: string = \"\";\n\n  event = new EventEmitter();\n\n  signin() {\n    this.event.emit(\"user:signin\", this);\n  }\n\n  logout() {\n    this.set({\n      token: \"\",\n      name: \"\",\n      email: \"\",\n      image: \"\",\n    });\n    this.event.emit(\"user:logout\", this);\n  }\n\n  wait() {\n    return new Promise<UserStore>((res, rej) => {\n      if (this.id && this.token) {\n        res(this);\n      }\n\n      this.event.once(\"user:ready\", (user) => {\n        res(this);\n      });\n    });\n  }\n\n  get isLogin() {\n    return !!this.token;\n  }\n\n  set(args: Partial<UserStore>) {\n    Object.assign(this, args);\n    this.event.emit(\"user:ready\", this);\n  }\n\n  constructor() {\n    makeAutoObservable(this);\n  }\n\n  use() {\n    useEffect(() => {\n      const userStore = rootStore.get(UserStore);\n      axios.get(\"/api/auth/session\").then((res) => {\n        // console.log(res.data.user,'res')\n        if (!userStore.isLogin && res?.data?.user) {\n          this.set(res.data.user);\n        }\n      });\n    }, []);\n  }\n}\n","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { RootStore } from \"../store/root\";\n\nexport const AppProvider = observer(({ children }: { children: any }) => {\n    const rootStore = RootStore.init()\n    return <>\n        {rootStore.providers.map((store) => {\n            const Component: any = store.provider;\n            return <Component rootStore={rootStore} key={store.sid} />;\n        })}\n        {children}\n    </>\n})","import DataLoader from 'dataloader'\nimport { Dexie, type Table } from 'dexie'\n\n\nexport class DexieStorage extends Dexie {\n  kv: Table<{ key: string, value: { value: any, expiration: number } }>\n\n  constructor() {\n    super(\"cache\")\n    this.version(1).stores({\n      kv: 'key, value'\n    })\n  }\n}\nexport const dexie = new DexieStorage()\n\nexport class DexieCache {\n  kv = dexie.kv\n  kv_get = new DataLoader(async (ids: string[]) => {\n    const res = await this.kv.bulkGet(ids)\n    return res.map(i => i?.value)\n  }, { cache: false })\n  kv_set = new DataLoader(async (ids: { key: string, value: any, ttl: number }[]) => {\n    const now = new Date()\n    await this.kv.bulkPut(ids.map(i => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })))\n    return ids\n  }, { cache: false })\n  options = {\n    ttl: 60 * 1000,\n    prefix: ''\n  }\n\n  async get(_key) {\n    const key = this.options.prefix + _key;\n    console.time('get ' + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd('get ' + key);\n    const data = res?.value\n    if (!data) return;\n    return data?.value;\n  }\n\n  async getRaw(_key) {\n    const key = this.options.prefix + _key;\n    console.time('get ' + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd('get ' + key);\n    const data = res?.value\n    if (!data) return;\n    return data;\n  }\n\n  async set(_key, value, options?: { ttl?: number }) {\n    const key = this.options.prefix + _key;\n    this.kv_set.load({ key, value, ttl: options?.ttl || this.options.ttl });\n\n    return this;\n  }\n\n  async delete(key) {\n    // return this.dataloader.load(['del', key]);\n    return\n  }\n\n  async clear() { }\n\n  async wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>(key, fn: T, args?: { ttl?: number, alowStale?: boolean }): Promise<Awaited<U>> {\n    let data = await this.kv_get.load(key)\n    if (data?.expiration && new Date(data.expiration) <= new Date()) {\n      // console.log(\"cache expired\", key)\n\n      if (args?.alowStale) {\n        fn().then((value) => {\n          this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl })\n        }).catch(err => {\n          console.error(err)\n        })\n      } else {\n        //@ts-ignore\n        data = null;\n      }\n    }\n    if (!data) {\n      // console.log(\"miss cache\", key)\n      const value = await fn();\n      this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl });\n      return value;\n    }\n    return data.value;\n  }\n}\n\nexport const cache = new DexieCache()\n\n"]}
+{"version":3,"sources":["../store/standard/PromiseHook.ts","../store/standard/BigNumberState.ts","../store/standard/BigNumberInputState.ts","../module/AppProvider.tsx","../lib/dexie.ts"],"names":["makeAutoObservable","BigNumber","rootStore"],"mappings":"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","sourcesContent":["\n\nimport { makeAutoObservable, observable } from 'mobx';\n\nexport class KV {\n  //@ts-ignore\n  static datas = observable();\n}\n\nexport abstract class ContractBase {\n  // chainId?: number;\n  // address?: string;\n\n}\n\nexport type ContractClass<T extends ContractBase> = new (args: Partial<T>) => T\n\nexport type PromiseHookData<T, U> = { value: Awaited<U>; get: T; call: T, loading: boolean }\n\nexport class PromiseHook {\n  static entities = observable([]);\n  static Get<T extends ContractBase>(cls: ContractClass<T>): (args: { args: Partial<T>; id?: string, select?: { [key in keyof Partial<T>]: boolean }, unselect?: { [key in keyof Partial<T>]: boolean } }) => Promise<T & { refresh: () => Promise<void> }> {\n    try {\n      return async ({ args, select, id, unselect }) => {\n        let instance: any\n        //@ts-ignore\n        if (!id || !this.entities[id]) {\n          instance = new cls(args);\n\n          instance.refresh = async () => {\n            const hooks = Object.entries(instance)\n              .filter((i) => {\n                if (!this.isPromiseHook(instance[i[0]])) return false\n                if (select && !select[i[0]]) return false\n                if (unselect && unselect[i[0]]) return false\n                return true\n              }).map(i => {\n                const hook = instance[i[0]]\n                return hook\n              })\n\n            await Promise.all(hooks.map((i) => i.call()));\n          }\n          if (id) {\n            //@ts-ignore\n            this.entities[id] = instance\n          }\n        } else {\n          instance = this.entities[id!]\n        }\n\n\n        await instance.refresh()\n        return instance;\n      };\n    } catch (e) {\n      throw e\n    }\n  }\n\n\n  static isPromiseHook(target) {\n    return target?._type == \"promiseHook\"\n  }\n\n\n  //ttl : ms\n  static wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>({ func, defaultValue }: { func: T; defaultValue?: Awaited<U>; }): PromiseHookData<T, U> {\n    let context;\n    const call = () => {\n      context.loading = true;\n      if (!context._call) {\n        context._call = func()\n          .then((i) => {\n            context.value = i;\n            context.loading = false;\n            context._call = null\n            return i\n          })\n          .catch((i) => {\n            console.error(i, func);\n            context.value = defaultValue\n            context._call = null\n            context.loading = false;\n            throw i;\n          });\n      }\n\n\n      return context._call\n    };\n    const get = async () => {\n      if (!context.value) {\n\n        return call();\n      }\n      return context.value;\n    };\n\n    if (!context) {\n      context = observable({\n        _type: 'promiseHook',\n        _value: defaultValue,\n        get value() {\n          return context['_value'];\n        },\n        set value(val) {\n          context['_value'] = val;\n        },\n        get,\n        loading: false,\n        call,\n        defaultValue,\n        toJSON() {\n          return context.value\n        },\n        toString() {\n          return context.value\n        },\n      });\n    }\n\n    return context;\n  }\n\n}\n","import BigNumber from \"bignumber.js\";\nimport { makeAutoObservable } from \"mobx\";\nimport { helper } from \"../../lib/helper\";\n\nexport class BigNumberState {\n  value = new BigNumber(0);\n  loading = false;\n  decimals = 18;\n  fixed = 6;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this, {\n      getFormat: false,\n    });\n  }\n  get format() {\n    if (this.loading) return \"...\";\n    return this.getFormat();\n  }\n\n  getFormat({ decimals = this.decimals, fixed = this.fixed }: { decimals?: number; fixed?: number } = {}) {\n    if (this.loading) return \"...\";\n    if (this.formatter) return this.formatter(this);\n    return helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** decimals).toFixed(), {\n      decimals: fixed,\n    });\n  }\n\n  setDecimals(decimals: number) {\n    this.decimals = decimals;\n  }\n\n  setValue(value: BigNumber) {\n    this.value = value;\n    this.setLoading(false);\n  }\n\n  setLoading(val) {\n    this.loading = val;\n  }\n}\n","import BigNumber from 'bignumber.js';\nimport { makeAutoObservable } from 'mobx';\nimport { helper } from '../../lib/helper';\nexport class BigNumberInputState {\n  value = new BigNumber(0);\n  format = '';\n  loading = false;\n  decimals = 18;\n  formatter?: Function;\n  constructor(args: Partial<BigNumberInputState>) {\n    Object.assign(this, args);\n    makeAutoObservable(this);\n  }\n  get noDecimasValue(): BigNumber {\n    return new BigNumber(this.value).dividedBy(10 ** this.decimals);\n  }\n  setValue(value: any) {\n    this.value = new BigNumber(value);\n    this.format = helper.number.toPrecisionFloor(new BigNumber(this.value).dividedBy(10 ** this.decimals).toFixed());\n    this.setLoading(false);\n  }\n  setFormat(val: any) {\n    this.format = val;\n    this.format = helper.number.toPrecisionFloor(this.format);\n    this.value = new BigNumber(val).multipliedBy(10 ** this.decimals);\n  }\n  setLoading(val: boolean) {\n    this.loading = val;\n  }\n  setDecimals(val: number) {\n    this.decimals = val;\n  }\n  get isZero(): boolean {\n    return this.value.isZero() && this.format == '';\n  }\n}\n","import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { RootStore } from \"../store/root\";\n\nexport const AppProvider = observer(({ children }: { children?: React.ReactNode }) => {\n  const rootStore = RootStore.init()\n  return (\n    <>\n      {rootStore.providers.map((store) => {\n        const Component: any = store.provider;\n        return <Component rootStore={rootStore} key={store.sid} />;\n      })}\n      {children && children}\n    </>\n  )\n})","import DataLoader from \"dataloader\";\nimport { Dexie, type Table } from \"dexie\";\n\nexport class DexieStorage extends Dexie {\n  kv: Table<{ key: string; value: { value: any; expiration: number } }>;\n\n  constructor() {\n    super(\"cache\");\n    this.version(1).stores({\n      kv: \"key, value\",\n    });\n  }\n}\nexport const dexie = new DexieStorage();\n\nexport class DexieCache {\n  kv = dexie.kv;\n  kv_get = new DataLoader(\n    async (ids: string[]) => {\n      const res = await this.kv.bulkGet(ids);\n      return res.map((i) => i?.value);\n    },\n    { cache: false },\n  );\n  kv_set = new DataLoader(\n    async (ids: { key: string; value: any; ttl: number }[]) => {\n      const now = new Date();\n      await this.kv.bulkPut(ids.map((i) => ({ key: i.key, value: { value: i.value, expiration: now.setTime(now.getTime() + i.ttl) } })));\n      return ids;\n    },\n    { cache: false },\n  );\n  options = {\n    ttl: 60 * 1000,\n    prefix: \"\",\n  };\n\n  async get(_key) {\n    const key = this.options.prefix + _key;\n    console.time(\"get \" + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd(\"get \" + key);\n    const data = res?.value;\n    if (!data) return;\n    return data?.value;\n  }\n\n  async getRaw(_key) {\n    const key = this.options.prefix + _key;\n    console.time(\"get \" + key);\n    const res = await this.kv_get.load(key);\n    console.timeEnd(\"get \" + key);\n    const data = res?.value;\n    if (!data) return;\n    return data;\n  }\n\n  async set(_key, value, options?: { ttl?: number }) {\n    const key = this.options.prefix + _key;\n    this.kv_set.load({ key, value, ttl: options?.ttl || this.options.ttl });\n\n    return this;\n  }\n\n  async delete(key) {\n    // return this.dataloader.load(['del', key]);\n    return;\n  }\n\n  async clear() {}\n\n  async wrap<T extends (...args: any[]) => Promise<any>, U = ReturnType<T>>(key, fn: T, args?: { ttl?: number; alowStale?: boolean }): Promise<Awaited<U>> {\n    let data = await this.kv_get.load(key);\n    if (data?.expiration && new Date(data.expiration) <= new Date()) {\n      // console.log(\"cache expired\", key)\n\n      if (args?.alowStale) {\n        fn()\n          .then((value) => {\n            this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl });\n          })\n          .catch((err) => {\n            console.error(err);\n          });\n      } else {\n        //@ts-ignore\n        data = null;\n      }\n    }\n    if (!data) {\n      // console.log(\"miss cache\", key)\n      const value = await fn();\n      this.kv_set.load({ key, value, ttl: args?.ttl || this.options.ttl });\n      return value;\n    }\n    return data.value;\n  }\n}\n\nexport const cache = new DexieCache();\n"]}

package/dist/jsontable.mjs

@@ -1,7 +1,7 @@
-export { JSONTable } from './chunk-VB62FUWK.mjs';
+export { JSONTable } from './chunk-YOCDMBRI.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-WAYJJYKN.mjs';
-import './chunk-SXQEYWUP.mjs';
+import './chunk-OZ3JSH5J.mjs';
+import './chunk-DZMNL4BZ.mjs';
 import './chunk-HRWHDF2F.mjs';
 import './chunk-U7JFOBSQ.mjs';
 import './chunk-MGU3KYGC.mjs';

package/dist/metrics.d.mts

@@ -12,8 +12,11 @@ interface ChartBox {
     gridH?: number;
     numColSpanMd?: number;
     className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    chartClassName?: string;
 }
-declare const ChartBox: ({ title, description, error, children, className }: ChartBox) => React.JSX.Element;
+declare const ChartBox: ({ title, description, error, children, className, headerClassName, contentClassName }: ChartBox) => React.JSX.Element;
 
 type BarChartCard = ChartBox & {
     type?: 'BarChartCard';
@@ -23,6 +26,7 @@ type BarChartCard = ChartBox & {
     showLegend?: boolean;
     showGridLines?: boolean;
     stack?: boolean;
+    showAnimation?: boolean;
 };
 declare const BarChartCard: (props: BarChartCard) => React.JSX.Element;
 
@@ -30,10 +34,17 @@ type LineChartCard = ChartBox & {
     type?: 'LineChartCard';
     categories?: string[];
     index?: string;
-    valueFormatter?: ValueFormatter;
+    curveType?: 'linear' | 'step' | 'monotone';
+    colors?: ('slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose')[];
     showLegend?: boolean;
     showGridLines?: boolean;
-    curveType?: 'linear' | 'natural' | 'step';
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    startEndOnly?: boolean;
+    showTooltip?: boolean;
+    showAnimation?: boolean;
+    autoMinValue?: boolean;
+    valueFormatter?: ValueFormatter;
 };
 declare const LineChartCard: (props: LineChartCard) => React.JSX.Element;
 
@@ -41,11 +52,23 @@ type AreaChartCard = ChartBox & {
     type?: 'AreaChartCard';
     categories?: string[];
     index?: string;
-    valueFormatter?: ValueFormatter;
+    curveType?: 'linear' | 'step' | 'monotone';
+    colors?: ('slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose')[];
     showLegend?: boolean;
     showGridLines?: boolean;
     stack?: boolean;
-    curveType?: 'linear' | 'natural' | 'step';
+    showXAxis?: boolean;
+    showYAxis?: boolean;
+    startEndOnly?: boolean;
+    showTooltip?: boolean;
+    showAnimation?: boolean;
+    autoMinValue?: boolean;
+    valueFormatter?: ValueFormatter;
+    customTooltip?: ({ payload, active, label }: {
+        payload: any;
+        active: any;
+        label: any;
+    }) => React.ReactNode;
 };
 declare const AreaChartCard: (props: AreaChartCard) => React.JSX.Element;
 
@@ -56,11 +79,13 @@ type DonutChartCard = ChartBox & {
     valueFormatter?: ValueFormatter;
     showLabel?: boolean;
     variant?: 'donut' | 'pie';
+    showAnimation?: boolean;
 };
 declare const DonutChartCard: (props: DonutChartCard) => React.JSX.Element;
 
 type CountCard = ChartBox & {
     type?: 'CountCard';
+    summedColumnIndex?: string;
 };
 declare const CountCard: (props: CountCard) => React.JSX.Element;
 
@@ -79,11 +104,12 @@ type KPICard = ChartBox & {
     type?: 'KPICard';
     categories?: string[];
     index?: string;
-    valueFormatter?: ValueFormatter;
-    curveType?: 'linear' | 'natural' | 'step';
+    chartType?: 'area' | 'line';
+    curveType?: 'linear' | 'step' | 'monotone';
     metricTitle?: string;
     metric?: string | number;
-    chartType?: 'area' | 'line';
+    valueFormatter?: ValueFormatter;
+    loading?: boolean;
 };
 declare const KPICard: (props: KPICard) => React.JSX.Element;
 

package/dist/metrics.mjs

@@ -1,18 +1,19 @@
-import { JSONTable_default } from './chunk-VB62FUWK.mjs';
+import { SkeletonBox } from './chunk-Y23EH2XR.mjs';
+import { JSONTable_default } from './chunk-YOCDMBRI.mjs';
 import './chunk-ONVPCAMQ.mjs';
-import './chunk-WAYJJYKN.mjs';
-import './chunk-SXQEYWUP.mjs';
+import './chunk-OZ3JSH5J.mjs';
+import './chunk-DZMNL4BZ.mjs';
 import './chunk-HRWHDF2F.mjs';
 import './chunk-U7JFOBSQ.mjs';
 import './chunk-MGU3KYGC.mjs';
 import { cn } from './chunk-6UHBBDKI.mjs';
 import { __spreadValues } from './chunk-6F7H4PAA.mjs';
-import React from 'react';
+import React8 from 'react';
 import { Grid, Col, BarChart, LineChart, AreaChart, DonutChart, Text } from '@tremor/react';
 import { Card } from '@nextui-org/react';
 
-var ChartBox = ({ title, description, error, children, className }) => {
-  return /* @__PURE__ */ React.createElement(Card, { className: cn("dark:border-gray-800", className), shadow: "sm" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 h-[60px]" }, /* @__PURE__ */ React.createElement("div", null, title), description && /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, description)), /* @__PURE__ */ React.createElement("div", { className: "px-2 pb-5" }, error ? /* @__PURE__ */ React.createElement("div", { className: "text-red-600" }, error) : children));
+var ChartBox = ({ title, description, error, children, className, headerClassName, contentClassName }) => {
+  return /* @__PURE__ */ React8.createElement(Card, { className: cn("dark:border-gray-800 shadow-sm border", className) }, (title || description) && /* @__PURE__ */ React8.createElement("div", { className: cn("p-4 h-[60px]", headerClassName) }, title && /* @__PURE__ */ React8.createElement("div", null, title), description && /* @__PURE__ */ React8.createElement("div", { className: "text-xs" }, description)), /* @__PURE__ */ React8.createElement("div", { className: cn("px-2 pb-5", contentClassName) }, error ? /* @__PURE__ */ React8.createElement("div", { className: "text-red-600" }, error) : children));
 };
 
 // components/JSONMetricsView/BarChartCard/index.tsx
@@ -24,12 +25,14 @@ var BarChartCard = (props) => {
     valueFormatter = (number) => `${number}`,
     showLegend = false,
     showGridLines = false,
-    stack = false
+    stack = false,
+    chartClassName,
+    showAnimation = true
   } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     BarChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       categories,
@@ -38,7 +41,8 @@ var BarChartCard = (props) => {
       yAxisWidth: 48,
       showLegend,
       showGridLines,
-      stack
+      stack,
+      showAnimation
     }
   ));
 };
@@ -47,23 +51,37 @@ var LineChartCard = (props) => {
     data = [],
     categories = ["value"],
     index = "date",
-    valueFormatter = (number) => `${number}`,
+    curveType = "linear",
+    colors = ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
     showLegend = false,
     showGridLines = false,
-    curveType = "linear"
+    chartClassName,
+    showXAxis = true,
+    showYAxis = true,
+    startEndOnly = false,
+    showTooltip = true,
+    showAnimation = true,
+    autoMinValue = true,
+    valueFormatter = (number) => `${number}`
   } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     LineChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       categories,
-      colors: ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
+      colors,
       valueFormatter,
       showLegend,
       showGridLines,
-      curveType
+      curveType,
+      showXAxis,
+      showYAxis,
+      startEndOnly,
+      showTooltip,
+      showAnimation,
+      autoMinValue
     }
   ));
 };
@@ -72,80 +90,94 @@ var AreaChartCard = (props) => {
     data = [],
     categories = ["value"],
     index = "date",
-    valueFormatter = (number) => `${number}`,
+    curveType = "linear",
+    colors = ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
     showLegend = false,
     showGridLines = false,
     stack = false,
-    curveType = "linear"
+    chartClassName,
+    showXAxis = true,
+    showYAxis = true,
+    startEndOnly = false,
+    showTooltip = true,
+    showAnimation = true,
+    autoMinValue = true,
+    valueFormatter = (number) => `${number}`,
+    customTooltip
   } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     AreaChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       categories,
-      colors: ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
+      colors,
       valueFormatter,
       showLegend,
       showGridLines,
       stack,
-      curveType
+      curveType,
+      showXAxis,
+      showYAxis,
+      startEndOnly,
+      showTooltip,
+      showAnimation,
+      autoMinValue,
+      customTooltip
     }
   ));
 };
 var DonutChartCard = (props) => {
-  const { data = [], categories = ["value"], index = "name", valueFormatter = (number) => `${number}`, showLabel = true, variant = "donut" } = props;
+  const { data = [], categories = ["value"], index = "name", valueFormatter = (number) => `${number}`, showLabel = true, variant = "donut", chartClassName, showAnimation = true } = props;
   const category = categories[0];
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement(
     DonutChart,
     {
-      className: "h-72 mt-4",
+      className: cn("h-72 mt-4", chartClassName),
       data,
       index,
       category,
       colors: ["indigo", "cyan", "teal", "green", "yellow", "orange", "red", "slate", "violet", "rose", "pink", "purple", "blue"],
       valueFormatter,
       showLabel,
-      variant
+      variant,
+      showAnimation
     }
   ));
 };
 var CountCard = (props) => {
   var _a;
   if (!((_a = props.data) == null ? void 0 : _a.length)) {
-    return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { className: "mt-2 ml-2 text-2xl overflow-auto" }, /* @__PURE__ */ React.createElement("span", { className: "text-gray-400" }, "No data")));
+    return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React8.createElement("span", { className: "text-gray-400" }, "No data")));
   }
-  const value = Object.values(props.data[0])[0];
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { className: "mt-2 ml-2 font-bold text-2xl overflow-auto" }, renderValue(value)));
-};
-function renderValue(v) {
-  if (typeof v == "string" || typeof v == "number") {
-    return v;
+  if (!props.summedColumnIndex) {
+    return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: cn("mt-2 ml-2 text-2xl overflow-auto", props.chartClassName) }, /* @__PURE__ */ React8.createElement("span", { className: "text-gray-400 text-sm" }, "set ", /* @__PURE__ */ React8.createElement("span", { className: "font-bold" }, "summedColumnIndex"), " to sum up values")));
   }
-  return JSON.stringify(v);
-}
+  const sum = props.data.reduce((acc, cur) => {
+    const v = cur[props.summedColumnIndex];
+    if (typeof v == "number") {
+      return acc + v;
+    } else {
+      return acc;
+    }
+  }, 0);
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: cn("mt-2 ml-2 font-bold text-2xl overflow-auto", props.chartClassName) }, sum));
+};
 var TableCard = (props) => {
-  const { data = [], columnOptions = {} } = props;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React.createElement(JSONTable_default, { dataSource: data, columnOptions, className: "h-[256px]" }) : /* @__PURE__ */ React.createElement("div", { className: "h-[256px] flex justify-center items-center text-gray-400" }, "No data"));
+  const { data = [], columnOptions = {}, chartClassName } = props;
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ React8.createElement(JSONTable_default, { dataSource: data, columnOptions, className: cn("h-[256px]", chartClassName) }) : /* @__PURE__ */ React8.createElement("div", { className: cn("h-[256px] flex justify-center items-center text-gray-400", chartClassName) }, "No data"));
 };
 var KPICard = (props) => {
-  const {
-    metricTitle,
-    metric,
-    chartType = "area",
-    data = [],
-    categories = ["value"],
-    index = "date",
-    valueFormatter = (number) => `${number}`,
-    curveType = "linear"
-  } = props;
+  const { metricTitle, metric, chartType = "area", data = [], categories = ["value"], index = "date", valueFormatter = (number) => `${number}`, curveType = "linear", loading, chartClassName } = props;
+  if (loading) {
+    return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React8.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React8.createElement(Text, { className: "whitespace-nowrap" }, "Loading..."), /* @__PURE__ */ React8.createElement("div", { className: "font-bold text-3xl" }, "-")), /* @__PURE__ */ React8.createElement(SkeletonBox, { className: "flex-col w-full", skClassName: "h-[100px] overflow-hidden", line: 1 })));
+  }
   const ChartComp = chartType === "area" ? AreaChart : LineChart;
-  return /* @__PURE__ */ React.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React.createElement(Text, { className: "whitespace-nowrap" }, metricTitle), /* @__PURE__ */ React.createElement("div", { className: "font-bold text-3xl" }, metric)), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React8.createElement(ChartBox, __spreadValues({}, props), /* @__PURE__ */ React8.createElement("div", { className: "mt-4 space-x-6 px-2 flex items-center" }, /* @__PURE__ */ React8.createElement("div", { className: "w-auto" }, /* @__PURE__ */ React8.createElement(Text, { className: "whitespace-nowrap" }, metricTitle), /* @__PURE__ */ React8.createElement("div", { className: "font-bold text-3xl" }, metric != null ? metric : "-")), /* @__PURE__ */ React8.createElement(
     ChartComp,
     {
-      className: "overflow-hidden",
-      style: { height: "100px" },
+      className: cn("h-[100px] overflow-hidden", chartClassName),
       data,
       index,
       categories,
@@ -156,7 +188,9 @@ var KPICard = (props) => {
       showGridLines: false,
       startEndOnly: true,
       showYAxis: false,
-      showLegend: false
+      showLegend: false,
+      autoMinValue: true,
+      showAnimation: true
     }
   )));
 };
@@ -172,15 +206,15 @@ var components = {
   KPICard
 };
 var JSONMetricsView = ({ data }) => {
-  return /* @__PURE__ */ React.createElement(Grid, { numItems: 1, numItemsSm: 1, numItemsLg: 2, numItemsMd: 2, className: "gap-2" }, data.map((item, index) => {
+  return /* @__PURE__ */ React8.createElement(Grid, { numItems: 1, numItemsSm: 1, numItemsLg: 2, numItemsMd: 2, className: "gap-2" }, data.map((item, index) => {
     var _a;
     const Component = components[item.type];
-    return /* @__PURE__ */ React.createElement(Col, { key: index, numColSpanSm: 1, numColSpanMd: (_a = item.numColSpanMd) != null ? _a : 1 }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, item)));
+    return /* @__PURE__ */ React8.createElement(Col, { key: index, numColSpanSm: 1, numColSpanMd: (_a = item.numColSpanMd) != null ? _a : 1 }, /* @__PURE__ */ React8.createElement(Component, __spreadValues({}, item)));
   }));
 };
 var MetricsView = ({ data }) => {
   const Comp = components[data.type];
-  return /* @__PURE__ */ React.createElement(Comp, __spreadValues({}, data));
+  return /* @__PURE__ */ React8.createElement(Comp, __spreadValues({}, data));
 };
 
 export { JSONMetricsView, MetricsView };