@hedhog/blog 0.0.1 → 0.0.7

package/frontend/author/components/author.screen.ts

@@ -0,0 +1,105 @@
+import { PageTitle } from "@/components/custom/page-title";
+import DataPanel from "@/components/panels/data-panel";
+import { useAuthorDelete } from "@/features/blog/author";
+import { useApp } from "@/hooks/use-app";
+import { isPlural } from "@/lib/utils";
+import { Author } from "@/types/models";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import AuthorCreatePanel from "./components/author-create-panel";
+import { AuthorUpdatePanel } from "./components/author-update-panel";
+
+export default function Page() {
+  const [selectedItems, setSelectedItems] = useState<Author[]>([]);
+  const { mutate: deleteAuthor } = useAuthorDelete();
+  const { openSheet, confirm, closeSheet } = useApp();
+  const { t } = useTranslation(["author", "modules", "actions"]);
+
+  const openCreate = () => {
+    const id = openSheet({
+      title: t("create", { ns: "actions" }),
+      description: t("createText", { ns: "author" }),
+      children: () => <AuthorCreatePanel onCreated={() => closeSheet(id)} />,
+    });
+
+    return id;
+  };
+
+  const openDelete = (items: Author[]) => {
+    return confirm({
+      title: `${t("delete", { ns: "actions" })} ${items.length} ${isPlural(items.length) ? t("items", { ns: "actions" }) : t("item", { ns: "actions" })}`,
+      description: t("deleteText", { ns: "author" }),
+    })
+      .then(() =>
+        deleteAuthor(
+          items.map((item) => item.id).filter((id) => id !== undefined),
+        ),
+      )
+      .catch(() => setSelectedItems(items));
+  };
+
+  const openUpdate = (item: Author) => {
+    const id = openSheet({
+      children: () => (
+        <AuthorUpdatePanel data={item} onUpdated={() => closeSheet(id)} />
+      ),
+      title: t("edit", { ns: "author" }),
+      description: t("editText", { ns: "author" }),
+    });
+
+    return id;
+  };
+
+  return (
+    <>
+      <PageTitle title={t("author", { ns: "modules" })} />
+      <DataPanel
+        url="/author"
+        layout="table"
+        id="author"
+        selectable
+        columns={[
+          { key: "id", header: "ID", width: 64 },
+          { key: "name", header: t("name", { ns: "author" }) },
+        ]}
+        selected={selectedItems as Author[]}
+        multiple
+        hasSearch
+        sortable
+        onItemDoubleClick={(item) => openUpdate(item)}
+        menuActions={[
+          {
+            icon: <IconEdit className="mr-1 w-8 cursor-pointer" />,
+            label: t("edit", { ns: "actions" }),
+            tooltip: t("editTooltip", { ns: "author" }),
+            handler: (items: Author[]) => {
+              if (items.length === 1) openUpdate(items[0]);
+            },
+            show: "once",
+          },
+          {
+            icon: <IconTrash className="mr-1 w-8 cursor-pointer" />,
+            label: t("delete", { ns: "actions" }),
+            tooltip: t("deleteTooltip", { ns: "author" }),
+            variant: "destructive",
+            handler: (items: Author[]) => {
+              openDelete(items);
+            },
+            show: "some",
+          },
+          {
+            icon: <IconPlus className="mr-1 w-8 cursor-pointer" />,
+            label: t("create", { ns: "actions" }),
+            tooltip: t("createTooltip", { ns: "author" }),
+            variant: "default",
+            handler: () => {
+              openCreate();
+            },
+            show: "none",
+          },
+        ]}
+      />
+    </>
+  );
+}

package/frontend/author/components/create-panel.tsx

@@ -1,6 +1,9 @@
-import FormPanel, { FormPanelRef } from "@/components/custom/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+import { TabPanel } from "@/components/panels/tab-panel";
 import { EnumFieldType } from "@/enums/EnumFieldType";
-import { useAuthorCreate } from "@/features/person-type";
+import { useAuthorGet, useAuthorUpdate } from "@/features/blog/author";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
 import { Author } from "@/types/models";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { useTranslation } from "react-i18next";
@@ -13,7 +16,7 @@ export type AuthorCreatePanelProps = {
   onCreated?: (data: Author) => void;
 };
 
