gomtm 0.0.283 → 0.0.285

package/dist/esm/components/SSR.js

@@ -36,15 +36,18 @@ var __async = (__this, __arguments, generator) => {
 };
 import { jsx } from "react/jsx-runtime";
 import { HydrationBoundary, QueryClient, dehydrate } from "@tanstack/react-query";
-import { goMtmQueryFn } from "../gomtmQuery";
-import { createInfiniteQueryKey } from "../mtmFetcher";
+import { createInfiniteQueryKey, goMtmQueryFn } from "../mtmFetcher";
 function PrefetchConnectInfiniteQuery(props) {
   return __async(this, null, function* () {
     const { svc, method, input, children } = props;
     const queryClient = new QueryClient();
+    const queryKey = createInfiniteQueryKey(svc, method, input);
+    const data = yield goMtmQueryFn({ svc, method, input });
     yield queryClient.prefetchInfiniteQuery({
-      queryKey: createInfiniteQueryKey(svc, method, input),
-      queryFn: (k) => goMtmQueryFn({ svc, method, input }),
+      queryKey,
+      queryFn: (k) => __async(this, null, function* () {
+        return data;
+      }),
       initialPageParam: __spreadValues({}, input)
     });
     const dehydratedState = dehydrate(queryClient);

package/dist/esm/consts.d.ts

@@ -28,5 +28,6 @@ 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";
+export declare const HOTKEY_Listview_Switchlayout = "alt+m";
 export declare const HOTKEY_ListViewCMDK = "alt+c";
 export declare const CONST_debounce_INPUT = 300;

package/dist/esm/consts.js

@@ -28,6 +28,7 @@ const MEMBER_ROLE = "member";
 const TRPC_API_PREFIX = "/api.v1/trpc";
 const HOTKEY_Debug = "alt+j";
 const HOTKEY_Switchlayout = "alt+l";
+const HOTKEY_Listview_Switchlayout = "alt+m";
 const HOTKEY_ListViewCMDK = "alt+c";
 const CONST_debounce_INPUT = 300;
 export {
@@ -45,6 +46,7 @@ export {
   ExtKey_Hostname,
   HOTKEY_Debug,
   HOTKEY_ListViewCMDK,
+  HOTKEY_Listview_Switchlayout,
   HOTKEY_Switchlayout,
   HeaderMtmApi,
   HeaderMtmHost,

package/dist/esm/curd/listview/ListViewProvider.js

@@ -44,17 +44,26 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { Suspense, createContext, useCallback, useContext, useMemo, useState } from "react";
+import { useHotkeys } from "react-hotkeys-hook";
 import { MtmErrorView } from "../../components/MtmErrorView";
-import { CONST_debounce_INPUT } from "../../consts";
+import { CONST_debounce_INPUT, HOTKEY_Listview_Switchlayout } from "../../consts";
 import { useGomtmMutation, useGomtmSuspenseInfiniteQuery } from "../../gomtmQuery";
 import { useMtmApp } from "../../providers/GomtmProvider";
 import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "../create/CurdCreatePanel";
 import CurdEditPanel, { CurdEditPanelTriggerButton } from "../edit/CurdEditPanel";
 import { ListItemView } from "../list-item/ListItem";
 import { ListLayout } from "../list-item/ListLayout";
+import { ListViewLayoutDefault } from "./listview-layouts/default";
+import ListViewLayoutDemo from "./listview-layouts/listviewlayout-demo";
+const ALL_Layouts = [
+  "demo",
+  "default",
+  "none"
+];
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
-  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet } = props;
+  var _a;
+  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet, params } = props;
   const mtapp = useMtmApp();
   const [_svc, setSvc] = useState(svc);
   const [openRemove, setOpenRemove] = useState(false);
@@ -62,15 +71,13 @@ function ListViewProvider(props) {
   const [activateItem, setActivateItem] = useState(void 0);
   const [openEdit, setOpenEdit] = useState(false);
   const [openDebug, setOpenDebug] = useState(false);
-  const [_params, _setParams] = useState(mtapp.globalSearchParams);
+  const [_params, _setParams] = useState(params);
   const [detailData, setDetailData] = useState(void 0);
   const [layout, setLayout] = useState("default");
-  const params = useMemo(() => {
-    var _a;
-    return {
-      q: (_a = mtapp.globalSearchParams) == null ? void 0 : _a.q
-    };
-  }, [mtapp.globalSearchParams]);
+  const __params = useMemo(() => {
+    var _a2, _b;
+    return __spreadValues(__spreadValues({}, params), ((_a2 = mtapp.globalSearchParams) == null ? void 0 : _a2.q) && { q: (_b = mtapp.globalSearchParams) == null ? void 0 : _b.q });
+  }, [(_a = mtapp.globalSearchParams) == null ? void 0 : _a.q, params]);
   const setParams = useCallback(debounce((values) => {
     _setParams(values);
   }, CONST_debounce_INPUT), [_setParams]);
@@ -91,13 +98,18 @@ function ListViewProvider(props) {
     setOpenEdit,
     openDebug,
     setOpenDebug,
-    params,
+    params: __params,
     setParams,
     detailData,
     setDetailData,
     layout,
     setLayout
-  }, children });
+  }, children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
+    " ",
+    children,
+    " ",
+    /* @__PURE__ */ jsx(ListViewLayoutSwitch, {})
+  ] }) });
 }
 function useListView() {
   const ctx = useContext(commonListViewContext);
@@ -189,6 +201,38 @@ const ListViewActions = () => {
     ] })
   ] });
 };
