@ahoo-wang/fetcher-react 1.3.2 → 1.8.2

package/README.md

@@ -14,11 +14,9 @@ automatic re-rendering and loading states.
 ## Features
 
 - 🔄 **React Hooks**: Provides React hooks for seamless integration with Fetcher
-- 📦 **Lightweight**: Only 3KiB min+gzip
 - 🌐 **TypeScript Support**: Full TypeScript support with comprehensive type definitions
 - 🚀 **Modern**: Built with modern React patterns and best practices
 - 🧠 **Smart Caching**: Built-in caching and automatic revalidation
-- 📡 **Real-time**: Automatic updates when data changes
 
 ## Installation
 
@@ -33,13 +31,13 @@ npm install @ahoo-wang/fetcher-react
 The `useKeyStorage` hook provides state management for a KeyStorage instance. It subscribes to storage changes and
 returns the current value along with a setter function.
 
-```typescript
-import { useKeyStorage } from '@ahoo-wang/fetcher-react/storage';
-import { KeyStorage } from '@ahoo-wang/fetcher-react';
+```typescript jsx
+import { KeyStorage } from '@ahoo-wang/fetcher-storage';
+import { useKeyStorage } from '@ahoo-wang/fetcher-react';
 
 const MyComponent = () => {
   const keyStorage = new KeyStorage<string>({
-    key: 'my-key'
+    key: 'my-key',
   });
 
   const [value, setValue] = useKeyStorage(keyStorage);
@@ -47,27 +45,22 @@ const MyComponent = () => {
   return (
     <div>
       <p>Current
-  value: {
-    value
-  }
-  </p>
-  < button
-  onClick = {()
-=>
-  setValue('new value')
-}>
-  Update
-  Value
-  < /button>
-  < /div>
-)
-  ;
+        value: {value}
+      </p>
+      <button
+        onClick={() => setValue('new value')}>
+        Update
+        Value
+      </button>
+    </div>
+  )
+    ;
 };
 ```
 
 ### More Examples
 
-```typescript
+```typescript jsx
 // Working with different value types
 const numberStorage = new KeyStorage<number>({ key: 'counter' });
 const [count, setCount] = useKeyStorage(numberStorage);
@@ -86,7 +79,7 @@ const [user, setUser] = useKeyStorage(userStorage);
 
 ### useKeyStorage
 
-```typescript
+```typescript jsx
 function useKeyStorage<T>(keyStorage: KeyStorage<T>): [T | null, (value: T) => void]
 ```
 

package/README.zh-CN.md

@@ -13,11 +13,9 @@ Fetcher 生态的 React 集成包。提供 React Hooks 和组件，实现无缝
 ## 功能特性
 
 - 🔄 **React Hooks**: 提供 React hooks 与 Fetcher 无缝集成
-- 📦 **轻量级**: 仅 3KiB min+gzip
 - 🌐 **TypeScript 支持**: 完整的 TypeScript 支持和全面的类型定义
 - 🚀 **现代化**: 使用现代 React 模式和最佳实践构建
 - 🧠 **智能缓存**: 内置缓存和自动重新验证
-- 📡 **实时更新**: 数据变化时自动更新
 
 ## 安装
 
@@ -31,41 +29,33 @@ npm install @ahoo-wang/fetcher-react
 
 `useKeyStorage` hook 为 KeyStorage 实例提供状态管理。它订阅存储变化并返回当前值以及设置值的函数。
 
-```typescript
-import { useKeyStorage } from '@ahoo-wang/fetcher-react/storage';
+```typescript jsx
 import { KeyStorage } from '@ahoo-wang/fetcher-storage';
+import { useKeyStorage } from '@ahoo-wang/fetcher-react';
 
 const MyComponent = () => {
   const keyStorage = new KeyStorage<string>({
-    key: 'my-key'
+    key: 'my-key',
   });
 
   const [value, setValue] = useKeyStorage(keyStorage);
 
   return (
     <div>
-      <p>当前值
-:
-  {
-    value
-  }
-  </p>
-  < button
-  onClick = {()
-=>
-  setValue('new value')
-}>
-  更新值
-  < /button>
-  < /div>
-)
-  ;
+      <p>当前值 :{value}
+      </p>
+      < button
+        onClick={() => setValue('new value')}>
+        更新值
+      < /button>
+    < /div>
+  );
 };
 ```
 
 ### 更多示例
 
-```typescript
+```typescript jsx
 // 处理不同类型的值
 const numberStorage = new KeyStorage<number>({ key: 'counter' });
 const [count, setCount] = useKeyStorage(numberStorage);
@@ -84,7 +74,7 @@ const [user, setUser] = useKeyStorage(userStorage);
 
 ### useKeyStorage
 
-```typescript
+```typescript jsx
 function useKeyStorage<T>(keyStorage: KeyStorage<T>): [T | null, (value: T) => void]
 ```
 

package/dist/index.es.js

