change

Author: marcoacierno

frontend/src/pages/api/[lang]/event/[slug]/social-card.tsx

@@ -11,20 +11,20 @@ export const config = {
   unstable_allowDynamic: ["/node_modules/.pnpm/**"],
 };
 
-const regularFont = fetch(
-  new URL(
-    "../../../../../social-card-font/GeneralSans-Regular.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-const semiBoldFont = fetch(
-  new URL(
-    "../../../../../social-card-font/GeneralSans-Semibold.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-
 export const handler = async (req: NextRequest) => {
+  const regularFont = fetch(
+    new URL(
+      "../../../../../social-card-font/GeneralSans-Regular.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+  const semiBoldFont = fetch(
+    new URL(
+      "../../../../../social-card-font/GeneralSans-Semibold.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+
   const client = createClient();
   const { searchParams } = new URL(req.url);
 

frontend/src/pages/api/[lang]/keynotes/[slug]/social-card.tsx

@@ -11,20 +11,20 @@ export const config = {
   unstable_allowDynamic: ["/node_modules/.pnpm/**"],
 };
 
-const regularFont = fetch(
-  new URL(
-    "../../../../../social-card-font/GeneralSans-Regular.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-const semiBoldFont = fetch(
-  new URL(
-    "../../../../../social-card-font/GeneralSans-Semibold.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-
 export const handler = async (req: NextRequest) => {
+  const regularFont = fetch(
+    new URL(
+      "../../../../../social-card-font/GeneralSans-Regular.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+  const semiBoldFont = fetch(
+    new URL(
+      "../../../../../social-card-font/GeneralSans-Semibold.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+
   const regularFontData = await regularFont;
   const semiBoldFontData = await semiBoldFont;
   const client = createClient();

frontend/src/pages/api/[lang]/news/[slug]/social-card.tsx

@@ -11,20 +11,20 @@ export const config = {
   unstable_allowDynamic: ["/node_modules/.pnpm/**"],
 };
 
-const regularFont = fetch(
-  new URL(
-    "../../../../../social-card-font/GeneralSans-Regular.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-const semiBoldFont = fetch(
-  new URL(
-    "../../../../../social-card-font/GeneralSans-Semibold.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-
 const handler = async (req: NextRequest) => {
+  const regularFont = fetch(
+    new URL(
+      "../../../../../social-card-font/GeneralSans-Regular.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+  const semiBoldFont = fetch(
+    new URL(
+      "../../../../../social-card-font/GeneralSans-Semibold.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+
   const client = createClient();
   const { searchParams } = new URL(req.url);
 

frontend/src/pages/api/[lang]/social-card.tsx

@@ -8,23 +8,10 @@ import type { Language } from "~/locale/languages";
 import { querySocialCard } from "~/types";
 
 export const config = {
-  runtime: "edge", // ??
+  runtime: "edge",
   unstable_allowDynamic: ["/node_modules/.pnpm/**"],
 };
 
-const regularFont = fetch(
-  new URL("../../../social-card-font/GeneralSans-Regular.otf", import.meta.url),
-).then((res) => res.arrayBuffer());
-const semiBoldFont = fetch(
-  new URL(
-    "../../../social-card-font/GeneralSans-Semibold.otf",
-    import.meta.url,
-  ),
-).then((res) => res.arrayBuffer());
-const mainIllustration = fetch(
-  new URL("../../../../public/images/main-illustration.png", import.meta.url),
-).then((res) => res.arrayBuffer());
-
 const getDays = ({ start, end }: { start: string; end: string }) => {
   // assuming the same month
   const startDate = new Date(start);
@@ -50,6 +37,22 @@ const getYear = ({ end }: { end: string }) => {
 };
 
 const handler = async (req: NextRequest) => {
+  const regularFont = fetch(
+    new URL(
+      "../../../social-card-font/GeneralSans-Regular.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+  const semiBoldFont = fetch(
+    new URL(
+      "../../../social-card-font/GeneralSans-Semibold.otf",
+      import.meta.url,
+    ),
+  ).then((res) => res.arrayBuffer());
+  const mainIllustration = fetch(
+    new URL("../../../../public/images/main-illustration.png", import.meta.url),
+  ).then((res) => res.arrayBuffer());
+
   const [regularFontData, semiBoldFontData, mainIllustrationData] =
     await Promise.all([regularFont, semiBoldFont, mainIllustration]);
   const client = createClient();