@hedhog/blog 0.0.13 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedhog/blog",
-  "version": "0.0.13",
+  "version": "0.3.1",
   "private": false,
   "main": "dist/index.js",
   "scripts": {
@@ -23,13 +23,17 @@
   "description": "",
   "peerDependencies": {
     "@hedhog/admin": "latest",
+    "@hedhog/locale": "latest",
     "@hedhog/pagination": "latest",
-    "@hedhog/prisma": "latest"
+    "@hedhog/prisma": "latest",
+    "@hedhog/utils": "latest"
   },
   "devDependencies": {
-    "@hedhog/admin": "^0.0.108",
-    "@hedhog/pagination": "^0.0.17",
-    "@hedhog/prisma": "^0.0.11",
+    "@hedhog/admin": "^0.0.124",
+    "@hedhog/locale": "^0.0.24",
+    "@hedhog/pagination": "^0.0.18",
+    "@hedhog/prisma": "^0.0.12",
+    "@hedhog/utils": "^0.0.27",
     "@nestjs/mapped-types": "^2.0.5"
   }
 }

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

@@ -1,105 +0,0 @@
-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/author.screen.tsx

@@ -1,105 +0,0 @@
-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,64 +0,0 @@
-import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
-import { EnumFieldType } from "@/enums/EnumFieldType";
-import { useAuthorCreate } from "@/features/blog/author";
-import { Author } from "@/types/models";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { useTranslation } from "react-i18next";
-
-export type AuthorCreatePanelRef = {
-  submit: () => void;
-};
-
-export type AuthorCreatePanelProps = {
-  onCreated?: (data: Author) => void;
-};
-
-const AuthorCreatePanel = forwardRef(
-  ({ onCreated }: AuthorCreatePanelProps, ref) => {
-    const formRef = useRef<FormPanelRef>(null);
-    const { t } = useTranslation(["actions"]);
-    const { mutateAsync: createAuthor } = useAuthorCreate();
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        submit: () => {
-          formRef.current?.submit();
-        },
-      }),
-      [formRef],
-    );
-
-    return (
-      <FormPanel
-        ref={formRef}
-        fields={[
-          {
-            name: "name",
-            label: { text: t("name", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-
-          {
-            name: "email",
-            label: { text: t("email", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-        ]}
-        button={{ text: t("create", { ns: "actions" }) }}
-        onSubmit={async (data) => {
-          const createdData = await createAuthor(data);
-          if (typeof onCreated === "function") {
-            onCreated(createdData);
-          }
-        }}
-      />
-    );
-  },
-);
-
-AuthorCreatePanel.displayName = "AuthorCreatePanel";
-
-export default AuthorCreatePanel;

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

@@ -1,75 +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 { 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";
-
-export type AuthorUpdatePanelProps = {
-  data: Author;
-  onUpdated?: (data: Author) => void;
-};
-
-const AuthorUpdatePanel = forwardRef(
-  ({ data, onUpdated }: AuthorUpdatePanelProps, ref) => {
-    const { t } = useTranslation(["actions"]);
-    const { data: item, isLoading } = useAuthorGet(data.id as number);
-    const { mutate: authorUpdate } = useAuthorUpdate();
-    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: "name",
-                      label: { text: t("name", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-
-                    {
-                      name: "email",
-                      label: { text: t("email", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-                  ]}
-                  button={{ text: t("save", { ns: "actions" }) }}
-                  onSubmit={(data) => {
-                    authorUpdate({ id: data.id, data });
-                    if (typeof onUpdated === "function") {
-                      onUpdated(data);
-                    }
-                  }}
-                />
-              </Overlay>
-            ),
-          },
-        ]}
-      />
-    );
-  },
-);
-
-AuthorUpdatePanel.displayName = "AuthorUpdatePanel";
-
-export default AuthorUpdatePanel;

package/frontend/author/locales/en/blog.author.json

@@ -1,11 +0,0 @@
-{
-  "create": "Create author",
-  "createText": "Fill the author informations.",
-  "createTooltip": "Create new author",
-  "delete": "Delete author",
-  "deleteText": "Are you sure to delete these authors?",
-  "deleteTooltip": "Delete the selected author",
-  "edit": "Edit author",
-  "editText": "View and edit author information.",
-  "editTooltip": "Edit the selected author"
-}

package/frontend/author/locales/pt/blog.author.json

@@ -1,11 +0,0 @@
-{
-  "create": "Criar autor",
-  "createText": "Preencha as informações do autor.",
-  "createTooltip": "Criar novo autor",
-  "delete": "Deletar autor",
-  "deleteText": "Você tem certeza que deseja deletar estes autores?",
-  "deleteTooltip": "Deletar o autor selecionado",
-  "edit": "Editar autor",
-  "editText": "Ver e editar informações do autor.",
-  "editTooltip": "Editar o autor selecionado"
-}

package/frontend/author/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 = "author";
-
-export function useAuthorCreate() {
-  const { authorCreate } = requests();
-  return useDefaultMutation(scope, "create", authorCreate);
-}
-
-export function useAuthorDelete() {
-  const { authorDelete } = requests();
-  return useDefaultMutation(scope, "delete", authorDelete);
-}
-
-export function useAuthorUpdate() {
-  const { authorUpdate } = requests();
-  return useDefaultMutation(scope, "update", authorUpdate);
-}
-
-export function useAuthorGet(id: number) {
-  const { authorGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => authorGet(id),
-  });
-}

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

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

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",
-          },
-        ]}
-      />
-    </>
-  );
-}