sitero 0.0.1

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

@@ -0,0 +1,165 @@
+"use client";
+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 { DO_NOT_FETCH_KEY } from '../../../../../../shared/list-items.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 './control-fields-buttons.js';
+
+function createPostList({
+  postFindListCardsAction,
+  PostCard
+}) {
+  return function PostList({
+    usableFields = ["isActive", "index", "slug", "isFeatured", "isShownOnHome"],
+    // search
+    type = POST_TYPES.POST,
+    topicId,
+    postIds,
+    excludeId,
+    // link
+    openNewTab = false,
+    // pick
+    pickedItems,
+    handleClick,
+    // item states
+    setItemStates
+  }) {
+    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,
+      isFeatured: false,
+      isShownOnHome: false
+    });
+    useEffect(() => {
+      setPage(1);
+    }, [setPage, controlFields]);
+    const { data, isFetching } = useQuery(
+      () => postFindListCardsAction({
+        type,
+        page,
+        pageSize,
+        searchString,
+        ...topicId && { topicId },
+        ...postIds && { postIds },
+        ...excludeId && { excludeId },
+        ...controlFields
+      }),
+      [
+        CACHE_KEYS.findListCards("post"),
+        type,
+        page,
+        pageSize,
+        searchString,
+        topicId,
+        JSON.stringify(postIds),
+        JSON.stringify(excludeId),
+        JSON.stringify(controlFields)
+      ],
+      { enabled: topicId !== DO_NOT_FETCH_KEY }
+      // Use in Post Topic Page
+    );
+    const posts = useMemo(() => ensureArray(data?.items), [data?.items]);
+    useEffect(() => {
+      setItemStates?.({
+        items: posts,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [isFetching, data?.total, posts, 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: posts.map((post) => {
+          const isPicked = pickedItems?.some((item) => item.id === post.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              PostCard,
+              {
+                post,
+                openNewTab: openNewTab ?? false,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: handleClick && {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleClick(post);
+                  }
+                }
+              }
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked || false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, post.id);
+        })
+      }
+    );
+  };
+}
+
+export { createPostList };

package/dist/src/cms/client/interfaces/components/resources/post/post-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 createPostRelationsSection({
+  PostList
+}) {
+  return function PostRelationsSection({
+    post,
+    usableFields = ["isActive", "index", "slug", "isFeatured", "isShownOnHome"],
+    headerProps
+  }) {
+    const { t } = useTranslator();
+    const posts = ensureArray(post?.referencingPosts);
+    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")} ( ${t("resources.post.referenced-by.text")} )`
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: posts.map((p) => p.id),
+            openNewTab: true,
+            type: null,
+            usableFields
+          }
+        )
+      }
+    ) });
+  };
+}
+
+export { createPostRelationsSection };

package/dist/src/cms/client/interfaces/components/resources/post/post-status-bar-icons.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Eye, EyeOff, Star, House, MapPinCheckInside } from 'lucide-react';
+
+function PostStatusBarIcons({
+  isActive,
+  index,
+  isSlugActive,
+  isFeatured,
+  isShownOnHome
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      isActive ? /* @__PURE__ */ jsx(Eye, { className: "size-5" }) : /* @__PURE__ */ jsx(EyeOff, { className: "text-error size-5 transition" }),
+      isFeatured && /* @__PURE__ */ jsx(Star, { className: "size-5" }),
+      isShownOnHome && /* @__PURE__ */ jsx(House, { className: "size-5" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-[76px] items-center gap-1", children: [
+      isSlugActive && /* @__PURE__ */ jsx(MapPinCheckInside, { className: "size-5" }),
+      index && /* @__PURE__ */ jsx("p", { className: "ml-auto font-[500]", children: index })
+    ] })
+  ] });
+}
+
+export { PostStatusBarIcons };

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

