gomtm 0.0.254 → 0.0.256

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

@@ -1,11 +1,19 @@
 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 declare function DlgCurdDebugInfo(): import("react").JSX.Element;
+export declare const DlgCurdDebugInfoTriggerButton: () => import("react").JSX.Element | null;
+export {};

package/dist/esm/curd/CurdDetailProvider.js

@@ -1,33 +1,75 @@
 "use client";
-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";
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogTitle, 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 { useMtmApp } from "../providers/GomtmProvider";
-const curdDetailPageDataAtom = atom(void 0);
+import { useListView } from "./ListViewProvider";
+const CurdDetailContext = createContext(void 0);
 function CurdDetailProvider(props) {
-  const { children, methodGet, params } = props;
+  const { params, methodGet, children } = props;
+  const [curdDetailPageData, setCurdDetailPageData] = useState(null);
   const mtApp = useMtmApp();
-  const query = useSuspenseQuery(methodGet, params);
-  return /* @__PURE__ */ jsxs(ScopeAtomsHydrator, { atomValues: [
-    [curdDetailPageDataAtom, query.data]
-  ], children: [
+  return /* @__PURE__ */ jsxs(CurdDetailContext.Provider, { value: {
+    params,
+    methodGet,
+    curdDetailPageData,
+    setCurdDetailPageData
+  }, children: [
     children,
     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) }) })
   ] });
 };
+function DlgCurdDebugInfo() {
+  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 listView = useListView();
+  const mtApp = useMtmApp();
+  if (!mtApp.isDebug) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+    listView.setOpenDebug(true);
+  }, children: "DlgCurdDebug" }) });
+};
 export {
   CurdDetailProvider,
   DetailViewDataDlg,
-  curdDetailPageDataAtom
+  DlgCurdDebugInfo,
+  DlgCurdDebugInfoTriggerButton,
+  useDetail
 };

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

@@ -0,0 +1,29 @@
+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: {
+    methodList: MethodUnaryDescriptor<I, any>;
+    methodDelete: MethodUnaryDescriptor<any, any>;
+    methodCreate?: MethodUnaryDescriptor<any, any>;
+    slugPath?: string;
+} & PropsWithChildren): import("react").JSX.Element;
+export declare const useListView: () => {
+    methodList?: MethodUnaryDescriptor<any, any> | undefined;
+    methodDelete?: MethodUnaryDescriptor<any, any> | undefined;
+    methodCreate?: MethodUnaryDescriptor<any, any> | undefined;
+    slugPath?: string | undefined;
+    activateItem?: any;
+    params?: any;
+    openRemove?: boolean | undefined;
+    setOpenRemove?: Dispatch<SetStateAction<boolean>> | undefined;
+    openCreate?: boolean | undefined;
+    setOpenCreate?: Dispatch<SetStateAction<boolean>> | undefined;
+    setActivateItem?: Dispatch<any> | undefined;
+    openEdit?: boolean | undefined;
+    setOpenEdit?: Dispatch<SetStateAction<boolean>> | undefined;
+    openDebug?: boolean | undefined;
+    setOpenDebug?: Dispatch<SetStateAction<boolean>> | undefined;
+    setParams?: Dispatch<any> | undefined;
+};
+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/ListViewProvider.js

