add code and math blocks

lib/utils.ts

···
 import { is } from "@atcute/lexicons";
 import { AtUri, UnicodeString } from "@atproto/api";
 import sanitizeHTML from "sanitize-html";
+import katex from "katex";
 import {
+	PubLeafletBlocksCode,
 	PubLeafletBlocksHeader,
 	PubLeafletBlocksHorizontalRule,
+	PubLeafletBlocksMath,
 	PubLeafletBlocksText,
 	PubLeafletBlocksUnorderedList,
 	PubLeafletPagesLinearDocument,
···
 		html += parseBlocks(block);
 	}
 
-	return sanitizeHTML(html);
+	return sanitizeHTML(html, {
+		// this is specifically for the math block, though someone could overwrite this if they wanted to
+		// can leave this as the default
+		allowedAttributes: {
+			"*": ["class", "style"],
+		},
+	});
 }
 
 export class RichText {
···
 				(segment) => segment.$type === "pub.leaflet.richtext.facet#italic",
 			);
 			if (isCode) {
-				children.push(`<code>${segment.text}</code>`);
+				children.push(`<pre><code>${segment.text}</code></pre>`);
 			} else if (link) {
 				children.push(
 					`<a href="${link.uri}" target="_blank" rel="noopener noreferrer">${segment.text}</a>`,
···
 	}
 	if (is(PubLeafletBlocksUnorderedList.mainSchema, block.block)) {
 		html += `<ul>${block.block.children.map((child) => renderListItem(child)).join("")}</ul>`;
+	}
+
+	if (is(PubLeafletBlocksMath.mainSchema, block.block)) {
+		html += `<div>${katex.renderToString(block.block.tex, { displayMode: true, output: "html", throwOnError: false })}</div>`;
+	}
+
+	if (is(PubLeafletBlocksCode.mainSchema, block.block)) {
+		html += `<pre><code data-language=${block.block.language}>${block.block.plaintext}</code></pre>`;
 	}
 
 	return html.trim();

package.json

···
 		"@atcute/lexicons": "^1.1.0",
 		"@atproto/api": "^0.16.1",
 		"@atproto/did": "^0.1.5",
+		"katex": "^0.16.22",
 		"sanitize-html": "^2.17.0"
 	}
 }

pnpm-lock.yaml

···
       '@atproto/did':
         specifier: ^0.1.5
         version: 0.1.5
+      katex:
+        specifier: ^0.16.22
+        version: 0.16.22
       sanitize-html:
         specifier: ^2.17.0
         version: 2.17.0
···
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
 
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
   common-ancestor-path@1.0.1:
     resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
 
···
 
   jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+
+  katex@0.16.22:
+    resolution: {integrity: sha512-XCHRdUw4lf3SKBaJe4EvgqIuWwkPSo9XoeO8GjQW94Bp7TWv9hNhzZjZ+OH9yf1UmLygb7DIT5GSFQiyt16zYg==}
+    hasBin: true
 
   kleur@3.0.3:
     resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
···
 
   commander@4.1.1: {}
 
+  commander@8.3.0: {}
+
   common-ancestor-path@1.0.1: {}
 
   confbox@0.1.8: {}
···
   jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
+
+  katex@0.16.22:
+    dependencies:
+      commander: 8.3.0
 
   kleur@3.0.3: {}