move some non-post pages to mdx

2025-11-16 05:10:49 -05:00 · 2025-03-07 11:53:23 -05:00
parent 8118b8501a
commit 354dade9aa
72 changed files with 811 additions and 1873 deletions
--- a/components/Gist/Gist.tsx
+++ b/components/Gist/Gist.tsx
@@ -0,0 +1,43 @@
+import Link from "../Link";
+
+export type GistProps = {
+  id: string;
+  file?: string;
+};
+
+const Gist = async ({ id, file }: GistProps) => {
+  const iframeId = `gist-${id}${file ? `-${file}` : ""}`;
+
+  const scriptUrl = `https://gist.github.com/${id}.js${file ? `?file=${file}` : ""}`;
+  const scriptResponse = await fetch(scriptUrl);
+
+  if (!scriptResponse.ok) {
+    console.warn(`[gist] fetching js for https://gist.github.com/${id} failed:`, scriptResponse.statusText);
+
+    return (
+      <p style={{ textAlign: "center" }}>
+        Failed to load gist.{" "}
+        <Link href={`https://gist.github.com/${id}${file ? `?file=${file}` : ""}`}>Try opening it manually?</Link>
+      </p>
+    );
+  }
+
+  const script = await scriptResponse.text();
+
+  // https://github.com/tleunen/react-gist/blob/master/src/index.js#L29
+  const iframeHtml = `<html><head><base target="_parent"></head><body onload="parent.document.getElementById('${iframeId}').style.height=document.body.scrollHeight + 'px'" style="margin:0"><script>${script}</script></body></html>`;
+
+  return (
+    <iframe
+      width="100%"
+      scrolling="no"
+      id={iframeId}
+      srcDoc={iframeHtml}
+      sandbox="allow-same-origin allow-scripts allow-popups allow-top-navigation-by-user-activation"
+      style={{ border: "0", overflow: "hidden" }}
+      suppressHydrationWarning
+    ></iframe>
+  );
+};
+
+export default Gist;