@@ -0,0 +1,180 @@
+"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;
+};
+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 { jsx, jsxs } from "react/jsx-runtime";
+import { Icons } from "mtxuilib/icons/icons";
+import { cn } from "mtxuilib/lib/utils";
+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 { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
+import { useMutation, useSuspenseInfiniteQuery } from "../connectquery";
+import { DlgCurdDebugInfo, DlgCurdDebugInfoTriggerButton } from "./CurdDetailProvider";
+import CurdCreatePanel, { CurdCreatePanelTriggerButton } from "./create/CurdCreatePanel";
+import CurdEditPanel, { CurdEditPanelTriggerButton } from "./edit/CurdEditPanel";
+import { ListItemView } from "./list-item/ListItem";
+import { ListLayout } from "./list-item/ListLayout";
+const commonListViewContext = createContext(void 0);
+function ListViewProvider(props) {
+  const { children, methodList, methodDelete, slugPath, methodCreate } = props;
+  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);
+  return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
+    methodList,
+    slugPath,
+    openRemove,
+    setOpenRemove,
+    methodDelete,
+    methodCreate,
+    openCreate,
+    setOpenCreate,
+    activateItem,
+    setActivateItem,
+    openEdit,
+    setOpenEdit,
+    openDebug,
+    setOpenDebug,
+    params,
+    setParams
+  }, children });
+}
+const useListView = () => {
+  const ctx = useContext(commonListViewContext);
+  return __spreadValues({}, ctx);
+};
+function CommonListView() {
+  const a = useListView();
+  const listQuery = useSuspenseInfiniteQuery(a.methodList, {
+    page: 1
+  }, {
+    pageParamKey: "pagination",
+    getNextPageParam: (res, b, c) => {
+      return {
+        page: ((c == null ? void 0 : c.page) || 0) + 1
+      };
+    }
+  });
+  if (!(listQuery == null ? void 0 : listQuery.data)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "w-full"
+          // 滚动设置
+          // " max-h-[700px] overflow-y-auto"
+        ),
+        children: listQuery.data.pages.map((page, i) => {
+          var _a;
+          if (page.error_code) {
+            return /* @__PURE__ */ jsx(MtUnaryCallErrorView, { unaryError: page }, i);
+          } else {
+            return /* @__PURE__ */ jsx(ListLayout, { layout: page.listLayout, children: (_a = page == null ? void 0 : page.items) == null ? void 0 : _a.map((item, j) => /* @__PURE__ */ jsx(ListItemView, { item }, `${i}-${j}`)) }, i);
+          }
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, { href: "#" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", children: "1" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", isActive: true, children: "2" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationLink, { href: "#", children: "3" }) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }),
+      /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, { href: "#" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1", children: /* @__PURE__ */ jsx(ListViewActions, {}) })
+  ] });
+}
+const PanelRemove = () => {
+  const listView = useListView();
+  const mutation = useMutation(listView.methodDelete);
+  return /* @__PURE__ */ jsx(Dialog, { open: listView.openRemove, onOpenChange: listView.setOpenRemove, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: "remove item" }),
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => __async(void 0, null, function* () {
+      var _a;
+      yield mutation.mutateAsync({
+        id: (_a = listView.activateItem) == null ? void 0 : _a.id
+      });
+      listView.setOpenRemove(false);
+    }), children: "ok" })
+  ] }) });
+};
+const PanelCreate = () => {
+  const listView = useListView();
+  return /* @__PURE__ */ jsx(Dialog, { open: listView.openCreate, onOpenChange: listView.setOpenCreate, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: "TODO create item Dlg" }),
+    /* @__PURE__ */ jsx(MtButton, { onClick: () => __async(void 0, null, function* () {
+      listView.setOpenCreate(false);
+    }), children: "ok" })
+  ] }) });
+};
+const ListViewActions = () => {
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(MtButton, { variant: "ghost", className: "m-0 flex h-10 w-10 items-center justify-center border p-0 shadow-sm backdrop-blur", children: /* @__PURE__ */ jsx(Icons.ellipsis, {}) }) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { className: "w-56", children: [
+      /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuGroup, { children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx(PanelRemove, {}),
+        /* @__PURE__ */ jsx(PanelCreate, {}),
+        /* @__PURE__ */ jsx(DlgCurdDebugInfo, {}),
+        /* @__PURE__ */ jsx(CurdCreatePanel, {}),
+        /* @__PURE__ */ jsx(CurdEditPanel, {}),
+        /* @__PURE__ */ jsxs("div", { className: "bg-yellow-100 p-2", children: [
+          /* @__PURE__ */ jsx(DlgCurdDebugInfoTriggerButton, {}),
+          /* @__PURE__ */ jsx(CurdEditPanelTriggerButton, {}),
+          /* @__PURE__ */ jsx(CurdCreatePanelTriggerButton, {})
+        ] })
+      ] }) }) }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {})
+    ] })
+  ] });
+};
+export {
+  CommonListView,
+  ListViewActions,
+  ListViewProvider,
+  useListView
+};

package/dist/esm/curd/create/CurdCreatePanel.js

@@ -1,11 +1,9 @@
 "use client";
 import { Fragment, jsx } from "react/jsx-runtime";
-import { useMtRouter } from "mtxuilib/hooks/use-router";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useListView } from "../CommonListViewV2";
+import { useListView } from "../ListViewProvider";
 function CurdCreatePanel() {
-  const router = useMtRouter();
   const listView = useListView();
   return /* @__PURE__ */ jsx(Dialog, { open: listView.openCreate, onOpenChange: listView.setOpenCreate, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Create " }) }) });
 }

package/dist/esm/curd/edit/CurdEditPanel.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useListView } from "../CommonListViewV2";
+import { useListView } from "../ListViewProvider";
 function CurdEditPanel() {
   const listView = useListView();
   return /* @__PURE__ */ jsx(Dialog, { open: listView.openEdit, onOpenChange: listView.setOpenEdit, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }) }) });

package/dist/esm/curd/list-item/CommonListItemView.js

