@hairy/react-lib 1.7.3 → 1.8.0

package/dist/index.cjs

@@ -389,11 +389,22 @@ function jsonTryParse(text) {
 
 // src/storage/proxyWithPersistant.ts
 var import_valtio = require("valtio");
-function proxyWithPersistant(key, initialObject, options = {}) {
+function proxyWithPersistant(keyOrOptions, initialObject) {
+  let options;
+  if (typeof keyOrOptions === "string") {
+    options = { id: keyOrOptions };
+  } else {
+    options = { ...keyOrOptions };
+  }
   const storage = options.storage || (typeof localStorage !== "undefined" ? localStorage : void 0);
-  const state = (0, import_valtio.proxy)(jsonTryParse(storage?.getItem(key)) || initialObject);
+  typeof keyOrOptions === "string" && (keyOrOptions = { id: keyOrOptions });
+  const state = (0, import_valtio.proxy)(jsonTryParse(storage?.getItem(options.id)) || initialObject);
   (0, import_valtio.subscribe)(state, () => {
-    storage?.setItem(key, JSON.stringify(state));
+    const pick = options.pick || Object.keys(state);
+    const statePick = {};
+    for (const key of pick)
+      statePick[key] = state[key];
+    storage?.setItem(options.id, JSON.stringify(statePick));
   });
   return state;
 }
@@ -441,7 +452,7 @@ function defineAsyncStore(options) {
         error: void 0
       })
     },
