gomtm 0.0.286 → 0.0.288

package/dist/esm/consts.d.ts

@@ -1,5 +1,4 @@
 export declare const COOKIE_MTM_SITE_ID = "mtm-site-id";
-export declare const COOKIE_IS_DEBUG = "DEBUG";
 export declare const MTM_SITE_HOSTNAME = "mtm-site-hostname";
 export declare const MtM_TOKEN_NAME = "mtmToken";
 export declare const fetchMaxRetry = 3;
@@ -11,7 +10,6 @@ export declare const MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL = "mtm:selfbacke
 export declare const DEFAULT_revalidate_SECONDS = 3;
 export declare const LOGIN_CALLBACK_URL_KEY = "back";
 export declare const MTM_API_PREFIX = "/api";
-export declare const LayoutNameCookie = "layout";
 export declare const IsDebugCookie = "is_debug";
 export declare const ExtKey_Hostname = "host";
 export declare const ItemAction_list_new_item = "list_new_item";
@@ -31,3 +29,22 @@ 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;
+export declare const gomtmAppConfig: {
+    cookieBackendUrl: string;
+    cookieListViewLayout: string;
+    CookieLayout: string;
+    CookieConfigState: string;
+};
+export declare const getGomtmConfig: () => {
+    cookieBackendUrl: string;
+    cookieListViewLayout: string;
+    CookieLayout: string;
+    CookieConfigState: string;
+};
+export interface ConfigState {
+    debug?: boolean;
+    theme?: string;
+    layout?: string;
+    listviewLayout?: string;
+}
+export declare const configState: ConfigState;

package/dist/esm/consts.js

@@ -1,5 +1,4 @@
 const COOKIE_MTM_SITE_ID = "mtm-site-id";
-const COOKIE_IS_DEBUG = "DEBUG";
 const MTM_SITE_HOSTNAME = "mtm-site-hostname";
 const MtM_TOKEN_NAME = "mtmToken";
 const fetchMaxRetry = 3;
@@ -11,7 +10,6 @@ const MTM_SERVER_COOKIE_ACTIVATE_SELFBACKEND_URL = "mtm:selfbackendUrl";
 const DEFAULT_revalidate_SECONDS = 3;
 const LOGIN_CALLBACK_URL_KEY = "back";
 const MTM_API_PREFIX = "/api";
-const LayoutNameCookie = "layout";
 const IsDebugCookie = "is_debug";
 const ExtKey_Hostname = "host";
 const ItemAction_list_new_item = "list_new_item";
@@ -31,6 +29,21 @@ const HOTKEY_Switchlayout = "alt+l";
 const HOTKEY_Listview_Switchlayout = "alt+m";
 const HOTKEY_ListViewCMDK = "alt+c";
 const CONST_debounce_INPUT = 300;
