feat: inline link support self parser

src/components/ui/markdown/renderers/LinkRenderer.tsx

@@ -9,6 +9,7 @@ import {
   isGithubCommitUrl,
   isGithubFilePreviewUrl,
   isGithubRepoUrl,
+  isSelfArticleUrl,
   isTweetUrl,
   isYoutubeUrl,
   parseGithubGistUrl,
@@ -124,6 +125,9 @@ export const LinkRenderer = ({ href }: { href: string }) => {
           </FixedRatioContainer>
         )
       }
+      case isSelfArticleUrl(url): {
+        return <LinkCard source="self" id={url.pathname.slice(1)} />
+      }
     }
   }
   // fallback to default renderer

src/lib/link-parser.ts

@@ -1,3 +1,5 @@
+import { isDev } from './env'
+
 export const isTweetUrl = (url: URL) => {
   return url.hostname === 'twitter.com' && url.pathname.startsWith('/')
 }
@@ -60,6 +62,32 @@ export const isCodesandboxUrl = (url: URL) => {
   )
 }
 
+export const isSelfArticleUrl = (url: URL) => {
+  if (isDev && url.hostname === 'innei.in') return true
+  return (
+    url.hostname === location.hostname &&
+    ['posts/', 'notes/'].some((path) => url.pathname.startsWith(path))
+  )
+}
+
+export const parseSelfArticleUrl = (url: URL) => {
+  const [_, type, ...rest] = url.pathname.split('/')
+  switch (type) {
+    case 'posts': {
+      return {
+        type,
+        slug: rest.join('/'),
+      }
+    }
+    case 'notes': {
+      return {
+        type,
+        nid: +rest[0],
+      }
+    }
+  }
+}
+
 export const parseGithubRepoUrl = (url: URL) => {
   const [_, owner, repo] = url.pathname.split('/')
   return {