gomtm 0.0.253 → 0.0.255

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

@@ -1,10 +1,6 @@
 import { Message } from "@bufbuild/protobuf";
 import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 import { MethodUnaryDescriptor } from "../connectquery";
-export declare const exampleListItemValueComponent: import("jotai").PrimitiveAtom<any> & {
-    init: any;
-};
-export declare const exampleListItemComponent: import("jotai").Atom<any>;
 export declare function CommonListViewProvider<I extends Message<I>, O extends Message<O>>(props: {
     methodList: MethodUnaryDescriptor<I, any>;
     methodDelete: MethodUnaryDescriptor<any, any>;

package/dist/esm/curd/CommonListViewV2.js

@@ -36,7 +36,6 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import { atom } from "jotai";
 import { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
@@ -51,16 +50,6 @@ import { DlgCurdDebugInfo, DlgCurdDebugInfoTriggerButton } from "./dlg/DlgCurdDe
 import CurdEditPanel, { CurdEditPanelTriggerButton } from "./edit/CurdEditPanel";
 import { ListItemView } from "./list-item/ListItem";
 import { ListLayout } from "./list-item/ListLayout";
-const exampleListItemValueComponent = atom(void 0);
-const exampleListItemComponent = atom((get) => {
-  const v = get(exampleListItemValueComponent);
-  if (v) {
-    return v;
-  }
-  return () => {
-    return /* @__PURE__ */ jsx("div", { children: "missing exampleListItemComponent" });
-  };
-});
 const commonListViewContext = createContext(void 0);
 function CommonListViewProvider(props) {
   const { children, methodList, methodDelete, slugPath, methodCreate } = props;
@@ -187,7 +176,5 @@ export {
   CommonListView,
   CommonListViewProvider,
   ListViewActions,
-  exampleListItemComponent,
-  exampleListItemValueComponent,
   useListView
 };

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

@@ -1,11 +1,17 @@
 import type { Message, PartialMessage } from "@bufbuild/protobuf";
-import { PropsWithChildren } from "react";
+import { Dispatch, PropsWithChildren } from "react";
 import { MethodUnaryDescriptor } from "../connectquery";
-export declare const curdDetailPageDataAtom: import("jotai").PrimitiveAtom<undefined> & {
-    init: undefined;
+interface CurdDetailProps {
+    curdDetailPageData?: any | null;
+    methodGet: MethodUnaryDescriptor<any, any>;
+    params?: PartialMessage<any>;
+}
+export declare function CurdDetailProvider<I extends Message<I>, O extends Message<O>>(props: CurdDetailProps & PropsWithChildren): import("react").JSX.Element;
+export declare function useDetail(): {
+    setCurdDetailPageData: Dispatch<any>;
+    curdDetailPageData?: any;
+    methodGet: MethodUnaryDescriptor<any, any>;
+    params?: PartialMessage<any> | undefined;
 };
-export declare function CurdDetailProvider<I extends Message<I>, O extends Message<O>>(props: {
-    methodGet: MethodUnaryDescriptor<I, O>;
-    params?: PartialMessage<I>;
-} & PropsWithChildren): import("react").JSX.Element;
 export declare const DetailViewDataDlg: () => import("react").JSX.Element;
+export {};

package/dist/esm/curd/CurdDetailProvider.js

@@ -1,33 +1,58 @@
 "use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 import { jsx, jsxs } from "react/jsx-runtime";
-import { atom, useAtom } from "jotai";
-import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
 import { Dialog, DialogContent, DialogTrigger } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { Suspense } from "react";
+import { Suspense, createContext, useContext, useState } from "react";
 import { useSuspenseQuery } from "../connectquery";
-import { isDebugAtom } from "../providers/GomtmProvider";
-const curdDetailPageDataAtom = atom(void 0);
+import { useMtmApp } from "../providers/GomtmProvider";
+const CurdDetailContext = createContext(void 0);
 function CurdDetailProvider(props) {
-  const { children, methodGet, params } = props;
-  const [isDebug] = useAtom(isDebugAtom);
-  const query = useSuspenseQuery(methodGet, params);
-  return /* @__PURE__ */ jsxs(ScopeAtomsHydrator, { atomValues: [
-    [curdDetailPageDataAtom, query.data]
-  ], children: [
+  const { params, methodGet, children } = props;
+  const [curdDetailPageData, setCurdDetailPageData] = useState(null);
+  const mtApp = useMtmApp();
+  return /* @__PURE__ */ jsxs(CurdDetailContext.Provider, { value: {
+    params,
+    methodGet,
+    curdDetailPageData,
+    setCurdDetailPageData
+  }, children: [
     children,
-    isDebug && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(DetailViewDataDlg, {}) })
+    mtApp.isDebug && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(DetailViewDataDlg, {}) })
   ] });
 }
+function useDetail() {
+  const mtappContext = useContext(CurdDetailContext);
+  if (mtappContext === void 0) {
+    throw new Error("useMtmApp must be used within a MtAppProvider");
+  }
+  return __spreadValues({}, mtappContext);
+}
 const DetailViewDataDlg = () => {
-  const [curdDetailPageData] = useAtom(curdDetailPageDataAtom);
+  const detail = useDetail();
+  const query = useSuspenseQuery(detail.methodGet);
   return /* @__PURE__ */ jsxs(Dialog, { children: [
     /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { children: "DetailData" }) }),
-    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(curdDetailPageData, null, 2) }) })
+    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("pre", { children: JSON.stringify(query.data, null, 2) }) })
   ] });
 };
 export {
   CurdDetailProvider,
   DetailViewDataDlg,
-  curdDetailPageDataAtom
+  useDetail
 };

