@dappworks/kit 0.5.34 → 0.5.35

package/dist/experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/Core/Slot.tsx","../module/Core/Storage.tsx","../module/Core/Async.tsx","../module/Core/standard/Collection.tsx","../module/JSONView/index.tsx"],"names":["value","React"],"mappings":"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","sourcesContent":["import { Store } from \"../../store/standard/base\";\r\nimport { RootStore } from \"../../store/root\";\r\nimport React, { ReactNode } from \"react\";\r\n\r\nexport class SlotPlugin implements Store {\r\n  sid = \"SlotPlugin\";\r\n  stype = \"Plugin\"\r\n  autoObservable?: boolean = false;\r\n\r\n  slotMap: Store[\"slots\"] = {};\r\n\r\n  // SlotList = observer(() => {\r\n  //   const collection = RootStore.Get(Collection<Store[\"slot\"]>, { sid: \"SlotPlugin.slots\", args: { data: this.slotMap } });\r\n  //   //@ts-ignore\r\n  //   const Component = collection.current.Component;\r\n\r\n  //   return (\r\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\r\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\r\n  //         {Object.keys(collection.data).map((i) => (\r\n  //           <div key={i} className={cn(\"px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer\", { \"bg-green-600 text-white\": collection.key === i })} onClick={() => collection.setKey(i)}>\r\n  //             {i}\r\n  //           </div>\r\n  //         ))}\r\n  //       </div>\r\n  //       <div className=\"mt-4 w-full md:w-[400px] px-4 overflow-auto md:mt-0 md:ml-4\">\r\n  //         {/* @ts-ignore */}\r\n  //         <Component {...collection.current.input} />\r\n  //         {/* @ts-ignore  */}\r\n  //         {collection.current.input && (\r\n  //           <JSONSchemaForm\r\n  //             formState={getFormState({\r\n  //               uiSize: \"small\",\r\n  //               // @ts-ignore\r\n  //               data: collection.current.input,\r\n  //               onSubmit: (data) => {\r\n  //                 console.log(data);\r\n  //                 // @ts-ignore\r\n  //                 collection.setValue(collection.key, { ...collection.current, input: data });\r\n  //               },\r\n  //             })}\r\n  //           />\r\n  //         )}\r\n  //       </div>\r\n  //     </div>\r\n  //   );\r\n  // });\r\n\r\n  // devtools = {\r\n  //   panels: [\r\n  //     {\r\n  //       title: \"Slot\",\r\n  //       render: this.SlotList,\r\n  //     },\r\n  //   ],\r\n  // };\r\n\r\n  onNewStore({ rootStore }: { rootStore: RootStore }) {\r\n    Object.values(rootStore.instance).forEach((store) => {\r\n      //@ts-ignore\r\n      if (store.isSlotInit) return;\r\n      if (store.slots) {\r\n        //@ts-ignore\r\n        store.isSlotInit = true;\r\n        //@ts-ignore\r\n        this.slotMap = { ...this.slotMap, ...store.slots };\r\n      }\r\n    });\r\n  }\r\n\r\n  toJSON() {\r\n    return this.slotMap\r\n  }\r\n\r\n  static Slot = ({ name, ...props }: { name } & any): ReactNode => {\r\n    const slotPlugin = RootStore.Get(SlotPlugin);\r\n    const slot = slotPlugin.slotMap![name];\r\n    //@ts-ignore\r\n    const Component: React.FC = slot?.render;\r\n    if (!Component) {\r\n      //@ts-ignore\r\n      return <div></div>;\r\n    }\r\n    //@ts-ignore\r\n    return <Component {...props} />;\r\n  };\r\n\r\n  constructor(args: Partial<SlotPlugin> = {}) {\r\n    Object.assign(this, args);\r\n  }\r\n}\r\n","\"use client\";\r\n\r\nimport { RootStore } from \"../../store/root\";\r\nimport { Store } from \"../../store/standard/base\";\r\nimport { makeAutoObservable, observable, toJS } from \"mobx\";\r\nimport { _ } from \"../../lib/lodash\";\r\n// import { AsyncStorage } from \"./Async\";\r\n\r\n// import { JSONForm } from \"../../components/JSONForm\"\r\n\r\nexport type Engine = {\r\n  name: string;\r\n  get(key): any;\r\n  set(key, value): any;\r\n  remove(key): any;\r\n};\r\n\r\nexport type DataGroup = Record<\r\n  string,\r\n  {\r\n    index: StorageParams<any>;\r\n    children: Record<string, DataGroup>;\r\n  }\r\n>;\r\n\r\nexport type StorageParams<T> = {\r\n  key: string;\r\n  value?: T;\r\n  engine?: Engine;\r\n  _value?: T;\r\n  defaultValue?: T;\r\n  debounce?: number;\r\n  onInit?(value: T): void;\r\n  debounceFn?: any;\r\n  onDebounce?(value: T): void;\r\n  onSet?(value: T): void;\r\n  set?: (value: T) => void;\r\n  setValue?: (value: T) => void;\r\n  reset?: () => void;\r\n  listen?: (func?: (args: { key: string; value: any }) => void) => void;\r\n};\r\nconst memory = {};\r\n\r\nexport class StoragePlugin implements Store {\r\n  sid = 'StoragePlugin';\r\n  stype = \"Plugin\"\r\n  autoObservable?: boolean = true;\r\n  static engines = {\r\n    memory: {\r\n      name: 'memory',\r\n      get(key) {\r\n        return memory[key];\r\n      },\r\n      set(key, value) {\r\n        return (memory[key] = value);\r\n      },\r\n      remove(key) {\r\n        delete memory[key];\r\n        return;\r\n      },\r\n    },\r\n    localStorage: {\r\n      name: 'localStorage',\r\n      get(key) {\r\n        return StoragePlugin.safeParse(globalThis.localStorage.getItem(key));\r\n      },\r\n      set(key, value) {\r\n        return globalThis.localStorage.setItem(key, JSON.stringify(value));\r\n      },\r\n      remove(key) {\r\n        return globalThis.localStorage.removeItem(key);\r\n      },\r\n    },\r\n    // asyncStorage: {\r\n    //   name: 'asyncStorage',\r\n    //   get(key) {\r\n    //     return RootStore.Get(AsyncStorage).get(key);\r\n    //   },\r\n    //   set(key, value) {\r\n    //     return RootStore.Get(AsyncStorage).set(key, value);\r\n    //   },\r\n    //   remove(key) {\r\n    //     return RootStore.Get(AsyncStorage).remove(key);\r\n    //   },\r\n    // },\r\n  };\r\n  engines = StoragePlugin.engines;\r\n  // debounceFn: (val: any) => void;\r\n  // data = {};\r\n  dataMeta: Record<string, StorageParams<any>> = {};\r\n\r\n  get dataGroup() {\r\n    const tree = Object.values(this.dataMeta).reduce((p, c) => {\r\n      const current = this.dataMeta[c.key];\r\n      const path = c.key;\r\n      const parentPath = path\r\n        .split('.')\r\n        .slice(0, path.length - 1)\r\n        .join('.');\r\n      const key = path.split('.').pop();\r\n      if (!p[parentPath]) {\r\n        const topPath = !parentPath.includes('.');\r\n        _.set(p, parentPath + (topPath ? `.${key}` : ``), {\r\n          ...current,\r\n          toJSON() {\r\n            return typeof current.value === 'object' ? JSON.stringify(toJS(current.value), null, 2) : current.value;\r\n          },\r\n        });\r\n      }\r\n\r\n      return p;\r\n    }, {});\r\n\r\n    return tree;\r\n  }\r\n\r\n  // StorageTools = observer(() => {\r\n  //   const collection = RootStore.Get(Collection<any>, { sid: 'StoragePlugin.current', args: { data: this.dataGroup } });\r\n  //   const data = collection.current as Record<string, StorageParams<any>>;\r\n\r\n  //   const dataConfig = Object.entries(data).reduce((p, [key, value]) => {\r\n  //     p[key] = {\r\n  //       title: `${key} (${value.engine.name})`,\r\n  //     };\r\n  //     return p;\r\n  //   }, {});\r\n\r\n  //   return (\r\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\r\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\r\n  //         {Object.keys(collection.data)\r\n  //           .sort((a, b) => a.length - b.length)\r\n  //           .map((i) => (\r\n  //             <div\r\n  //               key={i}\r\n  //               className={cn('px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer', { 'bg-green-600 text-white': collection.key === i })}\r\n  //               onClick={() => collection.setKey(i)}\r\n  //             >\r\n  //               {i}\r\n  //             </div>\r\n  //           ))}\r\n  //       </div>\r\n  //       <div className=\"mt-4 w-full overflow-auto md:mt-0\">\r\n  //         <JSONForm\r\n  //           formData={{ data: JSON.parse(JSON.stringify(data, null, 2)) }}\r\n  //           formConfig={{\r\n  //             data: dataConfig,\r\n  //           }}\r\n  //           onChange={(v) => {\r\n  //             Object.entries(v.data).forEach(([key, value]) => {\r\n  //               data[key].set(StoragePlugin.safeParse(value));\r\n  //             });\r\n  //             return v;\r\n  //           }}\r\n  //         // onSet={(v) => {\r\n  //         //   //TODO:  only udpate changed filed\r\n  //         //   Object.entries(v).forEach(([key, value]) => {\r\n  //         //     data[key].set(StoragePlugin.safeParse(value));\r\n  //         //   });\r\n  //         //   return v;\r\n  //         // }}\r\n  //         />\r\n  //       </div>\r\n  //     </div>\r\n  //   );\r\n  // });\r\n\r\n  // devtools = {\r\n  //   panels: [\r\n  //     {\r\n  //       title: 'Storage',\r\n  //       render: this.StorageTools,\r\n  //     },\r\n  //   ],\r\n  // };\r\n\r\n  static safeParse(val: any) {\r\n    try {\r\n      return JSON.parse(val);\r\n    } catch (error) {\r\n      return val;\r\n    }\r\n  }\r\n\r\n  set = ({ key, value, engine }: { key: string; value: any; engine?: Engine }) => {\r\n    this.dataMeta[key]._value = value;\r\n    const _engine = engine || this.dataMeta[key]?.engine || this.engines.memory;\r\n\r\n    //@ts-ignore\r\n    RootStore.init().events.emit(`storage.${key}.update`, { key, value });\r\n    if (this.dataMeta[key].onSet) this.dataMeta[key].onSet(value);\r\n    return _engine.set(key, value);\r\n  };\r\n\r\n\r\n  get = <T,>({ key, value, defaultValue, engine = this.engines.memory, ...other }: StorageParams<T>): StorageParams<T> => {\r\n    if (typeof window == 'undefined' && engine.name == 'localStorage') {\r\n      engine = this.engines.memory;\r\n    }\r\n\r\n    if (value && !defaultValue) {\r\n      defaultValue = value\r\n    }\r\n    const that = this;\r\n    if (!this.dataMeta[key]) {\r\n      const exists = engine.get(key);\r\n      if (engine.name == 'asyncStorage') {\r\n        console.log('get', key, exists);\r\n      }\r\n      if (!exists) {\r\n        engine.set(key, defaultValue);\r\n      }\r\n      const _value = engine.get(key);\r\n\r\n      this.dataMeta[key] = makeAutoObservable({\r\n        key,\r\n        engine,\r\n        defaultValue,\r\n        ...other,\r\n        _value,\r\n        get value() {\r\n          return that.dataMeta[key]._value;\r\n        },\r\n        set value(value) {\r\n          that.set({ key, value });\r\n          other.debounce && that.dataMeta[key].debounceFn(value)\r\n        },\r\n        set(value) {\r\n          that.set({ key, value });\r\n          other.debounce && that.dataMeta[key].debounceFn(value)\r\n        },\r\n        setValue(value) {\r\n          that.set({ key, value });\r\n        },\r\n        reset() {\r\n          that.set({ key, value: defaultValue });\r\n        },\r\n        toJSON() {\r\n          return that.dataMeta[key]._value;\r\n        },\r\n        listen(func) {\r\n          //@ts-ignore\r\n          RootStore.init().events.on(`storage.${key}.update`, (args) => func(args));\r\n        },\r\n        debounceFn: _.debounce((value) => {\r\n          other?.onDebounce(value);\r\n        }, other.debounce)\r\n      });\r\n      if (this.dataMeta[key].onInit) {\r\n        this.dataMeta[key].onInit(this.dataMeta[key].value);\r\n      }\r\n    }\r\n\r\n    //@ts-ignore\r\n    return this.dataMeta[key];\r\n  };\r\n\r\n  remove = ({ key, engine = this.engines.memory }: { key?: string; engine?: Engine }): void => {\r\n    engine.remove(key);\r\n  };\r\n\r\n  static Get<T>(args: StorageParams<T>): StorageParams<T> {\r\n    const storagePlugin = RootStore.Get(StoragePlugin);\r\n    return storagePlugin.get(args);\r\n  }\r\n\r\n  static Input<T, U extends StorageParams<T>>(args: U): U {\r\n    const storagePlugin = RootStore.Get(StoragePlugin);\r\n    const data = storagePlugin.get(args);\r\n    //@ts-ignore\r\n    return observable({\r\n      ...args,\r\n      ...data,\r\n      get value() {\r\n        return data.value;\r\n      },\r\n      set value(value) {\r\n        data.set(value);\r\n      },\r\n      onChange(e) {\r\n        data.set(e.target.value);\r\n      },\r\n    });\r\n  }\r\n\r\n  static Custom<T, U extends StorageParams<T>>(args: U): U & StorageParams<T> {\r\n    const storagePlugin = RootStore.Get(StoragePlugin);\r\n    const { value, _value, ...others } = args;\r\n    const data = storagePlugin.get(args);\r\n    //@ts-ignore\r\n\r\n    return observable({\r\n      ...args,\r\n      ...data,\r\n      get value() {\r\n        return data.value;\r\n      },\r\n      set value(value) {\r\n        data.set(value);\r\n      },\r\n      onChange(e) {\r\n        data.set(e.target.value);\r\n      },\r\n    });\r\n  }\r\n\r\n  constructor(args: Partial<StoragePlugin> = {}) {\r\n    Object.assign(this, args);\r\n  }\r\n}\r\n","import axios from \"axios\";\r\nimport { _ } from \"../../lib/lodash\";\r\nimport { RootStore } from \"../../store/root\";\r\nimport { Store } from \"../../store/standard/base\";\r\nimport { PromiseState } from \"../../store/standard/PromiseState\";\r\nimport { StoragePlugin } from \"./Storage\";\r\n\r\n\r\nexport const jwt = StoragePlugin.Get({\r\n  key: \"asyncStorage.token\",\r\n  value: \"\",\r\n  engine: StoragePlugin.engines.localStorage,\r\n});\r\n\r\nexport class AsyncStorage implements Store {\r\n  sid = \"AsyncStorage\";\r\n  stype = \"Plugin\"\r\n  url = `https://dappkit-async-api.deno.dev/project/${process.env.NEXT_PUBLIC_PROJECT_ID}`;\r\n  forceUpdate = false;\r\n  autoObservable?: boolean = true;\r\n\r\n  data = new PromiseState({\r\n    context: this,\r\n    value: {},\r\n    function: async () => {\r\n      const res = await axios.get(this.url, {\r\n        params: { forceUpdate: this.forceUpdate },\r\n      });\r\n      //@ts-ignore\r\n      return { ...this.data.value, ...res.data };\r\n    },\r\n  }).on(\"data\", (data) => {\r\n    this.syncStorage();\r\n  });\r\n\r\n  syncStorage() {\r\n    const data = this.data.value;\r\n    const storage = RootStore.Get(StoragePlugin);\r\n\r\n    Object.keys(data).map((key) => {\r\n      const value = data[key];\r\n      const target = storage.dataMeta[key];\r\n      if (target) {\r\n        target.set(value);\r\n      }\r\n    });\r\n  }\r\n\r\n  // devtools = {\r\n  //   panels: [\r\n  //     {\r\n  //       title: \"AsyncStorage\",\r\n  //       render: observer(() => {\r\n\r\n  //         return (\r\n  //           <div className=\"h-full w-full overflow-auto\">\r\n  //             <Input\r\n  //               placeholder=\"Please enter your asyncStorage token here\"\r\n  //               value={jwt.value}\r\n  //               onChange={(e) => jwt.set(e.target.value)}\r\n  //             />\r\n  //             <JSONEditor\r\n  //               className=\"h-full\"\r\n  //               initialJson={JSON.stringify(toJS(this.data.value), null, 2)}\r\n  //               onChange={(data) => {\r\n  //                 console.log(\"onChange\", data);\r\n  //                 helper.deepMerge(this.data.value, data);\r\n  //                 this.syncStorage();\r\n  //               }}\r\n  //               onSubmit={async (data) => {\r\n  //                 if (!jwt.value) {\r\n  //                   RootStore.Get(ToastPlugin).error(\r\n  //                     \"Please enter your asyncStorage token first\",\r\n  //                   );\r\n  //                 } else {\r\n  //                   if (!process.env.NEXT_PUBLIC_PROJECT_ID) {\r\n  //                     RootStore.Get(ToastPlugin).error(\r\n  //                       \"Please set your project id first\",\r\n  //                     );\r\n  //                   }\r\n  //                   await axios.post(\r\n  //                     `https://dappkit-async-api.deno.dev/update/${process.env.NEXT_PUBLIC_PROJECT_ID}`,\r\n  //                     data,\r\n  //                     {\r\n  //                       headers: {\r\n  //                         Authorization: `${jwt.value}`,\r\n  //                       },\r\n  //                     },\r\n  //                   );\r\n  //                 }\r\n  //                 this.forceUpdate = true;\r\n  //                 await this.data.wait({ call: true });\r\n  //                 RootStore.Get(ToastPlugin).success(\"Update success\");\r\n  //                 console.log(\"onSubmit\", data);\r\n  //               }}\r\n  //             />\r\n  //           </div>\r\n  //         );\r\n  //       }),\r\n  //     },\r\n  //   ],\r\n  // };\r\n\r\n  constructor(args: Partial<AsyncStorage> = {}) {\r\n    Object.assign(this, args);\r\n  }\r\n\r\n  get(key) {\r\n    return _.get(this.data.value, key);\r\n  }\r\n\r\n  async set(key, value) {\r\n    _.set(this.data.value, key, value);\r\n  }\r\n\r\n  async remove(key) {\r\n    _.remove(this.data.value, key);\r\n  }\r\n\r\n  onNewStore = ({\r\n    rootStore,\r\n    store,\r\n  }: {\r\n    rootStore: RootStore;\r\n    store: Store;\r\n  }) => {\r\n    if (store.autoAsyncable) {\r\n      this.makeAutoAsyncAble(store);\r\n    }\r\n  };\r\n\r\n  async makeAutoAsyncAble(instance) {\r\n    const data = await this.data.wait({ call: true });\r\n    if (data[instance.sid]) {\r\n      Object.assign(instance, data[instance.sid]);\r\n    }\r\n  }\r\n}\r\n","import { Store } from '../../../store/standard/base';\r\n\r\nexport class Collection<T = any> implements Store {\r\n  sid = 'Collection';\r\n  autoObservable = true;\r\n\r\n  key: string;\r\n  data: {\r\n    [key: string]: T;\r\n  } = {};\r\n  constructor(args: Partial<Collection<T>>) {\r\n    Object.assign(this, args);\r\n    if (!this.key) {\r\n      this.key = Object.keys(this.data)[0];\r\n    }\r\n  }\r\n  get current(): T {\r\n    return this.data[this.key];\r\n  }\r\n\r\n  setKey(key: string) {\r\n    this.key = key;\r\n  }\r\n  setValue(key: string, value: T) {\r\n    this.data[key] = value;\r\n  }\r\n}\r\n","import React, { HTMLAttributeAnchorTarget } from \"react\";\r\nimport { _ } from \"../../lib/lodash\";\r\nimport { RootStore } from \"../../store\";\r\nimport { Store } from \"../../store/standard/base\";\r\n\r\nexport type JSONViewType = {\r\n  className?: string;\r\n  children?: any;\r\n  data?: Record<string, JSONDataType>;\r\n  datas?: Record<string, Record<string, JSONDataType> | JSONDataType[]>;\r\n  uiConfig?: {\r\n    type: string;\r\n    className?: Record<string, string>;\r\n    slots?: Record<string, any>;\r\n    [key: string]: any;\r\n  };\r\n  uiConfigs?: Record<string, JSONViewType['uiConfig']>;\r\n};\r\n\r\nexport type JSONDataType = {\r\n  title?: string;\r\n  icon?: any;\r\n  render?: any;\r\n  className?: string;\r\n  type?: 'divider' | 'checkbox' | 'label' | 'radio';\r\n  shortcut?: string;\r\n  disabled?: boolean;\r\n  children?: Record<string, JSONDataType>;\r\n  value?: any;\r\n  link?: any;\r\n  target?: HTMLAttributeAnchorTarget;\r\n  needAuth?: boolean;\r\n  events?: Record<string, any>;\r\n  onChange?: (args: { e: any; v: any }) => void;\r\n  onClick?: (args: { e: any; v: any }) => void;\r\n};\r\n\r\nexport class JSONViewPlugin implements Store {\r\n  sid = 'JSONViewPlugin';\r\n  autoObservable?: boolean = false;\r\n\r\n  JSONView = {\r\n    Test: {\r\n      name: 'Test',\r\n      render: () => <div>Test</div>,\r\n    },\r\n  };\r\n\r\n  onNewStore({ rootStore, store }: { rootStore: RootStore<any>; store: Store }): void {\r\n    this.crawl(store);\r\n  }\r\n\r\n  crawl(store: Store) {\r\n    if (store?.JSONView) {\r\n      this.JSONView = { ...this.JSONView, ...store.JSONView };\r\n    }\r\n  }\r\n\r\n  static JSONView = (props: JSONViewType) => {\r\n    const jsonviewplugin = RootStore.Get(JSONViewPlugin);\r\n\r\n    return (\r\n      <>\r\n        {Object.keys(props.uiConfigs).map((key) => {\r\n          const config = props.uiConfigs[key] as any;\r\n          const data = _.get(props.datas, key);\r\n          const Component = jsonviewplugin.JSONView[config.type].render;\r\n          const rootStore = RootStore.init();\r\n          Object.values(data).forEach((i: any) => {\r\n            if (i.events) {\r\n              Object.entries(i.events).forEach(([k, v]) => {\r\n                i[k] = (args) => rootStore.events.emit(v as any, { ...args, action: k });\r\n              });\r\n            }\r\n          });\r\n\r\n          return <Component key={key} data={data} uiConfig={config} />;\r\n        })}\r\n      </>\r\n    );\r\n  };\r\n}"]}
+{"version":3,"sources":["../module/Core/Slot.tsx","../module/Core/Storage.tsx","../module/Core/Async.tsx","../module/Core/standard/Collection.tsx","../module/JSONView/index.tsx"],"names":["value","React"],"mappings":"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","sourcesContent":["import { Store } from \"../../store/standard/base\";\nimport { RootStore } from \"../../store/root\";\nimport React, { ReactNode } from \"react\";\n\nexport class SlotPlugin implements Store {\n  sid = \"SlotPlugin\";\n  stype = \"Plugin\"\n  autoObservable?: boolean = false;\n\n  slotMap: Store[\"slots\"] = {};\n\n  // SlotList = observer(() => {\n  //   const collection = RootStore.Get(Collection<Store[\"slot\"]>, { sid: \"SlotPlugin.slots\", args: { data: this.slotMap } });\n  //   //@ts-ignore\n  //   const Component = collection.current.Component;\n\n  //   return (\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\n  //         {Object.keys(collection.data).map((i) => (\n  //           <div key={i} className={cn(\"px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer\", { \"bg-green-600 text-white\": collection.key === i })} onClick={() => collection.setKey(i)}>\n  //             {i}\n  //           </div>\n  //         ))}\n  //       </div>\n  //       <div className=\"mt-4 w-full md:w-[400px] px-4 overflow-auto md:mt-0 md:ml-4\">\n  //         {/* @ts-ignore */}\n  //         <Component {...collection.current.input} />\n  //         {/* @ts-ignore  */}\n  //         {collection.current.input && (\n  //           <JSONSchemaForm\n  //             formState={getFormState({\n  //               uiSize: \"small\",\n  //               // @ts-ignore\n  //               data: collection.current.input,\n  //               onSubmit: (data) => {\n  //                 console.log(data);\n  //                 // @ts-ignore\n  //                 collection.setValue(collection.key, { ...collection.current, input: data });\n  //               },\n  //             })}\n  //           />\n  //         )}\n  //       </div>\n  //     </div>\n  //   );\n  // });\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: \"Slot\",\n  //       render: this.SlotList,\n  //     },\n  //   ],\n  // };\n\n  onNewStore({ rootStore }: { rootStore: RootStore }) {\n    Object.values(rootStore.instance).forEach((store) => {\n      //@ts-ignore\n      if (store.isSlotInit) return;\n      if (store.slots) {\n        //@ts-ignore\n        store.isSlotInit = true;\n        //@ts-ignore\n        this.slotMap = { ...this.slotMap, ...store.slots };\n      }\n    });\n  }\n\n  toJSON() {\n    return this.slotMap\n  }\n\n  static Slot = ({ name, ...props }: { name } & any): ReactNode => {\n    const slotPlugin = RootStore.Get(SlotPlugin);\n    const slot = slotPlugin.slotMap![name];\n    //@ts-ignore\n    const Component: React.FC = slot?.render;\n    if (!Component) {\n      //@ts-ignore\n      return <div></div>;\n    }\n    //@ts-ignore\n    return <Component {...props} />;\n  };\n\n  constructor(args: Partial<SlotPlugin> = {}) {\n    Object.assign(this, args);\n  }\n}\n","\"use client\";\n\nimport { RootStore } from \"../../store/root\";\nimport { Store } from \"../../store/standard/base\";\nimport { makeAutoObservable, observable, toJS } from \"mobx\";\nimport { _ } from \"../../lib/lodash\";\n// import { AsyncStorage } from \"./Async\";\n\n// import { JSONForm } from \"../../components/JSONForm\"\n\nexport type Engine = {\n  name: string;\n  get(key): any;\n  set(key, value): any;\n  remove(key): any;\n};\n\nexport type DataGroup = Record<\n  string,\n  {\n    index: StorageParams<any>;\n    children: Record<string, DataGroup>;\n  }\n>;\n\nexport type StorageParams<T> = {\n  key: string;\n  value?: T;\n  engine?: Engine;\n  _value?: T;\n  defaultValue?: T;\n  debounce?: number;\n  onInit?(value: T): void;\n  debounceFn?: any;\n  onDebounce?(value: T): void;\n  onSet?(value: T): void;\n  set?: (value: T) => void;\n  setValue?: (value: T) => void;\n  reset?: () => void;\n  listen?: (func?: (args: { key: string; value: any }) => void) => void;\n};\nconst memory = {};\n\nexport class StoragePlugin implements Store {\n  sid = 'StoragePlugin';\n  stype = \"Plugin\"\n  autoObservable?: boolean = true;\n  static engines = {\n    memory: {\n      name: 'memory',\n      get(key) {\n        return memory[key];\n      },\n      set(key, value) {\n        return (memory[key] = value);\n      },\n      remove(key) {\n        delete memory[key];\n        return;\n      },\n    },\n    localStorage: {\n      name: 'localStorage',\n      get(key) {\n        return StoragePlugin.safeParse(globalThis.localStorage.getItem(key));\n      },\n      set(key, value) {\n        return globalThis.localStorage.setItem(key, JSON.stringify(value));\n      },\n      remove(key) {\n        return globalThis.localStorage.removeItem(key);\n      },\n    },\n    // asyncStorage: {\n    //   name: 'asyncStorage',\n    //   get(key) {\n    //     return RootStore.Get(AsyncStorage).get(key);\n    //   },\n    //   set(key, value) {\n    //     return RootStore.Get(AsyncStorage).set(key, value);\n    //   },\n    //   remove(key) {\n    //     return RootStore.Get(AsyncStorage).remove(key);\n    //   },\n    // },\n  };\n  engines = StoragePlugin.engines;\n  // debounceFn: (val: any) => void;\n  // data = {};\n  dataMeta: Record<string, StorageParams<any>> = {};\n\n  get dataGroup() {\n    const tree = Object.values(this.dataMeta).reduce((p, c) => {\n      const current = this.dataMeta[c.key];\n      const path = c.key;\n      const parentPath = path\n        .split('.')\n        .slice(0, path.length - 1)\n        .join('.');\n      const key = path.split('.').pop();\n      if (!p[parentPath]) {\n        const topPath = !parentPath.includes('.');\n        _.set(p, parentPath + (topPath ? `.${key}` : ``), {\n          ...current,\n          toJSON() {\n            return typeof current.value === 'object' ? JSON.stringify(toJS(current.value), null, 2) : current.value;\n          },\n        });\n      }\n\n      return p;\n    }, {});\n\n    return tree;\n  }\n\n  // StorageTools = observer(() => {\n  //   const collection = RootStore.Get(Collection<any>, { sid: 'StoragePlugin.current', args: { data: this.dataGroup } });\n  //   const data = collection.current as Record<string, StorageParams<any>>;\n\n  //   const dataConfig = Object.entries(data).reduce((p, [key, value]) => {\n  //     p[key] = {\n  //       title: `${key} (${value.engine.name})`,\n  //     };\n  //     return p;\n  //   }, {});\n\n  //   return (\n  //     <div className=\"h-full flex flex-col md:flex-row text-sm\">\n  //       <div className=\"w-full md:w-[300px] space-y-1 pr-2 md:border-r-[1px] border-gray-200 dark:border-gray-700 overflow-auto\">\n  //         {Object.keys(collection.data)\n  //           .sort((a, b) => a.length - b.length)\n  //           .map((i) => (\n  //             <div\n  //               key={i}\n  //               className={cn('px-2 rounded-md hover:bg-green-600 hover:text-white cursor-pointer', { 'bg-green-600 text-white': collection.key === i })}\n  //               onClick={() => collection.setKey(i)}\n  //             >\n  //               {i}\n  //             </div>\n  //           ))}\n  //       </div>\n  //       <div className=\"mt-4 w-full overflow-auto md:mt-0\">\n  //         <JSONForm\n  //           formData={{ data: JSON.parse(JSON.stringify(data, null, 2)) }}\n  //           formConfig={{\n  //             data: dataConfig,\n  //           }}\n  //           onChange={(v) => {\n  //             Object.entries(v.data).forEach(([key, value]) => {\n  //               data[key].set(StoragePlugin.safeParse(value));\n  //             });\n  //             return v;\n  //           }}\n  //         // onSet={(v) => {\n  //         //   //TODO:  only udpate changed filed\n  //         //   Object.entries(v).forEach(([key, value]) => {\n  //         //     data[key].set(StoragePlugin.safeParse(value));\n  //         //   });\n  //         //   return v;\n  //         // }}\n  //         />\n  //       </div>\n  //     </div>\n  //   );\n  // });\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: 'Storage',\n  //       render: this.StorageTools,\n  //     },\n  //   ],\n  // };\n\n  static safeParse(val: any) {\n    try {\n      return JSON.parse(val);\n    } catch (error) {\n      return val;\n    }\n  }\n\n  set = ({ key, value, engine }: { key: string; value: any; engine?: Engine }) => {\n    this.dataMeta[key]._value = value;\n    const _engine = engine || this.dataMeta[key]?.engine || this.engines.memory;\n\n    //@ts-ignore\n    RootStore.init().events.emit(`storage.${key}.update`, { key, value });\n    if (this.dataMeta[key].onSet) this.dataMeta[key].onSet(value);\n    return _engine.set(key, value);\n  };\n\n\n  get = <T,>({ key, value, defaultValue, engine = this.engines.memory, ...other }: StorageParams<T>): StorageParams<T> => {\n    if (typeof window == 'undefined' && engine.name == 'localStorage') {\n      engine = this.engines.memory;\n    }\n\n    if (value && !defaultValue) {\n      defaultValue = value\n    }\n    const that = this;\n    if (!this.dataMeta[key]) {\n      const exists = engine.get(key);\n      if (engine.name == 'asyncStorage') {\n        console.log('get', key, exists);\n      }\n      if (!exists) {\n        engine.set(key, defaultValue);\n      }\n      const _value = engine.get(key);\n\n      this.dataMeta[key] = makeAutoObservable({\n        key,\n        engine,\n        defaultValue,\n        ...other,\n        _value,\n        get value() {\n          return that.dataMeta[key]._value;\n        },\n        set value(value) {\n          that.set({ key, value });\n          other.debounce && that.dataMeta[key].debounceFn(value)\n        },\n        set(value) {\n          that.set({ key, value });\n          other.debounce && that.dataMeta[key].debounceFn(value)\n        },\n        setValue(value) {\n          that.set({ key, value });\n        },\n        reset() {\n          that.set({ key, value: defaultValue });\n        },\n        toJSON() {\n          return that.dataMeta[key]._value;\n        },\n        listen(func) {\n          //@ts-ignore\n          RootStore.init().events.on(`storage.${key}.update`, (args) => func(args));\n        },\n        debounceFn: _.debounce((value) => {\n          other?.onDebounce(value);\n        }, other.debounce)\n      });\n      if (this.dataMeta[key].onInit) {\n        this.dataMeta[key].onInit(this.dataMeta[key].value);\n      }\n    }\n\n    //@ts-ignore\n    return this.dataMeta[key];\n  };\n\n  remove = ({ key, engine = this.engines.memory }: { key?: string; engine?: Engine }): void => {\n    engine.remove(key);\n  };\n\n  static Get<T>(args: StorageParams<T>): StorageParams<T> {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    return storagePlugin.get(args);\n  }\n\n  static Input<T, U extends StorageParams<T>>(args: U): U {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    const data = storagePlugin.get(args);\n    //@ts-ignore\n    return observable({\n      ...args,\n      ...data,\n      get value() {\n        return data.value;\n      },\n      set value(value) {\n        data.set(value);\n      },\n      onChange(e) {\n        data.set(e.target.value);\n      },\n    });\n  }\n\n  static Custom<T, U extends StorageParams<T>>(args: U): U & StorageParams<T> {\n    const storagePlugin = RootStore.Get(StoragePlugin);\n    const { value, _value, ...others } = args;\n    const data = storagePlugin.get(args);\n    //@ts-ignore\n\n    return observable({\n      ...args,\n      ...data,\n      get value() {\n        return data.value;\n      },\n      set value(value) {\n        data.set(value);\n      },\n      onChange(e) {\n        data.set(e.target.value);\n      },\n    });\n  }\n\n  constructor(args: Partial<StoragePlugin> = {}) {\n    Object.assign(this, args);\n  }\n}\n","import axios from \"axios\";\nimport { _ } from \"../../lib/lodash\";\nimport { RootStore } from \"../../store/root\";\nimport { Store } from \"../../store/standard/base\";\nimport { PromiseState } from \"../../store/standard/PromiseState\";\nimport { StoragePlugin } from \"./Storage\";\n\n\nexport const jwt = StoragePlugin.Get({\n  key: \"asyncStorage.token\",\n  value: \"\",\n  engine: StoragePlugin.engines.localStorage,\n});\n\nexport class AsyncStorage implements Store {\n  sid = \"AsyncStorage\";\n  stype = \"Plugin\"\n  url = `https://dappkit-async-api.deno.dev/project/${process.env.NEXT_PUBLIC_PROJECT_ID}`;\n  forceUpdate = false;\n  autoObservable?: boolean = true;\n\n  data = new PromiseState({\n    context: this,\n    value: {},\n    function: async () => {\n      const res = await axios.get(this.url, {\n        params: { forceUpdate: this.forceUpdate },\n      });\n      //@ts-ignore\n      return { ...this.data.value, ...res.data };\n    },\n  }).on(\"data\", (data) => {\n    this.syncStorage();\n  });\n\n  syncStorage() {\n    const data = this.data.value;\n    const storage = RootStore.Get(StoragePlugin);\n\n    Object.keys(data).map((key) => {\n      const value = data[key];\n      const target = storage.dataMeta[key];\n      if (target) {\n        target.set(value);\n      }\n    });\n  }\n\n  // devtools = {\n  //   panels: [\n  //     {\n  //       title: \"AsyncStorage\",\n  //       render: observer(() => {\n\n  //         return (\n  //           <div className=\"h-full w-full overflow-auto\">\n  //             <Input\n  //               placeholder=\"Please enter your asyncStorage token here\"\n  //               value={jwt.value}\n  //               onChange={(e) => jwt.set(e.target.value)}\n  //             />\n  //             <JSONEditor\n  //               className=\"h-full\"\n  //               initialJson={JSON.stringify(toJS(this.data.value), null, 2)}\n  //               onChange={(data) => {\n  //                 console.log(\"onChange\", data);\n  //                 helper.deepMerge(this.data.value, data);\n  //                 this.syncStorage();\n  //               }}\n  //               onSubmit={async (data) => {\n  //                 if (!jwt.value) {\n  //                   RootStore.Get(ToastPlugin).error(\n  //                     \"Please enter your asyncStorage token first\",\n  //                   );\n  //                 } else {\n  //                   if (!process.env.NEXT_PUBLIC_PROJECT_ID) {\n  //                     RootStore.Get(ToastPlugin).error(\n  //                       \"Please set your project id first\",\n  //                     );\n  //                   }\n  //                   await axios.post(\n  //                     `https://dappkit-async-api.deno.dev/update/${process.env.NEXT_PUBLIC_PROJECT_ID}`,\n  //                     data,\n  //                     {\n  //                       headers: {\n  //                         Authorization: `${jwt.value}`,\n  //                       },\n  //                     },\n  //                   );\n  //                 }\n  //                 this.forceUpdate = true;\n  //                 await this.data.wait({ call: true });\n  //                 RootStore.Get(ToastPlugin).success(\"Update success\");\n  //                 console.log(\"onSubmit\", data);\n  //               }}\n  //             />\n  //           </div>\n  //         );\n  //       }),\n  //     },\n  //   ],\n  // };\n\n  constructor(args: Partial<AsyncStorage> = {}) {\n    Object.assign(this, args);\n  }\n\n  get(key) {\n    return _.get(this.data.value, key);\n  }\n\n  async set(key, value) {\n    _.set(this.data.value, key, value);\n  }\n\n  async remove(key) {\n    _.remove(this.data.value, key);\n  }\n\n  onNewStore = ({\n    rootStore,\n    store,\n  }: {\n    rootStore: RootStore;\n    store: Store;\n  }) => {\n    if (store.autoAsyncable) {\n      this.makeAutoAsyncAble(store);\n    }\n  };\n\n  async makeAutoAsyncAble(instance) {\n    const data = await this.data.wait({ call: true });\n    if (data[instance.sid]) {\n      Object.assign(instance, data[instance.sid]);\n    }\n  }\n}\n","import { Store } from '../../../store/standard/base';\n\nexport class Collection<T = any> implements Store {\n  sid = 'Collection';\n  autoObservable = true;\n\n  key: string;\n  data: {\n    [key: string]: T;\n  } = {};\n  constructor(args: Partial<Collection<T>>) {\n    Object.assign(this, args);\n    if (!this.key) {\n      this.key = Object.keys(this.data)[0];\n    }\n  }\n  get current(): T {\n    return this.data[this.key];\n  }\n\n  setKey(key: string) {\n    this.key = key;\n  }\n  setValue(key: string, value: T) {\n    this.data[key] = value;\n  }\n}\n","import React, { HTMLAttributeAnchorTarget } from \"react\";\nimport { _ } from \"../../lib/lodash\";\nimport { RootStore } from \"../../store\";\nimport { Store } from \"../../store/standard/base\";\n\nexport type JSONViewType = {\n  className?: string;\n  children?: any;\n  data?: Record<string, JSONDataType>;\n  datas?: Record<string, Record<string, JSONDataType> | JSONDataType[]>;\n  uiConfig?: {\n    type: string;\n    className?: Record<string, string>;\n    slots?: Record<string, any>;\n    [key: string]: any;\n  };\n  uiConfigs?: Record<string, JSONViewType['uiConfig']>;\n};\n\nexport type JSONDataType = {\n  title?: string;\n  icon?: any;\n  render?: any;\n  className?: string;\n  type?: 'divider' | 'checkbox' | 'label' | 'radio';\n  shortcut?: string;\n  disabled?: boolean;\n  children?: Record<string, JSONDataType>;\n  value?: any;\n  link?: any;\n  target?: HTMLAttributeAnchorTarget;\n  needAuth?: boolean;\n  events?: Record<string, any>;\n  onChange?: (args: { e: any; v: any }) => void;\n  onClick?: (args: { e: any; v: any }) => void;\n};\n\nexport class JSONViewPlugin implements Store {\n  sid = 'JSONViewPlugin';\n  autoObservable?: boolean = false;\n\n  JSONView = {\n    Test: {\n      name: 'Test',\n      render: () => <div>Test</div>,\n    },\n  };\n\n  onNewStore({ rootStore, store }: { rootStore: RootStore<any>; store: Store }): void {\n    this.crawl(store);\n  }\n\n  crawl(store: Store) {\n    if (store?.JSONView) {\n      this.JSONView = { ...this.JSONView, ...store.JSONView };\n    }\n  }\n\n  static JSONView = (props: JSONViewType) => {\n    const jsonviewplugin = RootStore.Get(JSONViewPlugin);\n\n    return (\n      <>\n        {Object.keys(props.uiConfigs).map((key) => {\n          const config = props.uiConfigs[key] as any;\n          const data = _.get(props.datas, key);\n          const Component = jsonviewplugin.JSONView[config.type].render;\n          const rootStore = RootStore.init();\n          Object.values(data).forEach((i: any) => {\n            if (i.events) {\n              Object.entries(i.events).forEach(([k, v]) => {\n                i[k] = (args) => rootStore.events.emit(v as any, { ...args, action: k });\n              });\n            }\n          });\n\n          return <Component key={key} data={data} uiConfig={config} />;\n        })}\n      </>\n    );\n  };\n}"]}

