gomtm 0.0.174 → 0.0.175

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

@@ -1,37 +1,55 @@
 "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 { useDebug } from "mtxuilib/store/app.atoms";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "mtxuilib/ui/card";
+import { curdActivateIdAtom } from "../../curd/CurdListView";
 import { BlogPostItemActions } from "./BlogPostActions";
 const PostCard = (props) => {
   const { item } = props;
-  return /* @__PURE__ */ jsxs(Card, { className: "w-[350px]", children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `/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 }),
-          ","
+  const debug = useDebug;
+  const [curdActivateId, setcurdActivateId] = useAtom(curdActivateIdAtom);
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "w-[350px]",
+        item.id == curdActivateId && "bg-red-300 p-2"
+      ),
+      onClick: () => {
+        setcurdActivateId(item.id);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: /* @__PURE__ */ jsx(MtLink, { href: `/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("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(BlogPostItemActions, { postId: item.id })
-    ] })
-  ] });
+        /* @__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(BlogPostItemActions, { postId: item.id })
+        ] })
+      ]
+    }
+  );
 };
 export {
   PostCard

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

@@ -1,13 +1,7 @@
-import { Message, PlainMessage } from "@bufbuild/protobuf";
-import { ConnectError } from "@connectrpc/connect";
-import { InfiniteData, UseSuspenseInfiniteQueryResult } from "@tanstack/react-query";
+import { Message } from "@bufbuild/protobuf";
 import { PropsWithChildren } from "react";
 import { MethodUnaryDescriptor } from "../connectquery";
-import { MtmError } from "../gomtmpb/mtm/sppb/mtm_pb";
 export declare function CommonListViewProvider<I extends Message<I>, O extends Message<O>>(props: {
     methodList: MethodUnaryDescriptor<I, any>;
 } & PropsWithChildren): import("react").JSX.Element;
 export declare function CommonListView<I extends Message<I>, O extends Message<O>>(): import("react").JSX.Element | null;
-export declare function useCommonListView<T extends Message<T>>(): {
-    listQuery: UseSuspenseInfiniteQueryResult<InfiniteData<T & PlainMessage<MtmError>, unknown>, ConnectError> | null;
-};

package/dist/esm/curd/CommonListViewV2.js

@@ -79,14 +79,7 @@ const ListLayout = (props) => {
       return children;
   }
 };
-function useCommonListView() {
-  const [listQuery, setListQuery] = useAtom(listQueryAtom);
-  return {
-    listQuery
-  };
-}
 export {
   CommonListView,
-  CommonListViewProvider,
-  useCommonListView
+  CommonListViewProvider
 };

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

@@ -0,0 +1,16 @@
+import { AnyMessage, Message, PlainMessage } from "@bufbuild/protobuf";
+import { PropsWithChildren } from "react";
+import { MethodUnaryDescriptor } from "../connectquery";
+export declare const curdActivateIdAtom: import("jotai").PrimitiveAtom<string> & {
+    init: string;
+};
+export declare function Curd3ListProvider<I extends Message<I>, O extends Message<O>>(props: {
+    params: Partial<PlainMessage<I>>;
+    methodList: MethodUnaryDescriptor<I, O>;
+} & PropsWithChildren): import("react").JSX.Element;
+export declare const useCurd3List: () => {
+    params: PlainMessage<AnyMessage>;
+    curd3MethodList: MethodUnaryDescriptor<AnyMessage, AnyMessage> | null;
+};
+export declare const Curd2ListView: () => import("react").JSX.Element;
+export declare const Curd3ListViewDebug: () => import("react").JSX.Element;

package/dist/esm/curd/CurdListView.js

@@ -0,0 +1,99 @@
+"use client";
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { atom, useAtom } from "jotai";
+import { ScopeProvider } from "mtxlib/jotai/ScopeProvider";
+import { AtomsHydrator } from "mtxlib/jotai/jotai-helper";
+import { MtUnaryCallErrorView } from "../components/MtUnaryCallErrorView";
+import { callUnaryMethod } from "../connectquery";
+import { ListViewLayout } from "../gomtmpb/mtm/sppb/mtm_pb";
+import { gomtmBaseUrlAtom, transportAtom } from "../store/GomtmBackendProvider";
+import { ListItemView } from "./list-item/ListItem";
+const curdActivateIdAtom = atom("");
+const curd3ListParamsAtom = atom({});
+const curd3MethodListAtom = atom(null);
+const curd3ItemsAtom = atom((get) => __async(void 0, null, function* () {
+  const params = get(curd3ListParamsAtom);
+  const methodList = get(curd3MethodListAtom);
+  if (!methodList) {
+    throw new Error("curd3ItemsAtom, missing methodList");
+  }
+  const transport = get(transportAtom);
+  const data = yield callUnaryMethod(methodList, params, { transport });
+  return data;
+}));
+function Curd3ListProvider(props) {
+  const { params, methodList, children } = props;
+  return /* @__PURE__ */ jsx(ScopeProvider, { atoms: [curd3ListParamsAtom, curd3MethodListAtom], children: /* @__PURE__ */ jsx(AtomsHydrator, { atomValues: [
+    [curd3ListParamsAtom, params],
+    [curd3MethodListAtom, methodList]
+  ], children }) });
+}
+const useCurd3List = () => {
+  const [curd3ListParams] = useAtom(curd3ListParamsAtom);
+  const [curd3MethodList] = useAtom(curd3MethodListAtom);
+  return {
+    params: curd3ListParams,
+    curd3MethodList
+  };
+};
+const Curd2ListView = () => {
+  const [res] = useAtom(curd3ItemsAtom);
+  return /* @__PURE__ */ jsx("div", { className: "bg-blue-100 p-2", children: res.errCode ? /* @__PURE__ */ jsx(MtUnaryCallErrorView, { unaryError: res }) : /* @__PURE__ */ jsx(Fragment, { children: res.items.map((item, i) => {
+    return /* @__PURE__ */ jsx(ListItemView, { item }, i);
+  }) }) });
+};
+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;
+  }
+};
+const Curd3ListViewDebug = () => {
+  const curd3 = useCurd3List();
+  const [gomtmBaseUrl] = useAtom(gomtmBaseUrlAtom);
+  return /* @__PURE__ */ jsxs("div", { className: "bg-slate-200 p-2", children: [
+    /* @__PURE__ */ jsx("h1", { children: "Curd3ListViewDebug" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "params: ",
+      /* @__PURE__ */ jsx("pre", { children: JSON.stringify(curd3, null, 2) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      "gomtmBaseUrl:",
+      gomtmBaseUrl
+    ] })
+  ] });
+};
+export {
+  Curd2ListView,
+  Curd3ListProvider,
+  Curd3ListViewDebug,
+  curdActivateIdAtom,
+  useCurd3List
+};

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

@@ -6,7 +6,7 @@ import { createContext, useMemo, useState } from "react";
 import { Icons } from "mtxuilib/icons/icons";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "mtxuilib/ui/dropdown-menu";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
-import { curd3activateIdAtom } from "./CurdListViewV3";
+import { curdActivateIdAtom } from "./CurdListView";
 const curdDetailViewContext = createContext(void 0);
 function CurdViewDetailProvider(props) {
   const [isOpenEdit, setIsOpenEdit] = useState(false);
@@ -17,7 +17,7 @@ function CurdViewDetailProvider(props) {
 }
 function CurdViewShow(props) {
   const { children } = props;
-  const [activateId, setActivateId] = useAtom(curd3activateIdAtom);
+  const [activateId, setActivateId] = useAtom(curdActivateIdAtom);
   const search = useSearchParams();
   useMemo(() => {
     const id = search.get("id");

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

@@ -3,4 +3,7 @@ import { PlainMessage } from "@bufbuild/protobuf";
 import { ListItem } from "../../gomtmpb/mtm/sppb/mtm_pb";
 export declare const ListItemView: (props: {
     item: PlainMessage<ListItem>;
+}) => import("react").JSX.Element;
+export declare const ListItemViewInner: (props: {
+    item: PlainMessage<ListItem>;
 }) => import("react").JSX.Element | null;

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

@@ -1,9 +1,13 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { cn } from "mtxuilib/lib/utils";
 import { MtButton } from "mtxuilib/ui/ui-mt/Button";
 import { PostCard } from "../../components/blog/PostCard";
 const ListItemView = (props) => {
+  const { item } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ListItemViewInner, { item }) });
+};
+const ListItemViewInner = (props) => {
   var _a, _b;
   const { item } = props;
   if ((_a = item == null ? void 0 : item.item) == null ? void 0 : _a.value) {
@@ -37,5 +41,6 @@ const CommonListItemView = (props) => {
   );
 };
 export {
-  ListItemView
+  ListItemView,
+  ListItemViewInner
 };