gomtm 0.0.162 → 0.0.164

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+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 | null;

package/dist/esm/components/ListItem.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { cn } from "mtxuilib/lib/utils";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useCurdView } from "../curd/CurdViewView";
+import { PostCard } from "./blog/PostCard";
+const ListItemView = (props) => {
+  var _a, _b;
+  const { item } = props;
+  if ((_a = item == null ? void 0 : item.item) == null ? void 0 : _a.value) {
+    const itemCase = ((_b = item.item) == null ? void 0 : _b.case) || "";
+    switch (itemCase) {
+      case "commonListItem":
+        return /* @__PURE__ */ jsx(CommonListItemView, { item: item.item.value });
+      case "postCard":
+        return /* @__PURE__ */ jsx(PostCard, { 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 curd = useCurdView();
+  const handleSelect = () => {
+    curd.openShow(item.id);
+  };
+  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: curd.showLink(item.id), children: [
+        item.title || item.id,
+        item.description && /* @__PURE__ */ jsx("div", { children: item.description })
+      ] })
+    }
+  );
+};
+export {
+  ListItemView
+};

package/dist/esm/components/auth/AuthPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function AuthPage(): import("react").JSX.Element;

package/dist/esm/components/auth/AuthPage.js

@@ -0,0 +1,36 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft } from "lucide-react";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { Icons } from "mtxuilib/icons/icons";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { LoginScreen2 } from "./LoginScreen2";
+import { UserAuthForm } from "./UserAuthForm";
+function AuthPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "size-screen container flex flex-col items-center justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-4 focus:z-10 focus:outline-none md:left-8 md:top-8", children: /* @__PURE__ */ jsx(MtLink, { href: "/", children: /* @__PURE__ */ jsx(MtButton, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ChevronLeft, { className: "mr-2 size-4" }),
+      "Back"
+    ] }) }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-2 text-center", children: [
+        /* @__PURE__ */ jsx(Icons.logo, { color: "white", className: "mx-auto size-12" }),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold ", children: "Welcome back" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm ", children: "Sign in with Github to login" })
+      ] }),
+      /* @__PURE__ */ jsx(UserAuthForm, {}),
+      /* @__PURE__ */ jsx(LoginScreen2, {}),
+      /* @__PURE__ */ jsx("p", { className: "px-8 text-center text-sm ", children: /* @__PURE__ */ jsx(
+        MtLink,
+        {
+          href: "/register",
+          className: "hover:text-brand underline",
+          children: "Don't have an account? Sign Up"
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  AuthPage
+};

package/dist/esm/components/auth/LoginScreen2.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function LoginScreen2(): import("react").JSX.Element;

package/dist/esm/components/auth/LoginScreen2.js

@@ -0,0 +1,106 @@
+"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 { MtLink } from "mtxuilib/common/mtlink";
+import { ZForm, useZodForm } from "mtxuilib/form/ZodForm";
+import { Input } from "mtxuilib/ui/input";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useRouter, useSearchParams } from "next/navigation";
+import { AuthLoginInput } from "../../validations/auth";
+function LoginScreen2() {
+  const form = useZodForm({
+    schema: AuthLoginInput,
+    defaultValues: {}
+  });
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const handleSubmit = (values) => __async(this, null, function* () {
+    const res = yield fetch("/api.v1/auth/login", {
+      method: "POST",
+      body: JSON.stringify(values)
+    });
+    const { success } = yield res.json();
+    if (success) {
+      const nextUrl = searchParams.get("next");
+      router.push(nextUrl != null ? nextUrl : "/");
+      router.refresh();
+    } else {
+      alert("Login failed");
+    }
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-md", children: [
+    /* @__PURE__ */ jsx("div", { className: "prose", children: "Sign in" }),
+    /* @__PURE__ */ jsxs("div", { className: "prose text-sm", children: [
+      "New to company?",
+      " ",
+      /* @__PURE__ */ jsx(MtLink, { href: "#replace-with-a-link", children: "Sign up!" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      MtButton,
+      {
+        variant: "ghost",
+        className: "bg-opacity/0.8 w-full bg-neutral-50",
+        children: "Continue with Google"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ZForm,
+      {
+        form,
+        className: "space-y-2",
+        handleSubmit,
+        children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            __spreadValues({}, form.register("username"))
+          ),
+          /* @__PURE__ */ jsx(Input, __spreadValues({ type: "password" }, form.register("password"))),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between" }),
+          /* @__PURE__ */ jsx(MtButton, { type: "submit", className: "w-full", children: "Sign in" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("footer", { className: "py-3", children: /* @__PURE__ */ jsxs("div", { className: "prose text-center", children: [
+      "\xA9 Mtm ltd. ",
+      (/* @__PURE__ */ new Date()).getFullYear()
+    ] }) })
+  ] });
+}
+export {
+  LoginScreen2
+};

package/dist/esm/components/auth/UserAuthForm.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react/experimental" />
+import * as React from "react";
+interface UserAuthFormProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function UserAuthForm({ className, ...props }: UserAuthFormProps): React.JSX.Element;
+export {};

package/dist/esm/components/auth/UserAuthForm.js

@@ -0,0 +1,76 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "mtxuilib/lib/utils";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+function UserAuthForm(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ className: cn("grid gap-6", className) }, props), { children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t " }) }),
+      /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs uppercase", children: /* @__PURE__ */ jsx("span", { className: "bg-appbg px-2 ", children: "Continue with" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      MtButton,
+      {
+        type: "button",
+        children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "mr-2 size-4",
+              "aria-hidden": "true",
+              focusable: "false",
+              "data-prefix": "fab",
+              "data-icon": "github",
+              role: "img",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 496 512",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  fill: "currentColor",
+                  d: "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+                }
+              )
+            }
+          ),
+          "Github"
+        ]
+      }
+    )
+  ] }));
+}
+export {
+  UserAuthForm
+};

