sitero 0.0.1

package/dist/src/cms/client/interfaces/components/resources/seo-metadata/seo-form/seo-form-side-fields.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import 'next/link';
+import '../../../../../../../constants/paths/auth.js';
+import '../../../../../../../constants/paths/main.js';
+import '../../../../../../../constants/paths/resources.js';
+import '../../../../../../../constants/redirect-paths.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'react';
+import 'intor/react';
+import { ActionButtonsCard } from '../../../ui/cards/action-buttons-card.js';
+import { ReferenceCard } from './reference-card.js';
+
+function SeoFormSideFields({
+  hasCreated,
+  isLoading,
+  isTriggering,
+  setIsOpen
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("sticky top-0", "h-fit w-max", "flex flex-col gap-6"), children: [
+    /* @__PURE__ */ jsx(
+      ActionButtonsCard,
+      {
+        action: hasCreated ? "update" : "create",
+        isInitializing: isLoading,
+        isProcessing: isTriggering,
+        cancelButtonProps: { onClick: () => setIsOpen(false) }
+      }
+    ),
+    /* @__PURE__ */ jsx(ReferenceCard, {})
+  ] });
+}
+
+export { SeoFormSideFields };

package/dist/src/cms/client/interfaces/components/resources/seo-metadata/seo-form/seo-form.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import 'mime-types';
+import { datetimeToUi } from '../../../../../../../shared/form/normalizers/datetime-to-ui.js';
+import 'clsx';
+import 'tailwind-merge';
+import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
+import '../../../../../../../constants/paths/auth.js';
+import '../../../../../../../constants/paths/main.js';
+import '../../../../../../../constants/paths/resources.js';
+import { CACHE_KEYS } from '../../../../../../../constants/cache-keys.js';
+import '../../../../../../../constants/redirect-paths.js';
+import '../../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import { useCommand } from '../../../../../infrastructure/react-query/use-command.js';
+import { useQuery } from '../../../../../infrastructure/react-query/use-query.js';
+import { Form } from '../../../ui/form/form.js';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'intor/react';
+import { FieldsContainer } from '../../../ui/form/containers/fields-container.js';
+import { SeoFormSideFields } from './seo-form-side-fields.js';
+
+function createSeoForm({
+  postFindFullAction,
+  seoMetadataUpsertAction,
+  useSeoMetadataUpsertFormData,
+  BasicTags,
+  OpenGraphTags,
+  TwitterTags,
+  JsonLdTags,
+  fields
+}) {
+  function allowField(field) {
+    return fields.includes(field);
+  }
+  return function SeoForm({ id, isArticle, setIsOpen }) {
+    const {
+      data: post,
+      isFetching,
+      refetch
+    } = useQuery(() => postFindFullAction({ id }), [CACHE_KEYS.findFull, id], {
+      select: (data) => data?.post
+    });
+    const hasCreated = ensureArray(post?.seoMetadatas).length > 0;
+    const postTranslations = ensureArray(post?.translations);
+    const { formData, setFormData } = useSeoMetadataUpsertFormData({
+      id,
+      post
+    });
+    const { execute, isPending, errors } = useCommand(
+      () => seoMetadataUpsertAction({ formData }),
+      { onSuccess: () => void refetch() }
+    );
+    useEffect(() => {
+      if (!hasCreated && post && postTranslations) {
+        queueMicrotask(
+          () => setFormData((prev) => ({
+            ...prev,
+            postId: post.id,
+            translations: prev.translations.map((t) => {
+              const postT = postTranslations.find(
+                (pt) => pt.locale === t.locale
+              );
+              if (!postT) throw new Error("No translations (seeder problem?)");
+              const title = postT.title ?? t.title;
+              const description = postT.description ?? t.description;
+              return {
+                ...t,
+                title,
+                description,
+                ogArticlePublishedTime: datetimeToUi((/* @__PURE__ */ new Date()).toISOString())
+              };
+            })
+          }))
+        );
+      }
+    }, [post, hasCreated, postTranslations, setFormData]);
+    return /* @__PURE__ */ jsx(Form, { onSubmit: () => void execute(), children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-6 pb-64", children: [
+        /* @__PURE__ */ jsx(
+          BasicTags,
+          {
+            formData,
+            setFormData,
+            errors,
+            isArticle,
+            allowField
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          OpenGraphTags,
+          {
+            formData,
+            setFormData,
+            errors,
+            isArticle,
+            allowField
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TwitterTags,
+          {
+            formData,
+            setFormData,
+            errors,
+            isArticle,
+            allowField
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          JsonLdTags,
+          {
+            formData,
+            setFormData,
+            errors,
+            allowField
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        SeoFormSideFields,
+        {
+          hasCreated,
+          isLoading: isFetching,
+          isTriggering: isPending,
+          setIsOpen
+        }
+      )
+    ] }) });
+  };
+}
+
+export { createSeoForm };

package/dist/src/cms/client/interfaces/components/resources/seo-metadata/seo-metadata-dialog.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useState } from 'react';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import { Dialog, DialogTrigger, DialogContent, DialogTitle } from '../../shadcn/dialog.js';
+import '@radix-ui/react-dropdown-menu';
+import 'lucide-react';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-dialog';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../ui/buttons/button.js';
+import 'next/navigation';
+import 'ua-parser-js';
+import '../../../../../../core/domain/resources/admin/constants.js';
+
+function createSeoMetadataDialog({
+  SeoForm
+}) {
+  return function SeoMetadataDialog({
+    id,
+    isArticle = false,
+    // ui states
+    isLoading = false,
+    isDisabled = false
+  }) {
+    const { t } = useTranslator();
+    const [isOpen, setIsOpen] = useState(false);
+    return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onOpenChange: setIsOpen, children: [
+      /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          isLoading,
+          isDisabled,
+          onClick: () => setIsOpen(true),
+          children: t("resources.seo-metadata.text")
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(DialogContent, { className: "container h-[80%]", children: [
+        /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Dialog" }),
+        /* @__PURE__ */ jsx("div", { className: "size-full overflow-y-scroll pr-6", children: id && /* @__PURE__ */ jsx(SeoForm, { id, isArticle, setIsOpen }) })
+      ] })
+    ] });
+  };
+}
+
+export { createSeoMetadataDialog };