+const ListViewLayout = (props) => {
+  const listView = useListView();
+  const { children } = props;
+  const Layout = useMemo(() => {
+    switch (listView.layout) {
+      case "demo":
+        return ListViewLayoutDemo;
+      default:
+        return ListViewLayoutDefault;
+    }
+  }, [listView.layout]);
+  return /* @__PURE__ */ jsx(Layout, { children });
+};
+const ListViewLayoutSwitch = () => {
+  const listview = useListView();
+  const [open, setOpen] = useState(false);
+  useHotkeys(HOTKEY_Listview_Switchlayout, () => {
+    setOpen((pre) => !pre);
+  }, [open, setOpen]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogTitle, { children: [
+      "LayoutSwitch,",
+      listview.layout
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
+      return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+        listview.setLayout(layout);
+        setOpen(false);
+      }, children: layout }, layout);
+    }) })
+  ] }) });
+};
 export {
   CommonListView,
   ListViewActions,

package/dist/esm/curd/listview/MtListView.js

@@ -29,22 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
-import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useState } from "react";
-import { useHotkeys } from "react-hotkeys-hook";
+import { jsx } from "react/jsx-runtime";
 import { PrefetchConnectInfiniteQuery } from "../../components/SSR";
-import { HOTKEY_Switchlayout } from "../../consts";
 import { siteList } from "../../gomtmpb/mtm/sppb/mtm-MtmService_connectquery";
-import { ListViewProvider, useListView } from "./ListViewProvider";
-import { ListViewLayoutDefault } from "./listview-layouts/default";
-import ListViewLayoutDemo from "./listview-layouts/listviewlayout-demo";
-const ALL_Layouts = [
-  "demo",
-  "default",
-  "none"
-];
+import { ListViewProvider } from "./ListViewProvider";
 function MtListView(props) {
   const _a = props, { children } = _a, etc = __objRest(_a, ["children"]);
   return /* @__PURE__ */ jsx(ListViewProvider, __spreadProps(__spreadValues({}, etc), { children: /* @__PURE__ */ jsx(
@@ -53,45 +41,10 @@ function MtListView(props) {
       svc: siteList.service.typeName,
       method: siteList.name,
       input: etc.params,
-      children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
-        children,
-        /* @__PURE__ */ jsx(ListViewLayoutSwitch, {})
-      ] })
+      children
     }
   ) }));
 }
-const ListViewLayout = (props) => {
-  const listView = useListView();
-  const { children } = props;
-  return /* @__PURE__ */ jsx(Fragment, { children: listView.layout == "default" ? /* @__PURE__ */ jsxs(ListViewLayoutDefault, { children: [
-    " ",
-    children,
-    " "
-  ] }) : listView.layout == "demo" ? /* @__PURE__ */ jsxs(ListViewLayoutDemo, { children: [
-    " ",
-    children,
-    " "
-  ] }) : listView.layout == "none" ? /* @__PURE__ */ jsx(Fragment, { children }) : children });
-};
-const ListViewLayoutSwitch = () => {
-  const listview = useListView();
-  const [open, setOpen] = useState(false);
-  useHotkeys(HOTKEY_Switchlayout, () => {
-    setOpen((pre) => !pre);
-  }, [open, setOpen]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsxs(DialogTitle, { children: [
-      "LayoutSwitch,",
-      listview.layout
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
-      return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        listview.setLayout(layout);
-        setOpen(false);
-      }, children: layout }, layout);
-    }) })
-  ] }) });
-};
 export {
   MtListView as default
 };

package/dist/esm/curd/listview/listview-layouts/default/index.js

@@ -1,11 +1,8 @@
 "use client";
