+ ${content}
+
+
+ 404
+The site built correctly, but this route does not map to a markdown page yet.
+ +${escapeHtml(page.type)}
+${escapeHtml(page.description || "Markdown-native knowledge, compiled into a navigable wiki.")}
+ +Collection
+${escapeHtml(description)}
+Catalog
+A compact view into the concepts, domains, and workflows used across the wiki.
+Tag
+${pages.length} page${pages.length === 1 ? "" : "s"} carry this tag.
+No backlinks yet. This page has not been referenced from another wiki page.
' + } +${escapeHtml(page.type)}
+${escapeHtml(page.description || "No summary yet.")}
+No pages matched “${escapeHtml(query)}”.
`; + return; + } + + resultsList.innerHTML = hits + .map( + ({ entry }) => ` + + ${escapeHtml(entry.title)} + ${escapeHtml(entry.type)}${entry.tags.length ? ` · ${escapeHtml(entry.tags.join(", "))}` : ""} +${escapeHtml(snippet(entry, query))}
+ + ` + ) + .join(""); + searchPanel.hidden = false; +}); + +function scoreEntry(entry, query) { + let score = 0; + const haystack = `${entry.title} ${entry.description} ${entry.tags.join(" ")} ${entry.text}`.toLowerCase(); + if (entry.title.toLowerCase().includes(query)) { + score += 4; + } + if (entry.tags.join(" ").toLowerCase().includes(query)) { + score += 3; + } + if (entry.description.toLowerCase().includes(query)) { + score += 2; + } + if (haystack.includes(query)) { + score += 1; + } + return score; +} + +function snippet(entry, query) { + const haystack = entry.text.replace(/\s+/g, " ").trim(); + const index = haystack.toLowerCase().indexOf(query); + if (index === -1) { + return entry.description; + } + const start = Math.max(0, index - 70); + const end = Math.min(haystack.length, index + 110); + return `${start > 0 ? "…" : ""}${haystack.slice(start, end)}${end < haystack.length ? "…" : ""}`; +} + +function escapeHtml(value) { + return value + .replaceAll("&", "&") + .replaceAll("<", "<") + .replaceAll(">", ">") + .replaceAll('"', """) + .replaceAll("'", "'"); +} diff --git a/tests/wiki.spec.js b/tests/wiki.spec.js new file mode 100644 index 0000000..df036c9 --- /dev/null +++ b/tests/wiki.spec.js @@ -0,0 +1,42 @@ +import { expect, test } from "@playwright/test"; + +test("renders the wiki UI and core interactions", async ({ page }) => { + const searchIndexResponse = page.waitForResponse((response) => response.url().endsWith("/assets/search-index.json")); + + await page.goto("/"); + await searchIndexResponse; + + await expect(page.locator(".site-header .brand")).toBeVisible(); + await expect(page.locator(".site-nav").getByRole("link", { name: "Wiki", exact: true })).toBeVisible(); + await expect(page.getByRole("button", { name: "Toggle theme" })).toBeVisible(); + + const searchInput = page.getByLabel("Search"); + await searchInput.fill("codex"); + + const searchResults = page.locator("#search-results"); + await expect(searchResults).toBeVisible(); + + const codexHit = searchResults.getByRole("link", { name: /oh-my-codex \(OMX\)/ }); + await expect(codexHit).toBeVisible(); + await codexHit.click(); + + await expect(page).toHaveURL(/\/wiki\/oh-my-codex\/$/); + await expect(page.locator(".hero h1")).toHaveText("oh-my-codex (OMX)"); + + const rootTheme = page.locator("html"); + await page.getByRole("button", { name: "Toggle theme" }).click(); + await expect(rootTheme).toHaveAttribute("data-theme", "dark"); + + await page.reload(); + await expect(rootTheme).toHaveAttribute("data-theme", "dark"); + + const backlinksPanel = page.locator(".rail-column section").filter({ + has: page.getByRole("heading", { name: "Backlinks", exact: true }) + }); + const wikiIndexBacklink = backlinksPanel.getByRole("link", { name: "Wiki Index", exact: true }); + await expect(wikiIndexBacklink).toBeVisible(); + await wikiIndexBacklink.click(); + + await expect(page).toHaveURL(/\/wiki\/index\/$/); + await expect(page.locator(".hero h1")).toHaveText("Wiki Index"); +});