diff --git a/app/composables/useRepoMeta.ts b/app/composables/useRepoMeta.ts new file mode 100644 index 0000000000..8330435e2b --- /dev/null +++ b/app/composables/useRepoMeta.ts @@ -0,0 +1,173 @@ +type ProviderId = 'github' // Could be extended to support other providers (gitlab, codeforge, tangled...) +export type RepoRef = { provider: ProviderId; owner: string; repo: string } + +export type RepoMetaLinks = { + repo: string + stars: string + forks: string + watchers?: string +} + +export type RepoMeta = { + provider: ProviderId + url: string + stars: number + forks: number + watchers?: number + description?: string | null + defaultBranch?: string + links: RepoMetaLinks +} + +type UnghRepoResponse = { + repo: { + description?: string | null + stars?: number + forks?: number + watchers?: number + defaultBranch?: string + } | null +} + +function normalizeInputToUrl(input: string): string | null { + const raw = input.trim() + if (!raw) return null + + const normalized = raw.replace(/^git\+/, '') + + if (!/^https?:\/\//i.test(normalized)) { + const scp = normalized.match(/^(?:git@)?([^:/]+):(.+)$/i) + if (scp?.[1] && scp?.[2]) { + const host = scp[1] + const path = scp[2].replace(/^\/*/, '') + return `https://${host}/${path}` + } + } + + return normalized +} + +type ProviderAdapter = { + id: ProviderId + parse(url: URL): RepoRef | null + links(ref: RepoRef): RepoMetaLinks + fetchMeta(ref: RepoRef, links: RepoMetaLinks): Promise +} + +const githubAdapter: ProviderAdapter = { + id: 'github', + + parse(url) { + const host = url.hostname.toLowerCase() + if (host !== 'github.com' && host !== 'www.github.com') return null + + const parts = url.pathname.split('/').filter(Boolean) + if (parts.length < 2) return null + + const owner = decodeURIComponent(parts[0] ?? '').trim() + const repo = decodeURIComponent(parts[1] ?? '') + .trim() + .replace(/\.git$/i, '') + + if (!owner || !repo) return null + + return { provider: 'github', owner, repo } + }, + + links(ref) { + const base = `https://github.com/${ref.owner}/${ref.repo}` + return { + repo: base, + stars: `${base}/stargazers`, + forks: `${base}/forks`, + watchers: `${base}/watchers`, + } + }, + + async fetchMeta(ref, links) { + // Using UNGH to avoid API limitations of the Github API + const res = await $fetch(`https://ungh.cc/repos/${ref.owner}/${ref.repo}`, { + headers: { 'User-Agent': 'npmx' }, + }).catch(() => null) + + const repo = res?.repo + if (!repo) return null + + return { + provider: 'github', + url: links.repo, + stars: repo.stars ?? 0, + forks: repo.forks ?? 0, + watchers: repo.watchers ?? 0, + description: repo.description ?? null, + defaultBranch: repo.defaultBranch, + links, + } + }, +} + +const providers: readonly ProviderAdapter[] = [githubAdapter] as const + +function parseRepoFromUrl(input: string): RepoRef | null { + const normalized = normalizeInputToUrl(input) + if (!normalized) return null + + try { + const url = new URL(normalized) + for (const provider of providers) { + const ref = provider.parse(url) + if (ref) return ref + } + return null + } catch { + return null + } +} + +async function fetchRepoMeta(ref: RepoRef): Promise { + const adapter = providers.find(provider => provider.id === ref.provider) + if (!adapter) return null + + const links = adapter.links(ref) + return await adapter.fetchMeta(ref, links) +} + +export function useRepoMeta(repositoryUrl: MaybeRefOrGetter) { + const repoRef = computed(() => { + const url = toValue(repositoryUrl) + if (!url) return null + return parseRepoFromUrl(url) + }) + + const { data, pending, error, refresh } = useLazyAsyncData( + () => + repoRef.value + ? `repo-meta:${repoRef.value.provider}:${repoRef.value.owner}/${repoRef.value.repo}` + : 'repo-meta:none', + async () => { + const ref = repoRef.value + if (!ref) return null + return await fetchRepoMeta(ref) + }, + ) + + const meta = computed(() => data.value ?? null) + + return { + repoRef, + meta, + + stars: computed(() => meta.value?.stars ?? 0), + forks: computed(() => meta.value?.forks ?? 0), + watchers: computed(() => meta.value?.watchers ?? 0), + + starsLink: computed(() => meta.value?.links.stars ?? null), + forksLink: computed(() => meta.value?.links.forks ?? null), + watchersLink: computed(() => meta.value?.links.watchers ?? null), + repoLink: computed(() => meta.value?.links.repo ?? null), + + pending, + error, + refresh, + } +} diff --git a/app/pages/[...package].vue b/app/pages/[...package].vue index 4d2dd5e031..cb7b155008 100644 --- a/app/pages/[...package].vue +++ b/app/pages/[...package].vue @@ -154,6 +154,8 @@ const repositoryUrl = computed(() => { return url }) +const { meta: repoMeta, stars, forks, forksLink } = useRepoMeta(repositoryUrl) + const homepageUrl = computed(() => { return displayVersion.value?.homepage ?? null }) @@ -281,7 +283,7 @@ defineOgImageComponent('Package', {
-
+

/{{ orgName ? pkg.name.replace(`@${orgName}/`, '') : pkg.name }}

- - + v{{ displayVersion.version }} - + + v{{ displayVersion.version }} (not latest) - - + @@ -336,15 +332,29 @@ defineOgImageComponent('Package', { v-if="displayVersion" :package-name="pkg.name" :version="displayVersion.version" + class="self-center ml-1 sm:ml-2" /> + + +
+

  • @@ -496,17 +509,19 @@ defineOgImageComponent('Package', { issues
    • -
  • + +
  • -
    • +
  • { + if (decimals <= 0) return Math.round(n).toString() + return n + .toFixed(decimals) + .replace(/\.0+$/, '') + .replace(/(\.\d*?)0+$/, '$1') + } + + const join = (suffix: string, n: number) => `${sign}${fmt(n)}${space ? ' ' : ''}${suffix}` + + if (abs >= 1e12) return join('T', abs / 1e12) + if (abs >= 1e9) return join('B', abs / 1e9) + if (abs >= 1e6) return join('M', abs / 1e6) + if (abs >= 1e3) return join('k', abs / 1e3) + + return `${sign}${Math.round(abs)}` +}