From 00edf6876288b0807c42541b1e90e7d6707c3160 Mon Sep 17 00:00:00 2001
From: Ryan Atkinson <mail@ryanatkn.com>
Date: Sun, 14 Apr 2024 13:26:50 -0600
Subject: [PATCH] add `Moss_Logo`

---
 .changeset/five-mangos-hide.md |  5 +++++
 package.json                   |  5 +++++
 src/lib/Moss_Logo.svelte       | 25 +++++++++++++++++++++++++
 src/lib/Package_Detail.svelte  |  2 +-
 src/routes/package.ts          |  6 ++++++
 5 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/five-mangos-hide.md
 create mode 100644 src/lib/Moss_Logo.svelte

diff --git a/.changeset/five-mangos-hide.md b/.changeset/five-mangos-hide.md
new file mode 100644
index 000000000..1dcb0904f
--- /dev/null
+++ b/.changeset/five-mangos-hide.md
@@ -0,0 +1,5 @@
+---
+"@ryanatkn/fuz": patch
+---
+
+add `Moss_Logo`
diff --git a/package.json b/package.json
index 14008c4ea..87c59bd49 100644
--- a/package.json
+++ b/package.json
@@ -258,6 +258,11 @@
       "default": "./dist/Mdn_Logo.svelte",
       "types": "./dist/Mdn_Logo.svelte.d.ts"
     },
+    "./Moss_Logo.svelte": {
+      "svelte": "./dist/Moss_Logo.svelte",
+      "default": "./dist/Moss_Logo.svelte",
+      "types": "./dist/Moss_Logo.svelte.d.ts"
+    },
     "./Package_Detail.svelte": {
       "svelte": "./dist/Package_Detail.svelte",
       "default": "./dist/Package_Detail.svelte",
diff --git a/src/lib/Moss_Logo.svelte b/src/lib/Moss_Logo.svelte
new file mode 100644
index 000000000..8d91840e3
--- /dev/null
+++ b/src/lib/Moss_Logo.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import Spider from '$lib/Spider.svelte';
+
+	// TODO think about this API
+	interface Props {
+		size?: string;
+		alt?: string;
+	}
+
+	const {size, alt = 'the Moss logo, a little green tuft of moss'}: Props = $props();
+
+	// color:
+	// #298e29
+	// hsl(120, 55%, 36%)
+	// rgb(41, 142, 41)
+</script>
+
+<!-- TODO could potentially support the `image` option like `Fuz_Logo` -->
+<span
+	aria-label={alt}
+	style:--color="var(--color_e_5)"
+	class="inline_block"
+	style:width={size}
+	style:height={size}><Spider /></span
+>
diff --git a/src/lib/Package_Detail.svelte b/src/lib/Package_Detail.svelte
index 1bc3394db..1804e9faf 100644
--- a/src/lib/Package_Detail.svelte
+++ b/src/lib/Package_Detail.svelte
@@ -121,7 +121,7 @@
 					{#if pkg.repo_url}
 						<span class="title">repo</span>
 						<div class="content">
-							<a class="chip" title="repo" href={pkg.repo_url}>{pkg.repo_name}</a>
+							<a class="chip" title="repo" href={pkg.repo_url}>{pkg.owner_name}/{pkg.repo_name}</a>
 						</div>
 					{/if}
 					{#if pkg.npm_url}
diff --git a/src/routes/package.ts b/src/routes/package.ts
index cd984a996..2639d65a0 100644
--- a/src/routes/package.ts
+++ b/src/routes/package.ts
@@ -223,6 +223,11 @@ export const package_json = {
 			default: './dist/Mdn_Logo.svelte',
 			types: './dist/Mdn_Logo.svelte.d.ts',
 		},
+		'./Moss_Logo.svelte': {
+			svelte: './dist/Moss_Logo.svelte',
+			default: './dist/Moss_Logo.svelte',
+			types: './dist/Moss_Logo.svelte.d.ts',
+		},
 		'./Package_Detail.svelte': {
 			svelte: './dist/Package_Detail.svelte',
 			default: './dist/Package_Detail.svelte',
@@ -413,6 +418,7 @@ export const src_json = {
 		},
 		'./Mdn_Link.svelte': {path: 'Mdn_Link.svelte', declarations: []},
 		'./Mdn_Logo.svelte': {path: 'Mdn_Logo.svelte', declarations: []},
+		'./Moss_Logo.svelte': {path: 'Moss_Logo.svelte', declarations: []},
 		'./Package_Detail.svelte': {path: 'Package_Detail.svelte', declarations: []},
 		'./Package_Summary.svelte': {path: 'Package_Summary.svelte', declarations: []},
 		'./Pending_Animation.svelte': {path: 'Pending_Animation.svelte', declarations: []},