-import { jsxs } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 const ListViewLayoutDefault = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ jsxs("div", { className: "bg-red-100 p-2", children: [
-    "ListViewLayoutDefault",
-    children
-  ] });
+  return /* @__PURE__ */ jsx(Fragment, { children });
 };
 export {
   ListViewLayoutDefault

package/dist/esm/gomtmQuery.d.ts

@@ -1,14 +1,4 @@
-interface goMtmQueryFnProps {
-    svc: string;
-    method: string;
-    input?: any;
-    options?: {
-        url: string;
-    };
-}
-export declare const goMtmQueryFn: (props: goMtmQueryFnProps) => Promise<any>;
 export declare const useGomtmQuery: (svc: string, method: string, input?: any) => import("@tanstack/react-query").UseQueryResult<any, Error>;
 export declare const useGomtmSuspenseQuery: (svc: string, method: string, input?: any) => import("@tanstack/react-query").UseSuspenseQueryResult<any, Error>;
 export declare const useGomtmSuspenseInfiniteQuery: (svc: string, method: string, input?: any) => import("@tanstack/react-query").UseSuspenseInfiniteQueryResult<import("@tanstack/react-query").InfiniteData<any, unknown>, Error>;
 export declare const useGomtmMutation: (svc: string, method: string) => import("@tanstack/react-query").UseMutationResult<any, Error, any, unknown>;
-export {};

package/dist/esm/gomtmQuery.js

@@ -1,44 +1,8 @@
 "use client";
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 import { useMutation, useQuery, useSuspenseInfiniteQuery, useSuspenseQuery } from "@tanstack/react-query";
-import { camelCase } from "lodash";
 import { MTM_API_PREFIX } from "./consts";
-import { createMtmServiceClientByName, createQueryKey } from "./mtmFetcher";
+import { createInfiniteQueryKey, createQueryKey, goMtmQueryFn } from "./mtmFetcher";
 import { useMtmApp } from "./providers/GomtmProvider";
-const goMtmQueryFn = (props) => __async(void 0, null, function* () {
-  var _a;
-  const client = createMtmServiceClientByName(props.svc, (_a = props.options) == null ? void 0 : _a.url);
-  if (!client) {
-    throw new Error(`missing mtmclient:"${props.svc}"`);
-  }
-  const methodName = camelCase(props.method);
-  const methodFn = client[methodName];
-  if (!methodFn) {
-    throw new Error(`missing mtmclient method:"${props.svc}.${methodName}"`);
-  }
-  const data = yield methodFn(props.input);
-  console.log(`goMtmQueryFn ${props.svc}.${props.method}.${props.input}`, data);
-  return data;
-});
 const useGomtmQuery = (svc, method, input) => {
   const query = useQuery({
     queryKey: createQueryKey(svc, method, input),
@@ -64,7 +28,7 @@ const useGomtmSuspenseQuery = (svc, method, input) => {
 const useGomtmSuspenseInfiniteQuery = (svc, method, input) => {
   const mtapp = useMtmApp();
   const query = useSuspenseInfiniteQuery({
-    queryKey: createQueryKey(svc, method, input),
+    queryKey: createInfiniteQueryKey(svc, method, input),
     queryFn: (k) => goMtmQueryFn({
       svc,
       method,
@@ -94,7 +58,6 @@ const useGomtmMutation = (svc, method) => {
   });
 };
 export {
-  goMtmQueryFn,
   useGomtmMutation,
   useGomtmQuery,
   useGomtmSuspenseInfiniteQuery,

package/dist/esm/ly/LayoutBase.js

@@ -7,7 +7,7 @@ import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { TooltipProvider } from "mtxuilib/ui/tooltip";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { AppProgressBar as ProgressBar } from "next-nprogress-bar";
-import { Suspense, lazy, useState } from "react";
+import { Suspense, lazy, useMemo, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
 import { HOTKEY_Switchlayout } from "../consts";
@@ -26,12 +26,20 @@ const LzFrontLayout = lazy(() => import("./front-layout"));
 const LayoutBase = (props) => {
   const { children } = props;
   const mtapp = useMtmApp();
+  const LayoutComponent = useMemo(() => {
+    switch (mtapp.layoutName) {
+      case "dash5":
+        return LzDash5;
+      case "debug":
+        return LzDebugLayout;
+      case "demo":
+        return LzDemoLayout;
+      default:
+        return LzFrontLayout;
+    }
+  }, [mtapp.layoutName]);
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
-    mtapp.layoutName == "front" ? /* @__PURE__ */ jsxs(LzFrontLayout, { children: [
-      " ",
-      children,
-      " "
-    ] }) : mtapp.layoutName == "dash5" ? /* @__PURE__ */ jsx(LzDash5, { children }) : mtapp.layoutName == "debug" ? /* @__PURE__ */ jsx(LzDebugLayout, { children }) : mtapp.layoutName == "demo1" ? /* @__PURE__ */ jsx(LzDemoLayout, { children }) : mtapp.layoutName == "default" ? /* @__PURE__ */ jsx(Fragment, { children }) : children,
+    /* @__PURE__ */ jsx(LayoutComponent, { children }),
     /* @__PURE__ */ jsx(
       ProgressBar,
       {

package/dist/esm/mtmFetcher.d.ts

@@ -1,6 +1,15 @@
 import { ServiceType } from "@bufbuild/protobuf";
 export declare const createQueryKey: (svc: string, method: string, input: any) => any[];
 export declare const createInfiniteQueryKey: (svc: string, method: string, input: any) => any[];
+interface goMtmQueryFnProps {
+    svc: string;
+    method: string;
+    input?: any;
+    options?: {
+        url: string;
+    };
+}
+export declare const goMtmQueryFn: (props: goMtmQueryFnProps) => Promise<any>;
 export declare const ssrGetBackendUrl: () => string;
 export declare const gomtmApiUrl: () => string;
 export declare function createMtmServiceClient<T extends ServiceType>(service: T, url?: string): import("@connectrpc/connect").PromiseClient<T>;

package/dist/esm/mtmFetcher.js

@@ -34,9 +34,10 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { toPlainMessage } from "@bufbuild/protobuf";
 import { createPromiseClient } from "@connectrpc/connect";
 import { createConnectTransport } from "@connectrpc/connect-web";
-import { merge } from "lodash";
+import { camelCase, merge } from "lodash";
 import { fetchMiddleWithCache } from "mtxlib/http/fetchMiddleWithCache";
 import { MTM_API_PREFIX } from "./consts";
 import { MtmService } from "./gomtmpb/mtm/sppb/mtm_connect";
@@ -45,8 +46,23 @@ const createQueryKey = (svc, method, input) => {
   return [svc, method, input || {}];
 };
 const createInfiniteQueryKey = (svc, method, input) => {
-  return [svc, method, input || {}, "infinite"];
+  return [...createQueryKey(svc, method, input), "infinite"];
 };
+const goMtmQueryFn = (props) => __async(void 0, null, function* () {
+  var _a;
+  const client = createMtmServiceClientByName(props.svc, (_a = props.options) == null ? void 0 : _a.url);
+  if (!client) {
+    throw new Error(`missing mtmclient:"${props.svc}"`);
+  }
+  const methodName = camelCase(props.method);
+  const methodFn = client[methodName];
+  if (!methodFn) {
+    throw new Error(`missing mtmclient method:"${props.svc}.${methodName}"`);
+  }
+  const data = yield methodFn(props.input);
+  console.log(`goMtmQueryFn ${props.svc}.${props.method}.(${props.input})`, data);
+  return toPlainMessage(data);
+});
 const ssrGetBackendUrl = () => {
   var _a;
   if (typeof window == "undefined") {
@@ -157,6 +173,7 @@ export {
   createMtmServiceClientByName,
   createQueryKey,
   createTransport,
+  goMtmQueryFn,
   gomtmApiUrl,
   gomtmFetcher,
   ssrGetBackendUrl

package/dist/esm/validations/spContentModi.d.ts

@@ -21,15 +21,15 @@ export declare const spContentModiCreateInput: z.ZodObject<{
     action: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    action: string;
     value: string;
+    action: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;
     title?: string | undefined;
 }, {
-    action: string;
     value: string;
+    action: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;
@@ -44,17 +44,17 @@ export declare const spContentModiSaveInput: z.ZodObject<{
     action: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    value: string;
     id: string;
     action: string;
-    value: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;
     title?: string | undefined;
 }, {
+    value: string;
     id: string;
     action: string;
-    value: string;
     sel: string;
     spRouteId: string;
     matchContentType: string;

package/dist/esm/validations/spRoute.d.ts

@@ -20,17 +20,17 @@ export declare const spRouteCreateInput: z.ZodObject<{
     pathPattern: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    value: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }, {
+    value: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }>;
 export type SpRouteSaveInput = z.infer<typeof SpRouteSaveInput>;
 export declare const SpRouteSaveInput: z.ZodObject<{
@@ -41,17 +41,17 @@ export declare const SpRouteSaveInput: z.ZodObject<{
     pathPattern: z.ZodString;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    value: string;
     id: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }, {
+    value: string;
     id: string;
     title: string;
     spProjectId: string;
     hostPattern: string;
     pathPattern: string;
-    value: string;
 }>;

package/dist/esm/validations/user.d.ts

@@ -27,11 +27,11 @@ export declare const createUserSchema: z.ZodObject<{
     name: z.ZodString;
     email: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    name: string;
     email: string;
-}, {
     name: string;
+}, {
     email: string;
+    name: string;
 }>;
 export type ICreateUser = z.infer<typeof createUserSchema>;
 export declare const Oauth2LoginResponseSchema: z.ZodObject<{