gomtm 0.0.192 → 0.0.194

package/dist/esm/components/blog/PostCard.js

@@ -2,9 +2,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAtom } from "jotai";
 import { MtLink } from "mtxuilib/common/mtlink";
+import { flexRender } from "mtxuilib/lib/render";
 import { cn } from "mtxuilib/lib/utils";
 import { useDebug } from "mtxuilib/store/app.atoms";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "mtxuilib/ui/card";
+import { exampleListItemComponent } from "../../curd/CommonListViewV2";
 import { curdActivateIdAtom, curdDashPathPrefixAtom } from "../../curd/curd.atoms";
 import { BlogPostItemActions } from "./BlogPostActions";
 const PostCard = (props) => {
@@ -12,6 +14,7 @@ const PostCard = (props) => {
   const debug = useDebug();
   const [curdActivateId, setcurdActivateId] = useAtom(curdActivateIdAtom);
   const [dashPrefix] = useAtom(curdDashPathPrefixAtom);
+  const [Comp] = useAtom(exampleListItemComponent);
   return /* @__PURE__ */ jsxs(
     Card,
     {
@@ -47,7 +50,8 @@ const PostCard = (props) => {
         ] }) }),
         /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-end", children: [
           /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `/post/${item.id}`, children: "Show" }),
-          /* @__PURE__ */ jsx(BlogPostItemActions, { postId: item.id })
+          /* @__PURE__ */ jsx(BlogPostItemActions, { postId: item.id }),
+          Comp ? flexRender(Comp, {}) : /* @__PURE__ */ jsx("div", { children: "no comp" })
         ] })
       ]
     }

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

@@ -2,6 +2,10 @@ import { Message } from "@bufbuild/protobuf";
 import { PropsWithChildren } from "react";
 import { MethodUnaryDescriptor } from "../connectquery";
 export declare const curdSlugPathAtom: import("jotai").Atom<string>;
+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>;
     slugPath?: string;

package/dist/esm/curd/CommonListViewV2.js

@@ -6,8 +6,8 @@ import { cn } from "mtxuilib/lib/utils";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "mtxuilib/ui/pagination";
 import { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
 import { useSuspenseInfiniteQuery } from "../connectquery";
-import { ListViewLayout } from "../gomtmpb/mtm/sppb/mtm_pb";
 import { ListItemView } from "./list-item/ListItem";
+import { ListLayout } from "./list-item/ListLayout";
 const listQueryAtom = atom(null);
 const curdSlugPathValueAtom = atom("");
 const curdSlugPathAtom = atom((get) => {
@@ -17,6 +17,16 @@ const curdSlugPathAtom = atom((get) => {
   }
   return value || "";
 });
+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" });
+  };
+});
 function CommonListViewProvider(props) {
   const { children, methodList, slugPath } = props;
   const listquery = useSuspenseInfiniteQuery(methodList, {
@@ -71,21 +81,10 @@ function CommonListView() {
     /* @__PURE__ */ jsx("div", { className: "absolute right-1 top-1" })
   ] });
 }
-const ListLayout = (props) => {
-  const { children } = props;
-  switch (props.layout) {
-    case ListViewLayout.simple:
-      return /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1 rounded-md p-2 shadow-sm", children });
-    case ListViewLayout.grid:
-      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
-    case ListViewLayout.card:
-      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
-    default:
-      return children;
-  }
-};
 export {
   CommonListView,
   CommonListViewProvider,
-  curdSlugPathAtom
+  curdSlugPathAtom,
+  exampleListItemComponent,
+  exampleListItemValueComponent
 };

package/dist/esm/curd/curd-detail.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { atom, useAtom } from "jotai";
+import { atom } from "jotai";
 import { ScopeAtomsHydrator } from "mtxlib/jotai/jotai-helper";
 import { Icons } from "mtxuilib/icons/icons";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
@@ -21,7 +21,6 @@ function CurdViewDetailProvider(props) {
 }
 const CurdViewDetailDefault = () => {
   var _a, _b, _c, _d;
-  const [slugPath] = useAtom(curdDetailSlugAtom);
   const nameSlug = useCurdSlugName();
   const detailQuery = useSuspenseQuery(curdDetail, {
     slug: nameSlug

package/dist/esm/curd/list-item/CommonListItemView.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PlainMessage } from "@bufbuild/protobuf";
+import { CommonListItem } from "../../gomtmpb/mtm/sppb/mtm_pb";
+export declare const CommonListItemView: (props: {
+    item: PlainMessage<CommonListItem>;
+}) => import("react").JSX.Element;
+export declare const ListItemViewActions: (props: {
+    id: string;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,69 @@
+"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";
+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";
+const CommonListItemView = (props) => {
+  const { item } = props;
+  const handleSelect = () => {
+  };
+  const [curdSlugPath] = useAtom(curdSlugPathAtom);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": item.id,
+      onClick: handleSelect,
+      className: cn(
+        buttonVariants({
+          variant: "ghost"
+        }),
+        "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,
+          item.title || item.id,
+          item.description && /* @__PURE__ */ jsx("div", { children: item.description })
+        ] }) }),
+        /* @__PURE__ */ jsx(ListItemViewActions, { id: item.id })
+      ]
+    }
+  );
+};
+const ListItemViewActions = (props) => {
+  const { id } = props;
+  const [curdSlugPath] = useAtom(curdSlugPathAtom);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      MtButton,
+      {
+        variant: "ghost",
+        className: "data-[state=open]:bg-muted flex size-8 p-0",
+        children: [
+          /* @__PURE__ */ jsx(Icons.chevronRight, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Open menu" })
+        ]
+      }
+    ) }),
+    /* @__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(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+        "Delete",
+        /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u2318\u232B" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  CommonListItemView,
+  ListItemViewActions
+};

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

@@ -1,12 +1,7 @@
 "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 { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { useMemo } from "react";
-import { PostCard } from "../../components/blog/PostCard";
-import { curdPathAtom } from "../curd.atoms";
+import { jsx } from "react/jsx-runtime";
+import { CommonListItemView } from "./CommonListItemView";
+import { PostCardListItem } from "./PostCardListItem";
 const ListItemView = (props) => {
   var _a, _b;
   const { item } = props;
@@ -16,41 +11,13 @@ const ListItemView = (props) => {
       case "commonListItem":
         return /* @__PURE__ */ jsx(CommonListItemView, { item: item.item.value });
       case "postCard":