package/dist/form.d.mts

@@ -3,9 +3,9 @@ import { ButtonProps, TabsProps, CheckboxProps, SlotsToClasses, InputSlots, Inpu
 import { UiSchema, RJSFSchema, WidgetProps, Widget } from '@rjsf/utils';
 import * as _rjsf_validator_ajv8_lib_validator from '@rjsf/validator-ajv8/lib/validator';
 import Form, { IChangeEvent } from '@rjsf/core';
-import { T as ThemeType } from './index-CUKoRIdy.js';
+import { T as ThemeType } from './index-38be834f.js';
 import { EditorProps } from '@monaco-editor/react';
-import { S as Store } from './root-BPMUmS6H.js';
+import { S as Store } from './root-218afa4f.js';
 import EventEmitter from 'events';
 import 'typed-emitter';
 
@@ -381,4 +381,4 @@ declare function getSimpleFormData<T>(data: T, metadata: {
     [key: string]: any;
 } & Partial<JSONSchemaFormState<any>>, config: Partial<FormModalStore>, onSet?: (v: T, form: JSONSchemaFormState<T, UiSchema>) => T, theme?: ThemeType): Promise<T>;
 
-export { CheckboxWidget, type CheckboxWidgetProps, type CheckboxWidgetUIOptions, ComplexFormModalStore, DatePickerWidget, type DatePickerWidgetProps, type DatePickerWidgetUIOptions, EditorWidget, type EditorWidgetProps, type EditorWidgetUIOptions, type FormConfigType, type FormDataOfKey, type FormDataType, type FormKey, FormModalStore, InputWidget, type InputWidgetProps, type InputWidgetUIOptions, JSONForm, type JSONFormProps, JSONSchemaForm, type LayoutConfigType, type LayoutType, MultipleSelectWidget, type MultipleSelectWidgetProps, type MultipleSelectWidgetUIOptions, SelectWidget, type SelectWidgetProps, type SelectWidgetUIOptions, TextareaWidget, type TextareaWidgetProps, type TextareaWidgetUIOptions, getComplexFormData, getFormData, getFormState, getSimpleFormData };
+export { CheckboxWidget, CheckboxWidgetProps, CheckboxWidgetUIOptions, ComplexFormModalStore, DatePickerWidget, DatePickerWidgetProps, DatePickerWidgetUIOptions, EditorWidget, EditorWidgetProps, EditorWidgetUIOptions, FormConfigType, FormDataOfKey, FormDataType, FormKey, FormModalStore, InputWidget, InputWidgetProps, InputWidgetUIOptions, JSONForm, JSONFormProps, JSONSchemaForm, LayoutConfigType, LayoutType, MultipleSelectWidget, MultipleSelectWidgetProps, MultipleSelectWidgetUIOptions, SelectWidget, SelectWidgetProps, SelectWidgetUIOptions, TextareaWidget, TextareaWidgetProps, TextareaWidgetUIOptions, getComplexFormData, getFormData, getFormState, getSimpleFormData };

package/dist/form.mjs

@@ -1,9 +1,9 @@
-import { getStyle } from './chunk-R66SHRQE.mjs';
-import { useStore, RootStore } from './chunk-SA53R6TL.mjs';
-import { helper } from './chunk-7WJMHFRA.mjs';
-import { _ } from './chunk-2PD23V7H.mjs';
-import { cn } from './chunk-BAXWSAXB.mjs';
-import { __objRest, __spreadValues, __spreadProps } from './chunk-VIK2VI34.mjs';
+import { getStyle } from './chunk-GKAU4P5I.mjs';
+import { useStore, RootStore } from './chunk-IDKGZ5T4.mjs';
+import { helper } from './chunk-R4N52NI2.mjs';
+import { _ } from './chunk-K7LFG5BA.mjs';
+import { cn } from './chunk-MPOMTIDB.mjs';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-YITAUACR.mjs';
 import React7, { useEffect, useMemo, useState, useRef, useCallback, createRef } from 'react';
 import { Modal, ModalContent, ModalHeader, ModalBody, Checkbox, Input, Select, SelectItem, Button, Textarea, DatePicker, Chip, Card, Tabs, Tab } from '@nextui-org/react';
 import { Check, ChevronUp, ChevronDown } from 'lucide-react';