@hairy/react-lib 1.1.2 → 1.5.0

package/dist/{index.mjs → index.js}

@@ -33,7 +33,6 @@ function If(props) {
 // src/components/condition/Switch.ts
 import { Children as Children2, isValidElement } from "react";
 function Switch(props) {
-  var _a;
   const isUseValue = props.value !== void 0;
   let matchingCase;
   let defaultCase;
@@ -50,7 +49,7 @@ function Switch(props) {
     if (!defaultCase && child.type === Default)
       defaultCase = child;
   });
-  return (_a = matchingCase != null ? matchingCase : defaultCase) != null ? _a : null;
+  return matchingCase ?? defaultCase ?? null;
 }
 
 // src/components/condition/Unless.ts
@@ -80,15 +79,15 @@ function repack(c) {
 }
 
 // src/components/utils/Trans.ts
-import { useTranslation } from "react-i18next";
-import { createElement as createElement2 } from "react";
 import HTML from "html-parse-stringify";
+import { createElement as createElement2 } from "react";
+import { useTranslation } from "react-i18next";
 function Trans({ i18nKey, ...additionalProps }) {
   const translation = useTranslation().t(i18nKey, additionalProps);
   return renderNodes(HTML.parse(translation), additionalProps);
 }
-var index = 0;
 function renderNodes(tokens, values) {
+  let index = 0;
   return tokens.map((token) => {
     if (token.type === "text")
       return token.content;
@@ -98,10 +97,38 @@ function renderNodes(tokens, values) {
   });
 }
 
+// src/hooks/useAsyncCallback.ts
+import { useState } from "react";
+function useAsyncCallback(fun) {
+  const [error, setError] = useState();
+  const [loading, setLoading] = useState(false);
+  async function execute(...args) {
+    try {
+      setLoading(true);
+      const result = await fun(...args);
+      setLoading(false);
+      return result;
+    } catch (error2) {
+      setLoading(false);
+      setError(error2);
+      throw error2;
+    }
+  }
+  return [loading, execute, error];
+}
+
+// src/hooks/useAsyncState.ts
+import { useAsyncFn, useMount } from "react-use";
+function useAsyncState(fn, deps, options) {
+  const [state, _fn] = useAsyncFn(fn, deps, options?.initial);
+  useMount(() => options?.immediate && _fn());
+  return [state, _fn];
+}
+
 // src/hooks/useDebounce.ts
-import { useEffect, useState } from "react";
+import { useEffect, useState as useState2 } from "react";
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = useState(value);
+  const [debouncedValue, setDebouncedValue] = useState2(value);
   useEffect(() => {
     const handler = setTimeout(() => setDebouncedValue(value), delay);
     return () => clearTimeout(handler);
@@ -110,8 +137,8 @@ function useDebounce(value, delay) {
 }
 
 // src/hooks/useEventBus.ts
-import { useEffect as useEffect2, useRef } from "react";
 import mitt from "mitt";
+import { useEffect as useEffect2, useRef } from "react";
 var emitter = mitt();
 function useEventBus(key) {
   const onRef = useRef();
@@ -140,10 +167,34 @@ function useEventBus(key) {
   };
 }
 
+// src/hooks/useFetchIntercept.ts
+import { useMount as useMount2 } from "react-use";
+function useFetchResponseIntercept(intercept) {
+  useMount2(() => fetchResponseIntercept(intercept));
+}
+function useFetchRequestIntercept(intercept) {
+  useMount2(() => fetchRequestIntercept(intercept));
+}
+function fetchResponseIntercept(intercept) {
+  const { fetch: originalFetch } = window;
+  window.fetch = async (...args) => {
+    const [resource, config] = args;
+    const response = await originalFetch(resource, config);
+    return intercept(response);
+  };
+}
+function fetchRequestIntercept(intercept) {
+  const { fetch: originalFetch } = window;
+  window.fetch = async (...args) => {
+    const [resource, config] = args;
+    return intercept(originalFetch, resource, config);
+  };
+}
+
 // src/hooks/useMounted.ts
-import { useEffect as useEffect3, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 function useMounted() {
-  const [mounted, setMounted] = useState2(false);
+  const [mounted, setMounted] = useState3(false);
   useEffect3(() => setMounted(true), []);
   return mounted;
 }
@@ -178,156 +229,6 @@ function useWhenever(source, cb, options) {
   useWatch(source, () => source && cb(source), options);
 }
 
-// src/hooks/useAsyncCallback.ts
-import { useState as useState3 } from "react";
-function useAsyncCallback(fun) {
-  const [error, setError] = useState3();
-  const [loading, setLoading] = useState3(false);
-  async function execute(...args) {
-    try {
-      setLoading(true);
-      const result = await fun(...args);
-      setLoading(false);
-      return result;
-    } catch (error2) {
-      setLoading(false);
-      setError(error2);
-      throw error2;
-    }
-  }
-  return [loading, execute, error];
-}
-
-// src/hooks/useAsyncState.ts
-import { useAsyncFn, useMount } from "react-use";
-function useAsyncState(fn, deps, options) {
-  const [state, _fn] = useAsyncFn(fn, deps, options == null ? void 0 : options.initial);
-  useMount(() => (options == null ? void 0 : options.immediate) && _fn());
-  return [state, _fn];
-}
-
-// src/hooks/useFetchIntercept.ts
-import { useMount as useMount2 } from "react-use";
-function useFetchResponseIntercept(intercept) {
-  useMount2(() => fetchResponseIntercept(intercept));
-}
-function useFetchRequestIntercept(intercept) {
-  useMount2(() => fetchRequestIntercept(intercept));
-}
-function fetchResponseIntercept(intercept) {
-  const { fetch: originalFetch } = window;
-  window.fetch = async (...args) => {
-    const [resource, config] = args;
-    const response = await originalFetch(resource, config);
-    return intercept(response);
-  };
-}
-function fetchRequestIntercept(intercept) {
-  const { fetch: originalFetch } = window;
-  window.fetch = async (...args) => {
-    const [resource, config] = args;
-    return intercept(originalFetch, resource, config);
-  };
-}
-
-// src/storage/storeToState.ts
-import { useSnapshot } from "valtio";
-function storeToState(store, key) {
-  const snapshot = useSnapshot(store);
-  function get() {
-    return snapshot[key];
-  }
-  function set(value) {
-    store[key] = value;
-  }
-  return [get(), set];
-}
-
-// src/storage/proxyWithPersistant.ts
-import { proxy, subscribe } from "valtio";
-function proxyWithPersistant(key, initialObject, options = {}) {
-  const storage = options.storage || (typeof localStorage !== "undefined" ? localStorage : void 0);
-  const state = proxy(parse(storage == null ? void 0 : storage.getItem(key)) || initialObject);
-  subscribe(state, () => {
-    storage == null ? void 0 : storage.setItem(key, JSON.stringify(state));
-  });
-  return state;
-}
-function parse(text) {
-  try {
-    return JSON.parse(text || "");
-  } catch (e) {
-  }
-}
-
-// src/storage/storeToStates.ts
-import { useSnapshot as useSnapshot2 } from "valtio";
-function storeToStates(store) {
-  const snapshot = useSnapshot2(store);
-  const states = {};
-  function toState(key) {
-    const get = () => snapshot[key];
-    const set = (value) => {
-      store[key] = value;
-    };
-    return [get(), set];
-  }
-  for (const key of Object.keys(snapshot))
-    states[key] = toState(key);
-  return states;
-}
-
-// src/storage/defineStore.ts
-import { proxy as proxy2, useSnapshot as useSnapshot3 } from "valtio";
-function defineStore(store, options = {}) {
-  const state = typeof store.state === "function" ? store.state() : store.state;
-  const actions = store.actions || {};
-  const $state = options.persistant ? proxyWithPersistant(options.persistant, state) : proxy2(state);
-  const $actions = {};
-  for (const key in actions)
-    $actions[key] = actions[key].bind($state);
-  return {
-    $state: state,
-    $actions: actions,
-    ...actions
-  };
-}
-function useStore(store) {
-  return useSnapshot3(store.$state);
-}
-
-// src/hooks/defineAsyncStorage.ts
-function defineAsyncStorage(options) {
-  const store = defineStore(
-    {
-      state: () => ({
-        promise: void 0,
-        value: options.initial,
-        loading: false,
-        error: void 0
-      })
-    },
-    { persistant: options.persistant }
-  );
-  function use() {
-    const fn = options.setup();
-    const state = useStore(store);
-    function fetch(...args) {
-      if (state.loading)
-        return;
-      store.$state.loading = true;
-      store.$state.promise = fn(...args);
-      store.$state.promise.then((value) => store.$state.value = value).finally(() => store.$state.loading = false).catch((error) => {
-        store.$state.error = error;
-        throw error;
-      });
-      return store.$state.promise;
-    }
-    return [state, fetch];
-  }
-  return use;
-}
-
 // src/utils/index.ts
 var hasOwn = {}.hasOwnProperty;
 function cls(...args) {
@@ -371,11 +272,6 @@ export {
   Trans,
   Unless,
   cls,
-  defineAsyncStorage,
-  defineStore,
-  proxyWithPersistant,
-  storeToState,
-  storeToStates,
   useAsyncCallback,
   useAsyncState,
   useDebounce,
@@ -383,7 +279,6 @@ export {
   useFetchRequestIntercept,
   useFetchResponseIntercept,
   useMounted,
-  useStore,
   useWatch,
   useWhenever
 };

package/package.json

@@ -1,31 +1,59 @@
 {
   "name": "@hairy/react-lib",
-  "version": "1.1.2",
+  "type": "module",
+  "version": "1.5.0",
+  "description": "Library for react",
+  "author": "Hairyf <wwu710632@gmail.com>",
   "license": "MIT",
-  "main": "./dist/index.cjs",
+  "funding": "https://github.com/sponsors/hairyf",
+  "homepage": "https://github.com/hairyf/hairylib#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hairyf/hairylib.git"
+  },
+  "bugs": "https://github.com/hairyf/hairylib/issues",
+  "keywords": [],
+  "sideEffects": false,
+  "main": "./dist/index.js",
   "publishConfig": {
-    "jsdelivr": "./dist/index.iife.min.js"
+    "jsdelivr": "./dist/index.global.js"
   },
   "files": [
     "dist"
   ],
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^14.1.2"
+  },
   "dependencies": {
     "html-parse-stringify": "^3.0.1",
     "mitt": "^3.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": "^14.1.2",
-    "valtio": "^1.13.0"
+    "react-use": "^17.6.0"
   },
   "devDependencies": {
     "@types/node": "^20.11.7",
     "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17"
+    "@types/react-dom": "^18.2.17",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^14.1.2",
+    "@hairy/utils": "1.5.0"
   },
   "scripts": {
-    "build": "ptsup src/index.ts --dts"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "start": "tsx src/index.ts"
   },
-  "module": "./dist/index.mjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "unpkg": "./dist/index.iife.min.js"
+  "unpkg": "./dist/index.global.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./*": "./*"
+  }
 }