@lobehub/chat 0.79.2 → 0.79.4

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 0.79.4](https://github.com/lobehub/lobe-chat/compare/v0.79.3...v0.79.4)
+
+<sup>Released on **2023-09-26**</sup>
+
+#### ♻ Code Refactoring
+
+- **misc**: Move dir from page to app and remove .page suffix.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Code refactoring
+
+- **misc**: Move dir from page to app and remove .page suffix, closes [#236](https://github.com/lobehub/lobe-chat/issues/236) ([2907303](https://github.com/lobehub/lobe-chat/commit/2907303))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 0.79.3](https://github.com/lobehub/lobe-chat/compare/v0.79.2...v0.79.3)
+
+<sup>Released on **2023-09-25**</sup>
+
+#### 💄 Styles
+
+- **meta**: Update meta image.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **meta**: Update meta image, closes [#66](https://github.com/lobehub/lobe-chat/issues/66) ([a71ffff](https://github.com/lobehub/lobe-chat/commit/a71ffff))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.79.2](https://github.com/lobehub/lobe-chat/compare/v0.79.1...v0.79.2)
 
 <sup>Released on **2023-09-25**</sup>

package/next.config.mjs

@@ -12,7 +12,7 @@ const withPWA = nextPWA({
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-  pageExtensions: ['page.tsx', 'api.ts'],
+  pageExtensions: ['tsx', 'api.ts'],
   transpilePackages: ['@lobehub/ui'],
   webpack(config) {
     config.experiments = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.79.2",
-  "description": "Lobe Chat is an open-source chatbot client using Vercel AI SDK, Typescript and Next.js",
+  "version": "0.79.4",
+  "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",
     "ChatGPT",
@@ -88,14 +88,14 @@
     "lucide-react": "latest",
     "nanoid": "^5",
     "next": "13.4.7",
-    "openai": "^4.7.1",
+    "openai": "^4.10.0",
     "polished": "^4",
     "react": "^18",
     "react-dom": "^18",
     "react-hotkeys-hook": "^4",
     "react-i18next": "^13",
     "react-intersection-observer": "^9",
-    "react-layout-kit": "^1.7.2",
+    "react-layout-kit": "^1.7.3",
     "swr": "^2",
     "systemjs": "^6.14.2",
     "ts-md5": "^1",
@@ -119,7 +119,6 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/systemjs": "^6.13.2",
-    "@types/testing-library__jest-dom": "^6",
     "@types/uuid": "^9",
     "@umijs/lint": "^4",
     "@vitest/coverage-v8": "latest",

package/public/manifest.json

@@ -1,14 +1,15 @@
 {
   "background_color": "#000000",
+  "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "display": "fullscreen",
   "icons": [
     {
-      "src": "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/android-chrome-192x192.png",
+      "src": "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/android-chrome-512x512.png",
+      "src": "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
@@ -16,6 +17,13 @@
   "name": "LobeChat",
   "orientation": "portrait",
   "scope": "/",
+  "screenshots": [
+    {
+      "src": "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/og-960x720.png",
+      "sizes": "960x720",
+      "type": "image/png"
+    }
+  ],
   "short_name": "LobeChat",
   "splash_pages": null,
   "start_url": "/",

package/src/{pages → app}/chat/index.tsx

@@ -13,8 +13,8 @@ import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 import Conversation from './features/Conversation';
 import Header from './features/Header';
 import SideBar from './features/Sidebar';
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const Chat = memo(() => {
   const { mobile } = useResponsive();

package/src/{pages → app}/chat/mobile/index.tsx

@@ -5,12 +5,12 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import AppMobileLayout from '@/layout/AppMobileLayout';
-import Header from '@/pages/chat/features/Header';
 import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Conversation from '../features/Conversation';
+import Header from '../features/Header';
 import SideBar from '../features/Sidebar';
 
 const Chat = memo(() => {

package/src/app/chat/{page.page.tsx → mobile/page.tsx}

@@ -1,4 +1,4 @@
-import Page from '@/pages/chat';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

package/src/app/{page.page.tsx → chat/page.tsx}

@@ -1,4 +1,4 @@
-import Page from '@/pages/home';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

package/src/{pages/chat/setting → app/chat/settings}/index.tsx

@@ -11,8 +11,8 @@ import { useSessionStore } from '@/store/session';
 import { agentSelectors } from '@/store/session/selectors';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const EditPage = memo(() => {
   const { mobile } = useResponsive();

package/src/{pages/chat/setting/layout.tsx → app/chat/settings/layout.pc.tsx}

@@ -4,7 +4,7 @@ import { Flexbox } from 'react-layout-kit';
 import SafeSpacing from '@/components/SafeSpacing';
 import { HEADER_HEIGHT } from '@/const/layoutTokens';
 
-import ChatLayout from '../layout';
+import ChatLayout from '../layout.pc';
 import Header from './features/Header';
 
 const DesktopLayout = memo<PropsWithChildren>(({ children }) => {

package/src/app/{market/page.page.tsx → chat/settings/page.tsx}

@@ -1,4 +1,4 @@
-import Page from '@/pages/market';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

package/src/{pages → app}/home/index.tsx

@@ -2,7 +2,6 @@
 
 import { memo } from 'react';
 
-import Loading from '@/pages/home/Loading';
 import {
   useEffectAfterSessionHydrated,
   useSessionHydrated,
@@ -11,6 +10,7 @@ import {
 import { sessionSelectors } from '@/store/session/selectors';
 
 import Welcome from '../welcome';
+import Loading from './Loading';
 
 const Home = memo(() => {
   const hydrated = useSessionHydrated();

package/src/{pages → app}/market/features/SideBar/AgentInfo/index.tsx

@@ -3,13 +3,13 @@ import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import TokenTag from '@/pages/market/features/SideBar/AgentInfo/TokenTag';
 import { useMarketStore } from '@/store/market';
 
 import AgentCardBanner from '../../AgentCard/AgentCardBanner';
 import Comment from './Comment';
 import Header from './Header';
 import Loading from './Loading';
+import TokenTag from './TokenTag';
 import { useStyles } from './style';
 
 enum InfoTabs {

package/src/{pages → app}/market/index.tsx

@@ -10,8 +10,8 @@ import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import AgentCard from './features/AgentCard';
 import AgentSearchBar from './features/AgentSearchBar';
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const Market = memo(() => {
   const { t } = useTranslation('common');

package/src/{pages → app}/market/layout.mobile.tsx

@@ -2,10 +2,10 @@ import { ReactNode, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import AppMobileLayout from '@/layout/AppMobileLayout';
-import SideBar from '@/pages/market/features/SideBar';
 import { useSwitchSideBarOnInit } from '@/store/global';
 
 import Header from './features/Header';
+import SideBar from './features/SideBar';
 
 const MarketLayout = memo<{ children: ReactNode }>(({ children }) => {
   useSwitchSideBarOnInit('market');

package/src/app/{welcome/page.page.tsx → market/page.tsx}

@@ -1,4 +1,4 @@
-import Page from '@/pages/welcome';
+import Page from './index';
 
 const Index = () => {
   return <Page />;

package/src/app/metadata.ts

@@ -8,18 +8,27 @@ const title = genSiteHeadTitle();
 const description = pkg.description;
 const metadata: Metadata = {
   appleWebApp: {
+    startupImage: [
+      'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/splash-750x1624.png',
+      {
+        media: '(device-width: 768px) and (device-height: 1024px)',
+        url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/splash-2048x2732.png',
+      },
+    ],
     statusBarStyle: 'black-translucent',
     title: title,
   },
   description: description,
   icons: {
     apple:
-      'https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/apple-touch-icon.png',
-    icon: 'https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/favicon-32x32.png',
+      'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/apple-touch-icon.png',
+    icon: 'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon-32x32.png',
     other: {
       rel: 'mask-icon',
-      url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/safari-pinned-tab.svg',
+      url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/safari-pinned-tab.svg',
     },
+    shortcut:
+      'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon.ico',
   },
   manifest: '/manifest.json',
   openGraph: {
@@ -27,15 +36,15 @@ const metadata: Metadata = {
     images: [
       {
         alt: title,
-        height: 192,
-        url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/android-chrome-192x192.png',
-        width: 192,
+        height: 360,
+        url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/og-480x360.png',
+        width: 480,
       },
       {
         alt: title,
-        height: 512,
-        url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/android-chrome-512x512.png',
-        width: 512,
+        height: 720,
+        url: 'https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/og-960x720.png',
+        width: 960,
       },
     ],
     locale: 'en_US',

package/src/app/page.tsx

@@ -0,0 +1,7 @@
+import Page from './home';
+
+const Index = () => {
+  return <Page />;
+};
+
+export default Index;

package/src/{pages → app}/settings/index.tsx

@@ -9,8 +9,8 @@ import { useSwitchSideBarOnInit } from '@/store/global';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Settings from './features/Settings';
-import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
+import DesktopLayout from './layout.pc';
 
 const Setting = memo(() => {
   const { mobile } = useResponsive();

package/src/app/settings/page.tsx

@@ -0,0 +1,7 @@
+import Page from './index';
+
+const Index = () => {
+  return <Page />;
+};
+
+export default Index;

package/src/{pages → app}/welcome/index.tsx

@@ -9,8 +9,8 @@ import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Banner from './features/Banner';
 import Footer from './features/Footer';
-import Layout from './layout';
 import Mobile from './layout.mobile';
+import Layout from './layout.pc';
 
 const Welcome = memo(() => {
   const { mobile } = useResponsive();

package/src/app/welcome/page.tsx

@@ -0,0 +1,7 @@
+import Page from './index';
+
+const Index = () => {
+  return <Page />;
+};
+
+export default Index;

package/src/styles/global.ts

@@ -3,6 +3,9 @@ import { css } from 'antd-style';
 export default () => css`
   body,
   .ant-app {
+    overflow: hidden;
+    overscroll-behavior: none;
+
     ::-webkit-scrollbar {
       width: 0;
       height: 0;

package/src/app/chat/mobile/page.page.tsx

@@ -1,7 +0,0 @@
-import Page from '@/pages/chat/mobile';
-
-const Index = () => {
-  return <Page />;
-};
-
-export default Index;

package/src/app/chat/settings/page.page.tsx

@@ -1,7 +0,0 @@
-import Page from '@/pages/chat/setting';
-
-const Index = () => {
-  return <Page />;
-};
-
-export default Index;

package/src/app/settings/page.page.tsx

@@ -1,7 +0,0 @@
-import Page from '@/pages/settings';
-
-const Index = () => {
-  return <Page />;
-};
-
-export default Index;