social code collaboration for the at protocol.
getting started
" + }} +/> diff --git a/web/src/lib/components/repo/Readme.svelte b/web/src/lib/components/repo/Readme.svelte index 284f400a..eccffa91 100644 --- a/web/src/lib/components/repo/Readme.svelte +++ b/web/src/lib/components/repo/Readme.svelte @@ -4,9 +4,10 @@ interface Props { filename: string; contents: string; + html?: string | null; } - let { filename, contents }: Props = $props(); + let { filename, contents, html = null }: Props = $props();
@@ -16,7 +17,12 @@
{filename}
-
-
+ {#if html}
+
+ {contents}
- {@html html}
+ {:else}
+
+
+ {/if}
diff --git a/web/src/lib/markup/format.ts b/web/src/lib/markup/format.ts
new file mode 100644
index 00000000..94a62542
--- /dev/null
+++ b/web/src/lib/markup/format.ts
@@ -0,0 +1,4 @@
+// the extensions appview/pages/markup/format.go treats as markdown
+const MARKDOWN = /\.(md|markdown|mdown|mkdn|mkd)$/i;
+
+export const isMarkdownFile = (filename: string): boolean => MARKDOWN.test(filename);
diff --git a/web/src/lib/markup/index.ts b/web/src/lib/markup/index.ts
new file mode 100644
index 00000000..d576e70e
--- /dev/null
+++ b/web/src/lib/markup/index.ts
@@ -0,0 +1,3 @@
+export * from "./format";
+export * from "./paths";
+export * from "./render";
diff --git a/web/src/lib/markup/markdown.test.ts b/web/src/lib/markup/markdown.test.ts
new file mode 100644
index 00000000..7e3f6198
--- /dev/null
+++ b/web/src/lib/markup/markdown.test.ts
@@ -0,0 +1,167 @@
+import { describe, expect, it } from "vitest";
+import { isMarkdownFile } from "./format";
+import { renderMarkdown } from "./markdown";
+import type { MarkupContext } from "./paths";
+
+const ctx: MarkupContext = { repo: "ada.test/infra", ref: "main", host: "tangled.org" };
+const render = (source: string, overrides: Partial{contents}
+ 
')).toContain(
+ 'src="/ada.test/infra/raw/main/assets/logo.png"'
+ );
+ });
+
+ it("rewrites every candidate in a srcset", () => {
+ const html = render('