-export const AuthorCreatePanel = forwardRef(
+const AuthorCreatePanel = forwardRef(
   ({ onCreated }: AuthorCreatePanelProps, ref) => {
     const formRef = useRef<FormPanelRef>(null);
     const { t } = useTranslation(["author", "actions"]);
@@ -58,3 +61,7 @@ export const AuthorCreatePanel = forwardRef(
     );
   },
 );
+
+AuthorCreatePanel.displayName = "AuthorCreatePanel";
+
+export default AuthorCreatePanel;

package/frontend/author/components/update-panel.tsx

@@ -5,16 +5,17 @@ import { EnumFieldType } from "@/enums/EnumFieldType";
 import { useAuthorGet, useAuthorUpdate } from "@/features/author";
 import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
 import { Author } from "@/types/models";
-import { t } from "i18next";
 import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
 
 export type AuthorUpdatePanelProps = {
   data: Author;
   onUpdated?: (data: Author) => void;
 };
 
-export const AuthorUpdatePanel = forwardRef(
+const AuthorUpdatePanel = forwardRef(
   ({ data, onUpdated }: AuthorUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["person-types", "actions"]);
     const { data: item, isLoading } = useAuthorGet(data.id as number);
     const { mutate: authorUpdate } = useAuthorUpdate();
     const formRef = useRef<FormPanelRef>(null);
@@ -68,3 +69,7 @@ export const AuthorUpdatePanel = forwardRef(
     );
   },
 );
+
+AuthorUpdatePanel.displayName = "AuthorUpdatePanel";
+
+export default AuthorUpdatePanel;

package/frontend/author/react-query/requests.ts

@@ -10,13 +10,13 @@ export function requests() {
     return request<PaginationResult<Author>>({
       url: "/author",
       params,
-    });
+    }).then((res) => res.data);
   };
 
   const authorGet = async (id: number) => {
     return request<Author>({
       url: `/author/${id}`,
-    });
+    }).then((res) => res.data);
   };
 
   const authorCreate = async (data: Author) => {
@@ -24,7 +24,7 @@ export function requests() {
       url: "/author",
       method: HttpMethod.POST,
       data: data,
-    });
+    }).then((res) => res.data);
   };
 
   const authorDelete = async (ids: number[]) => {
@@ -32,15 +32,16 @@ export function requests() {
       url: "/author",
       data: { ids },
       method: HttpMethod.DELETE,
-    });
+    }).then((res) => res.data);
   };
 