package/dist/esm/components/blog/BlogPostActions.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BlogPostItemActions: (props: {
+    postId: string;
+}) => import("react").JSX.Element;

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

@@ -0,0 +1,34 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+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";
+const BlogPostItemActions = (props) => {
+  const { postId } = props;
+  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}/edit`, children: "Edit" }),
+      /* @__PURE__ */ jsx(DropdownMenuItemLink, { href: `/post/${postId}/create`, children: "create" }),
+      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
+        "Delete",
+        /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: "\u2318\u232B" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  BlogPostItemActions
+};

package/dist/esm/components/blog/BlogPostCreateForm.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BlogPostCreateForm: () => import("react").JSX.Element;

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

@@ -0,0 +1,27 @@
+"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;
+};
+import { Fragment, jsx } from "react/jsx-runtime";
+import { InputField } from "mtxuilib/ui/ui-mt/input-field/InputField";
+import { useFormContext } from "react-hook-form";
+const BlogPostCreateForm = () => {
+  const form = useFormContext();
+  return /* @__PURE__ */ jsx(Fragment, { children: form && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(InputField, __spreadValues({ label: "title" }, form.register("title"))) }) });
+};
+export {
+  BlogPostCreateForm
+};

package/dist/esm/components/blog/BlogPostImportDlgUrl.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function BlogPostImportUrlFormDlg(): import("react").JSX.Element;
+export declare function BlogPostImportUrlForm(props: {
+    onCancel?: () => void;
+    onSubmit?: (values: any) => void;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,94 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 { EditFormToolbar } from "mtxuilib/form/EditFormToolbar";
+import { Dialog, DialogContent } from "mtxuilib/ui/dialog";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "mtxuilib/ui/form";
+import { Input } from "mtxuilib/ui/input";
+import { MtButton } from "mtxuilib/ui/ui-mt/Button";
+import { useState } from "react";
+import { useForm } from "react-hook-form";
+function BlogPostImportUrlFormDlg() {
+  const [open, setOpen] = useState(false);
+  const handleSubmit = (values) => __async(this, null, function* () {
+    setOpen(false);
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MtButton, { variant: "outline", onClick: () => {
+      setOpen(true);
+    }, children: "Import from url" }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(
+      BlogPostImportUrlForm,
+      {
+        onCancel: () => {
+          setOpen(false);
+        },
+        onSubmit: handleSubmit
+      }
+    ) }) })
+  ] });
+}
+function BlogPostImportUrlForm(props) {
+  const { onCancel, onSubmit } = props;
+  const form = useForm();
+  return /* @__PURE__ */ jsx(Form, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit((values) => {
+    onSubmit && onSubmit(values);
+  }), className: "flex w-full flex-col p-1", children: [
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: "url",
+        render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+          /* @__PURE__ */ jsx(FormLabel, { children: "Url" }),
+          /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "url" }, field)) }),
+          /* @__PURE__ */ jsx(FormDescription, { children: "\u8F93\u5165url\uFF0C \u5BFC\u5165\u7A0B\u5E8F\u5C06\u4ECE\u8FD9\u4E2A\u9875\u9762\u5C1D\u8BD5\u5BFC\u5165\u6587\u7AE0" }),
+          /* @__PURE__ */ jsx(FormMessage, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(EditFormToolbar, { submitText: "ok", onCancel })
+  ] }) }));
+}
+export {
+  BlogPostImportUrlForm,
+  BlogPostImportUrlFormDlg
+};

package/dist/esm/components/blog/PostCard.d.ts

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

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

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MtLink } from "mtxuilib/common/mtlink";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "mtxuilib/ui/card";
+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 }),
+          ","
+        ] }),
+        /* @__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/components/blog/PostEditForm.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function PostEditForm(): import("react").JSX.Element;

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

@@ -0,0 +1,91 @@
+"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;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "mtxuilib/ui/form";
+import { Input } from "mtxuilib/ui/input";
+import { Separator } from "mtxuilib/ui/separator";
+import { Switch } from "mtxuilib/ui/switch";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "mtxuilib/ui/tabs";
+import { RichTextInput } from "mtxuilib/ui/ui-mt/input-field/RichEditorInput";
+import { useFormContext } from "react-hook-form";
+function PostEditForm() {
+  const form = useFormContext();
+  return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "edit", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center px-4 py-2", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-xl font-bold", children: "edit post" }),
+      /* @__PURE__ */ jsxs(TabsList, { className: "ml-auto", children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "edit", className: "text-zinc-600 dark:text-zinc-200", children: "\u7F16\u8F91" }),
+        /* @__PURE__ */ jsx(TabsTrigger, { value: "op", className: "text-zinc-600 dark:text-zinc-200", children: "\u64CD\u4F5C" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs(TabsContent, { value: "edit", className: "m-0", children: [
+      /* @__PURE__ */ jsx("input", __spreadValues({ type: "hidden" }, form.register("id", { valueAsNumber: true }))),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "title",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "\u6807\u9898" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "title" }, field)) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "container mx-auto flex items-center justify-center  py-2", children: /* @__PURE__ */ jsx(RichTextInput, __spreadValues({ contentType: "html" }, form.register("content"))) })
+    ] }),
+    /* @__PURE__ */ jsx(TabsContent, { value: "op", className: "m-0", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "slugs",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { children: "slugs" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, __spreadValues({ placeholder: "slugs" }, field)) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          control: form.control,
+          name: "isManual",
+          render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { className: "flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsx(FormLabel, { children: "isManual" }),
+              /* @__PURE__ */ jsx(FormDescription, { children: "\u624B\u5DE5\u7F16\u8F91\u6807\u8BB0" })
+            ] }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: field.value,
+                onCheckedChange: field.onChange
+              }
+            ) })
+          ] })
+        }
+      )
+    ] }) })
+  ] }) });
+}
+export {
+  PostEditForm
+};

package/dist/esm/components/blog/post-content.d.ts

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

package/dist/esm/components/blog/post-content.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MtImage } from "mtxuilib/common/MtImage";
+import { ImageNoExist } from "../../consts";
+const BlogPostContent = (props) => {
+  const { post } = props;
+  return /* @__PURE__ */ jsxs("article", { className: "prose dark:prose-invert p-2", children: [
+    /* @__PURE__ */ jsx("h1", { className: "mt-6", children: post.title }),
+    /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx(MtImage, { src: post.topImage || ImageNoExist, alt: post.title, width: 100, height: 100 }) }),
+    /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: post.content } })
+  ] });
+};
+export {
+  BlogPostContent
+};

package/dist/esm/components/blog/post.atoms.d.ts

@@ -0,0 +1,11 @@
+import { PlainMessage } from "@bufbuild/protobuf";
+import { BlogPost, BlogPostGetReq } from "../../gomtmpb/mtm/sppb/mtm_pb";
+export declare const postDetailAtom: import("jotai").PrimitiveAtom<PlainMessage<BlogPost> | null> & {
+    init: PlainMessage<BlogPost> | null;
+};
+export declare const postIdAtom: import("jotai").PrimitiveAtom<string | null> & {
+    init: string | null;
+};
+export declare const blogPostGetReqAtom: import("jotai").PrimitiveAtom<Partial<PlainMessage<BlogPostGetReq>> | undefined> & {
+    init: Partial<PlainMessage<BlogPostGetReq>> | undefined;
+};