@yimingliao/cms 0.0.222 → 0.0.225

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

@@ -0,0 +1,444 @@
+"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 createOpenGraphTags({
+  I18nInput,
+  I18nTextarea,
+  I18nArrayInput,
+  I18nDateInput,
+  I18nNumberInput
+}) {
+  return function OpenGraphTags({
+    formData,
+    setFormData,
+    errors,
+    isArticle,
+    allowField
+  }) {
+    const { t } = useTranslator();
+    if (!allowField("og:all")) return;
+    return /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        initialOpen: true,
+        accordionHeaderProps: { children: "Open Graph" },
+        deps: [formData],
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          allowField("ogTitle") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogTitle",
+              label: "og:title",
+              hint: `<meta property="og:title" content="..." /> (${t(
+                "resources.seo-metadata.defaults-same-as.text"
+              )} title)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogTitle",
+                  fieldName: "ogTitle",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogTitle: t2.ogTitle
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogDescription") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogDescription",
+              label: "og:description",
+              hint: `<meta property="og:description" content="..." /> (${t(
+                "resources.seo-metadata.defaults-same-as.text"
+              )} description)`,
+              children: /* @__PURE__ */ jsx(
+                I18nTextarea,
+                {
+                  id: "ogDescription",
+                  fieldName: "ogDescription",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogDescription: t2.ogDescription
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogUrl") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogUrl",
+              label: "og:url",
+              hint: `<meta property="og:url" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogUrl",
+                  fieldName: "ogUrl",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogUrl: t2.ogUrl
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogType") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogType",
+              label: "og:type",
+              hint: `<meta property="og:type" content="..." />  (${t(
+                "resources.seo-metadata.defaults-based-on.text"
+              )} Type)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogType",
+                  fieldName: "ogType",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogType: t2.ogType
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogSiteName") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogSiteName",
+              label: "og:site_name",
+              hint: `<meta property="og:site_name" content="..." /> (${t(
+                "resources.seo-metadata.defaults-based-on.text"
+              )} Site Name)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogSiteName",
+                  fieldName: "ogSiteName",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogSiteName: t2.ogSiteName
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogImage") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogImage",
+              label: "og:image",
+              hint: `<meta property="og:image" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogImage",
+                  fieldName: "ogImage",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogImage: t2.ogImage
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogImageAlt") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogImageAlt",
+              label: "og:image:alt",
+              hint: `<meta property="og:image:alt" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogImageAlt",
+                  fieldName: "ogImageAlt",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogImageAlt: t2.ogImageAlt
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogImageType") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogImageType",
+              label: "og:image:type",
+              hint: `<meta property="og:image:type" content="..." /> (${t(
+                "resources.seo-metadata.defaults-based-on.text"
+              )} Image Type)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogImageType",
+                  fieldName: "ogImageType",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogImageType: t2.ogImageType
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogImageWidth") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogImageWidth",
+              label: "og:image:width",
+              hint: `<meta property="og:image:width" content="..." /> (${t(
+                "resources.seo-metadata.defaults-based-on.text"
+              )} 1200)`,
+              children: /* @__PURE__ */ jsx(
+                I18nNumberInput,
+                {
+                  id: "ogImageWidth",
+                  fieldName: "ogImageWidth",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogImageWidth: t2.ogImageWidth
+                  })),
+                  setFormData,
+                  errors,
+                  type: "number"
+                }
+              )
+            }
+          ),
+          allowField("ogImageHeight") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogImageHeight",
+              label: "og:image:height",
+              hint: `<meta property="og:image:height" content="..." /> (${t(
+                "resources.seo-metadata.defaults-based-on.text"
+              )} 630)`,
+              children: /* @__PURE__ */ jsx(
+                I18nNumberInput,
+                {
+                  id: "ogImageHeight",
+                  fieldName: "ogImageHeight",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogImageHeight: t2.ogImageHeight
+                  })),
+                  setFormData,
+                  errors,
+                  type: "number"
+                }
+              )
+            }
+          ),
+          allowField("ogLocale") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogLocale",
+              label: "og:locale",
+              hint: `<meta property="og:locale" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogLocale",
+                  fieldName: "ogLocale",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogLocale: t2.ogLocale
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogLocaleAlternate") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogLocaleAlternate",
+              label: "og:locale:alternate",
+              hint: `<meta property="og:locale:alternate" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nArrayInput,
+                {
+                  id: "ogLocaleAlternate",
+                  fieldName: "ogLocaleAlternate",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogLocaleAlternate: t2.ogLocaleAlternate
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogArticlePublishedTime") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogArticlePublishedTime",
+              label: "og:article:published_time",
+              hint: `<meta property="og:article:published_time" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nDateInput,
+                {
+                  id: "ogArticlePublishedTime",
+                  fieldName: "ogArticlePublishedTime",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogArticlePublishedTime: t2.ogArticlePublishedTime
+                  })),
+                  setFormData,
+                  errors,
+                  type: "datetime-local"
+                }
+              )
+            }
+          ),
+          allowField("ogArticleModifiedTime") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogArticleModifiedTime",
+              label: "og:article:modified_time",
+              hint: `<meta property="og:article:modified_time" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nDateInput,
+                {
+                  id: "ogArticleModifiedTime",
+                  fieldName: "ogArticleModifiedTime",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogArticleModifiedTime: t2.ogArticleModifiedTime
+                  })),
+                  setFormData,
+                  errors,
+                  type: "datetime-local"
+                }
+              )
+            }
+          ),
+          allowField("ogArticleAuthor") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogArticleAuthor",
+              label: "og:article:author",
+              hint: `<meta property="og:article:author" content="..." /> (${t(
+                "resources.seo-metadata.defaults-based-on.text"
+              )} Site Name)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogArticleAuthor",
+                  fieldName: "ogArticleAuthor",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogArticleAuthor: t2.ogArticleAuthor
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogArticleSection") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogArticleSection",
+              label: "og:article:section",
+              hint: `<meta property="og:article:section" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "ogArticleSection",
+                  fieldName: "ogArticleSection",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogArticleSection: t2.ogArticleSection
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("ogArticleTag") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "ogArticleTag",
+              label: "og:article:tag",
+              hint: `<meta property="og:article:tag" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nArrayInput,
+                {
+                  id: "ogArticleTag",
+                  fieldName: "ogArticleTag",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    ogArticleTag: t2.ogArticleTag
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  };
+}
+
+export { createOpenGraphTags };

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

