feat: extract more

yoannfleurydev · yoannfleurydev · commit a9c61207c3b8 · 2025-10-28T23:50:41.000+01:00
diff --git a/src/generated-assets/components/CfpCoverNoFlag.tsx b/src/generated-assets/components/CfpCoverNoFlag.tsx
@@ -1,8 +1,8 @@
 import { LogoIcon } from "@/components/LogoIcon";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { COLORS } from "@/generated-assets/theme";
 import worldImage from "@/assets/images/world.png";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const CfpCoverNoFlag = async (props: { config: AssetImageConfig }) => {
   const noFlagImage = await getAstroImageBase64(worldImage);
diff --git a/src/generated-assets/image.ts b/src/generated-assets/image.ts
diff --git a/src/lib/astro-dynamic-assets.ts b/src/lib/astro-dynamic-assets.ts
@@ -28,4 +28,7 @@ export const dynamicAssets = astroDynamicAssets({
     white: "#FFFFFF",
     background: "#171717",
   },
+  ssr: import.meta.env.SSR,
 });
+
+export const { getAstroImageBase64 } = dynamicAssets;
diff --git a/src/pages/events/[id]/assets/_cfp-cover.tsx b/src/pages/events/[id]/assets/_cfp-cover.tsx
@@ -1,11 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventData } from "./_utils";
 import { LogoIcon } from "@/components/LogoIcon";
 import { CfpCoverNoFlag } from "@/generated-assets/components/CfpCoverNoFlag";
 import { getCoverImage } from "@/lib/events";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
diff --git a/src/pages/events/[id]/assets/_og-image.tsx b/src/pages/events/[id]/assets/_og-image.tsx
@@ -1,11 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { Logo } from "@/components/Logo";
 import { getEventDisplayDate, getEventDisplayType } from "@/lib/events";
 import { getEventData } from "./_utils";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
diff --git a/src/pages/events/[id]/assets/_qrcode-bg.tsx b/src/pages/events/[id]/assets/_qrcode-bg.tsx
@@ -1,16 +1,17 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import {
-  getAstroImageBase64,
-  imageBufferToBase64,
-} from "@/generated-assets/image";
+
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventData } from "./_utils";
 import { lunalink } from "@bearstudio/lunalink";
 import { ROUTES } from "@/routes.gen";
 import QRCode from "qrcode";
 import type { APIContext } from "astro";
-import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import {
+  imageBufferToBase64,
+  type AssetImageConfig,
+} from "@bearstudio/astro-dynamic-assets";
+import { dynamicAssets } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
@@ -22,7 +23,9 @@ export default async function ({
   site,
 }: { params: { id: string } } & APIContext) {
   const event = await getEventData(params.id);
-  const postCover = await getAstroImageBase64(event.data.image.media);
+  const postCover = await dynamicAssets.getAstroImageBase64(
+    event.data.image.media,
+  );
   const url = new URL(
     lunalink(ROUTES.events[":id"].__path, { id: event.id }),
     site,
diff --git a/src/pages/events/[id]/assets/_qrcode.tsx b/src/pages/events/[id]/assets/_qrcode.tsx
@@ -1,12 +1,14 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { imageBufferToBase64 } from "@/generated-assets/image";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventData } from "./_utils";
 import { lunalink } from "@bearstudio/lunalink";
 import { ROUTES } from "@/routes.gen";
 import QRCode from "qrcode";
 import type { APIContext } from "astro";
-import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import {
+  imageBufferToBase64,
+  type AssetImageConfig,
+} from "@bearstudio/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
diff --git a/src/pages/events/[id]/assets/_save-the-date.tsx b/src/pages/events/[id]/assets/_save-the-date.tsx
@@ -1,11 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventDisplayDate, getEventDisplayType } from "@/lib/events";
 import { getEventData } from "./_utils";
 import { LogoWithFriends } from "@/generated-assets/components/LogoWithFriends";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
diff --git a/src/pages/events/[id]/assets/_tickets-available.tsx b/src/pages/events/[id]/assets/_tickets-available.tsx
@@ -1,11 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventDisplayDate, getEventDisplayType } from "@/lib/events";
 import { getEventData } from "./_utils";
 import { LogoWithFriends } from "@/generated-assets/components/LogoWithFriends";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
