@yimingliao/cms 0.0.151 → 0.0.152

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

@@ -0,0 +1,154 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo, useEffect } from 'react';
+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 '../../../../../domain/resources/admin/constants.js';
+import { POST_TYPES } from '../../../../../domain/resources/post/props.js';
+import 'mime-types';
+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 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+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.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+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 { CategoryCard } from './category-card.js';
+
+function createCategoryList({
+  useQuery,
+  postFindListCardsAction
+}) {
+  return function CategoryList({
+    usableFields,
+    setItemStates,
+    // Fetch Conditions
+    topicId,
+    postIds,
+    // 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,
+      isIndexActive: false,
+      isSlugActive: false
+    });
+    useEffect(() => {
+      queueMicrotask(() => setPage(1));
+    }, [controlFields, setPage]);
+    const { data, isFetching } = useQuery(
+      () => postFindListCardsAction({
+        type: POST_TYPES.CATEGORY,
+        page,
+        pageSize,
+        searchString,
+        ...topicId && { topicId },
+        ...postIds && { postIds },
+        ...controlFields
+      }),
+      [
+        CACHE_KEYS.findListCards("category"),
+        page,
+        pageSize,
+        searchString,
+        topicId,
+        JSON.stringify(postIds),
+        JSON.stringify(controlFields)
+      ],
+      { enabled: topicId !== DO_NOT_FETCH_KEY }
+      // Use in Post Topic Page
+    );
+    const categories = useMemo(() => ensureArray(data?.items), [data?.items]);
+    useEffect(() => {
+      setItemStates?.({
+        items: categories,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [categories, data?.total, isFetching, 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: categories.map((category) => {
+          const isPicked = pickedItems?.some((item) => item.id === category.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              CategoryCard,
+              {
+                category,
+                openNewTab,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: handleClick && {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleClick(category);
+                  }
+                }
+              }
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked ?? false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, category.id);
+        })
+      }
+    );
+  };
+}
+
+export { createCategoryList };

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

@@ -0,0 +1,76 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'mime-types';
+import { ensureArray } from '../../../../../shared/utils/ensure-array.js';
+import 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+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.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 { Accordion } from '../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+
+function createCategoryRelationsSection({
+  PostList
+}) {
+  return function CategoryRelationsSection({
+    category,
+    usableFields = [
+      "isActive",
+      "isIndexActive",
+      "isSlugActive",
+      "isFeatured",
+      "isShownOnHome"
+    ]
+  }) {
+    const { t } = useTranslator();
+    const posts = ensureArray(category?.children);
+    return /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        accordionHeaderProps: {
+          count: posts.length,
+          isRelated: true,
+          children: t("resources.post.text")
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: posts.map((p) => p.id),
+            openNewTab: true,
+            type: null,
+            usableFields
+          }
+        )
+      }
+    ) });
+  };
+}
+
+export { createCategoryRelationsSection };

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

@@ -20,6 +20,7 @@ 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';

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

@@ -21,6 +21,7 @@ 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 { Separator } from '../../shadcn/separator.js';

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

@@ -0,0 +1,112 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useMemo } from 'react';
+import 'lucide-react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+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.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 'mime-types';
+import { Accordion } from '../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+
+const postRelations = [
+  "postsAsContentImage",
+  "postsAsCoverImage",
+  "postsAsImages1",
+  "postsAsImages2",
+  "postsAsImage1",
+  "postsAsImage2",
+  "postsAsImage3",
+  "postsAsImage4"
+];
+function createFileRelationsSection({
+  adminEnabled,
+  AdminList,
+  PostList
+}) {
+  return function FileRelationsSection({
+    file,
+    usableFields = [
+      "isActive",
+      "isIndexActive",
+      "isSlugActive",
+      "isFeatured",
+      "isShownOnHome"
+    ]
+  }) {
+    const { t } = useTranslator();
+    const postIds = useMemo(() => {
+      if (!file) return [];
+      return [
+        ...new Set(postRelations.flatMap((key) => file[key].map((p) => p.id)))
+      ];
+    }, [file]);
+    console.log(postIds);
+    return /* @__PURE__ */ jsxs(AccordionContainer, { children: [
+      adminEnabled && file?.type === "IMAGE" && /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          hasBorder: true,
+          accordionHeaderProps: {
+            count: file?.adminAsAvatarImage.length,
+            isRelated: true,
+            children: `${t("resources.admin.text")} ( ${t("resources.file.as-avatar-image.text")} )`
+          },
+          children: /* @__PURE__ */ jsx(
+            AdminList,
+            {
+              adminIds: file?.adminAsAvatarImage.map((p) => p.id),
+              openNewTab: true
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          hasBorder: true,
+          accordionHeaderProps: {
+            count: postIds.length,
+            isRelated: true
+          },
+          children: /* @__PURE__ */ jsx(
+            PostList,
+            {
+              postIds,
+              type: null,
+              openNewTab: true,
+              usableFields
+            }
+          )
+        }
+      )
+    ] });
+  };
+}
+
+export { createFileRelationsSection };

