gomtm 0.0.267 → 0.0.269

package/dist/esm/components/devtools/GoMtmDebug.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GoMtmDebug: () => import("react").JSX.Element | null;

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

@@ -0,0 +1,31 @@
+"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 { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useState } from "react";
+import { useMtmApp } from "../../providers/GomtmProvider";
+const GoMtmDebug = () => {
+  const [open, setOpen] = useState(false);
+  const mtapp = useMtmApp();
+  if (!mtapp.isDebug) {
+    return null;
+  }
+  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(CommandSeparator, {})
+      ] })
+    ] })
+  ] });
+};
+export {
+  GoMtmDebug
+};

package/dist/esm/consts.d.ts

@@ -26,3 +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_Switchlayout = "alt+l";

package/dist/esm/consts.js

@@ -26,6 +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_Switchlayout = "alt+l";
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -38,6 +40,8 @@ export {
   Cookie_Site_Host,
   DEFAULT_revalidate_SECONDS,
   ExtKey_Hostname,
+  HOTKEY_Debug,
+  HOTKEY_Switchlayout,
   HeaderMtmApi,
   HeaderMtmHost,
   ImageNoExist,

package/dist/esm/curd/ListViewProvider.d.ts

@@ -1,13 +1,16 @@
 import { Message } from "@bufbuild/protobuf";
 import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 import { MethodUnaryDescriptor } from "../connectquery";
-export declare function ListViewProvider<I extends Message<I>, O extends Message<O>>(props: {
+interface ListViewProps<I extends Message<I>, O extends Message<O>> {
     methodList: MethodUnaryDescriptor<I, any>;
     methodDelete: MethodUnaryDescriptor<any, any>;
     methodCreate?: MethodUnaryDescriptor<any, any>;
     slugPath?: string;
-} & PropsWithChildren): import("react").JSX.Element;
-export declare const useListView: () => {
+    activateItem?: any;
+    params?: any;
+}
+export declare function ListViewProvider<I extends Message<I>, O extends Message<O>>(props: ListViewProps<I, O> & PropsWithChildren): import("react").JSX.Element;
+export declare function useListView<I extends Message<I>, O extends Message<O>>(): {
     methodList?: MethodUnaryDescriptor<any, any> | undefined;
     methodDelete?: MethodUnaryDescriptor<any, any> | undefined;
     methodCreate?: MethodUnaryDescriptor<any, any> | undefined;
@@ -27,3 +30,4 @@ export declare const useListView: () => {
 };
 export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
 export declare const ListViewActions: () => import("react").JSX.Element;
+export {};

package/dist/esm/curd/ListViewProvider.js

@@ -45,9 +45,10 @@ import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { Suspense, createContext, useContext, useState } from "react";
+import { Suspense, createContext, useContext, useMemo, useState } from "react";
 import { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
 import { useMutation, useSuspenseInfiniteQuery } from "../connectquery";
+import { useMtmApp } from "../providers/GomtmProvider";
 import { DlgCurdDebugInfo, DlgCurdDebugInfoTriggerButton } from "./CurdDetailProvider";
 import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "./create/CurdCreatePanel";
 import CurdEditPanel, { CurdEditPanelTriggerButton } from "./edit/CurdEditPanel";
@@ -56,12 +57,19 @@ import { ListLayout } from "./list-item/ListLayout";
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
   const { children, methodList, methodDelete, slugPath, methodCreate } = props;
+  const mtapp = useMtmApp();
   const [openRemove, setOpenRemove] = useState(false);
   const [openCreate, setOpenCreate] = useState(false);
   const [activateItem, setActivateItem] = useState(void 0);
   const [openEdit, setOpenEdit] = useState(false);
   const [openDebug, setOpenDebug] = useState(false);
-  const [params, setParams] = useState(void 0);
+  const [_params, setParams] = useState(mtapp.globalSearchParams);
+  const params = useMemo(() => {
+    var _a;
+    return {
+      q: (_a = mtapp.globalSearchParams) == null ? void 0 : _a.q
+    };
+  }, [mtapp.globalSearchParams]);
   return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
     methodList,
     slugPath,
@@ -81,13 +89,16 @@ function ListViewProvider(props) {
     setParams
   }, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "loading list" }), children }) });
 }