@@ -7,7 +7,7 @@ import { buttonVariants } from "mtxuilib/ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { DropdownMenuItemLink } from "mtxuilib/ui/ui-mt/DropdownMenuItemLink";
-import { useListView } from "../CommonListViewV2";
+import { useListView } from "../ListViewProvider";
 const CommonListItemView = (props) => {
   const { item } = props;
   const handleSelect = () => {

package/dist/esm/curd/list-item/PostCardListItem.js

@@ -6,7 +6,7 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 import { Icons } from "mtxuilib/icons/icons";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { DropdownMenuItemLink } from "mtxuilib/ui/ui-mt/DropdownMenuItemLink";
-import { useListView } from "../CommonListViewV2";
+import { useListView } from "../ListViewProvider";
 const PostCardListItem = (props) => {
   var _a;
   const { item } = props;

package/dist/esm/ly/LayoutBase.js

@@ -38,7 +38,7 @@ const LzHelloLazyLayout = dynamic(() => import("./Lazy").then((x) => x.HelloLazy
 });
 const LayoutBase = (props) => {
   const { layoutName, children } = props;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
     layoutName == "front" ? /* @__PURE__ */ jsx(FrontLayout, { children }) : layoutName == "dash5" ? /* @__PURE__ */ jsx(LzDash5, { children }) : layoutName == "debug" ? /* @__PURE__ */ jsx(LzDebugLayout, { children }) : (
       // layoutName == "demo1" ? <LzDemo>{children}</LzDemo> :
       layoutName == "demo1" ? /* @__PURE__ */ jsx(Demo1Layout, { children }) : layoutName == "default" ? /* @__PURE__ */ jsx(Fragment, { children }) : children
@@ -57,7 +57,7 @@ const LayoutBase = (props) => {
     /* @__PURE__ */ jsx(TailwindIndicator, {}),
     /* @__PURE__ */ jsx(AppMetaRender, {}),
     /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(LayoutSwitchDlg, {}) })
-  ] }) }) });
+  ] }) });
 };
 const LayoutSwitchDlg = () => {
   const mtapp = useMtmApp();

package/dist/esm/providers/GomtmAppSS.js

@@ -19,11 +19,10 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 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 { ssrGetBackendUrl } from "../mtmFetcher";
-import { GomtmProvider, cookiesAtom } from "./GomtmProvider";
+import { GomtmProvider } from "./GomtmProvider";
 function GomtmAppSS(props) {
   return __async(this, null, function* () {
     var _a, _b;
@@ -41,10 +40,8 @@ function GomtmAppSS(props) {
         backendUrl: backend,
         isDebug,
         layoutName,
-        children: /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
-          [cookiesAtom, cookiesStr]
-          // [layoutNameAtom, layoutName],
-        ], children })
+        cookieStr: cookiesStr || "",
+        children
       }
     );
   });

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

@@ -1,57 +1,13 @@
 import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
-import { Transport } from '@connectrpc/connect';
-export declare const mtmAppStore: {
-    get: <Value>(atom: import("jotai").Atom<Value>) => Value;
-    set: <Value_1, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value_1, Args, Result>, ...args: Args) => Result;
-    sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
-} & Partial<{
-    dev_subscribe_store: (l: (action: {
-        type: "write";
-        flushed: Set<import("jotai").Atom<unknown>>;
-    } | {
-        type: "async-write";
-        flushed: Set<import("jotai").Atom<unknown>>;
-    } | {
-        type: "sub";
-        flushed: Set<import("jotai").Atom<unknown>>;
-    } | {
-        type: "unsub";
-    } | {
-        type: "restore";
-        flushed: Set<import("jotai").Atom<unknown>>;
-    }) => void, rev: 2) => () => void;
-    dev_get_mounted_atoms: () => IterableIterator<import("jotai").Atom<unknown>>;
-    dev_get_atom_state: (a: import("jotai").Atom<unknown>) => ({
-        d: Map<import("jotai").Atom<unknown>, any & ({
-            e: unknown;
-        } | {
-            v: unknown;
-        })>;
-    } & ({
-        e: unknown;
-    } | {
-        v: unknown;
-    })) | undefined;
-    dev_get_mounted: (a: import("jotai").Atom<unknown>) => {
-        l: Set<() => void>;
-        t: Set<import("jotai").Atom<unknown>>;
-        u?: (() => void) | undefined;
-    } | undefined;
-    dev_restore_atoms: (values: Iterable<readonly [import("jotai").Atom<unknown>, unknown]>) => void;
-}>;
 export type ActionHandler = (props: {
     action: string;
     values?: any;
 }) => void;
