diff --git a/nix/wordle-solver-web.nix b/nix/wordle-solver-web.nix index 800aa49..116a814 100644 --- a/nix/wordle-solver-web.nix +++ b/nix/wordle-solver-web.nix @@ -14,7 +14,7 @@ stdenv.mkDerivation (finalAttrs: { yarnOfflineCache = fetchYarnDeps { yarnLock = finalAttrs.src + "/yarn.lock"; - hash = "sha256-okhACATsv6jqUrbvoRN+PTTc3FbqDT7iocnL6lr7R70="; + hash = "sha256-MTyHX2+/U7jRB1SJWbK9Td43zq+nclQwx7oDZbX0DqA="; }; yarnBuildScript = "build-no-wasm"; diff --git a/web/package.json b/web/package.json index 16de192..9185433 100644 --- a/web/package.json +++ b/web/package.json @@ -16,6 +16,7 @@ }, "devDependencies": { "@sveltejs/vite-plugin-svelte": "^7.3.0", + "@tailwindcss/typography": "^0.5.20", "@tailwindcss/vite": "^4.3.3", "npm-run-all": "^4.1.5", "tailwindcss": "^4.3.3", @@ -26,6 +27,7 @@ "vite-plugin-wasm-pack-watcher": "^1.0.1" }, "dependencies": { + "@humanspeak/svelte-markdown": "^1.8.7", "@lucide/svelte": "^1.33.0", "esbuild": "^0.28.2", "katex": "^0.18.4", diff --git a/web/src/App.svelte b/web/src/App.svelte index d2dc7b5..af5711f 100644 --- a/web/src/App.svelte +++ b/web/src/App.svelte @@ -13,9 +13,11 @@ EvaluateWordsResult, EvaluateWordsProgress, } from "./solver/types.ts"; + import info_md from "./assets/info.md?raw"; import SolverOutput from "./components/SolverOutput.svelte"; - import { FolderGit2 } from "@lucide/svelte"; + import { CircleX, FolderGit2, Info } from "@lucide/svelte"; import { tick, onMount } from "svelte"; + import SvelteMarkdown from "@humanspeak/svelte-markdown"; let guesses = $state([ { @@ -30,6 +32,8 @@ }, ]); + let show_info = $state(false); + let infos_gained: (Promise | null)[] = $state([null]); let use_default_wordle_answers: boolean = $state(true); @@ -166,6 +170,15 @@ > + { + show_info = true; + }} + > + + +

Wordle Solver

@@ -244,6 +257,50 @@ /> {/if}
+ + {#if show_info} +
(show_info = false)} + onkeydown={() => (show_info = false)} + > + +
+ {/if}