gomtm 0.0.251 → 0.0.252

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

@@ -1,7 +1,6 @@
 import { Message } from "@bufbuild/protobuf";
-import { PropsWithChildren } from "react";
+import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 import { MethodUnaryDescriptor } from "../connectquery";
-export declare const curdSlugPathAtom: import("jotai").Atom<string>;
 export declare const exampleListItemValueComponent: import("jotai").PrimitiveAtom<any> & {
     init: any;
 };
@@ -12,5 +11,21 @@ export declare function CommonListViewProvider<I extends Message<I>, O extends M
     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;
+    openEdit?: boolean | undefined;
+    openDebug?: boolean | undefined;
+    openRemove?: boolean | undefined;
+    setOpenRemove?: Dispatch<SetStateAction<boolean>> | undefined;
+    openCreate?: boolean | undefined;
+    setOpenCreate?: Dispatch<SetStateAction<boolean>> | undefined;
+    setActivateItem?: Dispatch<any> | undefined;
+    setOpenEdit?: Dispatch<SetStateAction<boolean>> | undefined;
+    setOpenDebug?: Dispatch<SetStateAction<boolean>> | 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/CommonListViewV2.js

@@ -1,4 +1,20 @@
 "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) => {
@@ -20,33 +36,22 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { jsx, jsxs } from "react/jsx-runtime";
-import { atom, useAtom } from "jotai";
+import { atom } from "jotai";
 import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
-import { DebugAtomValue } from "mtxuilib/common/devtools/DebugAtomValue";
 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 } from "react";
+import { Suspense, createContext, useContext, useState } from "react";
 import { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
 import { useMutation, useSuspenseInfiniteQuery } from "../connectquery";
 import CurdCreatePanel, { CurdCreatePanelTriggerButton, openCurdCreatePanelAtom } from "./create/CurdCreatePanel";
-import { activateItemAtom, createMethodSigAtom, openCreatePanelAtom, openRemovePanelAtom, removeMethodSigAtom } from "./curd.atoms";
 import { DlgCurdDebugInfo, DlgCurdDebugInfoTriggerButton, openDlgCurdDebugInfoAtom } from "./dlg/DlgCurdDebugInfo";
-import CurdEditPanel, { CurdEditPanelTriggerButton, openCurdEditPanelAtom } from "./edit/CurdEditPanel";
+import CurdEditPanel, { CurdEditPanelTriggerButton } from "./edit/CurdEditPanel";
 import { ListItemView } from "./list-item/ListItem";
 import { ListLayout } from "./list-item/ListLayout";
-const listQueryAtom = atom(null);
-const curdSlugPathValueAtom = atom("");
-const curdSlugPathAtom = atom((get) => {
-  const value = get(curdSlugPathValueAtom);
-  if (value == "/") {
-    return "";
-  }
-  return value || "";
-});
 const exampleListItemValueComponent = atom(void 0);
 const exampleListItemComponent = atom((get) => {
   const v = get(exampleListItemValueComponent);
@@ -57,34 +62,50 @@ const exampleListItemComponent = atom((get) => {
     return /* @__PURE__ */ jsx("div", { children: "missing exampleListItemComponent" });
   };
 });
+const commonListViewContext = createContext(void 0);
 function CommonListViewProvider(props) {
   const { children, methodList, methodDelete, slugPath, methodCreate } = props;
-  const listquery = useSuspenseInfiniteQuery(methodList, {
-    //@ts-expect-error
+  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);
+  return /* @__PURE__ */ jsx(commonListViewContext.Provider, { value: {
+    methodList,
+    slugPath,
+    openRemove,
+    setOpenRemove,
+    methodDelete,
+    methodCreate,
+    openCreate,
+    setOpenCreate,
+    activateItem,
+    setActivateItem,
+    openEdit,
+    setOpenEdit,
+    openDebug,
+    setOpenDebug
+  }, children: /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
+    [openDlgCurdDebugInfoAtom, false],
+    [openCurdCreatePanelAtom, false]
+  ], 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 {
-        //@ts-expect-error
         page: ((c == null ? void 0 : c.page) || 0) + 1
       };
     }
   });
-  return /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
-    [listQueryAtom, listquery],
-    [curdSlugPathValueAtom, slugPath],
-    [removeMethodSigAtom, methodDelete],
-    [createMethodSigAtom, methodCreate],
-    [openRemovePanelAtom, false],
-    [openCreatePanelAtom, false],
-    [openDlgCurdDebugInfoAtom, false],
-    [openCurdEditPanelAtom, false],
-    [openCurdCreatePanelAtom, false]
-  ], children });
-}
-function CommonListView() {
-  const [listQuery, setListQuery] = useAtom(listQueryAtom);
   if (!(listQuery == null ? void 0 : listQuery.data)) {
     return null;
   }
@@ -119,29 +140,25 @@ function CommonListView() {
   ] });
 }
 const PanelRemove = () => {
-  const [activateItem] = useAtom(activateItemAtom);
-  const [removeMeghodSig] = useAtom(removeMethodSigAtom);
-  const [openRemovePanel, setOpenRemovePanel] = useAtom(openRemovePanelAtom);
-  const mutation = useMutation(removeMeghodSig);
-  return /* @__PURE__ */ jsx(Dialog, { open: openRemovePanel, onOpenChange: setOpenRemovePanel, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  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: activateItem.id
+        id: (_a = listView.activateItem) == null ? void 0 : _a.id
       });
-      setOpenRemovePanel(false);
-    }), children: "ok" }),
-    /* @__PURE__ */ jsx(DebugAtomValue, { title: "removeMeghodSigAtom", atom: removeMethodSigAtom }),
-    /* @__PURE__ */ jsx(DebugAtomValue, { title: "activateItemAtom", atom: activateItemAtom })
+      listView.setOpenRemove(false);
+    }), children: "ok" })
   ] }) });
 };
 const PanelCreate = () => {
-  const [removeMeghodSig] = useAtom(removeMethodSigAtom);
-  const [openCreatePanel, setOpenCreatePanel] = useAtom(openCreatePanelAtom);
-  return /* @__PURE__ */ jsx(Dialog, { open: openCreatePanel, onOpenChange: setOpenCreatePanel, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+  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* () {
-      setOpenCreatePanel(false);
+      listView.setOpenCreate(false);
     }), children: "ok" })
   ] }) });
 };
