feat: 支持项目名

Author: 521xueweihan

src/components/home/Item.tsx

@@ -10,6 +10,7 @@ interface ItemProps {
   item: {
     item_id?: string;
     rid?: string;
+
     author_avatar: string;
     is_hot?: boolean;
     is_featured?: boolean;
@@ -27,6 +28,7 @@ interface ItemProps {
     updated_at?: string;
     clicks_total?: number;
     stars?: number;
+    full_name?: string;
   };
   i18n_lang: string;
   index?: number;
@@ -65,7 +67,9 @@ const RepositoryItem = ({
   } = item;
 
   const isDefaultType = itemType === 'default';
-  const href = isDefaultType ? `/repository/${item_id}` : `/repository/${rid}`;
+  const href = isDefaultType
+    ? `/repository/${item.full_name || item_id}`
+    : `/repository/${item.full_name || rid}`;
 
   // 动态绑定类名
   const hoverClassName = `transform shadow-lg transition-transform ${

src/components/periodical/item.tsx

@@ -91,7 +91,7 @@ const PeriodItem: NextPage<PeriodicalItemProps> = ({ item, index }) => {
           </div>
         </div>
         <div className='flex h-14 flex-1 flex-row items-center justify-end pr-1'>
-          <NoPrefetchLink href={`/repository/${item.rid}`}>
+          <NoPrefetchLink href={`/repository/${item.full_name}`}>
             <Button
               variant='white-outline'
               className='font-normal text-gray-700'

src/components/respository/Info.tsx

@@ -195,9 +195,11 @@ const Info = ({ repo, t, i18n_lang }: RepositoryProps) => {
   };
 
   const handleCopy = () => {
-    const text = `${repo.name}：${repo.title.trim()}。\n\n${t(
-      'info.copy_desc'
-    )}https://hellogithub.com/repository/${repo.rid}`;
+    const text = `${repo.name}：${
+      i18n_lang == 'en' ? repo.title_en || repo.title : repo.title
+    }\n\n${t('info.copy_desc')}https://hellogithub.com/repository/${
+      repo.full_name
+    }`;
     copy(text)
       ? Message.success(t('info.copy_success'))
       : Message.error(t('info.copy_fail'));

src/components/side/Recommend.tsx

@@ -13,7 +13,11 @@ import { RecommendItem, SideProps } from '@/types/home';
 const RecommendList = ({ repositories }: { repositories: RecommendItem[] }) => (
   <div className='dark:text-gray-300'>
     {repositories.map((item) => (
-      <Link prefetch={false} href={`/repository/${item.rid}`} key={item.rid}>
+      <Link
+        prefetch={false}
+        href={`/repository/${item.full_name}`}
+        key={item.rid}
+      >
         <div className='flex cursor-pointer flex-row rounded-md py-2 hover:bg-gray-50 hover:text-blue-400 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-blue-400'>
           <div className='flex w-full items-center px-1'>
             <img

src/components/user/DynamicRecordList.tsx

@@ -26,7 +26,7 @@ const RepoLink: React.FC<{ record: DynamicRecordItem; fallback?: string }> = ({
   if (!record) return <>{fallback}</>;
 
   return (
-    <CustomLink className='inline' href={`/repository/${record.item_id}`}>
+    <CustomLink className='inline' href={`/repository/${record.full_name}`}>
       <span className='mx-1 cursor-pointer text-blue-500'>{record.name}</span>
     </CustomLink>
   );

src/components/user/RepoRecord.tsx

@@ -183,7 +183,7 @@ const RepoData = ({ data, setPage, showStatus }: RepoDataProps) => {
   const router = useRouter();
 
   const onClickRepo = (item: RepoType) => {
-    router.push(item.is_show ? `/repository/${item.rid}` : item.url);
+    router.push(item.is_show ? `/repository/${item.full_name}` : item.url);
   };
 
   if (!data?.data) return null;

src/pages/notification/index.tsx

@@ -96,7 +96,7 @@ const Notification = () => {
             })}
             <CustomLink
               className='mx-1 inline cursor-pointer text-blue-500'
-              href={`/repository/${item.mid}`}
+              href={`/repository/${item.repository?.full_name}`}
             >
               {item.repository?.full_name}
             </CustomLink>
@@ -117,7 +117,7 @@ const Notification = () => {
                   {t('reply.desc')}
                   <CustomLink
                     className='inline cursor-pointer px-1 text-blue-500'
-                    href={`/repository/${item.repository?.rid}`}
+                    href={`/repository/${item.repository?.full_name}`}
                   >
                     {item.repository?.full_name}
                   </CustomLink>
@@ -136,7 +136,7 @@ const Notification = () => {
                   {item.more_content ? t('comment.desc') : t('comment.desc')}
                   <CustomLink
                     className='inline cursor-pointer px-1 text-blue-500'
-                    href={`/repository/${item.repository?.rid}`}
+                    href={`/repository/${item.repository?.full_name}`}
                   >
                     {item.repository?.full_name}
                   </CustomLink>

src/pages/repository/[rid]/index.tsx renamed to src/pages/repository/[...slug]/index.tsx

@@ -60,8 +60,12 @@ export const getServerSideProps: GetServerSideProps = async ({
   locale,
 }) => {
   const ip = getClientIP(req);
-  const rid = query?.rid as string;
-  const data = await getDetail(ip, rid);
+  // 在 [...slug] 路由中，slug 是一个数组
+  const slug = query?.slug as string[];
+  const identifier = slug?.join('/') || '';
+
+  const data = await getDetail(ip, identifier);
+
   if (data.success) {
     return {
       props: {

src/services/repository.ts

@@ -19,12 +19,12 @@ import {
 
 export const getDetail = async (
   ip: string,
-  rid: string
+  identifier: string
 ): Promise<RepositorySuccessData> => {
   const req: RequestInit = {};
   req.headers = { 'x-real-ip': ip, 'x-forwarded-for': ip };
   const result = await fetcher<RepositorySuccessData>(
-    makeUrl(`/repository/detail/${rid}`),
+    makeUrl(`/repository/detail/${identifier}`),
     req
   );
   return result;

src/types/periodical.tsx

@@ -22,6 +22,7 @@ export interface VolumeNum {
 export interface PeriodicalItem {
   rid: string;
   name: string;
+  full_name: string;
   description: string;
   description_en: string;
   github_url: string;