gomtm 0.0.320 → 0.0.322

package/dist/esm/components/MtDate.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { PlainMessage } from "@bufbuild/protobuf";
+import { MtDate } from "../gomtmpb/mtm/sppb/mtm_pb";
+export declare const MtDateView: (props: {
+    date?: Partial<PlainMessage<MtDate>>;
+}) => import("react").JSX.Element | null;

package/dist/esm/components/MtDate.js

@@ -0,0 +1,17 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { formatDate } from "pliny/utils/formatDate";
+const MtDateView = (props) => {
+  const { date } = props;
+  if (!date) {
+    return null;
+  }
+  const date1 = /* @__PURE__ */ new Date();
+  date1.setFullYear(date.year);
+  date1.setMonth(date.month);
+  date1.setDate(date.day);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("time", { dateTime: date1.toString(), children: formatDate(date1.toString(), "en-US") }) });
+};
+export {
+  MtDateView
+};

package/dist/esm/components/Tag.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    text: string;
+}
+declare const Tag: ({ text }: Props) => import("react").JSX.Element;
+export default Tag;

package/dist/esm/components/Tag.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import Link from "next/link";
+import { slug } from "github-slugger";
+const Tag = ({ text }) => {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: `/tags/${slug(text)}`,
+      className: "mr-3 text-sm font-medium uppercase text-primary-500 hover:text-primary-600 dark:hover:text-primary-400",
+      children: text.split(" ").join("-")
+    }
+  );
+};
+var Tag_default = Tag;
+export {
+  Tag_default as default
+};

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

@@ -1,19 +1,13 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } 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
-      ] });
+      return /* @__PURE__ */ jsx("ul", { className: "divide-y divide-gray-200 dark:divide-gray-700", 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
-      ] });
+      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:

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

@@ -5,13 +5,49 @@ 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 { title } from "process";
 import { useState } from "react";
+import { MtDateView } from "../../components/MtDate";
+import Tag from "../../components/Tag";
 import { useListview } from "../listview/list-store";
 const PostCardListItem = (props) => {
   const { item } = props;
   const slugPath = useListview((x) => x.slugPath);
   const activateItem = useListview((x) => x.activateItem);
   const setActivateItem = useListview((x) => x.setActivateItem);
+  if (item.layoutVariant == "list") {
+    return /* @__PURE__ */ jsx("li", { className: "py-12", children: /* @__PURE__ */ jsx("article", { children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0", children: [
+      /* @__PURE__ */ jsxs("dl", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Published on" }),
+        /* @__PURE__ */ jsx("dd", { className: "text-base font-medium leading-6 text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx(MtDateView, { date: item.publishDate }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-5 xl:col-span-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold leading-8 tracking-tight", children: /* @__PURE__ */ jsx(
+              MtLink,
+              {
+                href: `/blog/${item.slug}`,
+                className: "text-gray-900 dark:text-gray-100",
+                children: item.title
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-wrap", children: item.tags.map((tag) => /* @__PURE__ */ jsx(Tag, { text: tag }, tag)) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "prose max-w-none text-gray-500 dark:text-gray-400", children: item.summary })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-base font-medium leading-6", children: /* @__PURE__ */ jsx(
+          MtLink,
+          {
+            href: `/blog/${item.slug}`,
+            className: "text-primary-500 hover:text-primary-600 dark:hover:text-primary-400",
+            "aria-label": `Read more: "${title}"`,
+            children: "Read more \u2192"
+          }
+        ) })
+      ] })
+    ] }) }) });
+  }
   return /* @__PURE__ */ jsxs(
     Card,
     {

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

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

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

@@ -0,0 +1,43 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useListview } from "../listview/list-store";
+const PostCardListItem = (props) => {
+  const { item } = props;
+  const slugPath = useListview((x) => x.slugPath);
+  const activateItem = useListview((x) => x.activateItem);
+  const setActivateItem = useListview((x) => x.setActivateItem);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("li", { className: "py-12", children: /* @__PURE__ */ jsx("article", { children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 xl:grid xl:grid-cols-4 xl:items-baseline xl:space-y-0", children: [
+    /* @__PURE__ */ jsxs("dl", { children: [
+      /* @__PURE__ */ jsx("dt", { className: "sr-only", children: "Published on" }),
+      /* @__PURE__ */ jsx("dd", { className: "text-base font-medium leading-6 text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx("time", { dateTime: date, children: formatDate(date, siteMetadata.locale) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-5 xl:col-span-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold leading-8 tracking-tight", children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/blog/${slug}`,
+              className: "text-gray-900 dark:text-gray-100",
+              children: title
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap", children: tags.map((tag) => /* @__PURE__ */ jsx(Tag, { text: tag }, tag)) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "prose max-w-none text-gray-500 dark:text-gray-400", children: summary })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-base font-medium leading-6", children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/blog/${slug}`,
+          className: "text-primary-500 hover:text-primary-600 dark:hover:text-primary-400",
+          "aria-label": `Read more: "${title}"`,
+          children: "Read more \u2192"
+        }
+      ) })
+    ] })
+  ] }) }) }, slug) });
+};
+export {
+  PostCardListItem
+};