package/dist/src/client/interfaces/components/resources/file/is-locked-buttons.js

@@ -12,6 +12,7 @@ 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';

package/dist/src/client/interfaces/components/resources/file/type-buttons.js

@@ -14,6 +14,7 @@ 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';

package/dist/src/client/interfaces/components/resources/post/control-fields-buttons.js

@@ -0,0 +1,111 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+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.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/link';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+
+function ControlFieldsButtons({
+  usableFields = [],
+  controlFields,
+  setControlFields
+}) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-fit gap-3 rounded", children: [
+    usableFields.includes("isActive") && /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        size: "sm",
+        variant: "secondary",
+        onClick: () => setControlFields((prev) => ({ ...prev, isActive: !prev.isActive })),
+        className: cn(!controlFields.isActive ? "opacity-35" : "shadow"),
+        children: t("ui.field.control-fields.is-active.text")
+      }
+    ),
+    usableFields.includes("isIndexActive") && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        type: "button",
+        variant: "secondary",
+        onClick: () => setControlFields((prev) => ({
+          ...prev,
+          isIndexActive: !prev.isIndexActive
+        })),
+        className: cn(!controlFields.isIndexActive ? "opacity-35" : "shadow"),
+        children: t("ui.field.control-fields.is-index-active.text")
+      }
+    ),
+    usableFields.includes("isSlugActive") && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        type: "button",
+        variant: "secondary",
+        onClick: () => setControlFields((prev) => ({
+          ...prev,
+          isSlugActive: !prev.isSlugActive
+        })),
+        className: cn(!controlFields.isSlugActive ? "opacity-35" : "shadow"),
+        children: t("ui.field.control-fields.is-slug-active.text")
+      }
+    ),
+    usableFields.includes("isFeatured") && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        type: "button",
+        variant: "secondary",
+        onClick: () => setControlFields((prev) => ({
+          ...prev,
+          isFeatured: !prev.isFeatured
+        })),
+        className: cn(!controlFields.isFeatured ? "opacity-35" : "shadow"),
+        children: t("ui.field.control-fields.is-featured.text")
+      }
+    ),
+    usableFields.includes("isShownOnHome") && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        type: "button",
+        variant: "secondary",
+        onClick: () => setControlFields((prev) => ({
+          ...prev,
+          isShownOnHome: !prev.isShownOnHome
+        })),
+        className: cn(!controlFields.isShownOnHome ? "opacity-35" : "shadow"),
+        children: t("ui.field.control-fields.is-shown-on-home.text")
+      }
+    )
+  ] });
+}
+
+export { ControlFieldsButtons };

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

@@ -0,0 +1,112 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { PATHS } from '../../../../../constants/paths/index.js';
+import '../../../../../constants/redirect-paths.js';
+import 'mime-types';
+import { findTranslation } from '../../../../../shared/translation/find-translation.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+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.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import 'next/link';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import { PostStatusBarIcons } from './post-status-bar-icons.js';
+
+function createPostCard({
+  SmartImage
+}) {
+  return function PostCard({
+    post,
+    // Link Props
+    openNewTab = false,
+    anchorProps,
+    // Base
+    className = ""
+  }) {
+    const { locale } = useTranslator();
+    const topic = post.topic;
+    const topicTitle = findTranslation(topic?.translations, locale)?.title ?? "";
+    const translation = findTranslation(post.translations, locale);
+    const { isActive, isSlugActive, index, isFeatured, isShownOnHome } = post;
+    return /* @__PURE__ */ jsx(
+      ResourceCard,
+      {
+        className: cn("size-72!", className),
+        href: `${PATHS.resources.post.path(topic?.slug)}/${post.id}`,
+        openNewTab,
+        anchorProps,
+        cardStatusBarProps: {
+          badge: topicTitle,
+          children: /* @__PURE__ */ jsx(
+            PostStatusBarIcons,
+            {
+              isActive,
+              index,
+              isSlugActive,
+              isFeatured,
+              isShownOnHome
+            }
+          )
+        },
+        cardTextContentProps: {
+          title: translation?.title,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "line-clamp-2 h-10 text-sm whitespace-normal",
+              style: {
+                WebkitMaskImage: "linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%)",
+                maskImage: "linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 75%)"
+              },
+              children: translation?.summary
+            }
+          )
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex-center size-full",
+              "absolute z-0",
+              "overflow-hidden rounded-xl",
+              `${!post.isActive ? "opacity-50" : ""}`,
+              "transition"
+            ),
+            children: post.coverImage && /* @__PURE__ */ jsx(
+              SmartImage,
+              {
+                fileKey: post.coverImage?.key,
+                width: 256,
+                height: 256,
+                fill: false,
+                className: "overflow-hidden rounded-xl"
+              }
+            )
+          }
+        )
+      }
+    );
+  };
+}
+
+export { createPostCard };