-    { persistant: options.persistant }
+    { persistant: options.persistant ? { id: options.persistant, pick: ["value"] } : void 0 }
   );
   function use() {
     const fn = options.setup();
@@ -466,7 +477,7 @@ function defineAsyncStore(options) {
 }
 
 // src/storage/defineAsyncStorePlain.ts
-function defineAsyncStorePlain(fn, options) {
+function defineAsyncStorePlain(fn, options = {}) {
   return defineAsyncStore({
     setup: () => fn,
     initial: options.initial,

package/dist/index.d.ts

@@ -139,7 +139,7 @@ declare function defineAsyncStore<T extends FunctionReturningPromise>(options: A
 
 interface AsyncStorePlainOptions<T extends FunctionReturningPromise> extends Omit<AsyncStoreOptions<T>, 'setup'> {
 }
-declare function defineAsyncStorePlain<T extends FunctionReturningPromise>(fn: T, options: AsyncStorePlainOptions<T>): () => readonly [{
+declare function defineAsyncStorePlain<T extends FunctionReturningPromise>(fn: T, options?: AsyncStorePlainOptions<T>): () => readonly [{
     readonly promise: {
         readonly then: <TResult1 = any, TResult2 = never>(onfulfilled?: ((value: any) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<TResult1 | TResult2>;
         readonly catch: <TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null | undefined) => Promise<any>;
@@ -151,12 +151,20 @@ declare function defineAsyncStorePlain<T extends FunctionReturningPromise>(fn: T
     readonly error: Error | undefined;
 }, T, (value: ReturnType<T> extends Promise<infer U_1> ? U_1 : undefined) => void];
 
+interface PersistantOptions {
+    id: string;
+    storage?: Storage;
+    pick?: string[];
+}
+declare function proxyWithPersistant<T extends object>(key: string, initialObject?: T, options?: Omit<PersistantOptions, 'key'>): T;
+declare function proxyWithPersistant<T extends object>(options: PersistantOptions, initialObject?: T): T;
+
 interface StoreDefine<S extends object, A extends Actions<S>> {
     state: (() => S) | S;
     actions?: A;
 }
 interface StoreOptions {
-    persistant?: string;
+    persistant?: string | PersistantOptions;
 }
 type Actions<S> = Record<string, (this: S, ...args: any) => any>;
 type ActionsOmitThisParameter<A extends Actions<any>> = {
@@ -170,14 +178,9 @@ type Store<S, A extends Actions<S>> = {
 } & ActionsOmitThisParameter<A>;
 declare function defineStore<S extends object, A extends Actions<S>>(store: StoreDefine<S, A>, options?: StoreOptions): Store<S, A>;
 
-interface PersistantOptions {
-    storage?: Storage;
-}
-declare function proxyWithPersistant<T extends object>(key: string, initialObject?: T, options?: PersistantOptions): T;
-
 declare function useStore<S extends object, A extends Actions<S>>(store: Store<S, A>): valtio.Snapshot<S>;
 
-type PropWithHtmlProps<T = HTMLDivElement> = DetailedHTMLProps<HTMLAttributes<T>, T>;
+type PropsWithDetailedHTML<T = HTMLDivElement> = DetailedHTMLProps<HTMLAttributes<T>, T>;
 
 type Value = string | boolean | undefined | null;
 type Mapping = Record<string, any>;
@@ -195,4 +198,4 @@ declare namespace cls {
     var append: (value: any, newClass: any) => any;
 }
 
-export { type Actions, type ActionsOmitThisParameter, type Argument, type ArgumentArray, type AsyncStoreOptions, type AsyncStorePlainOptions, Case, type CaseProps, Default, Else, type EventBusListener, type FetchRequestInterceptCallback, type FetchResponseInterceptCallback, If, type IfProps, type InjectComponent, Injector, type InjectorProps, type Mapping, type PersistantOptions, type PropWithHtmlProps, type ReadonlyArgumentArray, type StateFromFunctionReturningPromise, type Store, type StoreDefine, type StoreOptions, Switch, type SwitchProps, Then, Trans, type TransProps, Unless, type UnlessProps, type UseAsyncStateOptions, type Value, type WatchCallback, type WatchOptions, cls, defineAsyncStore, defineAsyncStorePlain, defineStore, proxyWithPersistant, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStore, useWatch, useWhenever };
+export { type Actions, type ActionsOmitThisParameter, type Argument, type ArgumentArray, type AsyncStoreOptions, type AsyncStorePlainOptions, Case, type CaseProps, Default, Else, type EventBusListener, type FetchRequestInterceptCallback, type FetchResponseInterceptCallback, If, type IfProps, type InjectComponent, Injector, type InjectorProps, type Mapping, type PersistantOptions, type PropsWithDetailedHTML, type ReadonlyArgumentArray, type StateFromFunctionReturningPromise, type Store, type StoreDefine, type StoreOptions, Switch, type SwitchProps, Then, Trans, type TransProps, Unless, type UnlessProps, type UseAsyncStateOptions, type Value, type WatchCallback, type WatchOptions, cls, defineAsyncStore, defineAsyncStorePlain, defineStore, proxyWithPersistant, useAsyncCallback, useAsyncState, useDebounce, useEventBus, useFetchRequestIntercept, useFetchResponseIntercept, useMounted, useStore, useWatch, useWhenever };

package/dist/index.global.js

@@ -998,11 +998,22 @@ var LibReact = (() => {
   }
 
   // src/storage/proxyWithPersistant.ts
-  function proxyWithPersistant(key, initialObject, options = {}) {
+  function proxyWithPersistant(keyOrOptions, initialObject) {
+    let options;
+    if (typeof keyOrOptions === "string") {
+      options = { id: keyOrOptions };
+    } else {
+      options = { ...keyOrOptions };
+    }
     const storage = options.storage || (typeof localStorage !== "undefined" ? localStorage : void 0);
-    const state = proxy(jsonTryParse(storage?.getItem(key)) || initialObject);
+    typeof keyOrOptions === "string" && (keyOrOptions = { id: keyOrOptions });
+    const state = proxy(jsonTryParse(storage?.getItem(options.id)) || initialObject);
     subscribe(state, () => {
-      storage?.setItem(key, JSON.stringify(state));
+      const pick = options.pick || Object.keys(state);
+      const statePick = {};
+      for (const key of pick)
+        statePick[key] = state[key];
+      storage?.setItem(options.id, JSON.stringify(statePick));
     });
     return state;
   }
@@ -1049,7 +1060,7 @@ var LibReact = (() => {
           error: void 0
         })
       },
-      { persistant: options.persistant }
+      { persistant: options.persistant ? { id: options.persistant, pick: ["value"] } : void 0 }
     );
     function use() {
       const fn = options.setup();
@@ -1074,7 +1085,7 @@ var LibReact = (() => {
   }
 
   // src/storage/defineAsyncStorePlain.ts
-  function defineAsyncStorePlain(fn, options) {
+  function defineAsyncStorePlain(fn, options = {}) {
     return defineAsyncStore({
       setup: () => fn,
       initial: options.initial,

package/dist/index.js

@@ -332,11 +332,22 @@ function jsonTryParse(text) {
 
 // src/storage/proxyWithPersistant.ts
 import { proxy, subscribe } from "valtio";
-function proxyWithPersistant(key, initialObject, options = {}) {
+function proxyWithPersistant(keyOrOptions, initialObject) {
+  let options;
+  if (typeof keyOrOptions === "string") {
+    options = { id: keyOrOptions };
+  } else {
+    options = { ...keyOrOptions };
+  }
   const storage = options.storage || (typeof localStorage !== "undefined" ? localStorage : void 0);
-  const state = proxy(jsonTryParse(storage?.getItem(key)) || initialObject);
+  typeof keyOrOptions === "string" && (keyOrOptions = { id: keyOrOptions });
+  const state = proxy(jsonTryParse(storage?.getItem(options.id)) || initialObject);
   subscribe(state, () => {
-    storage?.setItem(key, JSON.stringify(state));
+    const pick = options.pick || Object.keys(state);
+    const statePick = {};
+    for (const key of pick)
+      statePick[key] = state[key];
+    storage?.setItem(options.id, JSON.stringify(statePick));
   });
   return state;
 }
@@ -384,7 +395,7 @@ function defineAsyncStore(options) {
         error: void 0
       })
     },
-    { persistant: options.persistant }
+    { persistant: options.persistant ? { id: options.persistant, pick: ["value"] } : void 0 }
   );
   function use() {
     const fn = options.setup();
@@ -409,7 +420,7 @@ function defineAsyncStore(options) {
 }
 
 // src/storage/defineAsyncStorePlain.ts
-function defineAsyncStorePlain(fn, options) {
+function defineAsyncStorePlain(fn, options = {}) {
   return defineAsyncStore({
     setup: () => fn,
     initial: options.initial,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hairy/react-lib",
   "type": "module",
-  "version": "1.7.3",
+  "version": "1.8.0",
   "description": "Library for react",
   "author": "Hairyf <wwu710632@gmail.com>",
   "license": "MIT",
@@ -38,7 +38,7 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.2",
     "react-use": "^17.6.0",
-    "@hairy/utils": "1.7.3"
+    "@hairy/utils": "1.8.0"
   },
   "scripts": {
     "build": "tsup",