package/dist/esm/gomtmpb/mtm/sppb/mtm_pb.d.ts

@@ -424,15 +424,18 @@ export declare class CommonCardItem extends Message<CommonCardItem> {
 }
 export declare class PostCardItem extends Message<PostCardItem> {
     id: string;
+    layoutVariant: string;
     title: string;
     subTitle: string;
     actions?: ItemAction;
-    sumary: string;
+    summary: string;
     topImage: string;
     excerpt: string;
     category: string;
     author: string;
     publishDate?: MtDate;
+    slug: string;
+    tags: string[];
     constructor(data?: PartialMessage<PostCardItem>);
     static readonly runtime: typeof proto3;
     static readonly typeName = "sppb.PostCardItem";

package/dist/esm/gomtmpb/mtm/sppb/mtm_pb.js

@@ -1612,37 +1612,43 @@ const _PostCardItem = class _PostCardItem extends Message {
      */
     __publicField(this, "id", "");
     /**
-     * @generated from field: string title = 2;
+     * 布局
+     *
+     * @generated from field: string layout_variant = 2;
+     */
+    __publicField(this, "layoutVariant", "");
+    /**
+     * @generated from field: string title = 3;
      */
     __publicField(this, "title", "");
     /**
-     * @generated from field: string sub_title = 3;
+     * @generated from field: string sub_title = 4;
      */
     __publicField(this, "subTitle", "");
     /**
-     * @generated from field: sppb.ItemAction actions = 4;
+     * @generated from field: sppb.ItemAction actions = 5;
      */
     __publicField(this, "actions");
     /**
-     * @generated from field: string sumary = 5;
+     * @generated from field: string summary = 6;
      */
-    __publicField(this, "sumary", "");
+    __publicField(this, "summary", "");
     /**
-     * @generated from field: string top_image = 6;
+     * @generated from field: string top_image = 7;
      */
     __publicField(this, "topImage", "");
     /**
      * 摘要
      *
-     * @generated from field: string excerpt = 7;
+     * @generated from field: string excerpt = 8;
      */
     __publicField(this, "excerpt", "");
     /**
-     * @generated from field: string category = 8;
+     * @generated from field: string category = 9;
      */
     __publicField(this, "category", "");
     /**
-     * @generated from field: string author = 9;
+     * @generated from field: string author = 10;
      */
     __publicField(this, "author", "");
     /**
@@ -1651,6 +1657,14 @@ const _PostCardItem = class _PostCardItem extends Message {
      * @generated from field: sppb.MtDate publish_date = 11;
      */
     __publicField(this, "publishDate");
+    /**
+     * @generated from field: string slug = 12;
+     */
+    __publicField(this, "slug", "");
+    /**
+     * @generated from field: repeated string tags = 13;
+     */
+    __publicField(this, "tags", []);
     proto3.util.initPartial(data, this);
   }
   static fromBinary(bytes, options) {
@@ -1678,55 +1692,70 @@ __publicField(_PostCardItem, "fields", proto3.util.newFieldList(() => [
   },
   {
     no: 2,
-    name: "title",
+    name: "layout_variant",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
   {
     no: 3,
-    name: "sub_title",
+    name: "title",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
-  { no: 4, name: "actions", kind: "message", T: ItemAction },
   {
-    no: 5,
-    name: "sumary",
+    no: 4,
+    name: "sub_title",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
+  { no: 5, name: "actions", kind: "message", T: ItemAction },
   {
     no: 6,
-    name: "top_image",
+    name: "summary",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
   {
     no: 7,
-    name: "excerpt",
+    name: "top_image",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
   {
     no: 8,
-    name: "category",
+    name: "excerpt",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
   {
     no: 9,
+    name: "category",
+    kind: "scalar",
+    T: 9
+    /* ScalarType.STRING */
+  },
+  {
+    no: 10,
     name: "author",
     kind: "scalar",
     T: 9
     /* ScalarType.STRING */
   },
-  { no: 11, name: "publish_date", kind: "message", T: MtDate }
+  { no: 11, name: "publish_date", kind: "message", T: MtDate },
+  {
+    no: 12,
+    name: "slug",
+    kind: "scalar",
+    T: 9
+    /* ScalarType.STRING */
+  },
+  { no: 13, name: "tags", kind: "scalar", T: 9, repeated: true }
 ]));
 let PostCardItem = _PostCardItem;
 const _ListItemAction = class _ListItemAction extends Message {
@@ -1916,9 +1945,6 @@ const _CommontListReq = class _CommontListReq extends Message {
   constructor(data) {
     super();
     /**
-     * ListParams params = 1;
-     * Paging pagination = 2;
-     *
      * @generated from field: optional string slugs = 1;
      */
     __publicField(this, "slugs");
@@ -1933,7 +1959,6 @@ const _CommontListReq = class _CommontListReq extends Message {
      */
     __publicField(this, "pagination");
     /**
-     * ListViewLayout view_type = 5;
      * optional repeated string service_tags = 6; // 匹配到具体服务的标签(多个)
      *
      * 单个服务最大结果数