@@ -171,7 +188,7 @@ export {
   CommonListView,
   CommonListViewProvider,
   ListViewActions,
-  curdSlugPathAtom,
   exampleListItemComponent,
-  exampleListItemValueComponent
+  exampleListItemValueComponent,
+  useListView
 };

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

@@ -1,24 +1,8 @@
 import { AnyMessage, PlainMessage } from "@bufbuild/protobuf";
 import { CommontListRes } from "../gomtmpb/mtm/sppb/mtm_pb";
-export declare const curdActivateIdAtom: import("jotai").PrimitiveAtom<string> & {
-    init: string;
-};
 export declare const curd3ListParamsAtom: import("jotai").PrimitiveAtom<PlainMessage<AnyMessage>> & {
     init: PlainMessage<AnyMessage>;
 };
-export declare const activateItemValueAtom: import("jotai").PrimitiveAtom<any> & {
-    init: any;
-};
-export declare const activateItemAtom: import("jotai").WritableAtom<any, [value: any], void>;
-export declare const paramsAtom: import("jotai").Atom<any>;
-export declare const removeMethodSigAtom: import("jotai").PrimitiveAtom<any> & {
-    init: any;
-};
-export declare const openRemovePanelAtom: import("jotai").WritableAtom<boolean, [value: boolean], void>;
-export declare const createMethodSigAtom: import("jotai").PrimitiveAtom<any> & {
-    init: any;
-};
-export declare const openCreatePanelAtom: import("jotai").WritableAtom<boolean, [value: boolean], void>;
 export declare const curdPathAtom: import("jotai").PrimitiveAtom<string> & {
     init: string;
 };

