AI: address issue #152

frontend/src/components/PostEmbed.tsx

@@ -177,6 +177,37 @@ const PostEmbed: FC<Props> = (
 	      onError={onError}/>)
     }
 
+  case 'pixiv.net':
+    {
+      if (url.hostname !== 'pixiv.net' && url.hostname !== 'www.pixiv.net')
+	break
+
+      const artworkId =
+	  url.pathname === '/member_illust.php'
+	  ? url.searchParams.get ('illust_id')
+	  : url.pathname.match (
+	      /^\/(?:[a-z]{2}(?:-[A-Za-z]{2})?\/)?artworks\/(\d+)\/?$/)?.[1]
+
+      if (!(artworkId) || !(/^\d+$/.test (artworkId)))
+	break
+
+      if (embedAutoLoadMode === 'off')
+	return externalLink
+      if (shouldLoadEmbed === false)
+	return manualLoadControl
+
+      const embedUrl =
+	  `https://embed.pixiv.net/oembed_iframe.php?type=illust&id=${ artworkId }`
+
+      return (
+	  <iframe
+	      src={embedUrl}
+	      title={post.title || post.url}
+	      width={600}
+	      height={315}
+	      className="max-w-full"/>)
+    }
+
   case 'twitter.com':
   case 'x.com':
     {
@@ -196,39 +227,6 @@ const PostEmbed: FC<Props> = (
       return <TwitterEmbed userId={userId} statusId={statusId}/>
     }
 
-  case 'bilibili.com':
-    {
-      const videoId = url.pathname.match (
-	  /^\/video\/(BV[a-zA-Z0-9]{10}|av[1-9]\d*)\/?$/)?.[1]
-      if (!(videoId))
-	break
-
-      if (embedAutoLoadMode === 'off')
-	return externalLink
-      if (shouldLoadEmbed === false)
-	return manualLoadControl
-
-      const playerUrl = new URL ('https://player.bilibili.com/player.html')
-      const parameter = videoId.startsWith ('BV') ? 'bvid' : 'aid'
-      const identifier = parameter === 'bvid' ? videoId : videoId.slice (2)
-      playerUrl.searchParams.set (parameter, identifier)
-      playerUrl.searchParams.set ('autoplay', '1')
-
-      const page = url.searchParams.get ('p')
-      if (page != null && /^[1-9]\d*$/.test (page))
-	playerUrl.searchParams.set ('p', page)
-
-      return (
-	  <iframe
-	      src={playerUrl.toString ()}
-	      title={post.title || post.url}
-	      width={640}
-	      height={360}
-	      className="aspect-video h-auto max-w-full"
-	      allow="autoplay; fullscreen"
-	      allowFullScreen/>)
-    }
-
   case 'youtube.com':
     {
       const videoId = url.searchParams.get ('v')