package/dist/esm/curd/dlg/DlgCurdDebugInfo.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-export declare const openDlgCurdDebugInfoAtom: import("jotai").PrimitiveAtom<boolean> & {
-    init: boolean;
-};
 export declare function DlgCurdDebugInfo(): import("react").JSX.Element;
 export declare const DlgCurdDebugInfoTriggerButton: () => import("react").JSX.Element | null;

package/dist/esm/curd/dlg/DlgCurdDebugInfo.js

@@ -1,32 +1,24 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { atom, useAtom } from "jotai";
-import { flexRender } from "mtxuilib/lib/render";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { isDebugAtom } from "../../providers/GomtmProvider";
-import { exampleListItemComponent } from "../CommonListViewV2";
-const openDlgCurdDebugInfoAtom = atom(false);
+import { useMtmApp } from "../../providers/GomtmProvider";
+import { useListView } from "../CommonListViewV2";
 function DlgCurdDebugInfo() {
-  const [Comp] = useAtom(exampleListItemComponent);
-  const [openDlgCurdDebugInfo, setOpenDlgCurdDebugInfo] = useAtom(openDlgCurdDebugInfoAtom);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dialog, { open: openDlgCurdDebugInfo, onOpenChange: setOpenDlgCurdDebugInfo, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-    /* @__PURE__ */ jsx(DialogTitle, { children: "list view info" }),
-    Comp && flexRender(Comp, {})
-  ] }) }) });
+  const listView = useListView();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Dialog, { open: listView.openDebug, onOpenChange: listView.setOpenDebug, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "list view info" }) }) }) });
 }
 const DlgCurdDebugInfoTriggerButton = () => {
-  const [isDebug] = useAtom(isDebugAtom);
-  const [openDlgCurdDebugInfo, setOpenDlgCurdDebugInfo] = useAtom(openDlgCurdDebugInfoAtom);
-  if (!isDebug) {
+  const listView = useListView();
+  const mtApp = useMtmApp();
+  if (!mtApp.isDebug) {
     return null;
   }
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-    setOpenDlgCurdDebugInfo(true);
+    listView.setOpenDebug(true);
   }, children: "DlgCurdDebug" }) });
 };
 export {
   DlgCurdDebugInfo,
-  DlgCurdDebugInfoTriggerButton,
-  openDlgCurdDebugInfoAtom
+  DlgCurdDebugInfoTriggerButton
 };

package/dist/esm/ly/LayoutBase.d.ts

