Add astro-preload.

Author: nikoshell

astro.config.mjs

@@ -10,6 +10,7 @@ import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import metaTags from "astro-meta-tags";
 import pagefind from "astro-pagefind";
 import deleteUnusedImages from "astro-delete-unused-images";
+import preload from "astro-preload";
 
 // https://astro.build/config
 export default defineConfig({
@@ -61,6 +62,7 @@ export default defineConfig({
     "/wasm-summit/": "/programme/wasm-summit/",
   },
   integrations: [
+    preload(),
     mdx(),
     sitemap(),
     react(),

package.json

@@ -25,6 +25,7 @@
     "astro-delete-unused-images": "^1.0.3",
     "astro-meta-tags": "^0.3.1",
     "astro-pagefind": "^1.8.1",
+    "astro-preload": "^1.1.2",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",

pnpm-lock.yaml

@@ -7,7 +7,6 @@ import { formatInTimeZone } from "date-fns-tz";
 import { YouTube } from "@astro-community/astro-embed-youtube";
 import { Picture } from "astro:assets";
 import Markdown from "@ui/Markdown.astro";
-import { getCachedImage } from "../../image-cache";
 
 export async function getStaticPaths() {
   const sessions = await getCollection("sessions");
@@ -24,19 +23,6 @@ const { entry } = Astro.props;
 
 const speakers = await getEntries(entry.data.speakers);
 
-const speakersWithCachedAvatars = await Promise.all(
-  speakers.map(async (speaker) => {
-    const cachedAvatarUrl = await getCachedImage(speaker.data.avatar);
-    return {
-      ...speaker,
-      data: {
-        ...speaker.data,
-        avatar: cachedAvatarUrl,
-      },
-    };
-  })
-);
-
 // Resolve session codes to session data
 const resolveSessions = (codes: string[]) =>
   codes.map((code) => sessions.find((s) => s?.data?.code === code));
@@ -159,9 +145,9 @@ const nextSessionsOrdered = sameRoomNextSession
           <>
             <Separator />
             <h2 class="relative font-title text-primary font-bold mb-[0.6em] [&>a]:border-0 [&>a]:text-inherit text-5xl">
-              The speaker{speakersWithCachedAvatars.length > 1 ? "s" : ""}
+              The speaker{speakers.length > 1 ? "s" : ""}
             </h2>
-            {speakersWithCachedAvatars.map((speaker) => (
+            {speakers.map((speaker) => (
               <div class="md:grid grid-cols-[260px_1fr] md:gap-6">
                 {speaker.data.avatar ? (
                   <div class="flex items-start">

public/assets/preloaded/.gitkeep

@@ -5,49 +5,14 @@ import Prose from "../../components/prose/prose.astro";
 import { Image } from "astro:assets";
 import Markdown from "@ui/Markdown.astro";
 import Headline from "@ui/Headline.astro";
-import { getCachedImage } from "../../image-cache";
+
 
 export async function getStaticPaths() {
   const entries = await getCollection("speakers");
-
-  function isUrl(str: string): boolean {
-    str = ensureHttps(str);
-    const regex =
-      /^(https?:\/\/)?([a-zA-Z0-9.-]+)\.([a-zA-Z]{2,6})([\/\w@.-]*)$/;
-    return regex.test(str);
-  }
-
-  function ensureHttps(str: string): string {
-    if (!/^https?:\/\//i.test(str)) {
-      return "https://" + str;
-    }
-    return str;
-  }
-
-  return Promise.all(
-    entries.map(async (entry) => {
-      let avatar: any;
-      if (entry.data.avatar && isUrl(entry.data.avatar)) {
-        try {
-          avatar = await getCachedImage(entry.data.avatar);
-        } catch (err) {
-        console.log("Error with avatar: ",err);
-          avatar = null;
-        }
-      }
-      return {
-        params: { slug: entry.id },
-        props: {
-        entry: {
-        data: {
-          ...entry.data,
-          avatar: avatar
-          },
-        },
-        }, avatar
-      };
-    }),
-  );
+  return entries.map((entry) => ({
+    params: { slug: entry.id },
+    props: { entry },
+  }));
 }
 
 const { entry } = Astro.props;