+const gomtmAppConfig = {
+  cookieBackendUrl: "backendUrl",
+  cookieListViewLayout: "listViewLayout",
+  CookieLayout: "layout",
+  CookieConfigState: "_config"
+};
+const getGomtmConfig = () => {
+  return gomtmAppConfig;
+};
+const configState = {
+  debug: false,
+  theme: "",
+  layout: "",
+  listviewLayout: ""
+};
 export {
   ADMIN_ROLE,
   ActionCreate,
@@ -39,7 +52,6 @@ export {
   ActionFetchNextPage,
   ActionRefetch,
   CONST_debounce_INPUT,
-  COOKIE_IS_DEBUG,
   COOKIE_MTM_SITE_ID,
   Cookie_Site_Host,
   DEFAULT_revalidate_SECONDS,
@@ -54,7 +66,6 @@ export {
   IsDebugCookie,
   ItemAction_list_new_item,
   LOGIN_CALLBACK_URL_KEY,
-  LayoutNameCookie,
   ListView_DefaultPageSize,
   Listview_list_filter,
   MEMBER_ROLE,
@@ -64,5 +75,8 @@ export {
   MTM_SITE_HOSTNAME,
   MtM_TOKEN_NAME,
   TRPC_API_PREFIX,
-  fetchMaxRetry
+  configState,
+  fetchMaxRetry,
+  getGomtmConfig,
+  gomtmAppConfig
 };

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

@@ -1,5 +1,7 @@
 import { Message } from "@bufbuild/protobuf";
 import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+export declare const LzListViewLayoutDemo: import("react").LazyExoticComponent<typeof import("./listview-layouts/listviewlayout-demo").default>;
+export declare const LzListViewLayoutDefault: import("react").LazyExoticComponent<typeof import("./listview-layouts/default").default>;
 interface ListViewProps {
     svc: string;
     methodList: string;
@@ -37,7 +39,7 @@ export declare function useListView<I extends Message<I>, O extends Message<O>>(
     setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
     setParams?: Dispatch<any> | undefined;
     setDetailData?: Dispatch<any> | undefined;
-    setLayout?: Dispatch<SetStateAction<string>> | undefined;
+    setLayout?: ((arg0: string) => void) | undefined;
 };
 export declare function useDetail(): {
     svc: string;
@@ -62,7 +64,7 @@ export declare function useDetail(): {
     setOpenDebug: Dispatch<SetStateAction<boolean>>;
     setParams: Dispatch<any>;
     setDetailData: Dispatch<any>;
-    setLayout: Dispatch<SetStateAction<string>>;
+    setLayout: (arg0: string) => void;
 };
 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;

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

@@ -46,7 +46,7 @@ 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, useCallback, useContext, useMemo, useState } from "react";
+import { Suspense, createContext, lazy, useCallback, useContext, useMemo, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { MtmErrorView } from "../../components/MtmErrorView";
 import { CONST_debounce_INPUT, HOTKEY_Listview_Switchlayout } from "../../consts";
@@ -56,16 +56,16 @@ import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "../create/CurdCre
 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 = [
   "default",
   "demo"
 ];
+const LzListViewLayoutDemo = lazy(() => import("./listview-layouts/listviewlayout-demo"));
+const LzListViewLayoutDefault = lazy(() => import("./listview-layouts/default"));
 const commonListViewContext = createContext(void 0);
 function ListViewProvider(props) {
   var _a;
-  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet, params } = props;
+  const { children, svc, methodList, methodDelete, slugPath, methodCreate, methodGet, params, layout } = props;
   const mtapp = useMtmApp();
   const [_svc, setSvc] = useState(svc);
   const [openRemove, setOpenRemove] = useState(false);
@@ -75,7 +75,7 @@ function ListViewProvider(props) {
   const [openDebug, setOpenDebug] = useState(false);
   const [_params, _setParams] = useState(params);
   const [detailData, setDetailData] = useState(void 0);
-  const [layout, setLayout] = useState("default");
+  const [_layout, _setLayout] = useState(mtapp.listviewLayout);
   const __params = useMemo(() => {
     var _a2, _b;
     return __spreadProps(__spreadValues({}, params), {
@@ -87,6 +87,10 @@ function ListViewProvider(props) {
   const setParams = useCallback(debounce((values) => {
     _setParams(values);
   }, CONST_debounce_INPUT), [_setParams]);
+  const setLayout = useCallback((name) => {
+    _setLayout(name);
+    mtapp.setListViewLayout(name);
+  }, [mtapp]);
   return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
     svc: _svc,
     methodList,
@@ -108,7 +112,7 @@ function ListViewProvider(props) {
     setParams,
     detailData,
     setDetailData,
-    layout,
+    layout: _layout,
     setLayout
   }, children: /* @__PURE__ */ jsxs(ListViewLayout, { children: [
     " ",
@@ -213,9 +217,9 @@ const ListViewLayout = (props) => {
   const Layout = useMemo(() => {
     switch (listView.layout) {
       case "demo":
-        return ListViewLayoutDemo;
+        return LzListViewLayoutDemo;
       default:
-        return ListViewLayoutDefault;
+        return LzListViewLayoutDefault;
     }
   }, [listView.layout]);
   return /* @__PURE__ */ jsx(Layout, { children });
@@ -243,6 +247,8 @@ export {
   CommonListView,
   ListViewActions,
   ListViewProvider,
+  LzListViewLayoutDefault,
+  LzListViewLayoutDemo,
   useDetail,
   useListView
 };

package/dist/esm/curd/listview/listview-layouts/default/index.d.ts

@@ -1,2 +1,2 @@
 import { PropsWithChildren } from "react";
-export declare const ListViewLayoutDefault: (props: PropsWithChildren) => import("react").JSX.Element;
+export default function ListViewLayoutDefault(props: PropsWithChildren): import("react").JSX.Element;

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

@@ -1,9 +1,9 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
-const ListViewLayoutDefault = (props) => {
+function ListViewLayoutDefault(props) {
   const { children } = props;
   return /* @__PURE__ */ jsx(Fragment, { children });
-};
+}
 export {
-  ListViewLayoutDefault
+  ListViewLayoutDefault as default
 };

package/dist/esm/ly/LayoutBase.js

@@ -69,7 +69,7 @@ const LayoutSwitchDlg = () => {
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        mtapp.setLayoutName(layout);
+        mtapp.setLayout(layout);
         setOpen(false);
       }, children: layout }, layout);
     }) })

package/dist/esm/providers/GomtmAppSS.js

@@ -20,20 +20,27 @@ var __async = (__this, __arguments, generator) => {
 };
 import { Fragment, jsx } from "react/jsx-runtime";
 import { cookies, headers } from "next/headers";
-import { IsDebugCookie, LayoutNameCookie } from "../consts";
+import { IsDebugCookie, getGomtmConfig } from "../consts";
 import { ssrGetBackendUrl } from "../mtmFetcher";
 import { GomtmProvider } from "./GomtmProvider";
 function GomtmAppSS(props) {
   return __async(this, null, function* () {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { children } = props;
-    const backend = ssrGetBackendUrl();
+    const gomtmAppConfig = getGomtmConfig();
+    let backend = ssrGetBackendUrl();
+    const backendFromCookie = (_a = cookies().get(gomtmAppConfig.cookieBackendUrl)) == null ? void 0 : _a.value;
+    if (backendFromCookie) {
+      backend = backendFromCookie;
+    }
     if (!backend) {
       return /* @__PURE__ */ jsx(Fragment, { children: "missing backend" });
     }
     const cookiesStr = headers().get("Cookie");
-    const layoutName = (_a = cookies().get(LayoutNameCookie)) == null ? void 0 : _a.value;
-    const isDebug = !!((_b = cookies().get(IsDebugCookie)) == null ? void 0 : _b.value);
+    const layoutName = (_b = cookies().get(gomtmAppConfig.CookieLayout)) == null ? void 0 : _b.value;
+    const isDebug = !!((_c = cookies().get(IsDebugCookie)) == null ? void 0 : _c.value);
+    const configStateJson = ((_d = cookies().get(gomtmAppConfig.CookieConfigState)) == null ? void 0 : _d.value) || "{}";
+    const configState = JSON.parse(configStateJson);
     return /* @__PURE__ */ jsx(
       GomtmProvider,
       {
@@ -41,6 +48,8 @@ function GomtmAppSS(props) {
         isDebug,
         layoutName,
         cookieStr: cookiesStr || "",
+        config: gomtmAppConfig,
+        configState,
         children
       }
     );

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

@@ -1,26 +1,46 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import { ConfigState, getGomtmConfig } from '../consts';
 export type ActionHandler = (props: {
     action: string;
     values?: any;
 }) => void;
 interface GomtmAppProps {
+    config: ReturnType<typeof getGomtmConfig>;
+    configState: ConfigState;
     backendUrl?: string | null;
     isDebug?: boolean;
     layoutName?: string;
+    listviewLayout?: string;
     cookieStr?: string;
 }
 export declare function GomtmProvider(props: {} & GomtmAppProps & PropsWithChildren): import("react").JSX.Element;
 export declare function useMtmApp(): {
     hostname?: string | null | undefined;
-    setIsDebug: Dispatch<SetStateAction<boolean>>;
+    setDebug: (arg0: boolean) => void;
     setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
-    setLayoutName: Dispatch<SetStateAction<string>>;
+    setLayout: (arg0: string) => void;
+    setListViewLayout: (arg0: string) => void;
     setCookieStr: Dispatch<SetStateAction<string>>;
     globalSearchParams?: any;
     setGlobalSearchParams: Dispatch<any>;
+    setConfig: Dispatch<SetStateAction<{
+        cookieBackendUrl: string;
+        cookieListViewLayout: string;
+        CookieLayout: string;
+        CookieConfigState: string;
+    }>>;
+    setConfigState: Dispatch<SetStateAction<ConfigState>>;
+    config: {
+        cookieBackendUrl: string;
+        cookieListViewLayout: string;
+        CookieLayout: string;
+        CookieConfigState: string;
+    };
+    configState: ConfigState;
     backendUrl?: string | null | undefined;
     isDebug?: boolean | undefined;
     layoutName?: string | undefined;
+    listviewLayout?: string | undefined;
     cookieStr?: string | undefined;
 };
 export declare const useHostname: () => string;

package/dist/esm/providers/GomtmProvider.js

@@ -19,26 +19,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { createConnectTransport } from "@connectrpc/connect-web";
 import { debounce } from "lodash";
+import { setCookie } from "mtxlib/clientlib";
 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 { HOTKEY_Debug, IsDebugCookie, getGomtmConfig } from "../consts";
 import { anypbTypeReg } from "../messageTypeRegistry";
 import { gomtmFetcher } from "../mtmFetcher";
 import { MtReactQueryProvider } from "./ReactQueryProvider";
 const AppContext = createContext(void 0);
 function GomtmProvider(props) {
-  const { backendUrl, children } = props;
-  const [_isDebug, setDebug] = useState(false);
+  const { backendUrl, layoutName, isDebug, children, listviewLayout, config, configState } = props;
+  const [_config, setConfig] = useState(config);
+  const [_configState, _setConfigState] = useState(configState);
+  const [_isDebug, _setDebug] = useState(isDebug || false);
   const [_backendUrl, setBackendUrl] = useState(backendUrl);
-  const [_layoutName, setLayoutName] = useState("front");
-  const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useState(false);
+  const [_layoutName, setLayoutName] = useState(layoutName);
+  const [_listviewLayout, _setListViewLayout] = useState(listviewLayout);
   const [_cookieStr, setCookieStr] = useState("");
   const [_globalSearchParams, _setGlobalSearchParams] = useState({});
-  useHotkeys(HOTKEY_Debug, () => {
-    setDebug((pre) => !pre);
-  }, [_isDebug, setDebug]);
   const searchParams = useSearchParams();
   const setGlobalSearchParams = useCallback(debounce((values) => {
     _setGlobalSearchParams(values);
@@ -47,15 +47,34 @@ function GomtmProvider(props) {
     const q = searchParams.get("q");
     return __spreadValues({ q }, _globalSearchParams);
   }, [searchParams, _globalSearchParams]);
+  const setLayout = useCallback((name) => {
+    setLayoutName(name);
+    setCookie(config == null ? void 0 : config.CookieLayout, name);
+  }, [config == null ? void 0 : config.CookieLayout]);
+  const setListViewLayout = useCallback((name) => {
+    setLayoutName(name);
+    setCookie(getGomtmConfig().cookieListViewLayout, name);
+  }, []);
+  const setDebug = useCallback((debug) => {
+    _setDebug(debug);
+    setCookie(IsDebugCookie, debug);
+  }, []);
+  useHotkeys(HOTKEY_Debug, () => {
+    setDebug(!_isDebug);
+  }, [_isDebug, setDebug]);
   return /* @__PURE__ */ jsx(AppContext.Provider, { value: {
+    config,
+    setConfig,
+    configState: _configState,
+    setConfigState: _setConfigState,
     isDebug: _isDebug,
-    setIsDebug: setDebug,
+    setDebug,
     backendUrl,
     setBackendUrl,
     layoutName: _layoutName,
-    setLayoutName,
-    // openLayoutSwitchDlg: openLayoutSwitchDlg,
-    // setOpenLayoutSwitchDlg: setOpenLayoutSwitchDlg,
+    setLayout,
+    setListViewLayout,
+    listviewLayout,
     cookieStr: _cookieStr,
     setCookieStr,
     globalSearchParams,