sitero 0.6.0 → 0.8.0

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/page.js

@@ -1,23 +1,21 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { File, SquareLibrary } from 'lucide-react';
-import { POST_TYPES } from 'sitero-domain';
+import { File } from 'lucide-react';
 import { isContentTopic } from '../../../../../../../config/topics.js';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
-import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import 'sitero-domain';
 import 'react';
 import 'ua-parser-js';
 import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { useQuery } from '../../../../../../../shared/client/react-query/use-query.js';
 import 'clsx';
 import 'tailwind-merge';
-import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
+import { PageHeaderLayout } from '../../../../components/ui/blocks/page-header/page-header-layout.js';
 import '@radix-ui/react-avatar';
 import '../../../../components/shadcn/badge.js';
 import '../../../../components/shadcn/button.js';
@@ -32,10 +30,8 @@ import '@radix-ui/react-separator';
 import '../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
-import { Spinner } from '../../../../components/shadcn/spinner.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { PageHeaderLayout } from '../../../../components/ui/blocks/page-header/page-header-layout.js';
 import 'next/link';
 import { ReturnButton } from '../../../../components/ui/buttons/return-button.js';
 import '../../../../components/ui/inputs/input.js';
@@ -50,19 +46,12 @@ import 'next/navigation';
 import { ContentContainer } from '../../../../components/ui/layouts/content-container.js';
 
 function createContentManagementPage({
-  topics: staticTopics,
-  postFindManyAction
+  topics: staticTopics
 }) {
   return function ContentManagementPage() {
     const { t, locale } = useTranslator();
-    const { data: topics, isFetching } = useQuery(
-      () => postFindManyAction({ type: POST_TYPES.TOPIC }),
-      ["postFindManyAction", POST_TYPES.TOPIC],
-      {
-        select: (data) => ensureArray(data?.posts).filter(
-          (topic) => isContentTopic(staticTopics, topic.slug)
-        )
-      }
+    const topics = Object.entries(staticTopics).filter(
+      ([key]) => isContentTopic(staticTopics, key)
     );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -75,21 +64,18 @@ function createContentManagementPage({
           }
         }
       ),
-      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap max-lg:gap-3 lg:gap-6", children: isFetching ? /* @__PURE__ */ jsx(FeatureCard, { text: /* @__PURE__ */ jsx(Spinner, {}) }) : ensureArray(topics).map((topic) => {
-        const topicT = findTranslation(topic.translations, locale);
-        return /* @__PURE__ */ jsx(
-          FeatureCard,
-          {
-            href: joinUrl(
-              CMS_PATHS.content["content-management"].pathname,
-              topic.slug
-            ),
-            icon: /* @__PURE__ */ jsx(SquareLibrary, {}),
-            text: topicT.title
-          },
-          topic.id
-        );
-      }) }) })
+      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap max-lg:gap-3 lg:gap-6", children: topics.map(([key, topic]) => /* @__PURE__ */ jsx(
+        FeatureCard,
+        {
+          href: joinUrl(
+            CMS_PATHS.content["content-management"].pathname,
+            key
+          ),
+          icon: /* @__PURE__ */ jsx(topic.icon, {}),
+          text: topic.title[locale]
+        },
+        key
+      )) }) })
     ] });
   };
 }

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/tag/_id_/edit/page.js