diff --git a/src/pages/events/[id]/assets/_utils.ts b/src/pages/events/[id]/assets/_utils.ts
@@ -1,6 +1,8 @@
-import { getImageNameFromTsxPath } from "@/generated-assets/image";
 import { eventWithComputed } from "@/lib/events";
-import { NotFoundAssetError } from "@bearstudio/astro-dynamic-assets";
+import {
+  getImageNameFromTsxPath,
+  NotFoundAssetError,
+} from "@bearstudio/astro-dynamic-assets";
 import {
   getCollection,
   getEntries,
diff --git a/src/pages/events/[id]/attendee/[name]/_social.tsx b/src/pages/events/[id]/attendee/[name]/_social.tsx
@@ -1,11 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import ticketBg from "./_ticket.png";
 import { getEventData } from "./_utils";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventDisplayDate } from "@/lib/events";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
diff --git a/src/pages/events/[id]/attendee/[name]/_ticket.tsx b/src/pages/events/[id]/attendee/[name]/_ticket.tsx
@@ -1,10 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
+
 import ticketBg from "./_ticket.png";
 import { getEventData } from "./_utils";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventDisplayDate } from "@/lib/events";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
diff --git a/src/pages/events/[id]/partners/[partnerId]/assets/_instagram.tsx b/src/pages/events/[id]/partners/[partnerId]/assets/_instagram.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventDisplayDate } from "@/lib/events";
@@ -11,6 +10,7 @@ import {
   NotFoundAssetError,
   type AssetImageConfig,
 } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
diff --git a/src/pages/events/[id]/partners/[partnerId]/assets/_square.tsx b/src/pages/events/[id]/partners/[partnerId]/assets/_square.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import { getEventDisplayDate } from "@/lib/events";
@@ -10,6 +9,7 @@ import {
   NotFoundAssetError,
   type AssetImageConfig,
 } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