-const useListView = () => {
+function useListView() {
   const ctx = useContext(commonListViewContext);
   return __spreadValues({}, ctx);
-};
+}
 function CommonListView() {
-  const a = useListView();
-  const listQuery = useSuspenseInfiniteQuery(a.methodList, {
+  const listView = useListView();
+  const listQuery = useSuspenseInfiniteQuery(listView.methodList, {
+    Params: {
+      q: listView.params.q
+    },
     pagination: {
       page: 1
     }
@@ -95,15 +106,15 @@ function CommonListView() {
     pageParamKey: "pagination",
     getNextPageParam: (lastPage, allPages, lastPageParam, allPageParams) => {
       var _a;
-      const a2 = __spreadProps(__spreadValues({}, lastPageParam), { page: (((_a = lastPage.Pagination) == null ? void 0 : _a.page) || 1) + 1 });
-      console.log("getNextPageParam", a2);
-      return a2;
+      const a = __spreadProps(__spreadValues({}, lastPageParam), { page: (((_a = lastPage.Pagination) == null ? void 0 : _a.page) || 1) + 1 });
+      return a;
     }
   });
   if (!(listQuery == null ? void 0 : listQuery.data)) {
     return null;
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+    JSON.stringify(listView.params, null, 2),
     /* @__PURE__ */ jsx(
       "div",
       {

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",
@@ -29,10 +30,7 @@ const LayoutBase = (props) => {
       " ",
       children,
       " "
-    ] }) : (
-      // layoutName == "front" ? <FrontLayout>{children}</FrontLayout> :
-      layoutName == "dash5" ? /* @__PURE__ */ jsx(LzDash5, { children }) : layoutName == "debug" ? /* @__PURE__ */ jsx(LzDebugLayout, { children }) : layoutName == "demo1" ? /* @__PURE__ */ jsx(LzDemoLayout, { children }) : layoutName == "default" ? /* @__PURE__ */ jsx(Fragment, { children }) : children
-    ),
+    ] }) : layoutName == "dash5" ? /* @__PURE__ */ jsx(LzDash5, { children }) : layoutName == "debug" ? /* @__PURE__ */ jsx(LzDebugLayout, { children }) : layoutName == "demo1" ? /* @__PURE__ */ jsx(LzDemoLayout, { children }) : layoutName == "default" ? /* @__PURE__ */ jsx(Fragment, { children }) : children,
     /* @__PURE__ */ jsx(
       ProgressBar,
       {
@@ -51,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/ly/front-layout/PageSearchCmd.js

@@ -26,11 +26,15 @@ import { MtForm } from "mtxuilib/ui/ui-mt/MtForm";
 import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { useHotkeys } from "react-hotkeys-hook";
+import { useGlobalsearchParams, useMtmApp } from "../../providers/GomtmProvider";
 const PageSearchCmd = () => {
+  var _a;
   const [open, setOpen] = useState(false);
   useHotkeys("alt+s", () => {
     setOpen((open2) => !open2);
   }, []);
+  const mtapp = useMtmApp();
+  const search = useGlobalsearchParams();
   const form = useForm();
   return /* @__PURE__ */ jsxs(MtForm, __spreadProps(__spreadValues({}, form), { children: [
     /* @__PURE__ */ jsx("form", { onSubmit: form.handleSubmit(() => {
@@ -42,7 +46,11 @@ const PageSearchCmd = () => {
           type: "search",
           placeholder: "Search...",
           className: "bg-background w-full rounded-lg pl-8 md:w-[200px] lg:w-[336px]",
+          defaultValue: (_a = search.searchParams) == null ? void 0 : _a.q,
           onChange: (e) => {
+            search.setSearchParams({
+              q: e.target.value
+            });
           }
         }
       )

package/dist/esm/providers/GomtmProvider.d.ts

@@ -18,6 +18,8 @@ export declare function useMtmApp(): {
     openLayoutSwitchDlg?: boolean | undefined;
     setOpenLayoutSwitchDlg: Dispatch<SetStateAction<boolean>>;
     setCookieStr: Dispatch<SetStateAction<string>>;
+    globalSearchParams?: any;
+    setGlobalSearchParams: Dispatch<any>;
     backendUrl?: string | null | undefined;
     isDebug?: boolean | undefined;
     layoutName?: string | undefined;
@@ -25,4 +27,8 @@ export declare function useMtmApp(): {
 };
 export declare const useHostname: () => string;
 export declare const MtConnectProvider: (props: PropsWithChildren) => import("react").JSX.Element;
+export declare const useGlobalsearchParams: () => {
+    searchParams: any;
+    setSearchParams: Dispatch<any>;
+};
 export {};

package/dist/esm/providers/GomtmProvider.js

@@ -1,5 +1,7 @@
 "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;
@@ -15,11 +17,16 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { jsx } from "react/jsx-runtime";
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useMemo, useState } from "react";
 import { createConnectTransport } from "@connectrpc/connect-web";
+import { debounce } from "lodash";
+import { useSearchParams } from "next/navigation";
 import { useHotkeys } from "react-hotkeys-hook";
+import { GoMtmDebug } from "../components/devtools/GoMtmDebug";
 import { TransportProvider } from "../connectquery";
+import { HOTKEY_Debug } from "../consts";
 import { anypbTypeReg } from "../messageTypeRegistry";
 import { gomtmFetcher } from "../mtmFetcher";
 import { MtReactQueryProvider } from "./ReactQueryProvider";
@@ -31,9 +38,23 @@ function GomtmProvider(props) {
   const [_layoutName, setLayoutName] = useState("front");
   const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useState(false);
   const [_cookieStr, setCookieStr] = useState("");
-  useHotkeys("alt+j", () => {
-    setDebug(!_isDebug);
+  const [_globalSearchParams, setGlobalSearchParams] = useState({});
+  useHotkeys(HOTKEY_Debug, () => {
+    console.log("set debug");
+    setDebug((pre) => !pre);
   }, [_isDebug, setDebug]);
+  const searchParams = useSearchParams();
+  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]);
   return /* @__PURE__ */ jsx(AppContext.Provider, { value: {
     isDebug: _isDebug,
     setIsDebug: setDebug,
@@ -44,13 +65,18 @@ function GomtmProvider(props) {
     openLayoutSwitchDlg,
     setOpenLayoutSwitchDlg,
     cookieStr: _cookieStr,
-    setCookieStr
-  }, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsx(MtReactQueryProvider, { children }) }) });
+    setCookieStr,
+    globalSearchParams,
+    setGlobalSearchParams
+  }, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsxs(MtReactQueryProvider, { children: [
+    children,
+    /* @__PURE__ */ jsx(GoMtmDebug, {})
+  ] }) }) });
 }
 function useMtmApp() {
   const mtappContext = useContext(AppContext);
   if (mtappContext === void 0) {
-    throw new Error("useMtmApp must be used within a MtAppProvider");
+    throw new Error("useMtmApp must be used within a GomtmProvider");
   }
   return __spreadValues({}, mtappContext);
 }
@@ -80,9 +106,17 @@ const MtConnectProvider = (props) => {
   }, [mtapp.backendUrl, mtapp.cookieStr]);
   return /* @__PURE__ */ jsx(TransportProvider, { transport, children });
 };
+const useGlobalsearchParams = () => {
+  const mtapp = useMtmApp();
+  return {
+    searchParams: mtapp.globalSearchParams,
+    setSearchParams: mtapp.setGlobalSearchParams
+  };
+};
 export {
   GomtmProvider,
   MtConnectProvider,
+  useGlobalsearchParams,
   useHostname,
   useMtmApp
 };