gomtm 0.0.268 → 0.0.270

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

@@ -1,6 +1,8 @@
 "use client";
 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";
@@ -10,19 +12,32 @@ const GoMtmDebug = () => {
   if (!mtapp.isDebug) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-12 right-4 bg-red-300 p-2", children: [
-    /* @__PURE__ */ jsx(MtButton, { children: "appDebug" }),
+  return /* @__PURE__ */ jsxs("div", { className: "fixed bottom-12 right-2 bg-red-300", children: [
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+      setOpen(true);
+    }, children: /* @__PURE__ */ jsx(Icons.bug, {}) }),
     /* @__PURE__ */ jsxs(CommandDialog, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search...", onValueChange: (s) => {
         setOpen(false);
       } }),
       /* @__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/consts.d.ts

@@ -26,4 +26,5 @@ export declare const ImageNoExist = "/images/404.jpg";
 export declare const ADMIN_ROLE = "admin";
 export declare const MEMBER_ROLE = "member";
 export declare const TRPC_API_PREFIX = "/api.v1/trpc";
-export declare const HOTKEY_Debug = "'alt+j'";
+export declare const HOTKEY_Debug = "alt+j";
+export declare const HOTKEY_Switchlayout = "alt+l";

package/dist/esm/consts.js

@@ -26,7 +26,8 @@ const ImageNoExist = "/images/404.jpg";
 const ADMIN_ROLE = "admin";
 const MEMBER_ROLE = "member";
 const TRPC_API_PREFIX = "/api.v1/trpc";
-const HOTKEY_Debug = "'alt+j'";
+const HOTKEY_Debug = "alt+j";
+const HOTKEY_Switchlayout = "alt+l";
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -40,6 +41,7 @@ export {
   DEFAULT_revalidate_SECONDS,
   ExtKey_Hostname,
   HOTKEY_Debug,
+  HOTKEY_Switchlayout,
   HeaderMtmApi,
   HeaderMtmHost,
   ImageNoExist,

package/dist/esm/ly/LayoutBase.js

@@ -10,6 +10,7 @@ import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
 import { Suspense, lazy } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
+import { HOTKEY_Switchlayout } from "../consts";
 import { useMtmApp } from "../providers/GomtmProvider";
 const ALL_Layouts = [
   "demo1",
@@ -48,9 +49,9 @@ const LayoutBase = (props) => {
 };
 const LayoutSwitchDlg = () => {
   const mtapp = useMtmApp();
-  useHotkeys("alt+l", () => {
-    mtapp.setOpenLayoutSwitchDlg(!mtapp.openLayoutSwitchDlg);
-  }, []);
+  useHotkeys(HOTKEY_Switchlayout, () => {
+    mtapp.setOpenLayoutSwitchDlg((pre) => !pre);
+  }, [mtapp.setOpenLayoutSwitchDlg, mtapp.openLayoutSwitchDlg]);
   return /* @__PURE__ */ jsx(Dialog, { open: mtapp.openLayoutSwitchDlg, onOpenChange: mtapp.setOpenLayoutSwitchDlg, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "LayoutSwitch,",

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,22 +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, () => {
-    setDebug(!_isDebug);
+    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,