@@ -14,7 +14,6 @@ export declare const LzFrontLayout: import("react").ComponentType<{
 export declare const LzHelloLazyLayout: import("react").ComponentType<{
     children?: import("react").ReactNode;
 }>;
-export declare const layoutNameAtom: import("jotai").WritableAtom<string, [value: string], void>;
 export declare const LayoutBase: (props: {
     layoutName?: string;
 } & PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/ly/LayoutBase.js

@@ -1,7 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { atom, useAtom } from "jotai";
 import { TailwindIndicator } from "mtxuilib/common/tailwind-indicator";
 import { AppMetaRender } from "mtxuilib/store/AppMetaRender";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
@@ -12,6 +11,7 @@ import dynamic from "next/dynamic";
 import { Suspense } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
+import { useMtmApp } from "../providers/GomtmProvider";
 import { Demo1Layout } from "./demo-layout";
 import { FrontLayout } from "./front-layout";
 const ALL_Layouts = [
@@ -36,13 +36,6 @@ const LzFrontLayout = dynamic(() => import("./front-layout").then((x) => x.Front
 const LzHelloLazyLayout = dynamic(() => import("./Lazy").then((x) => x.HelloLazyLayout), {
   ssr: true
 });
-const layoutNameValueAtom = atom("");
-const layoutNameAtom = atom((get) => {
-  return get(layoutNameValueAtom);
-}, (_, set, value) => {
-  set(layoutNameValueAtom, value);
-});
-const openLayoutSwitchDlgAtom = atom(false);
 const LayoutBase = (props) => {
   const { layoutName, children } = props;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
@@ -67,20 +60,19 @@ const LayoutBase = (props) => {
   ] }) }) });
 };
 const LayoutSwitchDlg = () => {
-  const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useAtom(openLayoutSwitchDlgAtom);
-  const [layoutName, setLayoutName] = useAtom(layoutNameAtom);
+  const mtapp = useMtmApp();
   useHotkeys("alt+l", () => {
-    setOpenLayoutSwitchDlg(!openLayoutSwitchDlg);
+    mtapp.setOpenLayoutSwitchDlg(!mtapp.openLayoutSwitchDlg);
   }, []);
-  return /* @__PURE__ */ jsx(Dialog, { open: openLayoutSwitchDlg, onOpenChange: setOpenLayoutSwitchDlg, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: mtapp.openLayoutSwitchDlg, onOpenChange: mtapp.setOpenLayoutSwitchDlg, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
     /* @__PURE__ */ jsxs(DialogTitle, { children: [
       "LayoutSwitch,",
-      layoutName
+      mtapp.layoutName
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex gap-2 bg-red-100 p-2", children: ALL_Layouts.map((layout) => {
       return /* @__PURE__ */ jsx(MtButton, { onClick: () => {
-        setLayoutName(layout);
-        setOpenLayoutSwitchDlg(false);
+        mtapp.setLayoutName(layout);
+        mtapp.setOpenLayoutSwitchDlg(false);
       }, children: layout }, layout);
     }) })
   ] }) });
@@ -91,6 +83,5 @@ export {
   LzDebugLayout,
   LzDemo,
   LzFrontLayout,
-  LzHelloLazyLayout,
-  layoutNameAtom
+  LzHelloLazyLayout
 };

package/dist/esm/providers/GomtmAppSS.js

@@ -22,24 +22,31 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
 import { cookies, headers } from "next/headers";
 import { IsDebugCookie, LayoutNameCookie } from "../consts";
-import { layoutNameAtom } from "../ly/LayoutBase";
 import { ssrGetBackendUrl } from "../mtmFetcher";
