@hairy/react-lib 1.24.0 → 1.26.0

package/dist/index.js

@@ -31,6 +31,51 @@ cls.append = function(value, newClass) {
   return value ? `${value} ${newClass}` : newClass;
 };
 
+// ../util-core/src/util/noop.ts
+var noop = () => {
+};
+
+// ../util-core/src/util/deferred.ts
+var Deferred = class extends Promise {
+  resolve;
+  reject;
+  constructor(executor = noop) {
+    let _resolve, _reject;
+    super((resolve_, reject_) => {
+      _resolve = resolve_;
+      _reject = reject_;
+      return executor(resolve_, reject_);
+    });
+    this.resolve = (value) => {
+      _resolve(value);
+      return this;
+    };
+    this.reject = (reason) => {
+      _reject(reason);
+      return this;
+    };
+  }
+};
+
+// ../util-core/src/util/json.ts
+function jsonTryParse(text) {
+  try {
+    return JSON.parse(text || "");
+  } catch {
+    return void 0;
+  }
+}
+
+// src/utils/track.ts
+import { ref } from "valtio";
+function track(fn, ...args) {
+  const deferred = ref(new Deferred());
+  const exposer = { fn, args, deferred, id: ++Trigger.id };
+  Trigger.tasks.set(exposer.id, exposer);
+  deferred.then(() => Trigger.tasks.delete(exposer.id));
+  return deferred;
+}
+
 // src/utils/wrapper.ts
 import { createElement } from "react";
 function wrapper(tag, props, children) {
@@ -123,28 +168,36 @@ function repack(c) {
   return c.component ? c : { component: c };
 }
 
-// src/components/utils/Trans.ts
-import HTML from "html-parse-stringify";
+// src/components/utils/Trigger.ts
 import { createElement as createElement3 } from "react";
-import { useTranslation } from "react-i18next";
-function Trans({ i18nKey, ...additionalProps }) {
-  const translation = useTranslation().t(i18nKey, additionalProps);
-  return renderNodes(HTML.parse(translation), additionalProps);
-}
-function renderNodes(tokens, values) {
-  let index = 0;
-  return tokens.map((token) => {
-    if (token.type === "text")
-      return token.content;
-    index++;
-    const props = { ...token.attrs, key: index };
-    return token.voidElement ? values[token.name] ? createElement3("span", { key: index }, values[token.name]) : createElement3(token.name, props) : createElement3(token.name, props, renderNodes(token.children, {}));
-  });
+import { useSnapshot } from "valtio";
+import { proxyMap } from "valtio/utils";
+var pendingTasks = proxyMap();
+function createTracker(exposer) {
+  const Component = () => {
+    try {
+      exposer.deferred.resolve(exposer.fn(...exposer.args));
+    } catch (error) {
+      exposer.deferred.reject(error);
+    }
+    return null;
+  };
+  Component.key = exposer.id;
+  return Component;
+}
+function renderTracker(Tracker) {
+  return createElement3(Tracker, { key: Tracker.key });
 }
+function Trigger() {
+  const values = [...useSnapshot(pendingTasks).values()];
+  return values.map(createTracker).map(renderTracker);
+}
+Trigger.id = 0;
+Trigger.tasks = pendingTasks;
 
 // src/hooks/ref.ts
 import { useState } from "react";
-function ref(value) {
+function ref2(value) {
   function define(value2) {
     if (typeof value2 === "function")
       return (prev) => define(value2(prev.value));
@@ -154,8 +207,8 @@ function ref(value) {
       enumerable: true
     });
   }
-  const [ref2, set] = useState(define(value));
-  return ref2;
+  const [ref3, set] = useState(define(value));
+  return ref3;
 }
 
 // src/hooks/useAsyncCallback.ts
@@ -312,16 +365,7 @@ import { watch } from "valtio/utils";
 
 // src/storage/defineStore.ts
 import { createElement as createElement4 } from "react";
-import { proxy as proxy2, subscribe as subscribe2, useSnapshot } from "valtio";
-
-// ../util-core/src/util/json.ts
-function jsonTryParse(text) {
-  try {
-    return JSON.parse(text || "");
-  } catch {
-    return void 0;
-  }
-}
+import { proxy as proxy2, subscribe as subscribe2, useSnapshot as useSnapshot2 } from "valtio";
 
 // src/storage/persistant.ts
 import { proxy, subscribe } from "valtio";
@@ -374,10 +418,10 @@ function defineStore(store, options = {}) {
       Object.assign($state, patch);
   }
   function $signal(fn) {
-    return createElement4(() => fn(useSnapshot($state)));
+    return createElement4(() => fn(useSnapshot2($state)));
   }
   $signal.status = function(fn) {
-    return createElement4(() => fn(useSnapshot($status)));
+    return createElement4(() => fn(useSnapshot2($status)));
   };
   return {
     $subscribe,
@@ -390,7 +434,7 @@ function defineStore(store, options = {}) {
     ...$actions
   };
 }
-function track(action, status) {
+function track2(action, status) {
   let loadings = 0;
   const tracking = () => loadings++ === 0 && (status.loading = true);
   const done = () => !--loadings && (status.loading = false);
@@ -417,7 +461,7 @@ function track(action, status) {
 function setupActions($state, actions, $actions, $status) {
   for (const key in actions) {
     $status[key] = { finished: false, loading: false, error: null };
-    $actions[key] = track(actions[key].bind($state), $status[key]);
+    $actions[key] = track2(actions[key].bind($state), $status[key]);
   }
 }
 function setupGetters(state, $state, getters, $getters) {
@@ -479,15 +523,15 @@ function defineAsyncStore(fetch, options = {}) {
 }
 
 // src/storage/useStatus.tsx
-import { useSnapshot as useSnapshot2 } from "valtio";
+import { useSnapshot as useSnapshot3 } from "valtio";
 function useStatus(store) {
-  return useSnapshot2(store.$status);
+  return useSnapshot3(store.$status);
 }
 
 // src/storage/useStore.ts
-import { useSnapshot as useSnapshot3 } from "valtio";
+import { useSnapshot as useSnapshot4 } from "valtio";
 function useStore(store) {
-  return useSnapshot3(store.$state);
+  return useSnapshot4(store.$state);
 }
 export {
   Case,
@@ -497,13 +541,14 @@ export {
   Injector,
   Switch,
   Then,
-  Trans,
+  Trigger,
   Unless,
   cls,
   defineAsyncStore,
   defineStore,
   proxyWithPersistant,
-  ref,
+  ref2 as ref,
+  track,
   useAsyncCallback,
   useAsyncState,
   useDebounce,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hairy/react-lib",
   "type": "module",
-  "version": "1.24.0",
+  "version": "1.26.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.24.0"
+    "@hairy/utils": "1.26.0"
   },
   "scripts": {
     "build": "tsup",