package/dist/esm/curd/curd.atoms.js

@@ -24,37 +24,7 @@ import { usePathname } from "next/navigation";
 import { useMemo } from "react";
 import { CommontListRes } from "../gomtmpb/mtm/sppb/mtm_pb";
 import { gomtmBaseUrlAtom } from "../providers/GomtmProvider";
-const curdActivateIdAtom = atom("");
 const curd3ListParamsAtom = atom({});
-const activateItemValueAtom = atom(void 0);
-const activateItemAtom = atom((get) => {
-  const v = get(activateItemValueAtom);
-  return v;
-}, (_, set, value) => {
-  if (value == null ? void 0 : value.id) {
-    set(curdActivateIdAtom, value.id);
-  }
-  set(activateItemValueAtom, value);
-});
-const paramsValueAtom = atom(void 0);
-const paramsAtom = atom((get) => {
-  const v = get(paramsValueAtom);
-  return v;
-});
-const removeMethodSigAtom = atom(void 0);
-const openRemovePanelValueAtom = atom(false);
-const openRemovePanelAtom = atom((get) => {
-  return get(openRemovePanelValueAtom);
-}, (_, set, value) => {
-  set(openRemovePanelValueAtom, value);
-});
-const createMethodSigAtom = atom(void 0);
-const openCreatePanelValueAtom = atom(false);
-const openCreatePanelAtom = atom((get) => {
-  return get(openCreatePanelValueAtom);
-}, (_, set, value) => {
-  set(openCreatePanelValueAtom, value);
-});
 const curdPathAtom = atom("");
 const curd3ItemsV2Atom = atom((get) => __async(void 0, null, function* () {
   const slugPath = get(curdPathAtom);
@@ -77,16 +47,8 @@ const useCurdSlugName = () => {
   return nameSlug;
 };
 export {
-  activateItemAtom,
-  activateItemValueAtom,
-  createMethodSigAtom,
   curd3ItemsV2Atom,
   curd3ListParamsAtom,
-  curdActivateIdAtom,
   curdPathAtom,
-  openCreatePanelAtom,
-  openRemovePanelAtom,
-  paramsAtom,
-  removeMethodSigAtom,
   useCurdSlugName
 };

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

@@ -1,25 +1,18 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { atom, useAtom } from "jotai";
-import { DebugAtomValue } from "mtxuilib/common/devtools/DebugAtomValue";
 import { flexRender } from "mtxuilib/lib/render";
 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";
-import { createMethodSigAtom, curdActivateIdAtom, removeMethodSigAtom } from "../curd.atoms";
 const openDlgCurdDebugInfoAtom = atom(false);
 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, {}),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(DebugAtomValue, { title: "curdActivateIdAtom", atom: curdActivateIdAtom }),
-      /* @__PURE__ */ jsx(DebugAtomValue, { title: "removeMethodSigAtom", atom: removeMethodSigAtom }),
-      /* @__PURE__ */ jsx(DebugAtomValue, { title: "createMethodSigAtom", atom: createMethodSigAtom })
-    ] })
+    Comp && flexRender(Comp, {})
   ] }) }) });
 }
 const DlgCurdDebugInfoTriggerButton = () => {

package/dist/esm/curd/edit/CurdEditPanel.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-export declare const openCurdEditPanelAtom: import("jotai").PrimitiveAtom<boolean> & {
-    init: boolean;
-};
 export default function CurdEditPanel(): import("react").JSX.Element;
 export declare const CurdEditPanelTriggerButton: () => import("react").JSX.Element;

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

@@ -1,28 +1,19 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { atom, useAtom } from "jotai";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-const openCurdEditPanelAtom = atom(false);
+import { useListView } from "../CommonListViewV2";
 function CurdEditPanel() {
-  const [openCurdEditPanel, setOpenCurdEditPanel] = useAtom(openCurdEditPanelAtom);
-  return /* @__PURE__ */ jsx(Dialog, { open: openCurdEditPanel, onOpenChange: setOpenCurdEditPanel, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }) }) });
+  const listView = useListView();
+  return /* @__PURE__ */ jsx(Dialog, { open: listView.openEdit, onOpenChange: listView.setOpenEdit, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogTitle, { children: " Edit " }) }) });
 }
 const CurdEditPanelTriggerButton = () => {
-  const [openCurdEditPanel, setOpenCurdEditPanel] = useAtom(openCurdEditPanelAtom);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("pre", { children: openCurdEditPanel }),
-    /* @__PURE__ */ jsxs(MtButton, { onClick: () => {
-      setOpenCurdEditPanel(true);
-    }, children: [
-      "Edit(",
-      JSON.stringify(openCurdEditPanel, null, 2),
-      ")"
-    ] })
-  ] });
+  const listView = useListView();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(MtButton, { onClick: () => {
+    listView.setOpenEdit(true);
+  }, children: "Edit" }) });
 };
 export {
   CurdEditPanelTriggerButton,
-  CurdEditPanel as default,
-  openCurdEditPanelAtom
+  CurdEditPanel as default
 };

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