@@ -0,0 +1,193 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Accordion } from '../../../../ui/features/accordion/accordion.js';
+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 '@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 '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 'ua-parser-js';
+import '../../../../../../../../core/domain/resources/admin/constants.js';
+import { Field } from '../../../../ui/form/field.js';
+import '../../../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/image';
+
+function createBasicTags({
+  I18nInput,
+  I18nTextarea,
+  I18nObjectArrayInput
+}) {
+  return function BasicTags({
+    formData,
+    setFormData,
+    errors,
+    isArticle,
+    allowField
+  }) {
+    const { t } = useTranslator();
+    if (!allowField("basic:all")) return;
+    return /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        initialOpen: true,
+        accordionHeaderProps: { children: "Basic" },
+        deps: [formData],
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          allowField("title") && /* @__PURE__ */ jsx(Field, { htmlFor: "title", label: "title", hint: "<title>...</title>", children: /* @__PURE__ */ jsx(
+            I18nInput,
+            {
+              id: "title",
+              fieldName: "title",
+              translations: formData?.translations.map((t2) => ({
+                locale: t2.locale,
+                title: t2.title
+              })),
+              setFormData,
+              errors
+            }
+          ) }),
+          allowField("description") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "description",
+              label: "description",
+              hint: `<meta name="description" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nTextarea,
+                {
+                  id: "description",
+                  fieldName: "description",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    description: t2.description
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("author") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "author",
+              label: "author",
+              hint: `<meta name="author" content="..."> (${t(
+                "resources.seo-metadata.defaults-to.text"
+              )} Author Name)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "author",
+                  fieldName: "author",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    author: t2.author
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("canonical") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "canonical",
+              label: "canonical",
+              hint: `<meta name="canonical" content="...">`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "canonical",
+                  fieldName: "canonical",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    canonical: t2.canonical
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("alternate") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              label: "alternate",
+              hint: `<link rel="alternate" hreflang="en-US" href="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nObjectArrayInput,
+                {
+                  fieldName: "alternate",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    alternate: t2.alternate
+                  })),
+                  setFormData,
+                  errors,
+                  fields: [
+                    { key: "hreflang", placeholder: "hreflang" },
+                    { key: "href", placeholder: "href" }
+                  ],
+                  isResizable: false
+                }
+              )
+            }
+          ),
+          allowField("robots") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "robots",
+              label: "robots",
+              hint: `<meta name="robots" content="..."> (${t(
+                "resources.seo-metadata.defaults-to.text"
+              )} index, follow, max-image-preview: large)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "robots",
+                  fieldName: "robots",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    robots: t2.robots
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  };
+}
+
+export { createBasicTags };

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

@@ -0,0 +1,81 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Accordion } from '../../../../ui/features/accordion/accordion.js';
+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 '@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 'intor/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 'ua-parser-js';
+import '../../../../../../../../core/domain/resources/admin/constants.js';
+import { Field } from '../../../../ui/form/field.js';
+import '../../../../../../infrastructure/contexts/admin/admin.js';
+import '../../../../../../infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import 'next/image';
+
+function createJsonLdTags({ I18nJsonInput }) {
+  return function JsonLdTags({
+    formData,
+    setFormData,
+    errors,
+    allowField
+  }) {
+    if (!allowField("json-ld")) return;
+    return /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        initialOpen: true,
+        accordionHeaderProps: { children: "JSON-LD" },
+        deps: [formData],
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsx(
+          Field,
+          {
+            htmlFor: "jsonLd",
+            label: "JSON-LD",
+            hint: `<script type="application/ld+json">`,
+            children: /* @__PURE__ */ jsx(
+              I18nJsonInput,
+              {
+                id: "jsonLd",
+                fieldName: "jsonLd",
+                translations: formData?.translations.map((t) => ({
+                  locale: t.locale,
+                  jsonLd: t.jsonLd
+                })),
+                setFormData,
+                errors
+              }
+            )
+          }
+        ) })
+      }
+    );
+  };
+}
+
+export { createJsonLdTags };