@lobehub/chat 0.152.0 → 0.152.1

package/src/app/(main)/market/(desktop)/index.tsx

@@ -1,20 +0,0 @@
-'use client';
-
-import { SpotlightCard, SpotlightCardProps } from '@lobehub/ui';
-import { FC, memo, useEffect } from 'react';
-
-import ClientResponsiveContent from '@/components/client/ClientResponsiveContent';
-import { useMarketStore } from '@/store/market';
-
-import AgentCard from '../features/AgentCard';
-
-const Desktop = memo(() => {
-  useEffect(() => {
-    // refs: https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#hashydrated
-    useMarketStore.persist.rehydrate();
-  }, []);
-
-  return <AgentCard CardRender={SpotlightCard as FC<SpotlightCardProps>} />;
-});
-
-export default ClientResponsiveContent({ Desktop, Mobile: () => import('../(mobile)') });

package/src/app/(main)/market/(mobile)/features/AgentCard.tsx

@@ -1,31 +0,0 @@
-import { SpotlightCardProps } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-const useStyles = createStyles(({ css, token, isDarkMode }) => ({
-  container: css`
-    overflow: hidden;
-    background: ${token.colorBgContainer};
-    border: 1px solid ${isDarkMode ? token.colorFillTertiary : token.colorFillSecondary};
-    border-radius: ${token.borderRadiusLG}px;
-  `,
-}));
-
-const AgentCard = memo<SpotlightCardProps>(({ items, renderItem, gap = 16, ...props }) => {
-  const { styles } = useStyles();
-  return (
-    <Flexbox gap={gap} {...props}>
-      {items.map((item, index) => {
-        const children = renderItem(item);
-        return (
-          <div className={styles.container} key={index}>
-            {children}
-          </div>
-        );
-      })}
-    </Flexbox>
-  );
-});
-
-export default AgentCard;

package/src/app/(main)/market/(mobile)/index.tsx

@@ -1,25 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-import { memo, useEffect } from 'react';
-
-import { useMarketStore } from '@/store/market';
-
-import AgentCard from '../features/AgentCard';
-import CardRender from './features/AgentCard';
-
-const DetailModal = dynamic(() => import('./features/AgentDetail'), { ssr: false });
-
-export default memo(() => {
-  useEffect(() => {
-    // refs: https://github.com/pmndrs/zustand/blob/main/docs/integrations/persisting-store-data.md#hashydrated
-    useMarketStore.persist.rehydrate();
-  }, []);
-
-  return (
-    <>
-      <AgentCard CardRender={CardRender} mobile />
-      <DetailModal />
-    </>
-  );
-});

package/src/app/(main)/market/components/Loading.tsx

@@ -1,13 +0,0 @@
-import { Skeleton } from 'antd';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-const Loading = memo(() => {
-  return (
-    <Flexbox>
-      <Skeleton paragraph={{ rows: 8 }} />
-    </Flexbox>
-  );
-});
-
-export default Loading;

package/src/app/(main)/market/features/AgentCard/AgentCardItem.tsx