-  const authorUpdate = async (id: number, data: Author) => {
+  const authorUpdate = async (params: { id: number; data: Author }) => {
+    const { id, data } = params;
     return request<Author>({
       url: `/author/${id}`,
       method: HttpMethod.PATCH,
       data: data,
-    });
+    }).then((res) => res.data);
   };
 
   return {

package/frontend/category/components/category.screen.ts

@@ -0,0 +1,105 @@
+import { PageTitle } from "@/components/custom/page-title";
+import DataPanel from "@/components/panels/data-panel";
+import { useCategoryDelete } from "@/features/blog/category";
+import { useApp } from "@/hooks/use-app";
+import { isPlural } from "@/lib/utils";
+import { Category } from "@/types/models";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import CategoryCreatePanel from "./components/category-create-panel";
+import { CategoryUpdatePanel } from "./components/category-update-panel";
+
+export default function Page() {
+  const [selectedItems, setSelectedItems] = useState<Category[]>([]);
+  const { mutate: deleteCategory } = useCategoryDelete();
+  const { openSheet, confirm, closeSheet } = useApp();
+  const { t } = useTranslation(["category", "modules", "actions"]);
+
+  const openCreate = () => {
+    const id = openSheet({
+      title: t("create", { ns: "actions" }),
+      description: t("createText", { ns: "category" }),
+      children: () => <CategoryCreatePanel onCreated={() => closeSheet(id)} />,
+    });
+
+    return id;
+  };
+
+  const openDelete = (items: Category[]) => {
+    return confirm({
+      title: `${t("delete", { ns: "actions" })} ${items.length} ${isPlural(items.length) ? t("items", { ns: "actions" }) : t("item", { ns: "actions" })}`,
+      description: t("deleteText", { ns: "category" }),
+    })
+      .then(() =>
+        deleteCategory(
+          items.map((item) => item.id).filter((id) => id !== undefined),
+        ),
+      )
+      .catch(() => setSelectedItems(items));
+  };
+
+  const openUpdate = (item: Category) => {
+    const id = openSheet({
+      children: () => (
+        <CategoryUpdatePanel data={item} onUpdated={() => closeSheet(id)} />
+      ),
+      title: t("edit", { ns: "category" }),
+      description: t("editText", { ns: "category" }),
+    });
+
+    return id;
+  };
+
+  return (
+    <>
+      <PageTitle title={t("category", { ns: "modules" })} />
+      <DataPanel
+        url="/category"
+        layout="table"
+        id="category"
+        selectable
+        columns={[
+          { key: "id", header: "ID", width: 64 },
+          { key: "name", header: t("name", { ns: "category" }) },
+        ]}
+        selected={selectedItems as Category[]}
+        multiple
+        hasSearch
+        sortable
+        onItemDoubleClick={(item) => openUpdate(item)}
+        menuActions={[
+          {
+            icon: <IconEdit className="mr-1 w-8 cursor-pointer" />,
+            label: t("edit", { ns: "actions" }),
+            tooltip: t("editTooltip", { ns: "category" }),
+            handler: (items: Category[]) => {
+              if (items.length === 1) openUpdate(items[0]);
+            },
+            show: "once",
+          },
+          {
+            icon: <IconTrash className="mr-1 w-8 cursor-pointer" />,
+            label: t("delete", { ns: "actions" }),
+            tooltip: t("deleteTooltip", { ns: "category" }),
+            variant: "destructive",
+            handler: (items: Category[]) => {
+              openDelete(items);
+            },
+            show: "some",
+          },
+          {
+            icon: <IconPlus className="mr-1 w-8 cursor-pointer" />,
+            label: t("create", { ns: "actions" }),
+            tooltip: t("createTooltip", { ns: "category" }),
+            variant: "default",
+            handler: () => {
+              openCreate();
+            },
+            show: "none",
+          },
+        ]}
+      />
+    </>
+  );
+}

package/frontend/category/components/create-panel.tsx

@@ -1,9 +1,12 @@
+import { Overlay } from "@/components/custom/overlay";
 import FormPanel, {
   FormPanelRef,
   getFieldsLocale,
-} from "@/components/custom/form-panel";
+} from "@/components/panels/form-panel";
+import { TabPanel } from "@/components/panels/tab-panel";
 import { EnumFieldType } from "@/enums/EnumFieldType";
-import { useCategoryCreate } from "@/features/person-type";
+import { useCategoryGet, useCategoryUpdate } from "@/features/blog/category";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
 import { Category } from "@/types/models";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { useTranslation } from "react-i18next";
@@ -16,7 +19,7 @@ export type CategoryCreatePanelProps = {
   onCreated?: (data: Category) => void;
 };
 
-export const CategoryCreatePanel = forwardRef(
+const CategoryCreatePanel = forwardRef(
   ({ onCreated }: CategoryCreatePanelProps, ref) => {
     const formRef = useRef<FormPanelRef>(null);
     const { t } = useTranslation(["category", "actions"]);
@@ -47,3 +50,7 @@ export const CategoryCreatePanel = forwardRef(
     );
   },
 );
+
+CategoryCreatePanel.displayName = "CategoryCreatePanel";
+
+export default CategoryCreatePanel;

package/frontend/category/components/update-panel.tsx

@@ -8,16 +8,17 @@ import { EnumFieldType } from "@/enums/EnumFieldType";
 import { useCategoryGet, useCategoryUpdate } from "@/features/category";
 import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
 import { Category } from "@/types/models";
-import { t } from "i18next";
 import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
 
 export type CategoryUpdatePanelProps = {
   data: Category;
   onUpdated?: (data: Category) => void;
 };
 
-export const CategoryUpdatePanel = forwardRef(
+const CategoryUpdatePanel = forwardRef(
   ({ data, onUpdated }: CategoryUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["person-types", "actions"]);
     const { data: item, isLoading } = useCategoryGet(data.id as number);
     const { mutate: categoryUpdate } = useCategoryUpdate();
     const formRef = useRef<FormPanelRef>(null);
@@ -57,3 +58,7 @@ export const CategoryUpdatePanel = forwardRef(
     );
   },
 );
+
+CategoryUpdatePanel.displayName = "CategoryUpdatePanel";
+
+export default CategoryUpdatePanel;

package/frontend/category/react-query/requests.ts

@@ -11,13 +11,13 @@ export function requests() {
     return request<PaginationResult<Category>>({
       url: "/category",
       params,
-    });
+    }).then((res) => res.data);
   };
 
   const categoryGet = async (id: number) => {
     return request<Category>({
       url: `/category/${id}`,
-    });
+    }).then((res) => res.data);
   };
 
   const categoryCreate = async (data: Category) => {
@@ -25,7 +25,7 @@ export function requests() {
       url: "/category",
       method: HttpMethod.POST,
       data: formatDataWithLocale(data),
-    });
+    }).then((res) => res.data);
   };
 
   const categoryDelete = async (ids: number[]) => {
@@ -33,15 +33,16 @@ export function requests() {
       url: "/category",
       data: { ids },
       method: HttpMethod.DELETE,
-    });
+    }).then((res) => res.data);
   };
 