-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 transportAtom: import("jotai").Atom<Transport>;
 interface GomtmAppProps {
     backendUrl?: string | null;
     isDebug?: boolean;
     layoutName?: string;
+    cookieStr?: string;
 }
 export declare function GomtmProvider(props: {} & GomtmAppProps & PropsWithChildren): import("react").JSX.Element;
 export declare function useMtmApp(): {
@@ -61,9 +17,11 @@ export declare function useMtmApp(): {
     setLayoutName: Dispatch<SetStateAction<string>>;
     openLayoutSwitchDlg?: boolean | undefined;
     setOpenLayoutSwitchDlg: Dispatch<SetStateAction<boolean>>;
+    setCookieStr: Dispatch<SetStateAction<string>>;
     backendUrl?: string | null | undefined;
     isDebug?: boolean | undefined;
     layoutName?: string | undefined;
+    cookieStr?: string | undefined;
 };
 export declare const useHostname: () => string;
 export declare const MtConnectProvider: (props: PropsWithChildren) => import("react").JSX.Element;

package/dist/esm/providers/GomtmProvider.js

@@ -16,49 +16,13 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import { jsx } from "react/jsx-runtime";
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useMemo, useState } from "react";
 import { createConnectTransport } from "@connectrpc/connect-web";
-import { atom, createStore, useAtom } from "jotai";
 import { useHotkeys } from "react-hotkeys-hook";
 import { TransportProvider } from "../connectquery";
 import { anypbTypeReg } from "../messageTypeRegistry";
 import { gomtmFetcher } from "../mtmFetcher";
 import { MtReactQueryProvider } from "./ReactQueryProvider";
-const mtmAppStore = createStore();
-const gomtmBaseUrlAtom = atom("");
-const curd3BackendUrlAtom = atom((get) => {
-  const value1 = get(gomtmBaseUrlAtom);
-  console.log("curd3BackendUrlAtom", value1);
-  if (value1) {
-    return value1;
-  }
-  if (typeof window == "undefined") {
-    console.log("get gomtm backendurl(SSR)", process.env.MTM_BACKEND);
-    return process.env.MTM_BACKEND || "";
-  }
-  return "";
-});
-const cookiesValueAtom = atom(void 0);
-const cookiesAtom = atom((get) => {
-  const v = get(cookiesValueAtom);
-  return v;
-}, (_, set, value) => {
-  set(cookiesValueAtom, value);
-});
-const transportAtom = atom((get) => {
-  const baseUrl = get(curd3BackendUrlAtom);
-  const cookiesStr = get(cookiesAtom);
-  const baseApiUrl = new URL("/api", baseUrl).toString();
-  return createConnectTransport({
-    baseUrl: baseApiUrl,
-    fetch: gomtmFetcher({
-      cookieStr: cookiesStr
-    }),
-    jsonOptions: {
-      typeRegistry: anypbTypeReg
-    }
-  });
-});
 const AppContext = createContext(void 0);
 function GomtmProvider(props) {
   const { backendUrl, children } = props;
@@ -66,6 +30,7 @@ function GomtmProvider(props) {
   const [_backendUrl, setBackendUrl] = useState(backendUrl);
   const [_layoutName, setLayoutName] = useState("front");
   const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useState(false);
+  const [_cookieStr, setCookieStr] = useState("");
   useHotkeys("alt+j", () => {
     setDebug(!_isDebug);
   }, [_isDebug, setDebug]);
@@ -77,7 +42,9 @@ function GomtmProvider(props) {
     layoutName: _layoutName,
     setLayoutName,
     openLayoutSwitchDlg,
-    setOpenLayoutSwitchDlg
+    setOpenLayoutSwitchDlg,
+    cookieStr: _cookieStr,
+    setCookieStr
   }, children: /* @__PURE__ */ jsx(MtConnectProvider, { children: /* @__PURE__ */ jsx(MtReactQueryProvider, { children }) }) });
 }
 function useMtmApp() {
@@ -98,16 +65,24 @@ const useHostname = () => {
 };
 const MtConnectProvider = (props) => {
   const { children } = props;
-  const [transport] = useAtom(transportAtom);
+  const mtapp = useMtmApp();
+  const transport = useMemo(() => {
+    const baseApiUrl = new URL("/api", mtapp.backendUrl || "").toString();
+    return createConnectTransport({
+      baseUrl: baseApiUrl,
+      fetch: gomtmFetcher({
+        cookieStr: mtapp.cookieStr
+      }),
+      jsonOptions: {
+        typeRegistry: anypbTypeReg
+      }
+    });
+  }, [mtapp.backendUrl, mtapp.cookieStr]);
   return /* @__PURE__ */ jsx(TransportProvider, { transport, children });
 };
 export {
   GomtmProvider,
   MtConnectProvider,
-  cookiesAtom,
-  gomtmBaseUrlAtom,
-  mtmAppStore,
-  transportAtom,
   useHostname,
   useMtmApp
 };