@@ -0,0 +1,126 @@
+"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 createTwitterTags({ I18nInput }) {
+  return function TwitterTags({
+    formData,
+    setFormData,
+    errors,
+    isArticle,
+    allowField
+  }) {
+    const { t } = useTranslator();
+    if (!allowField("twitter:all")) return;
+    return /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        initialOpen: true,
+        accordionHeaderProps: { children: "Twitter" },
+        deps: [formData],
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          allowField("twitterCard") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "twitterCard",
+              label: "twitter:card",
+              hint: `<meta property="twitter:card" content="..." /> (${t(
+                "resources.seo-metadata.defaults-to.text"
+              )} summary_large_image)`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "twitterCard",
+                  fieldName: "twitterCard",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    twitterCard: t2.twitterCard
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("twitterSite") && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "twitterSite",
+              label: "twitter:site",
+              hint: `<meta property="twitter:site" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "twitterSite",
+                  fieldName: "twitterSite",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    twitterSite: t2.twitterSite
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          ),
+          allowField("twitterCreator") && isArticle && /* @__PURE__ */ jsx(
+            Field,
+            {
+              htmlFor: "twitterCreator",
+              label: "twitter:creator",
+              hint: `<meta property="twitter:creator" content="..." />`,
+              children: /* @__PURE__ */ jsx(
+                I18nInput,
+                {
+                  id: "twitterCreator",
+                  fieldName: "twitterCreator",
+                  translations: formData?.translations.map((t2) => ({
+                    locale: t2.locale,
+                    twitterCreator: t2.twitterCreator
+                  })),
+                  setFormData,
+                  errors
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  };
+}
+
+export { createTwitterTags };

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { Link2 } from 'lucide-react';
+import Link from 'next/link';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import { NEW_TAB_REL, NEW_TAB_TARGET } from '../../../../../../constants/anchor.js';
+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';
+import '../../../shadcn/badge.js';
+import { Button } from '../../../shadcn/button.js';
+import { Card } from '../../../shadcn/card.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';
+
+function ReferenceCard() {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs(Card, { className: "flex flex-col gap-2 p-4", children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex-center mb-2 gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(Link2, { className: "size-5" }),
+      t("resources.seo-metadata.quick-links.text")
+    ] }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: "https://developers.google.com/search/docs",
+        target: NEW_TAB_TARGET,
+        rel: NEW_TAB_REL,
+        children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", children: "Google SEO" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: "https://search.google.com/test/rich-results",
+        target: NEW_TAB_TARGET,
+        rel: NEW_TAB_REL,
+        children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", children: "Google Rich Results" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: "https://validator.schema.org/",
+        target: NEW_TAB_TARGET,
+        rel: NEW_TAB_REL,
+        children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", children: "Schema Validator" })
+      }
+    ),
+    /* @__PURE__ */ jsx(Link, { href: "https://ogp.me/", target: NEW_TAB_TARGET, rel: NEW_TAB_REL, children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", children: "Open Graph" }) }),
+    /* @__PURE__ */ jsx(
+      Link,
+      {
+        href: "https://developer.x.com/en/docs/x-for-websites/cards/overview/abouts-cards",
+        target: NEW_TAB_TARGET,
+        rel: NEW_TAB_REL,
+        children: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "link", children: "Twitter Card" })
+      }
+    )
+  ] });
+}
+
+export { ReferenceCard };