-import { GomtmProvider, cookiesAtom, isDebugAtom } from "./GomtmProvider";
+import { GomtmProvider, cookiesAtom } from "./GomtmProvider";
 function GomtmAppSS(props) {
   return __async(this, null, function* () {
+    var _a, _b;
     const { children } = props;
     const backend = ssrGetBackendUrl();
     if (!backend) {
       return /* @__PURE__ */ jsx(Fragment, { children: "missing backend" });
     }
     const cookiesStr = headers().get("Cookie");
-    const layoutName = cookies().get(LayoutNameCookie);
-    const isDebug = cookies().get(IsDebugCookie);
-    return /* @__PURE__ */ jsx(GomtmProvider, { backendUrl: backend, children: /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
-      [cookiesAtom, cookiesStr],
-      [layoutNameAtom, layoutName],
-      [isDebugAtom, isDebug]
-    ], children }) });
+    const layoutName = (_a = cookies().get(LayoutNameCookie)) == null ? void 0 : _a.value;
+    const isDebug = !!((_b = cookies().get(IsDebugCookie)) == null ? void 0 : _b.value);
+    return /* @__PURE__ */ jsx(
+      GomtmProvider,
+      {
+        backendUrl: backend,
+        isDebug,
+        layoutName,
+        children: /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
+          [cookiesAtom, cookiesStr]
+          // [layoutNameAtom, layoutName],
+        ], children })
+      }
+    );
   });
 }
 export {

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
 import { Transport } from '@connectrpc/connect';
 export declare const mtmAppStore: {
     get: <Value>(atom: import("jotai").Atom<Value>) => Value;
@@ -47,19 +47,24 @@ export declare const gomtmBaseUrlAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };
 export declare const cookiesAtom: import("jotai").WritableAtom<string | undefined, [value: string], void>;
-export declare const isDebugValueAtom: import("jotai").PrimitiveAtom<boolean> & {
-    init: boolean;
-};
-export declare const isDebugAtom: import("jotai").WritableAtom<boolean, [value: boolean], void>;
 export declare const transportAtom: import("jotai").Atom<Transport>;
 interface GomtmAppProps {
     backendUrl?: string | null;
-}
-interface IAppContext {
-    hostname?: string | null;
+    isDebug?: boolean;
+    layoutName?: string;
 }
 export declare function GomtmProvider(props: {} & GomtmAppProps & PropsWithChildren): import("react").JSX.Element;
-export declare function useMtmApp(): IAppContext & GomtmAppProps;
+export declare function useMtmApp(): {
+    hostname?: string | null | undefined;
+    setIsDebug: Dispatch<SetStateAction<boolean>>;
+    setBackendUrl: Dispatch<SetStateAction<string | null | undefined>>;
+    setLayoutName: Dispatch<SetStateAction<string>>;
+    openLayoutSwitchDlg?: boolean | undefined;
+    setOpenLayoutSwitchDlg: Dispatch<SetStateAction<boolean>>;
+    backendUrl?: string | null | undefined;
+    isDebug?: boolean | undefined;
+    layoutName?: string | undefined;
+};
 export declare const useHostname: () => string;
 export declare const MtConnectProvider: (props: PropsWithChildren) => import("react").JSX.Element;
 export {};

package/dist/esm/providers/GomtmProvider.js

@@ -1,9 +1,24 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
 import { createConnectTransport } from "@connectrpc/connect-web";
 import { atom, createStore, useAtom } from "jotai";
-import { AtomsHydrator } from "mtxlib/jotai/jotai-helper";
 import { useHotkeys } from "react-hotkeys-hook";
 import { TransportProvider } from "../connectquery";
 import { anypbTypeReg } from "../messageTypeRegistry";
@@ -30,12 +45,6 @@ const cookiesAtom = atom((get) => {
 }, (_, set, value) => {
   set(cookiesValueAtom, value);
 });
-const isDebugValueAtom = atom(false);
-const isDebugAtom = atom((get) => {
-  return get(isDebugValueAtom);
-}, (_, set, value) => {
-  set(isDebugValueAtom, value);
-});
 const transportAtom = atom((get) => {
   const baseUrl = get(curd3BackendUrlAtom);
   const cookiesStr = get(cookiesAtom);
@@ -53,20 +62,30 @@ const transportAtom = atom((get) => {
 const AppContext = createContext(void 0);
 function GomtmProvider(props) {
   const { backendUrl, children } = props;
-  const [isDebug, setDebug] = useAtom(isDebugAtom);
+  const [_isDebug, setDebug] = useState(false);
+  const [_backendUrl, setBackendUrl] = useState(backendUrl);
+  const [_layoutName, setLayoutName] = useState("front");
+  const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useState(false);
   useHotkeys("alt+j", () => {
-    setDebug(!isDebug);
-  }, [isDebug, setDebug]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(AtomsHydrator, { atomValues: [
-    [gomtmBaseUrlAtom, backendUrl]
-  ], children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsx(MtReactQueryProvider, { children }) }) }) });
+    setDebug(!_isDebug);
+  }, [_isDebug, setDebug]);
+  return /* @__PURE__ */ jsx(AppContext.Provider, { value: {
+    isDebug: _isDebug,
+    setIsDebug: setDebug,
+    backendUrl,
+    setBackendUrl,
+    layoutName: _layoutName,
+    setLayoutName,
+    openLayoutSwitchDlg,
+    setOpenLayoutSwitchDlg
+  }, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsx(MtReactQueryProvider, { children }) }) });
 }
 function useMtmApp() {
   const mtappContext = useContext(AppContext);
   if (mtappContext === void 0) {
     throw new Error("useMtmApp must be used within a MtAppProvider");
   }
-  return mtappContext;
+  return __spreadValues({}, mtappContext);
 }
 const useHostname = () => {
   const { hostname } = useMtmApp();
@@ -87,8 +106,6 @@ export {
   MtConnectProvider,
   cookiesAtom,
   gomtmBaseUrlAtom,
-  isDebugAtom,
-  isDebugValueAtom,
   mtmAppStore,
   transportAtom,
   useHostname,

package/dist/esm/providers/logger.context.js

@@ -10,8 +10,6 @@ function LoggerProvider(props) {
     logger: _logger
   }, children });
 }
-const nonLogFn = () => {
-};
 function useLogger() {
   const context = useContext(LoggerContext);
   if (context === void 0) {