@yimingliao/cms 0.0.223 → 0.0.226

package/dist/export/client/components/index.js

@@ -45,6 +45,7 @@ import 'react/jsx-runtime';
 import '@radix-ui/react-avatar';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';

package/dist/export/client/components/resources/index.js

@@ -25,5 +25,11 @@ export { createTopicList } from '../../../../src/client/interfaces/components/re
 export { TagCard } from '../../../../src/client/interfaces/components/resources/tag/tag-card.js';
 export { createTagList } from '../../../../src/client/interfaces/components/resources/tag/tag-list.js';
 export { createTagRelationsSection } from '../../../../src/client/interfaces/components/resources/tag/tag-relations-section.js';
+export { createSeoMetadataDialog } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-metadata-dialog.js';
+export { createSeoForm } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/seo-form.js';
+export { createBasicTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/basic-tags.js';
+export { createOpenGraphTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/open-graph-tags.js';
+export { createTwitterTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/twitter-tags.js';
+export { createJsonLdTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/json-ld-tags.js';
 export { InquiryCard } from '../../../../src/client/interfaces/components/resources/inquiry/inquiry-card.js';
 export { createInquiryList } from '../../../../src/client/interfaces/components/resources/inquiry/inquiry-list.js';

package/dist/export/client/index.js

@@ -15,6 +15,7 @@ export { usePickItems } from '../../src/client/applications/form/use-pick-items.
 export { getControlMeta } from '../../src/client/applications/form/get-control-meta.js';
 export { getImgIdsFromHtmls } from '../../src/client/applications/form/get-img-ids-from-htmls.js';
 export { createProcessContentHtml } from '../../src/client/applications/form/process-content-html.js';
+export { createUseSeoMetadataUpsertFormData } from '../../src/client/applications/resources/seo-metadata/use-upsert-form-data.js';
 export { cn } from '../../src/client/applications/shadcn/utils.js';
 import 'next/navigation';
 export { isConfirm } from '../../src/client/applications/ui/is-confirm.js';

package/dist/src/client/applications/resources/seo-metadata/seo-metadata-empty-translation.js

@@ -0,0 +1,52 @@
+const SEO_METADATA_EMPTY_TRANSLATIONS = (buildTranslations) => buildTranslations([
+  // -----------------------------------------------------------------------
+  // Basic
+  // -----------------------------------------------------------------------
+  { key: "title", value: null },
+  { key: "description", value: null },
+  // identity
+  { key: "author", value: null },
+  // url
+  { key: "canonical", value: null },
+  { key: "alternate", value: [] },
+  // robots
+  { key: "robots", value: null },
+  // -----------------------------------------------------------------------
+  // Open Graph
+  // -----------------------------------------------------------------------
+  { key: "ogTitle", value: null },
+  { key: "ogDescription", value: null },
+  // url
+  { key: "ogUrl", value: null },
+  // identity
+  { key: "ogType", value: null },
+  { key: "ogSiteName", value: null },
+  // image
+  { key: "ogImage", value: null },
+  { key: "ogImageAlt", value: null },
+  { key: "ogImageType", value: null },
+  { key: "ogImageWidth", value: 0 },
+  { key: "ogImageHeight", value: 0 },
+  // locale
+  { key: "ogLocale", value: null },
+  { key: "ogLocaleAlternate", value: [] },
+  // article
+  { key: "ogArticlePublishedTime", value: null },
+  { key: "ogArticleModifiedTime", value: null },
+  { key: "ogArticleAuthor", value: null },
+  { key: "ogArticleSection", value: null },
+  { key: "ogArticleTag", value: [] },
+  // -----------------------------------------------------------------------
+  // Twitter
+  // -----------------------------------------------------------------------
+  { key: "twitterCard", value: null },
+  // identity
+  { key: "twitterSite", value: null },
+  { key: "twitterCreator", value: null },
+  // -----------------------------------------------------------------------
+  // JSON-LD
+  // -----------------------------------------------------------------------
+  { key: "jsonLd", value: [] }
+]);
+
+export { SEO_METADATA_EMPTY_TRANSLATIONS };

package/dist/src/client/applications/resources/seo-metadata/use-upsert-form-data.js

@@ -0,0 +1,43 @@
+import { useState, useEffect } from 'react';
+import 'mime-types';
+import { datetimeToUi } from '../../../../shared/form/normalizers/datetime-to-ui.js';
+import { jsonArrayToUi } from '../../../../shared/form/normalizers/json-array-to-ui.js';
+import { ensureArray } from '../../../../shared/utils/ensure-array.js';
+import { SEO_METADATA_EMPTY_TRANSLATIONS } from './seo-metadata-empty-translation.js';
+
+function createUseSeoMetadataUpsertFormData({
+  buildTranslations
+}) {
+  return function useSeoMetadataUpsertFormData({
+    id,
+    post
+  }) {
+    const [formData, setFormData] = useState(() => ({
+      postId: id,
+      translations: SEO_METADATA_EMPTY_TRANSLATIONS(buildTranslations)
+    }));
+    useEffect(() => {
+      if (!post) return;
+      const seoMetadatas = ensureArray(post?.seoMetadatas);
+      if (seoMetadatas.length === 0) return;
+      setFormData({
+        postId: post.id,
+        translations: seoMetadatas.map((s) => {
+          return {
+            ...s,
+            ogType: s.ogType,
+            twitterCard: s.twitterCard,
+            // Datetime to UI
+            ogArticlePublishedTime: datetimeToUi(s.ogArticlePublishedTime),
+            ogArticleModifiedTime: datetimeToUi(s.ogArticleModifiedTime),
+            // Json Array to UI
+            jsonLd: jsonArrayToUi(s.jsonLd)
+          };
+        })
+      });
+    }, [post, setFormData]);
+    return { formData, setFormData };
+  };
+}
+
+export { createUseSeoMetadataUpsertFormData };

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/active-sessions-badge.js

@@ -8,6 +8,7 @@ import '../../../../../../constants/redirect-paths.js';
 import '@radix-ui/react-avatar';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/active-spot.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 

package/dist/src/client/interfaces/components/resources/admin/admin-refresh-tokens/admin-refresh-token-card.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import '@radix-ui/react-avatar';
@@ -29,7 +30,6 @@ 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';
 

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

@@ -4,6 +4,7 @@ import { useTranslator } from 'intor/react';
 import { useMemo } from 'react';
 import 'lucide-react';
 import 'ua-parser-js';
+import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';
@@ -28,7 +29,6 @@ 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';

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

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import 'lucide-react';
@@ -27,7 +28,6 @@ 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';
 

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

@@ -4,6 +4,7 @@ import '../../../../../domain/resources/admin/constants.js';
 import { FILE_TYPES } from '../../../../../domain/resources/file/props.js';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import 'lucide-react';
@@ -29,7 +30,6 @@ import '../../../../../constants/paths/auth.js';
 import '../../../../../constants/paths/main.js';
 import '../../../../../constants/paths/resources.js';
 import '../../../../../constants/redirect-paths.js';
-import 'mime-types';
 import 'next/image';
 
 function TypeButtons({ type, setType }) {

package/dist/src/client/interfaces/components/resources/folder/file-manager/file-manager-header.js

@@ -9,6 +9,7 @@ import { normalizeFolderKey } from '../../../../../../domain/resources/folder/ut
 import { ROOT_FOLDER_NAME } from '../../../../../../domain/resources/constants.js';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import '@radix-ui/react-avatar';
@@ -30,7 +31,6 @@ import '@radix-ui/react-tooltip';
 import { Button } from '../../../ui/buttons/button.js';
 import { ReturnButton } from '../../../ui/buttons/return-button.js';
 import 'next/link';
-import 'mime-types';
 import 'next/image';
 
 function FileManagerHeader({

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

@@ -7,6 +7,7 @@ import '../../../../../domain/resources/admin/constants.js';
 import { isFolderLocked } from '../../../../../domain/resources/folder/utils/is-folder-locked.js';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import 'intor/react';
@@ -28,7 +29,6 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
 import 'next/link';
-import 'mime-types';
 import 'next/image';
 
 const WIDTH = "10rem";

package/dist/src/client/interfaces/components/resources/folder/folder-full-path.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import '@radix-ui/react-avatar';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import 'clsx';
 import 'tailwind-merge';
 import 'next/navigation';

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

@@ -4,6 +4,7 @@ import { PATHS } from '../../../../../constants/paths/index.js';
 import '../../../../../constants/redirect-paths.js';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import 'intor/react';
@@ -26,7 +27,6 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
 import 'next/link';
-import 'mime-types';
 import '../../../../../domain/resources/admin/constants.js';
 import 'next/image';
 

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

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
 import 'react';
 import 'ua-parser-js';
+import 'mime-types';
 import { cn } from '../../../../applications/shadcn/utils.js';
 import 'next/navigation';
 import 'lucide-react';
@@ -27,7 +28,6 @@ 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';
 

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

@@ -0,0 +1,190 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'mime-types';
+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 { Field } from '../../../../ui/form/field.js';
+import { Accordion } from '../../../../ui/features/accordion/accordion.js';
+import '../../../../../../../domain/resources/admin/constants.js';
+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/client/interfaces/components/resources/seo-metadata/seo-form/fields/json-ld-tags.js

@@ -0,0 +1,78 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import 'intor/react';
+import 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'mime-types';
+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 { Field } from '../../../../ui/form/field.js';
+import { Accordion } from '../../../../ui/features/accordion/accordion.js';
+import '../../../../../../../domain/resources/admin/constants.js';
+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 };