codebay 0.0.1 → 0.2.0

package/src/avatars/penguin.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'penguin',
+	pixels: [
+		'..####..',
+		'.######.',
+		'.##..##.',
+		'.#.##.#.',
+		'##...##.',
+		'##...##.',
+		'#######.',
+		'.#....#.'
+	]
+};
+
+export default art;

package/src/avatars/planet.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'planet',
+	pixels: [
+		'...###..',
+		'..#####.',
+		'#.#####.',
+		'.#######',
+		'..#####.',
+		'..####..',
+		'.###....',
+		'........'
+	]
+};
+
+export default art;

package/src/avatars/rabbit.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'rabbit',
+	pixels: [
+		'.#....#.',
+		'.##..##.',
+		'.##..##.',
+		'..####..',
+		'.######.',
+		'###..###',
+		'#..##..#',
+		'.######.'
+	]
+};
+
+export default art;

package/src/avatars/rat.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'rat',
+	pixels: [
+		'...#.#..',
+		'...#####',
+		'...#.#..',
+		'..###...',
+		'.####.#.',
+		'#####..#',
+		'####..#.',
+		'.#####..'
+	]
+};
+
+export default art;

package/src/avatars/robot.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'robot',
+	pixels: [
+		'...##...',
+		'...#....',
+		'.######.',
+		'#.####.#',
+		'#..##..#',
+		'.######.',
+		'.#####..',
+		'.######.'
+	]
+};
+
+export default art;

package/src/avatars/rocket.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'rocket',
+	pixels: [
+		'...##...',
+		'..####..',
+		'..#..#..',
+		'..####..',
+		'.######.',
+		'##.##.##',
+		'..#..#..',
+		'...##...'
+	]
+};
+
+export default art;

package/src/avatars/sea.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'sea',
+	pixels: [
+		'#.#.....',
+		'.#..#.#.',
+		'.....#..',
+		'...#....',
+		'........',
+		'########',
+		'.##..###',
+		'##.###..'
+	]
+};
+
+export default art;

package/src/avatars/serialize.ts

@@ -0,0 +1,65 @@
+// Turns an avatar-editor drawing into the two things a contribution needs:
+// module source and a pre-filled issue URL.
+import { type AvatarArt, ROWS, COLS, ON } from './types.ts';
+
+export const REPO_URL = 'https://github.com/khromov/codebay';
+
+// The name doubles as a filename and a catalog key, hence the aggressive squash.
+export function normalizeName(raw: string): string {
+	return raw
+		.trim()
+		.toLowerCase()
+		.replace(/[^a-z0-9-]+/g, '-')
+		.replace(/^-+|-+$/g, '');
+}
+
+export function cellsToPixels(cells: number[]): string[] {
+	const rows: string[] = [];
+	for (let r = 0; r < ROWS; r++) {
+		let row = '';
+		for (let c = 0; c < COLS; c++) {
+			row += cells[r * COLS + c] === ON ? '#' : '.';
+		}
+		rows.push(row);
+	}
+	return rows;
+}
+
+// Byte-identical to the hand-written sprites (tabs, single quotes, trailing newline),
+// so a maintainer can drop it in and prettier won't touch it.
+export function toModuleSource(art: AvatarArt): string {
+	const rows = art.pixels.map((row) => `\t\t'${row}'`).join(',\n');
+	return `import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+\tname: '${art.name}',
+\tpixels: [
+${rows}
+\t]
+};
+
+export default art;
+`;
+}
+
+// The art is ~64 chars, far below any URL length limit.
+export function toIssueUrl(art: AvatarArt): string {
+	const title = `Avatar contribution: ${art.name}`;
+	const body = [
+		"Hi! I drew this avatar in the editor easter egg and I'd love to see it in the official set.",
+		'',
+		'```',
+		...art.pixels,
+		'```',
+		'',
+		`Ready-to-paste module (\`src/avatars/${art.name}.ts\`, plus a line in \`src/avatars/index.ts\`):`,
+		'',
+		'```ts',
+		toModuleSource(art).trimEnd(),
+		'```',
+		'',
+		'_It should satisfy `src/avatars/avatars.test.ts`: exactly 8×8, only `#`/`.` pixels, unique name._'
+	].join('\n');
+	const params = new URLSearchParams({ title, body });
+	return `${REPO_URL}/issues/new?${params}`;
+}

package/src/avatars/skull.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'skull',
+	pixels: [
+		'.######.',
+		'########',
+		'#.####.#',
+		'#.#..#.#',
+		'########',
+		'##.##.##',
+		'.#.##.#.',
+		'.##.##..'
+	]
+};
+
+export default art;