-        return /* @__PURE__ */ jsx(PostCard, { item: item.item.value });
+        return /* @__PURE__ */ jsx(PostCardListItem, { item: item.item.value });
       default:
         return /* @__PURE__ */ jsx("span", { className: "bg-red-600 p-2", children: "unknow list item type" });
     }
   }
   return null;
 };
-const CommonListItemView = (props) => {
-  const { item } = props;
-  const handleSelect = () => {
-  };
-  const [slugPath] = useAtom(curdPathAtom);
-  const slug = useMemo(() => {
-    const path2 = slugPath.split("/");
-    if (path2.length >= 2) {
-      return path2[2];
-    }
-  }, [slugPath]);
-  return /* @__PURE__ */ jsx(
-    MtButton,
-    {
-      variant: "ghost",
-      onClick: handleSelect,
-      className: cn(
-        "flex  min-h-16 justify-start border p-4 text-left"
-        // item.id == curd.activateId && " font-bold"
-      ),
-      "aria-label": item.id,
-      children: /* @__PURE__ */ jsxs(MtLink, { href: `/admin/${slug}/${item.id}`, children: [
-        item.title || item.id,
-        item.description && /* @__PURE__ */ jsx("div", { children: item.description })
-      ] })
-    }
-  );
-};
 export {
   ListItemView
 };

package/dist/esm/curd/list-item/ListLayout.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react/experimental" />
+import { PropsWithChildren } from "react";
+import { ListViewLayout } from "../../gomtmpb/mtm/sppb/mtm_pb";
+export declare const ListLayout: (props: {
+    layout: ListViewLayout;
+} & PropsWithChildren) => string | number | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<import("react").AwaitedReactNode> | null | undefined;

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

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ListViewLayout } from "../../gomtmpb/mtm/sppb/mtm_pb";
+const ListLayout = (props) => {
+  const { children } = props;
+  switch (props.layout) {
+    case ListViewLayout.simple:
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-1 rounded-md p-2 shadow-sm", children: [
+        /* @__PURE__ */ jsx("div", { children: "simple-list-layout" }),
+        children
+      ] });
+    case ListViewLayout.grid:
+      return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children: [
+        /* @__PURE__ */ jsx("div", { children: "grid-layout" }),
+        children
+      ] });
+    case ListViewLayout.card:
+      return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 grid-rows-3 gap-4 px-4 lg:grid-cols-3", children });
+    default:
+      return children;
+  }
+};
+export {
+  ListLayout
+};

package/dist/esm/curd/list-item/PostCardListItem.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { PostCardItem } from "../../gomtmpb/mtm/sppb/mtm_pb";
+export declare const PostCardListItem: (props: {
+    item: PostCardItem;
+}) => import("react").JSX.Element;
+export declare const PostCardItemActions: (props: {
+    postId: string;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,88 @@
+"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 { curdActivateIdAtom, curdDashPathPrefixAtom } from "../curd.atoms";
+import { Icons } from "mtxuilib/icons/icons";
+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";
+const PostCardListItem = (props) => {
+  const { item } = props;
+  const [curdActivateId, setcurdActivateId] = useAtom(curdActivateIdAtom);
+  const [dashPrefix] = useAtom(curdDashPathPrefixAtom);
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "m-2 w-[350px]",
+        item.id == curdActivateId && " p-2 shadow-md"
+      ),
+      onClick: () => {
+        setcurdActivateId(item.id);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `${dashPrefix}/post/${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: `/post/${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: `/post/${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 }),
+              ","
+            ] }),
+            /* @__PURE__ */ jsx("div", { children: item.excerpt })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(CardFooter, { className: "flex justify-end", children: [
+          /* @__PURE__ */ jsx(MtLink, { variant: "ghost", href: `/post/${item.id}`, children: "Show" }),
+          /* @__PURE__ */ jsx(PostCardItemActions, { postId: item.id })
+        ] })
+      ]
+    }
+  );
+};
+const PostCardItemActions = (props) => {
+  const { postId } = props;
+  const [curdSlugPath] = useAtom(curdSlugPathAtom);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      MtButton,
+      {
+        variant: "ghost",
+        className: "data-[state=open]:bg-muted flex size-8 p-0",
+        children: [
+          /* @__PURE__ */ jsx(Icons.chevronRight, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Open menu" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-[160px]", children: [
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/post/${postId}/create`, children: "create" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/post/show`, children: "show" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/edit`, children: "edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `${curdSlugPath}/listdebug`, children: "list debug" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+        "Delete",
+        /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u2318\u232B" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  PostCardItemActions,
+  PostCardListItem
+};