@lobehub/chat 0.158.0 → 0.158.2

package/src/server/ld.ts

@@ -0,0 +1,218 @@
+import urlJoin from 'url-join';
+
+import { getServerConfig } from '@/config/server';
+import { EMAIL_BUSINESS, EMAIL_SUPPORT, OFFICIAL_SITE, OFFICIAL_URL, X } from '@/const/url';
+
+import pkg from '../../package.json';
+
+const { SITE_URL = OFFICIAL_URL } = getServerConfig();
+const LAST_MODIFIED = new Date().toISOString();
+export const AUTHOR_LIST = {
+  arvinxx: {
+    avatar: 'https://avatars.githubusercontent.com/u/28616219?v=4',
+    desc: 'Founder, Design Engineer',
+    name: 'Arvin Xu',
+    url: 'https://github.com/arvinxx',
+  },
+  canisminor: {
+    avatar: 'https://avatars.githubusercontent.com/u/17870709?v=4',
+    desc: 'Founder, Design Engineer',
+    name: 'CanisMinor',
+    url: 'https://github.com/arvinxx',
+  },
+  lobehub: {
+    avatar: 'https://avatars.githubusercontent.com/u/131470832?v=4',
+    desc: 'Official Account',
+    name: 'LobeHub',
+    url: 'https://github.com/lobehub',
+  },
+};
+
+class Ld {
+  generate({
+    image = '/og/cover.png',
+    url,
+    title,
+    description,
+    date,
+    webpage = {
+      enable: true,
+    },
+  }: {
+    date?: string;
+    description: string;
+    image?: string;
+    title: string;
+    url: string;
+    webpage?: {
+      enable?: boolean;
+      search?: boolean;
+    };
+  }) {
+    return {
+      '@context': 'https://schema.org',
+      '@graph': [
+        this.genWebSite(),
+        webpage?.enable &&
+          this.genWebPage({
+            ...webpage,
+            date,
+            description,
+            image,
+            title,
+            url,
+          }),
+        image && this.genImageObject({ image, url }),
+        this.genOrganization(),
+      ].filter(Boolean),
+    };
+  }
+
+  genOrganization() {
+    return {
+      '@id': this.getId(SITE_URL, '#organization'),
+      '@type': 'Organization',
+      'alternateName': 'LobeChat',
+      'contactPoint': {
+        '@type': 'ContactPoint',
+        'contactType': 'customer support',
+        'email': EMAIL_SUPPORT,
+      },
+      'description':
+        'We are a group of e/acc design-engineers, hoping to provide modern design components and tools for AIGC, and creating a technology-driven forum, fostering knowledge interaction and the exchange of ideas that may culminate in mutual inspiration and collaborative innovation.',
+      'email': EMAIL_BUSINESS,
+      'founders': [this.getAuthors(['arvinxx']), this.getAuthors(['canisminor'])],
+      'image': urlJoin(OFFICIAL_SITE, '/icon-512x512.png'),
+      'logo': {
+        '@type': 'ImageObject',
+        'height': 512,
+        'url': urlJoin(OFFICIAL_SITE, '/icon-512x512.png'),
+        'width': 512,
+      },
+      'name': 'LobeHub',
+      'sameAs': [
+        X,
+        'https://github.com/lobehub',
+        'https://medium.com/@lobehub',
+        'https://www.youtube.com/@lobehub',
+      ],
+      'url': OFFICIAL_SITE,
+    };
+  }
+
+  getAuthors(ids: string[] = []) {
+    const defaultAuthor = {
+      '@id': this.getId(SITE_URL, '#organization'),
+      '@type': 'Organization',
+    };
+    if (!ids || ids.length === 0) return defaultAuthor;
+    if (ids.length === 1 && ids[0] === 'lobehub') return defaultAuthor;
+    const personId = ids.find((id) => id !== 'lobehub');
+    if (!personId) return defaultAuthor;
+    const person = (AUTHOR_LIST as any)?.[personId];
+    if (!person) return defaultAuthor;
+    return {
+      '@type': 'Person',
+      'name': person.name,
+      'url': person.url,
+    };
+  }
+
+  genWebPage({
+    date,
+    image,
+    search,
+    description,
+    title,
+    url,
+  }: {
+    breadcrumbs?: { title: string; url: string }[];
+    date?: string;
+    description: string;
+    image?: string;
+    search?: boolean;
+    title: string;
+    url: string;
+  }) {
+    const fixedUrl = this.fixUrl(url);
+    const dateCreated = date ? new Date(date).toISOString() : LAST_MODIFIED;
+    const dateModified = date ? new Date(date).toISOString() : LAST_MODIFIED;
+
+    const baseInfo: any = {
+      '@id': fixedUrl,
+      '@type': 'WebPage',
+      'about': {
+        '@id': this.getId(SITE_URL, '#organization'),
+      },
+      'breadcrumbs': {
+        '@id': this.getId(fixedUrl, '#breadcrumb'),
+      },
+      'dateModified': dateModified,
+      'datePublished': dateCreated,
+      'description': description,
+      'image': {
+        '@id': this.getId(fixedUrl, '#primaryimage'),
+      },
+      'inLanguage': 'en-US',
+      'isPartOf': {
+        '@id': this.getId(SITE_URL, '#website'),
+      },
+      'name': this.fixTitle(title),
+      'primaryImageOfPage': {
+        '@id': this.getId(fixedUrl, '#primaryimage'),
+      },
+      'thumbnailUrl': image,
+    };
+
+    if (search)
+      baseInfo.potentialAction = {
+        '@type': 'SearchAction',
+        'query-input': 'required name=search_term_string',
+        'target': `${fixedUrl}?q={search_term_string}`,
+      };
+
+    return baseInfo;
+  }
+
+  genImageObject({ image, url }: { image: string; url: string }) {
+    const fixedUrl = this.fixUrl(url);
+
+    return {
+      '@id': this.getId(fixedUrl, '#primaryimage'),
+      '@type': 'ImageObject',
+      'contentUrl': image,
+      'inLanguage': 'en-US',
+      'url': image,
+    };
+  }
+
+  genWebSite() {
+    const baseInfo: any = {
+      '@id': this.getId(SITE_URL, '#website'),
+      '@type': 'WebSite',
+      'description': pkg.description,
+      'inLanguage': 'en-US',
+      'name': 'LobeChat',
+      'publisher': {
+        '@id': this.getId(SITE_URL, '#organization'),
+      },
+      'url': SITE_URL,
+    };
+
+    return baseInfo;
+  }
+
+  private getId(url: string, id: string) {
+    return [url, id].join('/');
+  }
+
+  private fixTitle(title: string) {
+    return title.includes('LobeChat') ? title : `${title} · LobeChat`;
+  }
+
+  private fixUrl(url: string) {
+    return urlJoin(SITE_URL, url);
+  }
+}
+
+export const ldModule = new Ld();