package/src/avatars/snail.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'snail',
+	pixels: [
+		'.####..#',
+		'#....#.#',
+		'#.##.#.#',
+		'#.#..#.#',
+		'#....##.',
+		'#...#.#.',
+		'######.#',
+		'.######.'
+	]
+};
+
+export default art;

package/src/avatars/snake.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'snake',
+	pixels: [
+		'...###..',
+		'.###..#.',
+		'#.#..#..',
+		'##..#..#',
+		'...#..#.',
+		'..#...##',
+		'.#.....#',
+		'.######.'
+	]
+};
+
+export default art;

package/src/avatars/snakegame.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'snakegame',
+	pixels: [
+		'########',
+		'#......#',
+		'#.##...#',
+		'#.#..#.#',
+		'#.##...#',
+		'#..##..#',
+		'#......#',
+		'########'
+	]
+};
+
+export default art;

package/src/avatars/star.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'star',
+	pixels: [
+		'...##...',
+		'...##...',
+		'########',
+		'.######.',
+		'.######.',
+		'.##..##.',
+		'##....##',
+		'#......#'
+	]
+};
+
+export default art;

package/src/avatars/svelte.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'svelte',
+	pixels: [
+		'..#####.',
+		'.###..#.',
+		'##...#..',
+		'########',
+		'########',
+		'..#...##',
+		'.#..###.',
+		'.####...'
+	]
+};
+
+export default art;

package/src/avatars/target.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'target',
+	pixels: [
+		'..####..',
+		'.#....#.',
+		'#......#',
+		'#..##..#',
+		'#..##..#',
+		'#......#',
+		'.#....#.',
+		'..####..'
+	]
+};
+
+export default art;

package/src/avatars/tree.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'tree',
+	pixels: [
+		'...##...',
+		'..####..',
+		'.######.',
+		'..####..',
+		'.######.',
+		'########',
+		'...##...',
+		'...##...'
+	]
+};
+
+export default art;

package/src/avatars/types.ts

@@ -0,0 +1,24 @@
+// The string legend keeps the art human-editable — you can eyeball a creature in the source.
+//
+//   '#'        → on  (lit pixel)
+//   ' ' or '.' → off (unlit pixel)
+export type AvatarArt = {
+	name: string; // also the uniqueness key
+	pixels: string[];
+};
+
+export const OFF = 0;
+export const ON = 1;
+
+export const ROWS = 8;
+export const COLS = 8;
+
+export function decode(art: AvatarArt): number[] {
+	const cells: number[] = [];
+	for (const row of art.pixels) {
+		for (const ch of row) {
+			cells.push(ch === '#' ? ON : OFF);
+		}
+	}
+	return cells;
+}

package/src/avatars/ukraine.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'ukraine',
+	pixels: [
+		'...##...',
+		'#..##..#',
+		'##.##.##',
+		'#..##..#',
+		'##.##.##',
+		'#..##..#',
+		'########',
+		'...##...'
+	]
+};
+
+export default art;

package/src/avatars/whale.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'whale',
+	pixels: [
+		'....#...',
+		'...###..',
+		'..####.#',
+		'.#.####.',
+		'######.#',
+		'.#####..',
+		'..####..',
+		'...##...'
+	]
+};
+
+export default art;

package/src/avatars/wheat.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'wheat',
+	pixels: [
+		'........',
+		'....#.#.',
+		'...#.#..',
+		'..#.#.#.',
+		'..##.#..',
+		'..###...',
+		'.#......',
+		'#.......'
+	]
+};
+
+export default art;

package/src/avatars/yinyan.ts

@@ -0,0 +1,17 @@
+import type { AvatarArt } from './types.ts';
+
+const art: AvatarArt = {
+	name: 'yinyan',
+	pixels: [
+		'.......#',
+		'.##...##',
+		'.##..###',
+		'....####',
+		'...#####',
+		'..###..#',
+		'.####..#',
+		'########'
+	]
+};
+
+export default art;

package/src/components/AppBar.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import House from '@lucide/svelte/icons/house';
+
+	let { children }: { children?: Snippet } = $props();
+</script>
+
+<header class="bar">
+	<a class="home" href="/" title="All instances" aria-label="All instances"><House size={18} /></a>
+	{@render children?.()}
+</header>
+
+<style>
+	.bar {
+		display: flex;
+		align-items: stretch;
+		gap: 0;
+		height: 44px;
+		border-bottom: 1px solid var(--rule);
+		background: var(--bg-card);
+	}
+	.home {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 48px;
+		flex: none;
+		color: var(--ink);
+		border-right: 1px solid var(--rule);
+	}
+	.home:hover {
+		background: var(--ink);
+		color: var(--bg);
+	}
+</style>