goodbye edge runtime (#172)

rauchg · Nov 27, 2024 · 44039ad · 44039ad
1 parent 9fae447
commit 44039ad
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 69 deletions.
diff --git a/.gitignore b/.gitignore
@@ -8,3 +8,5 @@ dist
 .pnpm-debug.log
 TODO
 .env*.local
+fonts/*
+!fonts/init.mjs
diff --git a/app/(post)/og/[id]/route.tsx b/app/(post)/og/[id]/route.tsx
@@ -10,48 +10,22 @@ export async function generateStaticParams() {
 }
 
 // fonts
+const fontsDir = join(process.cwd(), "fonts");
+
 const inter300 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "inter",
-    "files",
-    "inter-latin-300-normal.woff"
-  )
+  join(fontsDir, "inter-latin-300-normal.woff")
 );
 
 const inter500 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "inter",
-    "files",
-    "inter-latin-500-normal.woff"
-  )
+  join(fontsDir, "inter-latin-500-normal.woff")
 );
 
 const inter600 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "inter",
-    "files",
-    "inter-latin-600-normal.woff"
-  )
+  join(fontsDir, "inter-latin-600-normal.woff")
 );
 
 const robotoMono400 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "roboto-mono",
-    "files",
-    "roboto-mono-latin-400-normal.woff"
-  )
+  join(fontsDir, "roboto-mono-latin-400-normal.woff")
 );
 
 export async function GET(_req: Request, props) {

diff --git a/app/about/opengraph-image/route.tsx b/app/about/opengraph-image/route.tsx
@@ -12,23 +12,18 @@ const rauchgPhoto = toArrayBuffer(
 );
 
 // Fonts
+const fontsDir = join(process.cwd(), "fonts");
+
 const inter300 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules/@fontsource/inter/files/inter-latin-300-normal.woff"
-  )
+  join(fontsDir, "inter-latin-300-normal.woff")
 );
+
 const inter500 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules/@fontsource/inter/files/inter-latin-500-normal.woff"
-  )
+  join(fontsDir, "inter-latin-500-normal.woff")
 );
+
 const robotoMono400 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules/@fontsource/roboto-mono/files/roboto-mono-latin-400-normal.woff"
-  )
+  join(fontsDir, "roboto-mono-latin-400-normal.woff")
 );
 
 export async function GET() {

diff --git a/app/about/page.mdx b/app/about/page.mdx
@@ -1,5 +1,15 @@
 import Image from "next/image";
 
+export const metadata = {
+  title: 'Guillermo Rauch',
+  description: 'An overview of my career and technical contributions',
+  openGraph: {
+    title: 'Vercel',
+    description: 'An overview of my career and technical contributions',
+    images: [{ url: '/about/opengraph-image' }]
+  }
+}
+
 # About
 
 <a href="https://twitter.com/rauchg" target="_blank">

diff --git a/app/opengraph-image/route.tsx b/app/opengraph-image/route.tsx
@@ -5,37 +5,18 @@ import { getPosts } from "@/app/get-posts";
 import { readFileSync } from "fs";
 import { join } from "path";
 
+const fontsDir = join(process.cwd(), "fonts");
+
 const inter300 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "inter",
-    "files",
-    "inter-latin-300-normal.woff"
-  )
+  join(fontsDir, "inter-latin-300-normal.woff")
 );
 
 const inter600 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "inter",
-    "files",
-    "inter-latin-600-normal.woff"
-  )
+  join(fontsDir, "inter-latin-600-normal.woff")
 );
 
 const robotoMono400 = readFileSync(
-  join(
-    process.cwd(),
-    "node_modules",
-    "@fontsource",
-    "roboto-mono",
-    "files",
-    "roboto-mono-latin-400-normal.woff"
-  )
+  join(fontsDir, "roboto-mono-latin-400-normal.woff")
 );
 
 export async function GET() {

diff --git a/fonts/init.mjs b/fonts/init.mjs
@@ -0,0 +1,35 @@
+// this script is run by the npm postinstall hook to copy the font
+// files from the node_modules directory to the public directory
+
+import fs from "fs";
+import path from "path";
+
+// Define the source paths
+const fontPaths = [
+  "node_modules/@fontsource/inter/files/inter-latin-300-normal.woff",
+  "node_modules/@fontsource/inter/files/inter-latin-500-normal.woff",
+  "node_modules/@fontsource/inter/files/inter-latin-600-normal.woff",
+  "node_modules/@fontsource/roboto-mono/files/roboto-mono-latin-400-normal.woff",
+];
+
+// Ensure the destination directory exists
+const ensureDirectoryExistence = filePath => {
+  const dirname = path.dirname(filePath);
+  if (fs.existsSync(dirname)) {
+    return true;
+  }
+  ensureDirectoryExistence(dirname);
+  fs.mkdirSync(dirname, { recursive: true });
+};
+
+// Copy each font file
+fontPaths.forEach(src => {
+  const fileName = path.basename(src);
+  const dest = path.join("fonts", fileName);
+  ensureDirectoryExistence(dest);
+  const exists = fs.existsSync(dest);
+  if (!exists) {
+    fs.copyFileSync(src, dest);
+    console.log(`Copied ${src} to ${dest}`);
+  }
+});
diff --git a/package.json b/package.json
@@ -52,7 +52,8 @@
   "scripts": {
     "dev": "next dev --turbopack -H 0.0.0.0",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "postinstall": "node ./fonts/init.mjs"
   },
   "prettier": {
     "arrowParens": "avoid"