diff --git a/src/pages/events/[id]/talks/[talkId]/assets/_instagram.tsx b/src/pages/events/[id]/talks/[talkId]/assets/_instagram.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import peoplePlaceholder from "@/assets/images/people-placeholder.jpeg";
@@ -8,6 +7,7 @@ import { getEventData } from "@/pages/events/[id]/assets/_utils";
 import { LogoWithFriends } from "@/generated-assets/components/LogoWithFriends";
 import { getTalkData } from "@/pages/events/[id]/talks/[talkId]/assets/_utils";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { dynamicAssets, getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
@@ -22,7 +22,9 @@ export default async function ({
   const event = await getEventData(params.id);
   const talk = await getTalkData(params.talkId);
 
-  const postCover = await getAstroImageBase64(event.data.image.media);
+  const postCover = await dynamicAssets.getAstroImageBase64(
+    event.data.image.media,
+  );
   const coOrganizersLogos = await Promise.all(
     event.__coOrganizers.map(
       async (coOrganiser) =>
diff --git a/src/pages/events/[id]/talks/[talkId]/assets/_og-image.tsx b/src/pages/events/[id]/talks/[talkId]/assets/_og-image.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import peoplePlaceholder from "@/assets/images/people-placeholder.jpeg";
@@ -8,6 +7,7 @@ import { getEventData } from "@/pages/events/[id]/assets/_utils";
 import { LogoWithFriends } from "@/generated-assets/components/LogoWithFriends";
 import { getTalkData } from "@/pages/events/[id]/talks/[talkId]/assets/_utils";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { dynamicAssets } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
@@ -22,21 +22,27 @@ export default async function ({
   const event = await getEventData(params.id);
   const talk = await getTalkData(params.talkId);
 
-  const postCover = await getAstroImageBase64(event.data.image.media);
+  const postCover = await dynamicAssets.getAstroImageBase64(
+    event.data.image.media,
+  );
   const coOrganizersLogos = await Promise.all(
     event.__coOrganizers.map(
       async (coOrganiser) =>
-        await getAstroImageBase64(coOrganiser.data.logos.noBgSquare),
+        await dynamicAssets.getAstroImageBase64(
+          coOrganiser.data.logos.noBgSquare,
+        ),
     ),
   );
   const speakersImages = (
     await Promise.all(
       talk.__speakers.map(async (speaker) => {
-        const speakerImage = await getAstroImageBase64(
+        const speakerImage = await dynamicAssets.getAstroImageBase64(
           speaker.data.avatar ?? peoplePlaceholder,
         );
         const flag = speaker.data._computed.country?.data.flag;
-        const speakerFlag = flag ? await getAstroImageBase64(flag) : undefined;
+        const speakerFlag = flag
+          ? await dynamicAssets.getAstroImageBase64(flag)
+          : undefined;
         return {
           speakerImage,
           speakerFlag,
diff --git a/src/pages/events/[id]/talks/[talkId]/assets/_square.tsx b/src/pages/events/[id]/talks/[talkId]/assets/_square.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 import peoplePlaceholder from "@/assets/images/people-placeholder.jpeg";
@@ -8,6 +7,7 @@ import { getEventData } from "@/pages/events/[id]/assets/_utils";
 import { LogoWithFriends } from "@/generated-assets/components/LogoWithFriends";
 import { getTalkData } from "@/pages/events/[id]/talks/[talkId]/assets/_utils";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { getAstroImageBase64 } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1080,
diff --git a/src/pages/events/locations/[countryId]/[cityId]/assets/_og-image.tsx b/src/pages/events/locations/[countryId]/[cityId]/assets/_og-image.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { Logo } from "@/components/Logo";
 import {
@@ -10,6 +9,7 @@ import type { ExtractParams } from "@bearstudio/lunalink";
 import type { ROUTES } from "@/routes.gen";
 import { getCoverImage } from "@/lib/events";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { dynamicAssets } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
@@ -26,7 +26,7 @@ export default async function ({
   const city = await getCityData(params.cityId);
   const country = await getCountryData(city.data.country.id);
   const coverImage = await getCoverImage("cities", params.cityId);
-  const postCover = await getAstroImageBase64(coverImage.media);
+  const postCover = await dynamicAssets.getAstroImageBase64(coverImage.media);
 
   return (
     <Frame {...config} style={{ padding: 128 }}>
diff --git a/src/pages/events/locations/[countryId]/assets/_og-image.tsx b/src/pages/events/locations/[countryId]/assets/_og-image.tsx
@@ -1,11 +1,11 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { Logo } from "@/components/Logo";
 import { getCountryData } from "@/pages/events/locations/[countryId]/[cityId]/assets/_utils";
 import type { ExtractParams } from "@bearstudio/lunalink";
 import type { ROUTES } from "@/routes.gen";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { dynamicAssets } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
@@ -20,7 +20,9 @@ export default async function ({
   >;
 }) {
   const country = await getCountryData(params.countryId);
-  const postCover = await getAstroImageBase64(country.data.cover.media);
+  const postCover = await dynamicAssets.getAstroImageBase64(
+    country.data.cover.media,
+  );
 
   return (
     <Frame {...config} style={{ padding: 128 }}>
diff --git a/src/pages/fr/events/for-kids/[id]/assets/_og-image.tsx b/src/pages/fr/events/for-kids/[id]/assets/_og-image.tsx
@@ -1,5 +1,4 @@
 import { Frame } from "@/generated-assets/components/Frame";
-import { getAstroImageBase64 } from "@/generated-assets/image";
 import { BgImage } from "@/generated-assets/components/BgImage";
 import { COLORS } from "@/generated-assets/theme";
 
@@ -8,6 +7,7 @@ import { LogoForKids } from "@/components/LogoForKids";
 import coverImage from "@/assets/images/for-kids-event.jpg";
 import { getForKidsEventFrenchDisplayDate } from "@/lib/forKidsEvents";
 import type { AssetImageConfig } from "@bearstudio/astro-dynamic-assets";
+import { dynamicAssets } from "@/lib/astro-dynamic-assets";
 
 export const config: AssetImageConfig = {
   width: 1920,
@@ -16,7 +16,7 @@ export const config: AssetImageConfig = {
 
 export default async function ({ params }: { params: { id: string } }) {
   const event = await getEventData(params.id);
-  const postCover = await getAstroImageBase64(coverImage);
+  const postCover = await dynamicAssets.getAstroImageBase64(coverImage);
   return (
     <Frame {...config} style={{ padding: 128 }}>
       <BgImage src={postCover} width={config.width} height={config.height} />
diff --git a/src/pages/news/article/[id]/assets/_og-image.tsx b/src/pages/news/article/[id]/assets/_og-image.tsx
diff --git a/src/pages/people/[id]/assets/_og-image.tsx b/src/pages/people/[id]/assets/_og-image.tsx
diff --git a/src/pages/podcasts/[id]/episodes/[episode]/assets/_og-image.tsx b/src/pages/podcasts/[id]/episodes/[episode]/assets/_og-image.tsx
