add Moss_Logo

.changeset/five-mangos-hide.md

@@ -0,0 +1,5 @@
+---
+"@ryanatkn/fuz": patch
+---
+
+add `Moss_Logo`

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",

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
+>

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}

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: []},