@hedhog/blog 0.0.12 → 0.3.1

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

@@ -1,105 +0,0 @@
-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,53 +0,0 @@
-import FormPanel, {
-  FormPanelRef,
-  getFieldsLocale,
-} from "@/components/panels/form-panel";
-
-import { useCategoryCreate } from "@/features/blog/category";
-import { Category } from "@/types/models";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { useTranslation } from "react-i18next";
-
-export type CategoryCreatePanelRef = {
-  submit: () => void;
-};
-
-export type CategoryCreatePanelProps = {
-  onCreated?: (data: Category) => void;
-};
-
-const CategoryCreatePanel = forwardRef(
-  ({ onCreated }: CategoryCreatePanelProps, ref) => {
-    const formRef = useRef<FormPanelRef>(null);
-    const { t } = useTranslation(["category", "actions"]);
-    const { mutateAsync: createCategory } = useCategoryCreate();
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        submit: () => {
-          formRef.current?.submit();
-        },
-      }),
-      [formRef],
-    );
-
-    return (
-      <FormPanel
-        ref={formRef}
-        fields={[...getFieldsLocale([{ name: "name" }])]}
-        button={{ text: t("create", { ns: "actions" }) }}
-        onSubmit={async (data) => {
-          const createdData = await createCategory(data);
-          if (typeof onCreated === "function") {
-            onCreated(createdData);
-          }
-        }}
-      />
-    );
-  },
-);
-
-CategoryCreatePanel.displayName = "CategoryCreatePanel";
-
-export default CategoryCreatePanel;

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

@@ -1,64 +0,0 @@
-import FormPanel, {
-  FormPanelRef,
-  getFieldsLocale,
-} from "@/components/panels/form-panel";
-import { Overlay } from "@/components/custom/overlay";
-import { TabPanel } from "@/components/panels/tab-panel";
-
-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";
-
-export type CategoryUpdatePanelProps = {
-  data: Category;
-  onUpdated?: (data: Category) => void;
-};
-
-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);
-
-    useEffectAfterFirstUpdate(() => {
-      if (item && formRef.current) {
-        formRef.current.setValuesFromItem(item);
-      }
-    }, [item]);
-
-    useImperativeHandle(ref, () => ({}));
-
-    return (
-      <TabPanel
-        activeTabIndex={0}
-        tabs={[
-          {
-            title: t("details", { ns: "actions" }),
-            children: (
-              <Overlay loading={isLoading}>
-                <FormPanel
-                  ref={formRef}
-                  fields={[...getFieldsLocale([{ name: "name" }])]}
-                  button={{ text: t("save", { ns: "actions" }) }}
-                  onSubmit={(data) => {
-                    categoryUpdate({ id: data.id, data });
-                    if (typeof onUpdated === "function") {
-                      onUpdated(data);
-                    }
-                  }}
-                />
-              </Overlay>
-            ),
-          },
-        ]}
-      />
-    );
-  },
-);
-
-CategoryUpdatePanel.displayName = "CategoryUpdatePanel";
-
-export default CategoryUpdatePanel;

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

@@ -1,28 +0,0 @@
-import { useDefaultMutation } from "@/hooks/use-default-mutation";
-import { useQuery } from "@tanstack/react-query";
-import { requests } from "./requests";
-
-const scope = "category";
-
-export function useCategoryCreate() {
-  const { categoryCreate } = requests();
-  return useDefaultMutation(scope, "create", categoryCreate);
-}
-
-export function useCategoryDelete() {
-  const { categoryDelete } = requests();
-  return useDefaultMutation(scope, "delete", categoryDelete);
-}
-
-export function useCategoryUpdate() {
-  const { categoryUpdate } = requests();
-  return useDefaultMutation(scope, "update", categoryUpdate);
-}
-
-export function useCategoryGet(id: number) {
-  const { categoryGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => categoryGet(id),
-  });
-}

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

@@ -1,55 +0,0 @@
-import { useApp } from "@/hooks/use-app";
-import { Delete, PaginationParams, PaginationResult } from "@/types";
-import { Category } from "@/types/models";
-import { HttpMethod } from "@/types/http-method";
-import { formatDataWithLocale } from "@hedhog/utils";
-
-export function requests() {
-  const { request } = useApp();
-
-  const categoryList = async (params: PaginationParams) => {
-    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) => {
-    return request<Category>({
-      url: "/category",
-      method: HttpMethod.POST,
-      data: formatDataWithLocale(data),
-    }).then((res) => res.data);
-  };
-
-  const categoryDelete = async (ids: number[]) => {
-    return request<Delete>({
-      url: "/category",
-      data: { ids },
-      method: HttpMethod.DELETE,
-    }).then((res) => res.data);
-  };
-
-  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 {
-    categoryCreate,
-    categoryUpdate,
-    categoryDelete,
-    categoryList,
-    categoryGet,
-  };
-}

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