@@ -1,6 +1,5 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAtom } from "jotai";
 import { MtLink } from "mtxuilib/common/mtlink";
 import { Icons } from "mtxuilib/icons/icons";
 import { cn } from "mtxuilib/lib/utils";
@@ -8,12 +7,12 @@ 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 { curdSlugPathAtom } from "../CommonListViewV2";
+import { useListView } from "../CommonListViewV2";
 const CommonListItemView = (props) => {
   const { item } = props;
   const handleSelect = () => {
   };
-  const [curdSlugPath] = useAtom(curdSlugPathAtom);
+  const listView = useListView();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -26,8 +25,8 @@ const CommonListItemView = (props) => {
         "flex  min-h-16 justify-start border p-4 text-left"
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxs(MtLink, { href: `${curdSlugPath}/${item.id}`, children: [
-          curdSlugPath,
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxs(MtLink, { href: `${listView.slugPath}/${item.id}`, children: [
+          listView.slugPath,
           item.title || item.id,
           item.description && /* @__PURE__ */ jsx("div", { children: item.description })
         ] }) }),
@@ -38,7 +37,7 @@ const CommonListItemView = (props) => {
 };
 const ListItemViewActions = (props) => {
   const { id } = props;
-  const [curdSlugPath] = useAtom(curdSlugPathAtom);
+  const listView = useListView();
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       MtButton,
@@ -52,9 +51,9 @@ const ListItemViewActions = (props) => {
       }
     ) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[160px]", children: [
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/show`, children: "show" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/edit`, children: "edit" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/listdebug`, children: "list debug" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/show`, children: "show" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/edit`, children: "edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/listdebug`, children: "list debug" }),
       /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
         "Delete",

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

@@ -1,42 +1,40 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useAtom } from "jotai";
 import { MtLink } from "mtxuilib/common/mtlink";
 import { cn } from "mtxuilib/lib/utils";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "mtxuilib/ui/card";
 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 { curdSlugPathAtom } from "../CommonListViewV2";