@@ -64,8 +64,8 @@ function createTagEditPage({
       }
     );
     const { data: tags, isFetching: isFetchingControlMeta } = useCmsQuery(
-      () => postFindManyAction({ type }),
-      ["postFindManyAction", type],
+      () => postFindManyAction({ type, deletion: "all" }),
+      ["postFindManyAction", type, "all"],
       { select: (data) => data?.posts }
     );
     const controlMeta = getControlMeta({

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/tag/_id_/page.js

@@ -5,17 +5,16 @@ import { Tag, SquareArrowOutUpRight, Pen, Trash2 } from 'lucide-react';
 import { useParams, useRouter } from 'next/navigation';
 import { POST_TYPES } from 'sitero-domain';
 import 'zod';
-import 'sonner';
-import 'react';
-import 'ua-parser-js';
-import '../../../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { useCommand } from '../../../../../../../../../shared/client/react-query/use-command.js';
+import { useCmsCommand } from '../../../../../../../infrastructure/operation-result/use-cms-command.js';
 import { useCmsQuery } from '../../../../../../../infrastructure/operation-result/use-cms-query.js';
 import { CMS_PATHS } from '../../../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/link';
@@ -32,6 +31,7 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../../../components/shadcn/sidebar/sidebar.js';
 import 'next-themes';
+import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { ActionButton } from '../../../../../../components/ui/buttons/action-button.js';
@@ -76,7 +76,7 @@ function createTagShowPage({
       }
     );
     const isScopeNotFound = isNotFound || !!tag && tag.type !== type;
-    const { execute, isRedirecting } = useCommand(
+    const { execute, isRedirecting } = useCmsCommand(
       () => postDeleteAction({ id }),
       {
         onSuccess: () => router.replace(returnHref)
@@ -109,12 +109,12 @@ function createTagShowPage({
                 variant: "destructive",
                 icon: Trash2,
                 onClick: () => {
-                  if (!confirm(t("ui.dialog.confirm.text"))) return;
+                  if (!confirm(t("ui.dialog.move-to-trash.text"))) return;
                   void execute();
                 },
                 isLoading: isRedirecting,
                 isDisabled: isFetching || isScopeNotFound,
-                children: t("ui.destroy.text")
+                children: t("ui.move-to-trash.text")
               }
             )
           ] }),

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/tag/_id_/relations/page.js

@@ -43,6 +43,7 @@ import 'zod';
 import 'intor/next';
 
 function createTagRelationsPage({
+  contentUi,
   postFindRelationsAction,
   PostList,
   CategoryCard,
@@ -59,12 +60,13 @@ function createTagRelationsPage({
       {}
     );
     return /* @__PURE__ */ jsx(PostRelationsLayout, { children: (relations) => /* @__PURE__ */ jsxs(AccordionContainer, { children: [
-      /* @__PURE__ */ jsx(
+      (contentUi?.hasCategory ?? true) && /* @__PURE__ */ jsx(
         Accordion,
         {
           hasBorder: true,
           deps: [categoryStates.isFetching],
           accordionHeaderProps: {
+            showCount: true,
             count: categoryStates.count,
             children: t("resources.category.text")
           },
@@ -82,12 +84,13 @@ function createTagRelationsPage({
           )
         }
       ),
-      /* @__PURE__ */ jsx(
+      (contentUi?.hasSubcategory ?? true) && /* @__PURE__ */ jsx(
         Accordion,
         {
           hasBorder: true,
           deps: [subcategoryStates.isFetching],
           accordionHeaderProps: {
+            showCount: true,
             count: subcategoryStates.count,
             children: t("resources.subcategory.text")
           },
@@ -111,6 +114,7 @@ function createTagRelationsPage({
           hasBorder: true,
           deps: [postStates.isFetching],
           accordionHeaderProps: {
+            showCount: true,
             count: postStates.count,
             children: t("resources.post.text")
           },

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/tag/create/page.js

@@ -50,8 +50,8 @@ function createTagCreatePage({
   return function TagCreatePage() {
     const { t } = useTranslator();
     const { data: tags, isFetching: isFetchingControlMeta } = useQuery(
-      () => postFindManyAction({ type }),
-      ["postFindManyAction", type],
+      () => postFindManyAction({ type, deletion: "all" }),
+      ["postFindManyAction", type, "all"],
       { select: (data) => data?.posts }
     );
     const controlMeta = getControlMeta({ records: ensureArray(tags) });

package/dist/src/cms/client/interfaces/pages/dashboard/content/content-management/trash/page.js

@@ -0,0 +1,204 @@
+"use client";
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Trash2, FileSymlink } from 'lucide-react';
+import { useSearchParams } from 'next/navigation';
+import { useState } from 'react';
+import 'zod';
+import { useCmsCommand } from '../../../../../../infrastructure/operation-result/use-cms-command.js';
+import 'ua-parser-js';
+import '../../../../../../../../shared/client/react-query/client.js';
+import '@tanstack/react-query';
+import { PageHeaderLayout } from '../../../../../components/ui/blocks/page-header/page-header-layout.js';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'sitero-domain';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../../../components/shadcn/badge.js';
+import '../../../../../components/shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../../../components/shadcn/input-group.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../../../components/shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ActionButton } from '../../../../../components/ui/buttons/action-button.js';
+import 'next/link';
+import { ReturnButton } from '../../../../../components/ui/buttons/return-button.js';
+import '../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../constants/cms-locale.js';
+import '../../../../../components/ui/inputs/input.js';
+import '../../../../../components/ui/inputs/textarea.js';
+import '../../../../../components/ui/inputs/switch-input.js';
+import '../../../../../components/ui/inputs/password-input.js';
+import { Accordion } from '../../../../../components/ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../../../../components/ui/features/accordion/accordion-container.js';
+import 'next/image';
+import '../../../../../../infrastructure/admin-session/admin-context.js';
+import 'intor/next';
+import { ContentContainer } from '../../../../../components/ui/layouts/content-container.js';
+
+function createPostTrashPage({
+  contentUi,
+  PostList,
+  CategoryCard,
+  CategoryTable,
+  TagCard,
+  TagTable,
+  postRestoreAction,
+  postPurgeAction
+}) {
+  const SubcategoryCard = (props) => /* @__PURE__ */ jsx(CategoryCard, { ...props, isSubcategory: true });
+  const SubcategoryTable = (props) => /* @__PURE__ */ jsx(CategoryTable, { ...props, isSubcategory: true });
+  return function PostTrashPage() {
+    const { t } = useTranslator();
+    const [postStates, setPostStates] = useState(
+      {}
+    );
+    const [categoryStates, setCategoryStates] = useState({});
+    const [subcategoryStates, setSubcategoryStates] = useState({});
+    const [tagStates, setTagStates] = useState(
+      {}
+    );
+    const [selectedId, setSelectedId] = useState(null);
+    const filterId = useSearchParams().get("id");
+    const groups = [
+      {
+        type: "POST",
+        title: t("resources.post.text"),
+        states: postStates,
+        setStates: setPostStates
+      },
+      {
+        type: "CATEGORY",
+        title: t("resources.category.text"),
+        states: categoryStates,
+        setStates: setCategoryStates,
+        Card: CategoryCard,
+        Table: CategoryTable
+      },
+      {
+        type: "SUBCATEGORY",
+        title: t("resources.subcategory.text"),
+        states: subcategoryStates,
+        setStates: setSubcategoryStates,
+        Card: SubcategoryCard,
+        Table: SubcategoryTable
+      },
+      {
+        type: "TAG",
+        title: t("resources.tag.text"),
+        states: tagStates,
+        setStates: setTagStates,
+        Card: TagCard,
+        Table: TagTable
+      }
+    ];
+    const visibleGroups = groups.filter(
+      (group) => group.type === "CATEGORY" ? contentUi?.hasCategory ?? true : group.type === "SUBCATEGORY" ? contentUi?.hasSubcategory ?? true : group.type === "TAG" ? contentUi?.hasTag ?? true : true
+    );
+    const selectedGroup = visibleGroups.find(
+      ({ states }) => states.items?.some((post) => post.id === selectedId)
+    );
+    const selectedPost = selectedGroup?.states.items?.find(
+      (post) => post.id === selectedId
+    );
+    const onSuccess = () => setSelectedId(null);
+    const onSettled = () => {
+      for (const group of visibleGroups) void group.states.refetch?.();
+    };
+    const restore = useCmsCommand((id) => postRestoreAction({ id }), {
+      onSuccess,
+      onSettled
+    });
+    const purge = useCmsCommand((id) => postPurgeAction({ id }), {
+      onSuccess,
+      onSettled
+    });
+    const isProcessing = restore.isPending || purge.isPending;
+    const cannotAct = isProcessing || !!selectedGroup?.states.isFetching || !!selectedGroup?.states.isError || !selectedPost;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PageHeaderLayout,
+        {
+          navigation: /* @__PURE__ */ jsx(ReturnButton, { pushToParent: true }),
+          titleProps: { icon: Trash2, title: t("main.trash.text") },
+          utilities: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                variant: "success",
+                icon: FileSymlink,
+                isLoading: restore.isPending,
+                isDisabled: cannotAct,
+                onClick: () => {
+                  if (cannotAct || !selectedPost || !confirm(t("resources.post.confirm-restore.text")))
+                    return;
+                  void restore.execute(selectedPost.id);
+                },
+                children: t("ui.restore.text")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ActionButton,
+              {
+                variant: "destructive",
+                icon: Trash2,
+                isLoading: purge.isPending,
+                isDisabled: cannotAct || !!selectedPost?.isLocked,
+                onClick: () => {
+                  if (cannotAct || !selectedPost || selectedPost.isLocked || !confirm(t("ui.dialog.purge.text")))
+                    return;
+                  void purge.execute(selectedPost.id);
+                },
+                children: t("ui.purge.text")
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx(AccordionContainer, { children: visibleGroups.map((group) => /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          hasBorder: true,
+          initialOpen: group.states.isFetching || group.states.count === void 0 ? void 0 : group.states.count > 0,
+          deps: [group.states.isFetching],
+          accordionHeaderProps: {
+            showCount: true,
+            count: group.states.count,
+            children: group.states.isError ? `${group.title} \xB7 ${t("ui.operation-error.unknown.text")}` : group.title
+          },
+          children: /* @__PURE__ */ jsx(
+            PostList,
+            {
+              isDeleted: true,
+              type: group.type,
+              ..."Card" in group ? { Card: group.Card, Table: group.Table } : {},
+              ...filterId ? { postIds: [filterId] } : {},
+              setListItemStates: group.setStates,
+              pickedItems: selectedPost ? [selectedPost] : [],
+              handleClick: (post) => {
+                if (isProcessing || group.states.isFetching) return;
+                setSelectedId(
+                  (previous) => previous === post.id ? null : post.id
+                );
+              },
+              localKey: `post-trash-${group.type.toLowerCase()}`
+            }
+          )
+        },
+        group.type
+      )) }) })
+    ] });
+  };
+}
+
+export { createPostTrashPage };

package/dist/src/cms/client/interfaces/pages/dashboard/system/access/admin/_id_/admin-refresh-token/page.js

@@ -45,6 +45,7 @@ import 'next/image';
 import { AdminRefreshTokenCard } from '../../../../../../../components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js';
 import 'intor/next';
 import { ContentContainer } from '../../../../../../../components/ui/layouts/content-container.js';
+import '../../../../../../../components/resources/page/content/field-groups.js';
 
 function createAdminSessionsPage({
   adminRefreshTokenFindManyAction,

package/dist/src/cms/client/interfaces/pages/dashboard/system/access/admin/_id_/page.js

@@ -60,6 +60,7 @@ import { AdminSessionsLink } from '../../../../../../components/resources/admin/
 import 'intor/next';
 import { ContentContainer } from '../../../../../../components/ui/layouts/content-container.js';
 import { I18nDisplayField } from '../../../../../../components/ui/i18n/i18n-display-field.js';
+import '../../../../../../components/resources/page/content/field-groups.js';
 
 function createAdminShowPage({
   allowField = () => true,

package/dist/src/cms/client/interfaces/pages/dashboard/system/access/admin/_id_/relations/page.js

@@ -45,6 +45,7 @@ import 'zod';
 import { ContentContainer } from '../../../../../../../components/ui/layouts/content-container.js';
 
 function createAdminRelationsPage({
+  contentUi,
   PostList,
   CategoryCard,
   CategoryTable,
@@ -74,12 +75,13 @@ function createAdminRelationsPage({
         }
       ),
       /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsxs(AccordionContainer, { children: [
-        /* @__PURE__ */ jsx(
+        (contentUi?.hasCategory ?? true) && /* @__PURE__ */ jsx(
           Accordion,
           {
             hasBorder: true,
             deps: [categoryStates.isFetching],
             accordionHeaderProps: {
+              showCount: true,
               count: categoryStates.count,
               children: t("resources.category.text")
             },
@@ -97,12 +99,13 @@ function createAdminRelationsPage({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        (contentUi?.hasSubcategory ?? true) && /* @__PURE__ */ jsx(
           Accordion,
           {
             hasBorder: true,
             deps: [subcategoryStates.isFetching],
             accordionHeaderProps: {
+              showCount: true,
               count: subcategoryStates.count,
               children: t("resources.subcategory.text")
             },
@@ -126,6 +129,7 @@ function createAdminRelationsPage({
             hasBorder: true,
             deps: [postStates.isFetching],
             accordionHeaderProps: {
+              showCount: true,
               count: postStates.count,
               children: t("resources.post.text")
             },
@@ -141,12 +145,13 @@ function createAdminRelationsPage({
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        (contentUi?.hasTag ?? true) && /* @__PURE__ */ jsx(
           Accordion,
           {
             hasBorder: true,
             deps: [tagStates.isFetching],
             accordionHeaderProps: {
+              showCount: true,
               count: tagStates.count,
               children: t("resources.tag.text")
             },

package/dist/src/cms/client/interfaces/pages/dashboard/system/storage/file/_id_/page.js

@@ -55,6 +55,7 @@ import { FileRelationsLink } from '../../../../../../components/resources/file/f
 import 'intor/next';
 import { ContentContainer } from '../../../../../../components/ui/layouts/content-container.js';
 import { I18nDisplayField } from '../../../../../../components/ui/i18n/i18n-display-field.js';
+import '../../../../../../components/resources/page/content/field-groups.js';
 
 function createFileShowPage({
   webLocales,
@@ -131,12 +132,12 @@ function createFileShowPage({
                 variant: "destructive",
                 icon: Trash2,
                 onClick: () => {
-                  if (!confirm(t("ui.dialog.confirm.text"))) return;
+                  if (!confirm(t("ui.dialog.move-to-trash.text"))) return;
                   void executeFileSoftDeleteAction();
                 },
                 isLoading: isRedirecting,
                 isDisabled: isFetching || isDestructionBlocked,
-                children: t("ui.destroy.text")
+                children: t("ui.move-to-trash.text")
               }
             )
           ] })