@@ -1,54 +0,0 @@
-import { Avatar, Tag } from '@lobehub/ui';
-import { useHover } from 'ahooks';
-import { Typography } from 'antd';
-import { useThemeMode } from 'antd-style';
-import { startCase } from 'lodash-es';
-import { memo, useRef } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { useMarketStore } from '@/store/market';
-import { AgentsMarketIndexItem } from '@/types/market';
-
-import AgentCardBanner from './AgentCardBanner';
-import { useStyles } from './style';
-
-const { Paragraph } = Typography;
-
-const AgentCardItem = memo<AgentsMarketIndexItem>(({ meta, identifier }) => {
-  const ref = useRef(null);
-  const isHovering = useHover(ref);
-  const onAgentCardClick = useMarketStore((s) => s.activateAgent);
-  const { styles, theme } = useStyles();
-  const { isDarkMode } = useThemeMode();
-
-  const { avatar, title, description, tags, backgroundColor } = meta;
-
-  return (
-    <Flexbox className={styles.container} onClick={() => onAgentCardClick(identifier)}>
-      <AgentCardBanner meta={meta} style={{ opacity: isDarkMode ? 0.9 : 0.4 }} />
-      <Flexbox className={styles.inner} gap={8} ref={ref}>
-        <Avatar
-          animation={isHovering}
-          avatar={avatar}
-          background={backgroundColor || theme.colorFillTertiary}
-          size={56}
-        />
-        <Paragraph className={styles.title} ellipsis={{ rows: 1, tooltip: title }}>
-          {title}
-        </Paragraph>
-        <Paragraph className={styles.desc} ellipsis={{ rows: 2, tooltip: description }}>
-          {description}
-        </Paragraph>
-        <Flexbox gap={6} horizontal style={{ flexWrap: 'wrap' }}>
-          {(tags as string[]).filter(Boolean).map((tag: string, index) => (
-            <Tag key={index} style={{ margin: 0 }}>
-              {startCase(tag).trim()}
-            </Tag>
-          ))}
-        </Flexbox>
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default AgentCardItem;

package/src/app/(main)/market/features/AgentCard/style.ts

@@ -1,33 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const useStyles = createStyles(({ css, token, responsive }) => ({
-  container: css`
-    position: relative;
-    overflow: hidden;
-    border-radius: 11px;
-    ${responsive.mobile} {
-      border-radius: unset;
-    }
-  `,
-  desc: css`
-    color: ${token.colorTextDescription};
-  `,
-  inner: css`
-    padding: 16px;
-  `,
-  lazy: css`
-    min-height: 232px;
-  `,
-  subTitle: css`
-    font-size: 24px;
-    font-weight: 600;
-    ${responsive.mobile} {
-      font-size: 20px;
-    }
-  `,
-  title: css`
-    margin-bottom: 0 !important;
-    font-size: 16px;
-    font-weight: 600;
-  `,
-}));

package/src/app/(main)/market/features/AgentDetailContent/index.tsx

@@ -1,12 +0,0 @@
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import AgentInfo from './AgentInfo';
-
-const AgentDetailContent = memo(() => (
-  <Flexbox>
-    <AgentInfo />
-  </Flexbox>
-));
-
-export default AgentDetailContent;

package/src/app/(main)/market/features/AgentSearchBar/index.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { SearchBar } from '@lobehub/ui';
-import { memo, useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useIsMobile } from '@/hooks/useIsMobile';
-import { useMarketStore } from '@/store/market';
-
-const AgentSearchBar = memo<{ mobile?: boolean }>(({ mobile: controlledMobile }) => {
-  const { t } = useTranslation('market');
-  const [keywords, setKeywords] = useMarketStore((s) => [s.searchKeywords, s.setSearchKeywords]);
-  const [value, setValue] = useState(keywords);
-  const isMobile = useIsMobile();
-  const mobile = controlledMobile ?? isMobile;
-
-  const handleSearch = useCallback(() => {
-    setKeywords(value);
-  }, [value, setKeywords]);
-
-  return (
-    <Flexbox flex={'none'} paddingBlock={mobile ? 8 : 0}>
-      <SearchBar
-        allowClear
-        enableShortKey={!mobile}
-        onChange={(e) => setValue(e.target.value)}
-        onPressEnter={handleSearch}
-        onSubmit={handleSearch}
-        placeholder={t('search.placeholder')}
-        shortKey={'k'}
-        spotlight={!mobile}
-        type={mobile ? 'block' : 'ghost'}
-        value={value}
-      />
-    </Flexbox>
-  );
-});
-
-export default AgentSearchBar;

package/src/app/(main)/market/features/PageTitle/index.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('common');
-
-  return <PageTitle title={t('tab.market')} />;
-});
-export default Title;

package/src/app/(main)/market/features/TagList/Inner.tsx

@@ -1,28 +0,0 @@
-import { Button } from 'antd';
-import isEqual from 'fast-deep-equal';
-import { startCase } from 'lodash-es';
-import { memo } from 'react';
-
-import { agentMarketSelectors, useMarketStore } from '@/store/market';
-
-const Inner = memo(() => {
-  const agentTagList = useMarketStore(agentMarketSelectors.getAgentTagList, isEqual);
-  const [keywords, setSearchKeywords] = useMarketStore((s) => [
-    s.searchKeywords,
-    s.setSearchKeywords,
-  ]);
-
-  return agentTagList.map((item) => (
-    <Button
-      key={item}
-      onClick={() => setSearchKeywords(item)}
-      shape={'round'}
-      size={'small'}
-      type={keywords === item ? 'primary' : 'default'}
-    >
-      {startCase(item)}
-    </Button>
-  ));
-});
-
-export default Inner;

package/src/app/(main)/market/features/TagList/index.tsx

@@ -1,23 +0,0 @@
-import { Skeleton } from 'antd';
-import { Suspense, memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import Inner from './Inner';
-
-const TagList = memo(() => {
-  return (
-    <Flexbox gap={6} horizontal style={{ flexWrap: 'wrap' }}>
-      <Suspense
-        fallback={Array.from({ length: 5 })
-          .fill('')
-          .map((_, index) => (
-            <Skeleton.Button key={index} shape={'round'} size={'small'} />
-          ))}
-      >
-        <Inner />
-      </Suspense>
-    </Flexbox>
-  );
-});
-
-export default TagList;

package/src/app/(main)/market/layout.ts

@@ -1,8 +0,0 @@
-import ServerLayout from '@/components/server/ServerLayout';
-
-import Desktop from './_layout/Desktop';
-import Mobile from './_layout/Mobile';
-
-const MarketLayout = ServerLayout({ Desktop, Mobile });
-
-export default MarketLayout;