Make repository the main URL

svelte-society · Aug 16, 2023 · 1d295e3 · 1d295e3
1 parent 2d251ee
commit 1d295e3
Show file tree

Hide file tree

Showing 5 changed files with 329 additions and 328 deletions.
diff --git a/src/lib/components/ComponentIndex/Card.svelte b/src/lib/components/ComponentIndex/Card.svelte
@@ -34,7 +34,8 @@
 
 <div class="card" class:active id="component-{title}">
 	<h3>
-		<a href="#component-{title}">#</a> <a href={url}>{title}</a>
+		<a href="#component-{title}">#</a>
+		{#if url || repository}<a href={url || repository}>{title}</a>{:else}<span>{title}</span>{/if}
 		{#if npm}<Tag
 				click={() => copy()}
 				variant="copy"
@@ -51,11 +52,11 @@
 	{/if}
 	<div class="card__bottom">
 		<div>
-			{#if (repository || url).includes('github')}
+			{#if (repository || url || '').includes('github')}
 				<a title="Go to the source code" href={repository || url}
 					><img style="display:inline" src="/images/github_logo.svg" alt="github logo" /></a
 				>
-			{:else if (repository || url).includes('gitlab')}
+			{:else if (repository || url || '').includes('gitlab')}
 				<a title="Go to the source code" href={repository || url}
 					><img style="display:inline" src="/images/gitlab_logo.svg" alt="gitlab logo" /></a
 				>

diff --git a/src/lib/utils/stars.ts b/src/lib/utils/stars.ts
@@ -36,9 +36,9 @@ function getType(repositoryUrl: string): RepoInfo | null {
 	return null;
 }
 
-export function injectStars<T extends { repository?: string; url: string; stars?: number }>(
+export function injectStars<T extends { repository?: string; url?: string; stars?: number }>(
 	data: Array<T>
 ): Array<T> {
-	data.forEach((item) => (item.stars = getStarsCount(item.repository ?? item.url)));
+	data.forEach((item) => (item.stars = getStarsCount(item.repository ?? item.url ?? '')));
 	return data;
 }