Isrc links

server/components/ISRC.tsx

@@ -1,16 +1,33 @@
+import { ProviderIcon } from './ProviderIcon.tsx';
+import { SpriteIcon } from './SpriteIcon.tsx';
+import { join } from 'std/url/join.ts';
+
 const isrcPattern = /^([A-Z]{2})-?([A-Z0-9]{3})-?(\d{2})-?(\d{5})$/i;
 
 export function ISRC({ code }: { code: string }) {
 	const codeMatch = code.trim().match(isrcPattern);
 
 	return codeMatch
 		? (
-			<code class='isrc'>
-				<span class='country'>{codeMatch[1]}</span>
-				<span class='registrant'>{codeMatch[2]}</span>
-				<span class='year'>{codeMatch[3]}</span>
-				<span class='designation'>{codeMatch[4]}</span>
-			</code>
+			<>
+				<span class='entity-links'>
+					<a
+						title='ifpi ISRC search'
+						href={'https://isrcsearch.ifpi.org/?tab="code"&itemsPerPage=100&showReleases=true&isrcCode=' + code}
+					>
+						<SpriteIcon size={18} name='brand-ifpi' stroke={1.5} />
+					</a>
+					<a href={join('https://musicbrainz.org/isrc/', code).href}>
+						<ProviderIcon providerName='MusicBrainz' size={18} stroke={1.5} />
+					</a>
+				</span>
+				<code class='isrc'>
+					<span class='country'>{codeMatch[1]}</span>
+					<span class='registrant'>{codeMatch[2]}</span>
+					<span class='year'>{codeMatch[3]}</span>
+					<span class='designation'>{codeMatch[4]}</span>
+				</code>
+			</>
 		)
 		: <code class='invalid-isrc'>{code}</code>;
 }

server/icons/BrandIfpi.tsx

@@ -0,0 +1,28 @@
+export default function IconBrandIfpi({
+	size = 24,
+	color = 'currentColor',
+	stroke = 2.,
+	...props
+}) {
+	return (
+		<svg
+			xmlns='http://www.w3.org/2000/svg'
+			class='icon icon-tabler icon-tabler-brand-ifpi'
+			width={size}
+			height={size}
+			viewBox='0 0 24 24'
+			stroke-width={stroke}
+			stroke={color}
+			fill='none'
+			{...props}
+		>
+			<g transform='translate(-343.3 -311.3)' stroke-linecap='butt' stroke-linejoin='butt'>
+				<path d='m345.8 315.8v14.25' />
+				<path d='m364.7 315.8v14.25' />
+				<path d='m354.5 316.9h-4.875v13.12' />
+				<path d='m349.3 323h4.5' />
+				<path d='m356.8 330v-13.12h3l1.125 1.125v4.5l-1.125 1.125h-3' />
+			</g>
+		</svg>
+	);
+}

server/routes/icon-sprite.svg.tsx

@@ -1,4 +1,5 @@
 import IconBrandBeatport from '@/server/icons/BrandBeatport.tsx';
+import IconBrandIfpi from '@/server/icons/BrandIfpi.tsx';
 import IconBrandMetaBrainz from '@/server/icons/BrandMetaBrainz.tsx';
 import IconBrandApple from 'tabler-icons/brand-apple.tsx';
 import IconBrandBandcamp from 'tabler-icons/brand-bandcamp.tsx';
@@ -48,6 +49,7 @@ const icons: Icon[] = [
 	IconBrandBeatport,
 	IconBrandDeezer,
 	IconBrandGit,
+	IconBrandIfpi,
 	IconBrandMetaBrainz,
 	IconBrandSpotify,
 	IconBrandTidal,