package/dist/src/cms/client/interfaces/components/resources/tag/tag-card.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { File, Tag } from 'lucide-react';
+import 'mime-types';
+import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/navigation';
+import 'react';
+import 'ua-parser-js';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import 'next/link';
+import { PostStatusBarIcons } from '../post/post-status-bar-icons.js';
+import '../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/image';
+
+function TagCard({
+  tag,
+  // Link Props
+  openNewTab = false,
+  anchorProps,
+  // Base
+  className = ""
+}) {
+  const { t, locale } = useTranslator();
+  const title = findTranslation(tag?.translations, locale)?.title ?? "";
+  const { isActive, isSlugActive, index } = tag || {};
+  return /* @__PURE__ */ jsx(
+    ResourceCard,
+    {
+      className: cn(className, "w-72!"),
+      href: `${PATHS.resources.tag.path}/${tag?.id}`,
+      openNewTab,
+      anchorProps,
+      cardStatusBarProps: {
+        badge: /* @__PURE__ */ jsx("span", { className: "flex-center px-4", children: /* @__PURE__ */ jsx(Tag, { className: "size-4" }) }),
+        children: /* @__PURE__ */ jsx(
+          PostStatusBarIcons,
+          {
+            isActive,
+            index,
+            isSlugActive
+          }
+        )
+      },
+      cardTextContentProps: {
+        title,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(File, { className: "size-4" }),
+          /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
+            ":\xA0",
+            tag && "taggedPosts" in tag ? tag.taggedPosts?.length : /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })
+          ] })
+        ] })
+      }
+    }
+  );
+}
+
+export { TagCard };

package/dist/src/cms/client/interfaces/components/resources/tag/tag-list.js