-import { activateItemAtom, openCreatePanelAtom, openRemovePanelAtom, removeMethodSigAtom } from "../curd.atoms";
+import { useListView } from "../CommonListViewV2";
 const PostCardListItem = (props) => {
+  var _a;
   const { item } = props;
-  const [activateItem, setActivateItem] = useAtom(activateItemAtom);
-  const [curdSlugPath] = useAtom(curdSlugPathAtom);
+  const listView = useListView();
   return /* @__PURE__ */ jsxs(
     Card,
     {
       className: cn(
         "m-2 w-[350px]",
-        item.id == (activateItem == null ? void 0 : activateItem.id) && " p-2 shadow-md"
+        item.id == ((_a = listView.activateItem) == null ? void 0 : _a.id) && " p-2 shadow-md"
       ),
       onClick: () => {
-        setActivateItem(item);
+        listView.setActivateItem(item);
       },
       children: [
         /* @__PURE__ */ jsxs(CardHeader, { children: [
-          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `${curdSlugPath}/${item.id}`, className: "pb-4 text-3xl font-bold hover:text-gray-700", children: item == null ? void 0 : item.title }) }),
+          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `${listView.slugPath}/${item.id}`, className: "pb-4 text-3xl font-bold hover:text-gray-700", children: item == null ? void 0 : item.title }) }),
           /* @__PURE__ */ jsx(CardDescription, { children: "Deploy your new project in one-click." })
         ] }),
         /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("article", { className: "my-4 flex flex-col", children: [
           /* @__PURE__ */ jsx(MtLink, {
-            href: `${curdSlugPath}/${item.id}`,
+            href: `${listView.slugPath}/${item.id}`,
             className: "hover:opacity-75",
             // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text
             children: item.topImage && /* @__PURE__ */ jsx("img", { src: item.topImage, alt: item.title })
           }),
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-start bg-white p-6", children: [
-            /* @__PURE__ */ jsx(MtLink, { href: `${curdSlugPath}/${item.id}`, className: "pb-4 text-sm font-bold uppercase text-blue-700", children: item.category || "news" }),
+            /* @__PURE__ */ jsx(MtLink, { href: `${listView.slugPath}/${item.id}`, className: "pb-4 text-sm font-bold uppercase text-blue-700", children: item.category || "news" }),
             /* @__PURE__ */ jsxs("p", { className: "pb-3 text-sm", children: [
               "By ",
               /* @__PURE__ */ jsx(MtLink, { href: "#", children: item.author }),
@@ -46,7 +44,7 @@ const PostCardListItem = (props) => {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-end", children: [
-          /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `${curdSlugPath}/${item.id}`, children: "Show" }),
+          /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `${listView.slugPath}/${item.id}`, children: "Show" }),
           /* @__PURE__ */ jsx(PostCardItemActions, { id: item.id })
         ] })
       ]
