fix: library readme links (#299)

* fix library readme links * fix local link
gravity-ui · Nov 6, 2024 · cf70c66 · cf70c66
1 parent ca18f08
commit cf70c66
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/src/components/Library/Library.tsx b/src/components/Library/Library.tsx
@@ -33,6 +33,9 @@ type Props = {
     lib: Lib;
 };
 
+const ABSOLUTE_LINK_REG_EXP = /^http/;
+const HASH_REG_EXP = /^#/;
+
 export const Library: React.FC<Props> = ({lib}) => {
     const {t, i18n} = useTranslation();
 
@@ -98,6 +101,24 @@ export const Library: React.FC<Props> = ({lib}) => {
     const isPrimary = lib.config.primary;
     const maintainers = React.useMemo(() => getMaintainers(lib), []);
 
+    const rewriteLinks = React.useCallback(
+        (link: string) => {
+            if (ABSOLUTE_LINK_REG_EXP.test(link) || HASH_REG_EXP.test(link)) {
+                return link;
+            }
+
+            const githubId = lib.config?.githubId || null;
+            if (!githubId) {
+                return link;
+            }
+
+            const githubRepoUrl = `${GITHUB_URL}${githubId}/blob/main/`;
+            const absoluteUrl = new URL(link, githubRepoUrl);
+            return absoluteUrl.toString();
+        },
+        [lib.config?.githubId],
+    );
+
     return (
         <div className={b()}>
             <Grid className={b('header-grid')}>
@@ -205,6 +226,7 @@ export const Library: React.FC<Props> = ({lib}) => {
                                             : lib.data.changelog
                                     }
                                     absoluteImgPath={`https://raw.githubusercontent.com/${lib.config.githubId}/${lib.config.mainBranch}/`}
+                                    rewriteLinks={rewriteLinks}
                                 />
                             </div>
                         </div>