gomtm 0.0.269 → 0.0.270

package/dist/esm/components/devtools/GoMtmDebug.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Icons } from "mtxuilib/icons/icons";
 import { CommandDialog, CommandEmpty, CommandInput, CommandList, CommandSeparator } from "mtxuilib/ui/command";
+import { Dialog, DialogContent, DialogTrigger } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { useState } from "react";
 import { useMtmApp } from "../../providers/GomtmProvider";
@@ -21,11 +22,22 @@ const GoMtmDebug = () => {
       } }),
       /* @__PURE__ */ jsxs(CommandList, { children: [
         /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-slate-100 p-2", children: /* @__PURE__ */ jsx(DebugAppMainStateDlg, {}) }),
         /* @__PURE__ */ jsx(CommandSeparator, {})
       ] })
     ] })
   ] });
 };
+const DebugAppMainStateDlg = () => {
+  const matpp = useMtmApp();
+  return /* @__PURE__ */ jsxs(Dialog, { children: [
+    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { children: "appState" }) }),
+    /* @__PURE__ */ jsxs(DialogContent, { children: [
+      "appstate",
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(matpp.globalSearchParams || "null", null, 2) })
+    ] })
+  ] });
+};
 export {
   GoMtmDebug
 };

package/dist/esm/providers/GomtmProvider.js

@@ -1,7 +1,5 @@
 "use client";
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -17,9 +15,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useMemo, useState } from "react";
+import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { createConnectTransport } from "@connectrpc/connect-web";
 import { debounce } from "lodash";
 import { useSearchParams } from "next/navigation";
@@ -38,23 +35,18 @@ function GomtmProvider(props) {
   const [_layoutName, setLayoutName] = useState("front");
   const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useState(false);
   const [_cookieStr, setCookieStr] = useState("");
-  const [_globalSearchParams, setGlobalSearchParams] = useState({});
+  const [_globalSearchParams, _setGlobalSearchParams] = useState({});
   useHotkeys(HOTKEY_Debug, () => {
-    console.log("set debug");
     setDebug((pre) => !pre);
   }, [_isDebug, setDebug]);
   const searchParams = useSearchParams();
+  const setGlobalSearchParams = useCallback(debounce((values) => {
+    _setGlobalSearchParams(values);
+  }, 200), [_setGlobalSearchParams]);
   const globalSearchParams = useMemo(() => {
-    debounce(() => {
-      const q = searchParams.get("q");
-      console.log("search changed", q);
-      if (q) {
-        setGlobalSearchParams((pre) => {
-          return __spreadProps(__spreadValues({}, pre), { q });
-        });
-      }
-    }, 500);
-  }, [searchParams]);
+    const q = searchParams.get("q");
+    return __spreadValues({ q }, _globalSearchParams);
+  }, [searchParams, _globalSearchParams]);
   return /* @__PURE__ */ jsx(AppContext.Provider, { value: {
     isDebug: _isDebug,
     setIsDebug: setDebug,