From cb93d64c35558218575010a736aa57abb7220145 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 13 Mar 2026 10:37:49 +0100
Subject: [PATCH 1/2] refactor: move duplicated repositoryUrl in composable

---
 app/components/OgImage/Package.vue   | 13 +--------
 app/composables/useRepositoryUrl.ts  | 41 ++++++++++++++++++++++++++++
 app/pages/package/[[org]]/[name].vue | 21 +-------------
 3 files changed, 43 insertions(+), 32 deletions(-)
 create mode 100644 app/composables/useRepositoryUrl.ts

diff --git a/app/components/OgImage/Package.vue b/app/components/OgImage/Package.vue
index b84076d4aa..16741ea972 100644
--- a/app/components/OgImage/Package.vue
+++ b/app/components/OgImage/Package.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { joinURL } from 'ufo'
-
 const props = withDefaults(
   defineProps<{
     name: string
@@ -38,16 +36,7 @@ const { data: pkg, refresh: refreshPkg } = usePackage(
 )
 const displayVersion = computed(() => pkg.value?.requestedVersion ?? null)
 
-const repositoryUrl = computed(() => {
-  const repo = displayVersion.value?.repository
-  if (!repo?.url) return null
-  let url = normalizeGitUrl(repo.url)
-  // append `repository.directory` for monorepo packages
-  if (repo.directory) {
-    url = joinURL(`${url}/tree/HEAD`, repo.directory)
-  }
-  return url
-})
+const { repositoryUrl } = useRepositoryUrl(displayVersion)
 
 const { data: likes, refresh: refreshLikes } = useFetch(() => `/api/social/likes/${name.value}`, {
   default: () => ({ totalLikes: 0, userHasLiked: false }),
diff --git a/app/composables/useRepositoryUrl.ts b/app/composables/useRepositoryUrl.ts
new file mode 100644
index 0000000000..9c1ed3ba84
--- /dev/null
+++ b/app/composables/useRepositoryUrl.ts
@@ -0,0 +1,41 @@
+import { joinURL } from 'ufo'
+
+function normalizeGitUrl(url: string): string {
+  return url
+    .replace(/^git\+/, '')
+    .replace(/^git:\/\//, 'https://')
+    .replace(/\.git$/, '')
+    .replace(/^ssh:\/\/git@github\.com/, 'https://github.com')
+    .replace(/^git@github\.com:/, 'https://github.com/')
+}
+
+type RequestedVersion = SlimPackument['requestedVersion'] | null
+
+type UseRepositoryUrlReturn = {
+  repositoryUrl: ComputedRef<string | null>
+}
+
+export function useRepositoryUrl(
+  requestedVersion: MaybeRefOrGetter<RequestedVersion>,
+): UseRepositoryUrlReturn {
+  const repositoryUrl = computed<string | null>(() => {
+    const repo = toValue(requestedVersion)?.repository
+
+    if (!repo?.url) {
+      return null
+    }
+
+    let url = normalizeGitUrl(repo.url)
+
+    // append `repository.directory` for monorepo packages
+    if (repo.directory) {
+      url = joinURL(`${url}/tree/HEAD`, repo.directory)
+    }
+
+    return url
+  })
+
+  return {
+    repositoryUrl,
+  }
+}
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 42b1d8cbcd..8b6209849a 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -12,7 +12,6 @@ import type {
 import type { JsrPackageInfo } from '#shared/types/jsr'
 import type { IconClass } from '~/types'
 import { assertValidPackageName } from '#shared/utils/npm'
-import { joinURL } from 'ufo'
 import { areUrlsEquivalent } from '#shared/utils/url'
 import { getDependencyCount } from '~/utils/npm/dependency-count'
 import { detectPublishSecurityDowngradeForVersion } from '~/utils/publish-security'
@@ -399,16 +398,7 @@ const totalDepsCount = computed(() => {
   return null
 })
 
-const repositoryUrl = computed(() => {
-  const repo = displayVersion.value?.repository
-  if (!repo?.url) return null
-  let url = normalizeGitUrl(repo.url)
-  // append `repository.directory` for monorepo packages
-  if (repo.directory) {
-    url = joinURL(`${url}/tree/HEAD`, repo.directory)
-  }
-  return url
-})
+const { repositoryUrl } = useRepositoryUrl(displayVersion)
 
 const { meta: repoMeta, repoRef, stars, starsLink, forks, forksLink } = useRepoMeta(repositoryUrl)
 
@@ -454,15 +444,6 @@ const fundingUrl = computed(() => {
   return typeof funding === 'string' ? funding : funding.url
 })
 
-function normalizeGitUrl(url: string): string {
-  return url
-    .replace(/^git\+/, '')
-    .replace(/^git:\/\//, 'https://')
-    .replace(/\.git$/, '')
-    .replace(/^ssh:\/\/git@github\.com/, 'https://github.com')
-    .replace(/^git@github\.com:/, 'https://github.com/')
-}
-
 // Check if a version has provenance/attestations
 // The dist object may have attestations that aren't in the base type
 function hasProvenance(version: PackumentVersion | null): boolean {

From 14c604432f570f21cec3ca30284f4b334d8da451 Mon Sep 17 00:00:00 2001
From: MatteoGabriele <m.gabriele.dev@gmail.com>
Date: Fri, 13 Mar 2026 14:10:13 +0100
Subject: [PATCH 2/2] refactor: use normalizeGitUrl from git-provider.ts

---
 app/composables/useRepositoryUrl.ts | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/app/composables/useRepositoryUrl.ts b/app/composables/useRepositoryUrl.ts
index 9c1ed3ba84..6e3b4ee718 100644
--- a/app/composables/useRepositoryUrl.ts
+++ b/app/composables/useRepositoryUrl.ts
@@ -1,14 +1,5 @@
 import { joinURL } from 'ufo'
 
-function normalizeGitUrl(url: string): string {
-  return url
-    .replace(/^git\+/, '')
-    .replace(/^git:\/\//, 'https://')
-    .replace(/\.git$/, '')
-    .replace(/^ssh:\/\/git@github\.com/, 'https://github.com')
-    .replace(/^git@github\.com:/, 'https://github.com/')
-}
-
 type RequestedVersion = SlimPackument['requestedVersion'] | null
 
 type UseRepositoryUrlReturn = {