package/src/server/metadata.ts

@@ -0,0 +1,96 @@
+import { Metadata } from 'next';
+
+import { getCanonicalUrl } from '@/const/url';
+import { formatDescLength, formatTitleLength } from '@/utils/genOG';
+
+export class Meta {
+  public generate({
+    description = 'LobeChat offers you the best ChatGPT, OLLaMA, Gemini, Claude WebUI user experience',
+    title,
+    image = '/og/cover.png',
+    url,
+    type = 'website',
+    tags,
+  }: {
+    description?: string;
+    image?: string;
+    tags?: string[];
+    title: string;
+    type?: 'website' | 'article';
+    url: string;
+  }): Metadata {
+    // eslint-disable-next-line no-param-reassign
+    const formatedTitle = formatTitleLength(title, 21);
+    // eslint-disable-next-line no-param-reassign
+    const formatedDescription = formatDescLength(description, tags);
+    const siteTitle = title.includes('LobeChat') ? title : title + ' · LobeChat';
+    return {
+      alternates: { canonical: getCanonicalUrl(url) },
+      description: formatedDescription,
+      openGraph: this.genOpenGraph({
+        description,
+        image,
+        title: siteTitle,
+        type,
+        url,
+      }),
+      other: {
+        robots: 'index,follow',
+      },
+      title: formatedTitle,
+      twitter: this.genTwitter({ description, image, title: siteTitle, url }),
+    };
+  }
+
+  private genTwitter({
+    description,
+    title,
+    image,
+    url,
+  }: {
+    description: string;
+    image: string;
+    title: string;
+    url: string;
+  }) {
+    return {
+      card: 'summary_large_image',
+      description,
+      images: [image],
+      site: '@lobehub',
+      title,
+      url,
+    };
+  }
+
+  private genOpenGraph({
+    description,
+    title,
+    image,
+    url,
+    type = 'website',
+  }: {
+    description: string;
+    image: string;
+    title: string;
+    type?: 'website' | 'article';
+    url: string;
+  }) {
+    return {
+      description,
+      images: [
+        {
+          alt: title,
+          url: image,
+        },
+      ],
+      locale: 'en-US',
+      siteName: 'LobeChat',
+      title,
+      type,
+      url,
+    };
+  }
+}
+
+export const metadataModule = new Meta();

package/src/server/translation.ts

@@ -16,5 +16,15 @@ export const translation = async (ns: NS) => {
   const file = readFileSync(filepath, 'utf8');
   const i18ns = JSON.parse(file);
 
-  return { t: (key: string) => get(i18ns, key) };
+  return {
+    t: (key: string, options: { [key: string]: string } = {}) => {
+      let content = get(i18ns, key);
+      if (options) {
+        Object.entries(options).forEach(([key, value]) => {
+          content = content.replace(`{{${key}}}`, value);
+        });
+      }
+      return content;
+    },
+  };
 };

package/src/utils/genOG.ts

@@ -0,0 +1,20 @@
+export const formatTitleLength = (title: string, addOnLength: number = 0) => {
+  if (title.length > 60 - addOnLength) {
+    return title.slice(0, 57 - addOnLength) + '...';
+  } else {
+    return title;
+  }
+};
+
+export const formatDescLength = (desc: string, tags?: string[]): any => {
+  if (!desc) return;
+  if (desc.length > 160) {
+    return desc.slice(0, 157) + '...';
+  } else {
+    if (!tags) return desc;
+    const tagStr: string = tags ? tags.join(', ') : '';
+    const tagLength = 160 - desc.length - 3;
+    const newDesc = desc + tagStr.slice(0, tagLength) + (tagStr.length > tagLength ? '...' : '');
+    return newDesc.length <= 157 ? newDesc : newDesc + '...';
+  }
+};

package/src/app/(auth)/login/[[...login]]/PageTitle.tsx

@@ -1,13 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-
-const Title = memo(() => {
-  const { t } = useTranslation('auth');
-
-  return <PageTitle title={t('login')} />;
-});
-export default Title;

package/src/app/(auth)/signup/[[...signup]]/PageTitle.tsx

@@ -1,13 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-
-const Title = memo(() => {
-  const { t } = useTranslation('auth');
-
-  return <PageTitle title={t('signup')} />;
-});
-export default Title;