@@ -55,15 +53,12 @@ const PostCardListItem = (props) => {
 };
 const PostCardItemActions = (props) => {
   const { id } = props;
-  const [curdSlugPath] = useAtom(curdSlugPathAtom);
-  const [deleteMethod] = useAtom(removeMethodSigAtom);
-  const [openRemovePanel, setOpenRemovePanel] = useAtom(openRemovePanelAtom);
-  const [openCreatePanel, setOpenCreatePanel] = useAtom(openCreatePanelAtom);
+  const listView = useListView();
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
     /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       MtLink,
       {
-        href: `${curdSlugPath}/${id}`,
+        href: `${listView.slugPath}/${id}`,
         variant: "ghost",
         className: "data-[state=open]:bg-muted flex size-8 p-0",
         children: [
@@ -77,18 +72,18 @@ const PostCardItemActions = (props) => {
         DropdownMenuItem,
         {
           onClick: () => {
-            setOpenCreatePanel(true);
+            listView.setOpenCreate(true);
           },
           children: "create"
         }
       ),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/create`, children: "create" }),
-      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/edit/${id}`, children: "edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/create`, children: "create" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${listView.slugPath}/edit/${id}`, children: "edit" }),
       /* @__PURE__ */ jsx(
         DropdownMenuItem,
         {
           onClick: () => {
-            setOpenRemovePanel(true);
+            listView.setOpenRemove(true);
           },
           children: "remove"
         }

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

@@ -11,6 +11,9 @@ export declare const LzDebugLayout: import("react").ComponentType<{
 export declare const LzFrontLayout: import("react").ComponentType<{
     children?: import("react").ReactNode;
 }>;
+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;

package/dist/esm/ly/LayoutBase.js

@@ -2,7 +2,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { atom, useAtom } from "jotai";
-import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
 import { TailwindIndicator } from "mtxuilib/common/tailwind-indicator";
 import { AppMetaRender } from "mtxuilib/store/AppMetaRender";
 import { Dialog, DialogContent, DialogTitle } from "mtxuilib/ui/dialog";
@@ -13,7 +12,8 @@ import dynamic from "next/dynamic";
 import { Suspense } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
-import { DebugLayout } from "./debug-layout";
+import { Demo1Layout } from "./demo-layout";
+import { FrontLayout } from "./front-layout";
 const ALL_Layouts = [
   "demo1",
   "dash5",
@@ -33,6 +33,9 @@ const LzDebugLayout = dynamic(() => import("./debug-layout").then((x) => x.Debug
 const LzFrontLayout = dynamic(() => import("./front-layout").then((x) => x.FrontLayout), {
   ssr: true
 });
+const LzHelloLazyLayout = dynamic(() => import("./Lazy").then((x) => x.HelloLazyLayout), {
+  ssr: true
+});
 const layoutNameValueAtom = atom("");
 const layoutNameAtom = atom((get) => {
   return get(layoutNameValueAtom);
@@ -42,36 +45,26 @@ const layoutNameAtom = atom((get) => {
 const openLayoutSwitchDlgAtom = atom(false);
 const LayoutBase = (props) => {
   const { layoutName, children } = props;
-  return /* @__PURE__ */ jsx(ScopeAtomsHydrator, { atomValues: [
-    [layoutNameAtom, layoutName],
-    [openLayoutSwitchDlgAtom, false]
-  ], children: /* @__PURE__ */ jsx(LayoutRender, { children }) });
-};
-const LayoutRender = (props) => {
-  const { children } = props;
-  const [layoutName, setLayoutName] = useAtom(layoutNameAtom);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 0, children: [
-      /* @__PURE__ */ jsx("div", { children: layoutName }),
-      /* @__PURE__ */ jsx("div", {}),
-      /* @__PURE__ */ jsx(DebugLayout, {}),
-      /* @__PURE__ */ jsx(LzDebugLayout, { children }),
-      /* @__PURE__ */ jsx(
-        ProgressBar,
-        {
-          height: "4px",
-          color: "#4934eb",
-          options: { showSpinner: false },
-          shallowRouting: true
-        }
-      ),
-      /* @__PURE__ */ jsx(ReactQueryDevtools, {}),
-      /* @__PURE__ */ jsx(Toaster, {}),
-      /* @__PURE__ */ jsx(TailwindIndicator, {})
-    ] }),
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__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
+    ),
+    /* @__PURE__ */ jsx(
+      ProgressBar,
+      {
+        height: "4px",
+        color: "#4934eb",
+        options: { showSpinner: false },
+        shallowRouting: true
+      }
+    ),
+    /* @__PURE__ */ jsx(ReactQueryDevtools, {}),
+    /* @__PURE__ */ jsx(Toaster, {}),
+    /* @__PURE__ */ jsx(TailwindIndicator, {}),
     /* @__PURE__ */ jsx(AppMetaRender, {}),
     /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(LayoutSwitchDlg, {}) })
-  ] });
+  ] }) }) });
 };
 const LayoutSwitchDlg = () => {
   const [openLayoutSwitchDlg, setOpenLayoutSwitchDlg] = useAtom(openLayoutSwitchDlgAtom);
@@ -98,5 +91,6 @@ export {
   LzDebugLayout,
   LzDemo,
   LzFrontLayout,
+  LzHelloLazyLayout,
   layoutNameAtom
 };

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

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

package/dist/esm/ly/Lazy.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const HelloLazyLayout = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h1", { children: "HelloLazyLayout" }),
+    children
+  ] });
+};
+export {
+  HelloLazyLayout
+};

package/dist/esm/ly/debug-layout/index.js

@@ -1,8 +1,11 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 const DebugLayout = (props) => {
   const { children } = props;
-  return /* @__PURE__ */ jsx("div", { className: "border bg-slate-200 p-2", children });
+  return /* @__PURE__ */ jsxs("div", { className: "border bg-slate-200 p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "debug" }),
+    children
+  ] });
 };
 export {
   DebugLayout