@@ -1,78 +0,0 @@
-import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
-import { EnumFieldType } from "@/enums/EnumFieldType";
-import { usePostCreate } from "@/features/blog/post";
-import { Post } from "@/types/models";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { useTranslation } from "react-i18next";
-
-export type PostCreatePanelRef = {
-  submit: () => void;
-};
-
-export type PostCreatePanelProps = {
-  onCreated?: (data: Post) => void;
-};
-
-const PostCreatePanel = forwardRef(
-  ({ onCreated }: PostCreatePanelProps, ref) => {
-    const formRef = useRef<FormPanelRef>(null);
-    const { t } = useTranslation(["post", "actions"]);
-    const { mutateAsync: createPost } = usePostCreate();
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        submit: () => {
-          formRef.current?.submit();
-        },
-      }),
-      [formRef],
-    );
-
-    return (
-      <FormPanel
-        ref={formRef}
-        fields={[
-          {
-            name: "title",
-            label: { text: t("title", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-
-          {
-            name: "content",
-            label: { text: t("content", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-
-          {
-            name: "author_id",
-            label: { text: t("author_id", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-
-          {
-            name: "category_id",
-            label: { text: t("category_id", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-        ]}
-        button={{ text: t("create", { ns: "actions" }) }}
-        onSubmit={async (data) => {
-          const createdData = await createPost(data);
-          if (typeof onCreated === "function") {
-            onCreated(createdData);
-          }
-        }}
-      />
-    );
-  },
-);
-
-PostCreatePanel.displayName = "PostCreatePanel";
-
-export default PostCreatePanel;

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

@@ -1,105 +0,0 @@
-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

@@ -1,89 +0,0 @@
-import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
-import { Overlay } from "@/components/custom/overlay";
-import { TabPanel } from "@/components/panels/tab-panel";
-import { EnumFieldType } from "@/enums/EnumFieldType";
-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";
-
-export type PostUpdatePanelProps = {
-  data: Post;
-  onUpdated?: (data: Post) => void;
-};
-
-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);
-
-    useEffectAfterFirstUpdate(() => {
-      if (item && formRef.current) {
-        formRef.current.setValuesFromItem(item);
-      }
-    }, [item]);
-
-    useImperativeHandle(ref, () => ({}));
-
-    return (
-      <TabPanel
-        activeTabIndex={0}
-        tabs={[
-          {
-            title: t("details", { ns: "actions" }),
-            children: (
-              <Overlay loading={isLoading}>
-                <FormPanel
-                  ref={formRef}
-                  fields={[
-                    {
-                      name: "title",
-                      label: { text: t("title", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-
-                    {
-                      name: "content",
-                      label: { text: t("content", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-
-                    {
-                      name: "author_id",
-                      label: { text: t("author_id", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-
-                    {
-                      name: "category_id",
-                      label: { text: t("category_id", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-                  ]}
-                  button={{ text: t("save", { ns: "actions" }) }}
-                  onSubmit={(data) => {
-                    postUpdate({ id: data.id, data });
-                    if (typeof onUpdated === "function") {
-                      onUpdated(data);
-                    }
-                  }}
-                />
-              </Overlay>
-            ),
-          },
-        ]}
-      />
-    );
-  },
-);
-
-PostUpdatePanel.displayName = "PostUpdatePanel";
-
-export default PostUpdatePanel;

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

@@ -1,28 +0,0 @@
-import { useDefaultMutation } from "@/hooks/use-default-mutation";
-import { useQuery } from "@tanstack/react-query";
-import { requests } from "./requests";
-
-const scope = "post";
-
-export function usePostCreate() {
-  const { postCreate } = requests();
-  return useDefaultMutation(scope, "create", postCreate);
-}
-
-export function usePostDelete() {
-  const { postDelete } = requests();
-  return useDefaultMutation(scope, "delete", postDelete);
-}
-
-export function usePostUpdate() {
-  const { postUpdate } = requests();
-  return useDefaultMutation(scope, "update", postUpdate);
-}
-
-export function usePostGet(id: number) {
-  const { postGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => postGet(id),
-  });
-}

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

@@ -1,54 +0,0 @@
-import { useApp } from "@/hooks/use-app";
-import { Delete, PaginationParams, PaginationResult } from "@/types";
-import { Post } from "@/types/models";
-import { HttpMethod } from "@/types/http-method";
-
-export function requests() {
-  const { request } = useApp();
-
-  const postList = async (params: PaginationParams) => {
-    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) => {
-    return request<Post>({
-      url: "/post",
-      method: HttpMethod.POST,
-      data: data,
-    }).then((res) => res.data);
-  };
-
-  const postDelete = async (ids: number[]) => {
-    return request<Delete>({
-      url: "/post",
-      data: { ids },
-      method: HttpMethod.DELETE,
-    }).then((res) => res.data);
-  };
-
-  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 {
-    postCreate,
-    postUpdate,
-    postDelete,
-    postList,
-    postGet,
-  };
-}