@@ -1,12 +1,22 @@
-import { useSyncExternalStore as i } from "react";
-function d(n) {
-  return [i(
-    n.addListener.bind(n),
-    n.get.bind(n),
-    n.get.bind(n)
-  ), n.set.bind(n)];
+import { useCallback as n, useSyncExternalStore as l } from "react";
+function i(s) {
+  const e = n(
+    (t) => s.addListener(t),
+    [s]
+  ), c = n(
+    () => s.get(),
+    [s]
+  ), u = l(
+    e,
+    c,
+    c
+  ), o = n(
+    (t) => s.set(t),
+    [s]
+  );
+  return [u, o];
 }
 export {
-  d as useKeyStorage
+  i as useKeyStorage
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/storage/useKeyStorage.ts"],"sourcesContent":["/*\n * Copyright [2021-present] [ahoo wang <ahoowang@qq.com> (https://github.com/Ahoo-Wang)].\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *      http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useSyncExternalStore } from 'react';\nimport { KeyStorage } from '@ahoo-wang/fetcher-storage';\n\n/**\n * A React hook that provides state management for a KeyStorage instance.\n * Subscribes to storage changes and returns the current value along with a setter function.\n *\n * @template T - The type of value stored in the key storage\n * @param keyStorage - The KeyStorage instance to subscribe to and manage\n * @returns A tuple containing the current stored value and a function to update it\n */\nexport function useKeyStorage<T>(\n  keyStorage: KeyStorage<T>,\n): [T | null, (value: T) => void] {\n  const store = useSyncExternalStore(\n    keyStorage.addListener.bind(keyStorage),\n    keyStorage.get.bind(keyStorage),\n    keyStorage.get.bind(keyStorage),\n  );\n  return [store, keyStorage.set.bind(keyStorage)];\n}"],"names":["useKeyStorage","keyStorage","useSyncExternalStore"],"mappings":";AAwBO,SAASA,EACdC,GACgC;AAMhC,SAAO,CALOC;AAAA,IACZD,EAAW,YAAY,KAAKA,CAAU;AAAA,IACtCA,EAAW,IAAI,KAAKA,CAAU;AAAA,IAC9BA,EAAW,IAAI,KAAKA,CAAU;AAAA,EAAA,GAEjBA,EAAW,IAAI,KAAKA,CAAU,CAAC;AAChD;"}
+{"version":3,"file":"index.es.js","sources":["../src/storage/useKeyStorage.ts"],"sourcesContent":["/*\n * Copyright [2021-present] [ahoo wang <ahoowang@qq.com> (https://github.com/Ahoo-Wang)].\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *      http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport { KeyStorage } from '@ahoo-wang/fetcher-storage';\n\n/**\n * A React hook that provides state management for a KeyStorage instance.\n * Subscribes to storage changes and returns the current value along with a setter function.\n *\n * @template T - The type of value stored in the key storage\n * @param keyStorage - The KeyStorage instance to subscribe to and manage\n * @returns A tuple containing the current stored value and a function to update it\n */\nexport function useKeyStorage<T>(\n  keyStorage: KeyStorage<T>,\n): [T | null, (value: T) => void] {\n  const subscribe = useCallback(\n    (callback: () => void) => keyStorage.addListener(callback),\n    [keyStorage],\n  );\n  const getSnapshot = useCallback(\n    () => keyStorage.get(),\n    [keyStorage],\n  );\n  const value = useSyncExternalStore(\n    subscribe,\n    getSnapshot,\n    getSnapshot,\n  );\n  const setValue = useCallback(\n    (value: T) => keyStorage.set(value),\n    [keyStorage],\n  );\n  return [value, setValue];\n}"],"names":["useKeyStorage","keyStorage","subscribe","useCallback","callback","getSnapshot","value","useSyncExternalStore","setValue"],"mappings":";AAwBO,SAASA,EACdC,GACgC;AAChC,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAAyBH,EAAW,YAAYG,CAAQ;AAAA,IACzD,CAACH,CAAU;AAAA,EAAA,GAEPI,IAAcF;AAAA,IAClB,MAAMF,EAAW,IAAA;AAAA,IACjB,CAACA,CAAU;AAAA,EAAA,GAEPK,IAAQC;AAAA,IACZL;AAAA,IACAG;AAAA,IACAA;AAAA,EAAA,GAEIG,IAAWL;AAAA,IACf,CAACG,MAAaL,EAAW,IAAIK,CAAK;AAAA,IAClC,CAACL,CAAU;AAAA,EAAA;AAEb,SAAO,CAACK,GAAOE,CAAQ;AACzB;"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n.FetcherReact={},n.React))})(this,(function(n,t){"use strict";function i(e){return[t.useSyncExternalStore(e.addListener.bind(e),e.get.bind(e),e.get.bind(e)),e.set.bind(e)]}n.useKeyStorage=i,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.FetcherReact={},t.React))})(this,(function(t,e){"use strict";function i(n){const c=e.useCallback(s=>n.addListener(s),[n]),u=e.useCallback(()=>n.get(),[n]),o=e.useSyncExternalStore(c,u,u),d=e.useCallback(s=>n.set(s),[n]);return[o,d]}t.useKeyStorage=i,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/storage/useKeyStorage.ts"],"sourcesContent":["/*\n * Copyright [2021-present] [ahoo wang <ahoowang@qq.com> (https://github.com/Ahoo-Wang)].\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *      http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useSyncExternalStore } from 'react';\nimport { KeyStorage } from '@ahoo-wang/fetcher-storage';\n\n/**\n * A React hook that provides state management for a KeyStorage instance.\n * Subscribes to storage changes and returns the current value along with a setter function.\n *\n * @template T - The type of value stored in the key storage\n * @param keyStorage - The KeyStorage instance to subscribe to and manage\n * @returns A tuple containing the current stored value and a function to update it\n */\nexport function useKeyStorage<T>(\n  keyStorage: KeyStorage<T>,\n): [T | null, (value: T) => void] {\n  const store = useSyncExternalStore(\n    keyStorage.addListener.bind(keyStorage),\n    keyStorage.get.bind(keyStorage),\n    keyStorage.get.bind(keyStorage),\n  );\n  return [store, keyStorage.set.bind(keyStorage)];\n}"],"names":["useKeyStorage","keyStorage","useSyncExternalStore"],"mappings":"wQAwBO,SAASA,EACdC,EACgC,CAMhC,MAAO,CALOC,EAAAA,qBACZD,EAAW,YAAY,KAAKA,CAAU,EACtCA,EAAW,IAAI,KAAKA,CAAU,EAC9BA,EAAW,IAAI,KAAKA,CAAU,CAAA,EAEjBA,EAAW,IAAI,KAAKA,CAAU,CAAC,CAChD"}
+{"version":3,"file":"index.umd.js","sources":["../src/storage/useKeyStorage.ts"],"sourcesContent":["/*\n * Copyright [2021-present] [ahoo wang <ahoowang@qq.com> (https://github.com/Ahoo-Wang)].\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *      http://www.apache.org/licenses/LICENSE-2.0\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useSyncExternalStore } from 'react';\nimport { KeyStorage } from '@ahoo-wang/fetcher-storage';\n\n/**\n * A React hook that provides state management for a KeyStorage instance.\n * Subscribes to storage changes and returns the current value along with a setter function.\n *\n * @template T - The type of value stored in the key storage\n * @param keyStorage - The KeyStorage instance to subscribe to and manage\n * @returns A tuple containing the current stored value and a function to update it\n */\nexport function useKeyStorage<T>(\n  keyStorage: KeyStorage<T>,\n): [T | null, (value: T) => void] {\n  const subscribe = useCallback(\n    (callback: () => void) => keyStorage.addListener(callback),\n    [keyStorage],\n  );\n  const getSnapshot = useCallback(\n    () => keyStorage.get(),\n    [keyStorage],\n  );\n  const value = useSyncExternalStore(\n    subscribe,\n    getSnapshot,\n    getSnapshot,\n  );\n  const setValue = useCallback(\n    (value: T) => keyStorage.set(value),\n    [keyStorage],\n  );\n  return [value, setValue];\n}"],"names":["useKeyStorage","keyStorage","subscribe","useCallback","callback","getSnapshot","value","useSyncExternalStore","setValue"],"mappings":"wQAwBO,SAASA,EACdC,EACgC,CAChC,MAAMC,EAAYC,EAAAA,YACfC,GAAyBH,EAAW,YAAYG,CAAQ,EACzD,CAACH,CAAU,CAAA,EAEPI,EAAcF,EAAAA,YAClB,IAAMF,EAAW,IAAA,EACjB,CAACA,CAAU,CAAA,EAEPK,EAAQC,EAAAA,qBACZL,EACAG,EACAA,CAAA,EAEIG,EAAWL,EAAAA,YACdG,GAAaL,EAAW,IAAIK,CAAK,EAClC,CAACL,CAAU,CAAA,EAEb,MAAO,CAACK,EAAOE,CAAQ,CACzB"}

package/dist/storage/useKeyStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyStorage.d.ts","sourceRoot":"","sources":["../../src/storage/useKeyStorage.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GACxB,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAOhC"}
+{"version":3,"file":"useKeyStorage.d.ts","sourceRoot":"","sources":["../../src/storage/useKeyStorage.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAC7B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GACxB,CAAC,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAmBhC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ahoo-wang/fetcher-react",
-  "version": "1.3.2",
+  "version": "1.8.2",
   "description": "React integration for Fetcher HTTP client. Provides React Hooks and components for seamless data fetching with automatic re-rendering and loading states.",
   "keywords": [
     "fetch",
@@ -37,8 +37,8 @@
     "dist"
   ],
   "dependencies": {
-    "@ahoo-wang/fetcher": "1.8.0",
-    "@ahoo-wang/fetcher-storage": "1.8.0"
+    "@ahoo-wang/fetcher": "1.8.2",
+    "@ahoo-wang/fetcher-storage": "1.8.2"
   },
   "peerDependencies": {
     "react": ">=16.8.0",