zenno, cmd/horsebot: host website in horsebot

cmd/horsebot/main.go

@@ -3,11 +3,14 @@ package main
 import (
 	"bytes"
 	"context"
+	"encoding/hex"
 	"encoding/json"
 	"errors"
 	"flag"
 	"fmt"
 	"log/slog"
+	"net"
+	"net/http"
 	"os"
 	"os/signal"
 	"path/filepath"
@@ -26,20 +29,23 @@ import (
 
 func main() {
 	var (
-		dataDir   string
+		// public site
+		addr    string
+		dataDir string
+		public  string
+		// discord
 		tokenFile string
-		// http api options
-		addr   string
-		route  string
-		pubkey string
-		// logging options
+		apiRoute  string
+		pubkey    string
+		// logging
 		level   slog.Level
 		textfmt string
 	)
+	flag.StringVar(&addr, "http", ":80", "`address` to bind HTTP server")
 	flag.StringVar(&dataDir, "data", "", "`dir`ectory containing exported json data")
+	flag.StringVar(&public, "public", "", "`dir`ectory containing the website to serve")
 	flag.StringVar(&tokenFile, "token", "", "`file` containing the Discord bot token")
-	flag.StringVar(&addr, "http", "", "`address` to bind HTTP API server")
-	flag.StringVar(&route, "route", "/interactions/callback", "`path` to serve HTTP API calls")
+	flag.StringVar(&apiRoute, "route", "/interactions/callback", "`path` to serve Discord HTTP API calls")
 	flag.StringVar(&pubkey, "key", "", "Discord public key")
 	flag.TextVar(&level, "log", slog.LevelInfo, "slog logging `level`")
 	flag.StringVar(&textfmt, "log-format", "text", "slog logging `format`, text or json")
@@ -57,6 +63,16 @@ func main() {
 	}
 	slog.SetDefault(slog.New(lh))
 
+	stat, err := os.Stat(public)
+	if err != nil {
+		slog.Error("public", slog.Any("err", err))
+		os.Exit(1)
+	}
+	if !stat.IsDir() {
+		slog.Error("public", slog.String("err", "not a directory"))
+		os.Exit(1)
+	}
+
 	skills, err := loadSkills(filepath.Join(dataDir, "skill.json"))
 	slog.Info("loaded skills", slog.Int("count", len(skills)))
 	groups, err2 := loadSkillGroups(filepath.Join(dataDir, "skill-group.json"))
@@ -87,33 +103,52 @@ func main() {
 		r.SelectMenuComponent("/swap", skillSrv.menu)
 		r.ButtonComponent("/swap/{id}", skillSrv.button)
 	})
-
-	opts := []bot.ConfigOpt{bot.WithDefaultGateway(), bot.WithEventListeners(r)}
-	if addr != "" {
-		if pubkey == "" {
-			slog.Error("Discord public key must be provided when using HTTP API")
-			os.Exit(1)
-		}
-		opts = append(opts, bot.WithHTTPServerConfigOpts(pubkey,
-			httpserver.WithAddress(addr),
-			httpserver.WithURL(route),
-		))
-	}
-
 	slog.Info("connect", slog.String("disgo", disgo.Version))
-	client, err := disgo.New(string(token), opts...)
+	client, err := disgo.New(string(token), bot.WithDefaultGateway(), bot.WithEventListeners(r))
 	if err != nil {
 		slog.Error("building bot", slog.Any("err", err))
 		os.Exit(1)
 	}
 
+	mux := http.NewServeMux()
+	mux.Handle("GET /", http.FileServerFS(os.DirFS(public)))
+	if pubkey != "" {
+		pk, err := hex.DecodeString(pubkey)
+		if err != nil {
+			slog.Error("pubkey", slog.Any("err", err))
+			os.Exit(1)
+		}
+		mux.Handle(apiRoute, httpserver.HandleInteraction(httpserver.DefaultVerifier{}, pk, slog.Default(), client.EventManager.HandleHTTPEvent))
+		slog.Info("Discord HTTP API enabled", slog.String("pubkey", pubkey))
+	}
+	l, err := net.Listen("tcp", addr)
+	if err != nil {
+		slog.Error("listen", slog.String("addr", addr), slog.Any("err", err))
+		os.Exit(1)
+	}
+	srv := http.Server{
+		Addr:         addr,
+		Handler:      mux,
+		ReadTimeout:  15 * time.Second,
+		WriteTimeout: 15 * time.Second,
+		BaseContext:  func(l net.Listener) context.Context { return ctx },
+	}
+	go func() {
+		slog.Info("HTTP", slog.Any("addr", l.Addr()))
+		err := srv.Serve(l)
+		if err == http.ErrServerClosed {
+			return
+		}
+		slog.Error("HTTP server closed", slog.Any("err", err))
+	}()
+
 	if err := handler.SyncCommands(client, commands, nil, rest.WithCtx(ctx)); err != nil {
 		slog.Error("syncing commands", slog.Any("err", err))
 		os.Exit(1)
 	}
 
-	if addr != "" {
-		slog.Info("start HTTP server", slog.String("address", addr), slog.String("route", route))
+	if pubkey != "" {
+		slog.Info("start HTTP server", slog.String("address", addr), slog.String("route", apiRoute))
 		if err := client.OpenHTTPServer(); err != nil {
 			slog.Error("starting HTTP server", slog.Any("err", err))
 			stop()
@@ -131,6 +166,10 @@ func main() {
 	ctx, stop = context.WithTimeout(context.Background(), 5*time.Second)
 	defer stop()
 	client.Close(ctx)
+	if err := srv.Shutdown(ctx); err != nil {
+		slog.Error("HTTP API shutdown", slog.Any("err", err))
+		os.Exit(1)
+	}
 }
 
 var commands = []discord.ApplicationCommandCreate{

zenno/.gitignore

@@ -0,0 +1,23 @@
+node_modules
+
+# Output
+.output
+.vercel
+.netlify
+.wrangler
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

zenno/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

zenno/.prettierignore

@@ -0,0 +1,9 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
+bun.lock
+bun.lockb
+
+# Miscellaneous
+/static/

zenno/.prettierrc

@@ -0,0 +1,16 @@
+{
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "all",
+	"printWidth": 130,
+	"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	],
+	"tailwindStylesheet": "./src/routes/layout.css"
+}

zenno/README.md

@@ -0,0 +1,42 @@
+# sv
+
+Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```sh
+# create a new project
+npx sv create my-app
+```
+
+To recreate this project with the same configuration:
+
+```sh
+# recreate this project
+npx sv@0.13.0 create --template minimal --types ts --add prettier eslint vitest="usages:unit,component" tailwindcss="plugins:none" --install npm zenno
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```sh
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```sh
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

zenno/eslint.config.js

@@ -0,0 +1,39 @@
+import prettier from 'eslint-config-prettier';
+import path from 'node:path';
+import { includeIgnoreFile } from '@eslint/compat';
+import js from '@eslint/js';
+import svelte from 'eslint-plugin-svelte';
+import { defineConfig } from 'eslint/config';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+import svelteConfig from './svelte.config.js';
+
+const gitignorePath = path.resolve(import.meta.dirname, '.gitignore');
+
+export default defineConfig(
+	includeIgnoreFile(gitignorePath),
+	js.configs.recommended,
+	ts.configs.recommended,
+	svelte.configs.recommended,
+	prettier,
+	svelte.configs.prettier,
+	{
+		languageOptions: { globals: { ...globals.browser, ...globals.node } },
+		rules: {
+			// typescript-eslint strongly recommend that you do not use the no-undef lint rule on TypeScript projects.
+			// see: https://typescript-eslint.io/troubleshooting/faqs/eslint/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
+			'no-undef': 'off',
+		},
+	},
+	{
+		files: ['**/*.svelte', '**/*.svelte.ts', '**/*.svelte.js'],
+		languageOptions: {
+			parserOptions: {
+				projectService: true,
+				extraFileExtensions: ['.svelte'],
+				parser: ts.parser,
+				svelteConfig,
+			},
+		},
+	},
+);

zenno/package.json

@@ -0,0 +1,45 @@
+{
+	"name": "zenno",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"test:unit": "vitest",
+		"test": "npm run test:unit -- --run"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^2.0.3",
+		"@eslint/js": "^10.0.1",
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.50.2",
+		"@sveltejs/vite-plugin-svelte": "^6.2.4",
+		"@tailwindcss/vite": "^4.1.18",
+		"@types/node": "^22",
+		"@vitest/browser-playwright": "^4.1.0",
+		"eslint": "^10.0.3",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.15.2",
+		"globals": "^17.4.0",
+		"playwright": "^1.58.2",
+		"prettier": "^3.8.1",
+		"prettier-plugin-svelte": "^3.4.1",
+		"prettier-plugin-tailwindcss": "^0.7.2",
+		"svelte": "^5.54.0",
+		"svelte-check": "^4.4.2",
+		"tailwindcss": "^4.1.18",
+		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.57.0",
+		"vite": "^7.3.1",
+		"vitest": "^4.1.0",
+		"vitest-browser-svelte": "^2.0.2"
+	}
+}

zenno/src/app.d.ts

@@ -0,0 +1,13 @@
+// See https://svelte.dev/docs/kit/types#app.d.ts
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};

zenno/src/app.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

zenno/src/lib/CharaPick.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { character } from '$lib/data/character';
+	import type { ClassValue } from 'svelte/elements';
+
+	interface Props {
+		id: string;
+		value: number;
+		label?: string;
+		class?: ClassValue | null;
+		optionClass?: ClassValue | null;
+		labelClass?: ClassValue | null;
+		region?: keyof typeof character;
+		required?: boolean;
+	}
+
+	let {
+		id,
+		value = $bindable(),
+		label,
+		class: className,
+		optionClass,
+		labelClass,
+		region = 'global',
+		required = false,
+	}: Props = $props();
+</script>
+
+{#if label}
+	<label for={id} class={labelClass}>{label}</label>
+{/if}
+<select {id} class={className} bind:value {required}>
+	{#if !required}
+		<option value="0" class={optionClass}></option>
+	{/if}
+	{#each character[region] as c}
+		<option value={c.chara_id} class={optionClass}>{c.name}</option>
+	{/each}
+</select>

zenno/src/lib/assets/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="107" height="128" viewBox="0 0 107 128"><title>svelte-logo</title><path d="M94.157 22.819c-10.4-14.885-30.94-19.297-45.792-9.835L22.282 29.608A29.92 29.92 0 0 0 8.764 49.65a31.5 31.5 0 0 0 3.108 20.231 30 30 0 0 0-4.477 11.183 31.9 31.9 0 0 0 5.448 24.116c10.402 14.887 30.942 19.297 45.791 9.835l26.083-16.624A29.92 29.92 0 0 0 98.235 78.35a31.53 31.53 0 0 0-3.105-20.232 30 30 0 0 0 4.474-11.182 31.88 31.88 0 0 0-5.447-24.116" style="fill:#ff3e00"/><path d="M45.817 106.582a20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.503 18 18 0 0 1 .624-2.435l.49-1.498 1.337.981a33.6 33.6 0 0 0 10.203 5.098l.97.294-.09.968a5.85 5.85 0 0 0 1.052 3.878 6.24 6.24 0 0 0 6.695 2.485 5.8 5.8 0 0 0 1.603-.704L69.27 76.28a5.43 5.43 0 0 0 2.45-3.631 5.8 5.8 0 0 0-.987-4.371 6.24 6.24 0 0 0-6.698-2.487 5.7 5.7 0 0 0-1.6.704l-9.953 6.345a19 19 0 0 1-5.296 2.326 20.72 20.72 0 0 1-22.237-8.243 19.17 19.17 0 0 1-3.277-14.502 17.99 17.99 0 0 1 8.13-12.052l26.081-16.623a19 19 0 0 1 5.3-2.329 20.72 20.72 0 0 1 22.237 8.243 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-.624 2.435l-.49 1.498-1.337-.98a33.6 33.6 0 0 0-10.203-5.1l-.97-.294.09-.968a5.86 5.86 0 0 0-1.052-3.878 6.24 6.24 0 0 0-6.696-2.485 5.8 5.8 0 0 0-1.602.704L37.73 51.72a5.42 5.42 0 0 0-2.449 3.63 5.79 5.79 0 0 0 .986 4.372 6.24 6.24 0 0 0 6.698 2.486 5.8 5.8 0 0 0 1.602-.704l9.952-6.342a19 19 0 0 1 5.295-2.328 20.72 20.72 0 0 1 22.237 8.242 19.17 19.17 0 0 1 3.277 14.503 18 18 0 0 1-8.13 12.053l-26.081 16.622a19 19 0 0 1-5.3 2.328" style="fill:#fff"/></svg>

zenno/src/lib/data/character.ts

@@ -0,0 +1,26 @@
+import type { RegionalName } from '$lib/regional-name';
+import globalJSON from '../../../../global/character.json';
+
+/**
+ * Character definitions.
+ */
+export interface Character {
+	/**
+	 * Character ID.
+	 */
+	chara_id: number;
+	/**
+	 * Regional name of the character.
+	 * E.g., Special Week for Global, or スペシャルウィーク for JP.
+	 */
+	name: string;
+}
+
+export const character = {
+	global: globalJSON as Character[],
+};
+
+export const charaNames = globalJSON.reduce(
+	(m, c) => m.set(c.chara_id, { en: c.name }),
+	new Map<Character['chara_id'], RegionalName>(),
+);

zenno/src/lib/data/convo.ts

@@ -0,0 +1,85 @@
+import type { RegionalName } from '$lib/regional-name';
+import globalJSON from '../../../../global/conversation.json';
+
+/**
+ * Lobby conversation data.
+ */
+export interface Conversation {
+	/**
+	 * Character who owns the conversation as a gallery entry.
+	 */
+	chara_id: number;
+	/**
+	 * Number of the conversation within the character's conversation gallery.
+	 */
+	number: number;
+	/**
+	 * Location ID of the conversation.
+	 */
+	location: 110 | 120 | 130 | 210 | 220 | 310 | 410 | 420 | 430 | 510 | 520 | 530;
+	/**
+	 * English name of the location, for convenience.
+	 */
+	location_name: string;
+	/**
+	 * First character in the conversation.
+	 * Not necessarily equal to chara_id.
+	 */
+	chara_1: number;
+	/**
+	 * Second character, if present.
+	 */
+	chara_2?: number;
+	/**
+	 * Third character, if present.
+	 */
+	chara_3?: number;
+	/**
+	 * Some unknown number in the game's local database.
+	 */
+	condition_type: 0 | 1 | 2 | 3 | 4;
+}
+
+export const conversation = {
+	global: globalJSON as Conversation[],
+};
+
+export const byChara = {
+	global: globalJSON.reduce(
+		(m, c) => m.set(c.chara_id, (m.get(c.chara_id) ?? []).concat(c as Conversation)),
+		new Map<Conversation['chara_id'], Conversation[]>(),
+	),
+};
+
+export const locations: Record<Conversation['location'], { name: RegionalName; group: 1 | 2 | 3 | 4 | 5 }> = {
+	110: { name: { en: 'right side front' }, group: 1 },
+	120: { name: { en: 'right side front' }, group: 1 },
+	130: { name: { en: 'right side front' }, group: 1 },
+	210: { name: { en: 'left side table' }, group: 2 },
+	220: { name: { en: 'left side table' }, group: 2 },
+	310: { name: { en: 'center back seat' }, group: 3 },
+	410: { name: { en: 'center posters' }, group: 4 },
+	420: { name: { en: 'center posters' }, group: 4 },
+	430: { name: { en: 'center posters' }, group: 4 },
+	510: { name: { en: 'left side school map' }, group: 5 },
+	520: { name: { en: 'left side school map' }, group: 5 },
+	530: { name: { en: 'left side school map' }, group: 5 },
+};
+
+function locCharas(convos: Conversation[], locGroup: 1 | 2 | 3 | 4 | 5) {
+	const m = convos
+		.filter((c) => locations[c.location].group === locGroup)
+		.flatMap((c) => [c.chara_1, c.chara_2, c.chara_3].filter((x) => x != null))
+		.reduce((m, id) => m.set(id, 1 + (m.get(id) ?? 0)), new Map<number, number>());
+	return [...m].toSorted((a, b) => b[1] - a[1]); // descending
+}
+
+export const groupPopulars = {
+	global: {
+		1: locCharas(conversation.global, 1),
+		2: locCharas(conversation.global, 2),
+		3: locCharas(conversation.global, 3),
+		4: locCharas(conversation.global, 4),
+		5: locCharas(conversation.global, 5),
+	},
+};

zenno/src/lib/index.ts

@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.

zenno/src/lib/regional-name.ts

@@ -0,0 +1,7 @@
+/**
+ * Names accounting for regions.
+ * Currently English is the only supported language.
+ */
+export interface RegionalName {
+	en: string;
+}

zenno/src/lib/vitest-examples/Welcome.svelte

@@ -0,0 +1,8 @@
+<script>
+	import { greet } from './greet';
+
+	let { host = 'SvelteKit', guest = 'Vitest' } = $props();
+</script>
+
+<h1>{greet(host)}</h1>
+<p>{greet(guest)}</p>

zenno/src/lib/vitest-examples/Welcome.svelte.spec.ts

@@ -0,0 +1,13 @@
+import { page } from 'vitest/browser';
+import { describe, expect, it } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+import Welcome from './Welcome.svelte';
+
+describe('Welcome.svelte', () => {
+	it('renders greetings for host and guest', async () => {
+		render(Welcome, { host: 'SvelteKit', guest: 'Vitest' });
+
+		await expect.element(page.getByRole('heading', { level: 1 })).toHaveTextContent('Hello, SvelteKit!');
+		await expect.element(page.getByText('Hello, Vitest!')).toBeInTheDocument();
+	});
+});

zenno/src/lib/vitest-examples/greet.spec.ts

@@ -0,0 +1,8 @@
+import { describe, it, expect } from 'vitest';
+import { greet } from './greet';
+
+describe('greet', () => {
+	it('returns a greeting', () => {
+		expect(greet('Svelte')).toBe('Hello, Svelte!');
+	});
+});

zenno/src/lib/vitest-examples/greet.ts

@@ -0,0 +1,3 @@
+export function greet(name: string): string {
+	return 'Hello, ' + name + '!';
+}

zenno/src/routes/+layout.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import './layout.css';
+	import favicon from '$lib/assets/favicon.svg';
+
+	let { children } = $props();
+</script>
+
+<svelte:head><link rel="icon" href={favicon} /></svelte:head>
+
+<div class="flex h-screen flex-col">
+	<nav class="mb-4 flex min-w-full bg-mist-300 p-4 shadow-md dark:bg-mist-900">
+		<span class="hidden flex-1 md:inline">
+			<a href="/" class="text-4xl">Zenno Rob Roy</a>
+		</span>
+		<span class="flex-1 text-center">
+			<a href="/" class="mx-8 my-1 block font-semibold md:hidden">Zenno Rob Roy</a>
+			<a href="/inherit" class="mx-8 my-1 inline-block">Inheritance Chance</a>
+			<a href="/spark" class="mx-8 my-1 inline-block">Spark Chance</a>
+			<a href="/vet" class="mx-8 my-1 inline-block">My Veterans</a>
+			<a href="/convo" class="mx-8 my-1 inline-block">Lobby Conversations</a>
+		</span>
+	</nav>
+	<div class="mx-4 grow lg:m-auto lg:max-w-7xl lg:min-w-7xl">
+		{@render children()}
+	</div>
+	<footer class="inset-x-0 bottom-0 mt-8 border-t bg-mist-300 p-4 text-center text-sm md:mt-20 dark:border-none dark:bg-mist-900">
+		Umamusume: Pretty Derby tools by <a href="https://zephyrtronium.date/" target="_blank" rel="noopener noreferrer">zephyrtronium</a>.<br />
+		All game data is auto-generated from the <a href="https://git.sunturtle.xyz/zephyr/horse/src/branch/main/doc/README.md" target="_blank" rel="noopener noreferrer">game's local database</a>.
+	</footer>
+</div>

zenno/src/routes/+layout.ts

@@ -0,0 +1 @@
+export const prerender = true;

zenno/src/routes/+page.svelte

@@ -0,0 +1,34 @@
+<h1 class="m-8 text-center text-7xl">Zenno Rob Roy</h1>
+<p>She's read all about Umamusume, and she's always happy to share her knowledge and give recommendations!</p>
+<h2 class="mt-8 mb-4 text-4xl">Tools</h2>
+<ul class="list-disc pl-4">
+	<li>
+		<a href="/inherit">Inheritance Chance</a> — <i>Not yet implemented</i> — Given a legacy, calculate the probability distribution
+		of activation counts for each spark.
+	</li>
+	<li>
+		<a href="/spark">Spark Chance</a> — <i>Not yet implemented</i> — Given a legacy, calculate the chance of generating each spark if
+		you fulfill the conditions to do so, and the distribution of total spark counts.
+	</li>
+	<li>
+		<a href="/vet">My Veterans</a> — <i>Not yet implemented</i> — Set up and track your veterans for Zenno Rob Roy's inspiration and
+		spark calculators.
+	</li>
+	<li>
+		<a href="/convo">Lobby Conversations</a> — Check participants in lobby conversations and get recommendations on unlocking them quickly.
+	</li>
+</ul>
+<h2 class="mt-8 mb-4 text-4xl">About</h2>
+<p>Tools to fill some gaps I've felt in Umamusume optimization.</p>
+<p>This site is very under construction. To demonstrate just how under construction it is, here is lorem ipsum:</p>
+<p>
+	Lorem ipsum (/ ˌ l ɔː. r ə m ˈ ɪ p. s ə m/ LOR-əm IP-səm) is a dummy or placeholder text commonly used in graphic design,
+	publishing, and web development. It is typically a corrupted version of De finibus bonorum et malorum, a 1st-century BC text by
+	the Roman statesman and philosopher Cicero, with words altered, added, and removed to make it nonsensical and improper Latin.
+	The first two words are the truncation of dolorem ipsum ("pain itself"). Lorem ipsum's purpose is to permit a page layout to be
+	designed, independently of the copy that will subsequently populate it, or to demonstrate various fonts of a typeface without
+	meaningful text that could be distracting. Versions of the Lorem ipsum text have been used in typesetting since the 1960s, when
+	advertisements for Letraset transfer sheets popularized it. Lorem ipsum was introduced to the digital world in the mid-1980s,
+	when Aldus employed it in graphic and word-processing templates for its desktop publishing program PageMaker. Other popular word
+	processors, including Pages and Microsoft Word, have since adopted Lorem ipsum, as have many LaTeX packages, web content
+</p>

zenno/src/routes/convo/+page.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+	import { charaNames } from '$lib/data/character';
+	import { byChara, locations, groupPopulars } from '$lib/data/convo';
+	import CharaPick from '$lib/CharaPick.svelte';
+
+	const minSuggest = 8;
+
+	let charaID = $state(1001);
+	let convo = $state(1);
+
+	let options = $derived(byChara.global.get(charaID) ?? []);
+	let cur = $derived(options.find((c) => c.number === convo));
+	let suggested = $derived.by(() => {
+		if (cur == null) {
+			return [];
+		}
+		const u = groupPopulars.global[locations[cur.location].group].filter(
+			(s) => charaNames.get(s[0]) != null && s[0] !== cur.chara_1 && s[0] !== cur.chara_2 && s[0] !== cur.chara_3,
+		);
+		const r = u.length <= minSuggest ? u : u.filter((s) => s[1] >= u[minSuggest][1]);
+		return r.map(([chara_id, count]) => ({ chara_id, count }));
+	});
+</script>
+
+<h1 class="text-4xl">Lobby Conversations</h1>
+<div class="mx-auto mt-8 flex flex-col rounded-md text-center shadow-md ring md:max-w-xl md:flex-row">
+	<div class="m-4 flex-1 md:mt-3">
+		<CharaPick id="chara" class="w-full" label="Character" labelClass="hidden md:inline" bind:value={charaID} required />
+	</div>
+	<div class="m-4 flex-1 md:mt-3">
+		<label for="convo" class="hidden md:inline">Conversation</label>
+		<select id="convo" bind:value={convo} class="w-full">
+			{#each options as opt}
+				<option value={opt.number}>Slice of Life {opt.number}</option>
+			{/each}
+		</select>
+	</div>
+</div>
+{#if cur}
+	<div class="shadow-sm transition-shadow hover:shadow-md">
+		<div class="mt-8 flex text-center text-lg">
+			<span class="flex-1"
+				>{charaNames.get(cur.chara_1)?.en ?? 'someone not a trainee'}{(cur.chara_2 ?? cur.chara_3) == null ? ' alone' : ''}</span
+			>
+			{#if cur.chara_2}
+				<span class="flex-1">{charaNames.get(cur.chara_2)?.en ?? 'someone not a trainee'}</span>
+			{/if}
+			{#if cur.chara_3}
+				<span class="flex-1">{charaNames.get(cur.chara_3)?.en ?? 'someone not a trainee'}</span>
+			{/if}
+		</div>
+		<div class="flex w-full text-center text-lg">
+			<span class="flex-1">at {locations[cur.location].name.en}</span>
+		</div>
+	</div>
+	<div class="mt-4 block text-center">
+		<span>Other characters who appear here most often:</span>
+	</div>
+	<div class="mt-4 grid text-center shadow-sm transition-shadow ease-in hover:shadow-md hover:ease-out md:grid-cols-4">
+		{#each suggested as s}
+			<span>{charaNames.get(s.chara_id)?.en}: {s.count}&#xd7;</span>
+		{/each}
+	</div>
+	<div class="mt-4 block text-center">
+		<span>
+			Set these characters to fixed positions (main, upgrades, story, races) to maximize the chance of getting this conversation.
+		</span>
+	</div>
+{/if}

zenno/src/routes/inherit/+page.svelte

@@ -0,0 +1,3 @@
+<h1>Inheritance Chance</h1>
+<p>Given a legacy, calculate the probability distribution of activation counts for each spark.</p>
+<p>TODO</p>

zenno/src/routes/layout.css

@@ -0,0 +1,42 @@
+@import 'tailwindcss';
+
+:root {
+	color-scheme: light dark;
+}
+
+html,
+body {
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
+
+html {
+	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
+}
+
+body {
+	background-color: light-dark(var(--color-mist-200), var(--color-mist-800));
+	color: light-dark(var(--color-amber-950), var(--color-amber-50));
+}
+
+p {
+	margin-bottom: calc(var(--spacing) * 4);
+}
+
+a {
+	color: light-dark(var(--color-sky-900), var(--color-sky-100));
+}
+
+nav > span > a {
+	color: light-dark(var(--color-amber-950), var(--color-amber-50));
+}
+
+a:hover {
+	border-bottom-width: 1px;
+}
+
+select {
+	background-color: light-dark(var(--color-mist-300), var(--color-mist-900));
+	padding: 0.5rem 0.75rem;
+}

zenno/src/routes/spark/+page.svelte

@@ -0,0 +1,6 @@
+<h1>Spark Generation Chance</h1>
+<p>
+	Given a legacy, calculate the chance of generating each spark if you fulfill the conditions to do so, and the distribution of
+	total spark counts.
+</p>
+<p>TODO</p>

zenno/src/routes/vet/+page.svelte

@@ -0,0 +1,4 @@
+<h1>My Veterans</h1>
+<p>Set up and track your veterans for Zenno Rob Roy's inspiration and spark calculators.</p>
+<p>All data is saved on your own machine, not transmitted or shared unless you explicitly choose to do so.</p>
+<p>TODO</p>

zenno/static/robots.txt

@@ -0,0 +1,3 @@
+# allow crawling everything by default
+User-agent: *
+Disallow:

zenno/svelte.config.js

@@ -0,0 +1,21 @@
+import adapter from '@sveltejs/adapter-static';
+import { relative, sep } from 'node:path';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	compilerOptions: {
+		// defaults to rune mode for the project, execept for `node_modules`. Can be removed in svelte 6.
+		runes: ({ filename }) => {
+			const relativePath = relative(import.meta.dirname, filename);
+			const pathSegments = relativePath.toLowerCase().split(sep);
+			const isExternalLibrary = pathSegments.includes('node_modules');
+
+			return isExternalLibrary ? undefined : true;
+		},
+	},
+	kit: {
+		adapter: adapter(),
+	},
+};
+
+export default config;

zenno/tsconfig.json

@@ -0,0 +1,20 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"rewriteRelativeImportExtensions": true,
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+	// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+	//
+	// To make changes to top-level options such as include and exclude, we recommend extending
+	// the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+}

zenno/vite.config.ts

@@ -0,0 +1,36 @@
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vitest/config';
+import { playwright } from '@vitest/browser-playwright';
+import { sveltekit } from '@sveltejs/kit/vite';
+
+export default defineConfig({
+	plugins: [tailwindcss(), sveltekit()],
+	test: {
+		expect: { requireAssertions: true },
+		projects: [
+			{
+				extends: './vite.config.ts',
+				test: {
+					name: 'client',
+					browser: {
+						enabled: true,
+						provider: playwright(),
+						instances: [{ browser: 'chromium', headless: true }],
+					},
+					include: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+					exclude: ['src/lib/server/**'],
+				},
+			},
+
+			{
+				extends: './vite.config.ts',
+				test: {
+					name: 'server',
+					environment: 'node',
+					include: ['src/**/*.{test,spec}.{js,ts}'],
+					exclude: ['src/**/*.svelte.{test,spec}.{js,ts}'],
+				},
+			},
+		],
+	},
+});