gomtm 0.0.284 → 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/curd/listview/ListViewProvider.js

@@ -35,7 +35,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { debounce } from "lodash";
 import { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
@@ -62,7 +62,8 @@ const ALL_Layouts = [
 ];
 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);
@@ -70,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]);
@@ -99,14 +98,16 @@ function ListViewProvider(props) {
     setOpenEdit,
     openDebug,
     setOpenDebug,
-    params,
+    params: __params,
     setParams,
     detailData,
     setDetailData,
     layout,
     setLayout
   }, children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
+    " ",
     children,
+    " ",
     /* @__PURE__ */ jsx(ListViewLayoutSwitch, {})
   ] }) });
 }
@@ -203,15 +204,15 @@ const ListViewActions = () => {
 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 Layout = useMemo(() => {
+    switch (listView.layout) {
+      case "demo":
+        return ListViewLayoutDemo;
+      default:
+        return ListViewLayoutDefault;
+    }
+  }, [listView.layout]);
+  return /* @__PURE__ */ jsx(Layout, { children });
 };
 const ListViewLayoutSwitch = () => {
   const listview = useListView();

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