@@ -0,0 +1,147 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../core/domain/resources/post/props.js';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { debounce } from '../../../../../../shared/utils/debounce.js';
+import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import { CACHE_KEYS } from '../../../../../../constants/cache-keys.js';
+import '../../../../../../constants/redirect-paths.js';
+import '../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'sonner';
+import { useQuery } from '../../../../infrastructure/react-query/use-query.js';
+import 'intor/react';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/navigation';
+import 'ua-parser-js';
+import { ListCardsContainer } from '../../ui/blocks/list-cards-container/list-cards-container.js';
+import 'next/link';
+import 'next/image';
+import { Tick } from '../../ui/features/tick.js';
+import { ControlFieldsButtons } from '../post/control-fields-buttons.js';
+import { TagCard } from './tag-card.js';
+
+function createTagList({
+  postFindListCardsAction
+}) {
+  return function TagList({
+    usableFields = ["isActive", "index", "slug"],
+    //
+    setItemStates,
+    // Link Props
+    openNewTab = false,
+    // Pick Mode
+    pickedItems,
+    handleClick
+  }) {
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(20);
+    const [searchString, setSearchString] = useState("");
+    const debouncedSetSearchString = useMemo(
+      () => debounce((v) => setSearchString(v), 300),
+      []
+    );
+    const [controlFields, setControlFields] = useState({
+      isActive: false,
+      index: false,
+      slug: false
+    });
+    useEffect(() => {
+      setPage(1);
+    }, [controlFields, setPage]);
+    const { data, isFetching } = useQuery(
+      () => postFindListCardsAction({
+        type: POST_TYPES.TAG,
+        page,
+        pageSize,
+        searchString,
+        ...controlFields
+      }),
+      [
+        CACHE_KEYS.findListCards("tag"),
+        page,
+        pageSize,
+        searchString,
+        JSON.stringify(controlFields)
+      ]
+    );
+    const tags = useMemo(() => ensureArray(data?.items), [data?.items]);
+    useEffect(() => {
+      setItemStates?.({
+        items: tags,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [data?.total, isFetching, tags, setItemStates]);
+    return /* @__PURE__ */ jsx(
+      ListCardsContainer,
+      {
+        page,
+        setPage,
+        pageSize,
+        setPageSize,
+        total: data?.total ?? 0,
+        searchString,
+        setSearchString: debouncedSetSearchString,
+        isFetching,
+        headerChildren: /* @__PURE__ */ jsx(
+          ControlFieldsButtons,
+          {
+            usableFields,
+            controlFields,
+            setControlFields
+          }
+        ),
+        children: tags.map((tag) => {
+          const isPicked = pickedItems?.some((item) => item.id === tag.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              TagCard,
+              {
+                tag,
+                openNewTab,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: handleClick && {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleClick(tag);
+                  }
+                }
+              }
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked || false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, tag.id);
+        })
+      }
+    );
+  };
+}
+
+export { createTagList };

package/dist/src/cms/client/interfaces/components/resources/tag/tag-relations-section.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
+import { Accordion } from '../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import 'lucide-react';
+import 'next/link';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import '../../../../../../constants/redirect-paths.js';
+import 'next/navigation';
+import 'react';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'ua-parser-js';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import '../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/image';
+
+function createTagRelationsSection({
+  PostList
+}) {
+  return function TagRelationsSection({
+    tag,
+    usableFields = ["isActive", "isIndexActive", "isSlugActive"],
+    headerProps
+  }) {
+    const { t } = useTranslator();
+    const posts = ensureArray(tag?.taggedPosts);
+    return /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        accordionHeaderProps: {
+          count: posts.length,
+          isRelated: headerProps?.isRelated ?? true,
+          children: headerProps?.children ?? t("resources.post.text")
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: posts.map((p) => p.id),
+            openNewTab: true,
+            type: null,
+            usableFields
+          }
+        )
+      }
+    ) });
+  };
+}
+
+export { createTagRelationsSection };

package/dist/src/cms/client/interfaces/components/resources/topic/topic-card.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { FileSpreadsheet, File, Folder } from 'lucide-react';
+import '../../../../../../core/domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../../core/domain/resources/post/props.js';
+import 'mime-types';
+import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/navigation';
+import 'react';
+import 'ua-parser-js';
+import 'next/link';
+import { PostStatusBarIcons } from '../post/post-status-bar-icons.js';
+import '../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/image';
+
+function TopicCard({
+  topic,
+  // Link Props
+  openNewTab = false,
+  anchorProps,
+  // Base
+  className = ""
+}) {
+  const { locale } = useTranslator();
+  const title = findTranslation(topic.translations, locale)?.title;
+  const { isActive, isSlugActive, index } = topic;
+  const childPosts = topic.postsInTopic;
+  const categories = childPosts.filter((p) => p.type === POST_TYPES.CATEGORY);
+  const posts = childPosts.filter((p) => p.type === POST_TYPES.POST);
+  return /* @__PURE__ */ jsx(
+    ResourceCard,
+    {
+      className: cn(className, "w-72!"),
+      href: `${PATHS.resources.topic.path}/${topic.id}`,
+      openNewTab,
+      anchorProps,
+      cardStatusBarProps: {
+        badge: /* @__PURE__ */ jsx(Folder, { className: "size-4" }),
+        children: /* @__PURE__ */ jsx(
+          PostStatusBarIcons,
+          {
+            isActive,
+            index,
+            isSlugActive
+          }
+        )
+      },
+      cardTextContentProps: {
+        title,
+        children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", "text-sm"), children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(FileSpreadsheet, { className: "size-4" }),
+            /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
+              ":\xA0",
+              categories.length
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(File, { className: "size-4" }),
+            /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
+              ":\xA0",
+              posts.length
+            ] })
+          ] })
+        ] })
+      }
+    }
+  );
+}
+
+export { TopicCard };