-  const categoryUpdate = async (id: number, data: Category) => {
+  const categoryUpdate = async (params: { id: number; data: Category }) => {
+    const { id, data } = params;
     return request<Category>({
       url: `/category/${id}`,
       method: HttpMethod.PATCH,
       data: formatDataWithLocale(data),
-    });
+    }).then((res) => res.data);
   };
 
   return {

package/frontend/post/components/create-panel.tsx

@@ -1,6 +1,9 @@
-import FormPanel, { FormPanelRef } from "@/components/custom/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+import { TabPanel } from "@/components/panels/tab-panel";
 import { EnumFieldType } from "@/enums/EnumFieldType";
-import { usePostCreate } from "@/features/person-type";
+import { usePostGet, usePostUpdate } from "@/features/blog/post";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
 import { Post } from "@/types/models";
 import { forwardRef, useImperativeHandle, useRef } from "react";
 import { useTranslation } from "react-i18next";
@@ -13,7 +16,7 @@ export type PostCreatePanelProps = {
   onCreated?: (data: Post) => void;
 };
 
-export const PostCreatePanel = forwardRef(
+const PostCreatePanel = forwardRef(
   ({ onCreated }: PostCreatePanelProps, ref) => {
     const formRef = useRef<FormPanelRef>(null);
     const { t } = useTranslation(["post", "actions"]);
@@ -72,3 +75,7 @@ export const PostCreatePanel = forwardRef(
     );
   },
 );
+
+PostCreatePanel.displayName = "PostCreatePanel";
+
+export default PostCreatePanel;

package/frontend/post/components/post.screen.ts

@@ -0,0 +1,105 @@
+import { PageTitle } from "@/components/custom/page-title";
+import DataPanel from "@/components/panels/data-panel";
+import { usePostDelete } from "@/features/blog/post";
+import { useApp } from "@/hooks/use-app";
+import { isPlural } from "@/lib/utils";
+import { Post } from "@/types/models";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import PostCreatePanel from "./components/post-create-panel";
+import { PostUpdatePanel } from "./components/post-update-panel";
+
+export default function Page() {
+  const [selectedItems, setSelectedItems] = useState<Post[]>([]);
+  const { mutate: deletePost } = usePostDelete();
+  const { openSheet, confirm, closeSheet } = useApp();
+  const { t } = useTranslation(["post", "modules", "actions"]);
+
+  const openCreate = () => {
+    const id = openSheet({
+      title: t("create", { ns: "actions" }),
+      description: t("createText", { ns: "post" }),
+      children: () => <PostCreatePanel onCreated={() => closeSheet(id)} />,
+    });
+
+    return id;
+  };
+
+  const openDelete = (items: Post[]) => {
+    return confirm({
+      title: `${t("delete", { ns: "actions" })} ${items.length} ${isPlural(items.length) ? t("items", { ns: "actions" }) : t("item", { ns: "actions" })}`,
+      description: t("deleteText", { ns: "post" }),
+    })
+      .then(() =>
+        deletePost(
+          items.map((item) => item.id).filter((id) => id !== undefined),
+        ),
+      )
+      .catch(() => setSelectedItems(items));
+  };
+
+  const openUpdate = (item: Post) => {
+    const id = openSheet({
+      children: () => (
+        <PostUpdatePanel data={item} onUpdated={() => closeSheet(id)} />
+      ),
+      title: t("edit", { ns: "post" }),
+      description: t("editText", { ns: "post" }),
+    });
+
+    return id;
+  };
+
+  return (
+    <>
+      <PageTitle title={t("post", { ns: "modules" })} />
+      <DataPanel
+        url="/post"
+        layout="table"
+        id="post"
+        selectable
+        columns={[
+          { key: "id", header: "ID", width: 64 },
+          { key: "name", header: t("name", { ns: "post" }) },
+        ]}
+        selected={selectedItems as Post[]}
+        multiple
+        hasSearch
+        sortable
+        onItemDoubleClick={(item) => openUpdate(item)}
+        menuActions={[
+          {
+            icon: <IconEdit className="mr-1 w-8 cursor-pointer" />,
+            label: t("edit", { ns: "actions" }),
+            tooltip: t("editTooltip", { ns: "post" }),
+            handler: (items: Post[]) => {
+              if (items.length === 1) openUpdate(items[0]);
+            },
+            show: "once",
+          },
+          {
+            icon: <IconTrash className="mr-1 w-8 cursor-pointer" />,
+            label: t("delete", { ns: "actions" }),
+            tooltip: t("deleteTooltip", { ns: "post" }),
+            variant: "destructive",
+            handler: (items: Post[]) => {
+              openDelete(items);
+            },
+            show: "some",
+          },
+          {
+            icon: <IconPlus className="mr-1 w-8 cursor-pointer" />,
+            label: t("create", { ns: "actions" }),
+            tooltip: t("createTooltip", { ns: "post" }),
+            variant: "default",
+            handler: () => {
+              openCreate();
+            },
+            show: "none",
+          },
+        ]}
+      />
+    </>
+  );
+}

package/frontend/post/components/update-panel.tsx

@@ -5,16 +5,17 @@ import { EnumFieldType } from "@/enums/EnumFieldType";
 import { usePostGet, usePostUpdate } from "@/features/post";
 import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
 import { Post } from "@/types/models";
-import { t } from "i18next";
 import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
 
 export type PostUpdatePanelProps = {
   data: Post;
   onUpdated?: (data: Post) => void;
 };
 
-export const PostUpdatePanel = forwardRef(
+const PostUpdatePanel = forwardRef(
   ({ data, onUpdated }: PostUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["person-types", "actions"]);
     const { data: item, isLoading } = usePostGet(data.id as number);
     const { mutate: postUpdate } = usePostUpdate();
     const formRef = useRef<FormPanelRef>(null);
@@ -82,3 +83,7 @@ export const PostUpdatePanel = forwardRef(
     );
   },
 );
+
+PostUpdatePanel.displayName = "PostUpdatePanel";
+
+export default PostUpdatePanel;

package/frontend/post/react-query/requests.ts

@@ -10,13 +10,13 @@ export function requests() {
     return request<PaginationResult<Post>>({
       url: "/post",
       params,
-    });
+    }).then((res) => res.data);
   };
 
   const postGet = async (id: number) => {
     return request<Post>({
       url: `/post/${id}`,
-    });
+    }).then((res) => res.data);
   };
 
   const postCreate = async (data: Post) => {
@@ -24,7 +24,7 @@ export function requests() {
       url: "/post",
       method: HttpMethod.POST,
       data: data,
-    });
+    }).then((res) => res.data);
   };
 
   const postDelete = async (ids: number[]) => {
@@ -32,15 +32,16 @@ export function requests() {
       url: "/post",
       data: { ids },
       method: HttpMethod.DELETE,
-    });
+    }).then((res) => res.data);
   };
 
-  const postUpdate = async (id: number, data: Post) => {
+  const postUpdate = async (params: { id: number; data: Post }) => {
+    const { id, data } = params;
     return request<Post>({
       url: `/post/${id}`,
       method: HttpMethod.PATCH,
       data: data,
-    });
+    }).then((res) => res.data);
   };
 
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedhog/blog",
-  "version": "0.0.1",
+  "version": "0.0.7",
   "private": false,
   "main": "dist/index.js",
   "scripts": {

package/frontend/author/components/create-panel.d.ts

@@ -1,9 +0,0 @@
-import { Author } from "@/types/models";
-export type AuthorCreatePanelRef = {
-    submit: () => void;
-};
-export type AuthorCreatePanelProps = {
-    onCreated?: (data: Author) => void;
-};
-export declare const AuthorCreatePanel: any;
-//# sourceMappingURL=create-panel.d.ts.map

package/frontend/author/components/create-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-panel.d.ts","sourceRoot":"","sources":["create-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAIxC,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KA4C7B,CAAC"}