From 6030350ffab4354544eece61a59472cd31844c6d Mon Sep 17 00:00:00 2001
From: "yongen.loong" <yongen.loong@aelf.io>
Date: Fri, 30 Aug 2024 16:13:35 +0800
Subject: [PATCH] feat: build time export of images

---
 app/layout.tsx                              |  16 +-
 components/Header/index.tsx                 |  35 +-
 components/blocks/image.tsx                 |  11 +-
 components/customImage.tsx                  |  12 +-
 components/{footer.tsx => footer/index.tsx} |  25 +-
 components/logo/index.tsx                   |  36 ++
 components/logo/ssr-logo.tsx                |  17 +
 components/logo/theme.tsx                   |  19 +
 export-images.config.cjs                    |  24 +
 lib/getConfig.ts                            |   4 +-
 next.config.mjs                             |  17 +-
 package-lock.json                           | 654 +++++++++++++++++++-
 package.json                                |   3 +-
 services/get-link.ts                        |  10 +
 services/larkServices.ts                    |   2 +-
 15 files changed, 797 insertions(+), 88 deletions(-)
 rename components/{footer.tsx => footer/index.tsx} (80%)
 create mode 100644 components/logo/index.tsx
 create mode 100644 components/logo/ssr-logo.tsx
 create mode 100644 components/logo/theme.tsx
 create mode 100644 export-images.config.cjs
 create mode 100644 services/get-link.ts

diff --git a/app/layout.tsx b/app/layout.tsx
index 63ab6d7..da94379 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -4,6 +4,7 @@ import { cn, getConfigContent, getMenu } from "@/lib/utils";
 import { Poppins as FontSans } from "next/font/google";
 import { Footer } from "@/components/footer";
 import Header from "@/components/Header";
+import { Logo } from "@/components/logo";
 import { Suspense } from "react";
 import Loading from "./loading";
 import { getNodeToken, NodesItem } from "../services/larkServices";
@@ -44,9 +45,20 @@ export default async function RootLayout({
           disableTransitionOnChange
         >
           <AntdRegistry>
-            <Header menu={menu} baseConfig={configObj} />
+            <Header
+              menu={menu}
+              baseConfig={configObj}
+              logo={<Logo baseConfig={configObj} />}
+              drawerLogo={
+                <Logo baseConfig={configObj} className="w-[107px] max-w-fit" />
+              }
+            />
             <Suspense fallback={<Loading />}>{children}</Suspense>
-            <Footer baseConfig={configObj} footerData={footerData} />
+            <Footer
+              baseConfig={configObj}
+              footerData={footerData}
+              logo={<Logo baseConfig={configObj} />}
+            />
           </AntdRegistry>
         </ThemeProvider>
       </body>
diff --git a/components/Header/index.tsx b/components/Header/index.tsx
index fdb2941..6c6a5f8 100644
--- a/components/Header/index.tsx
+++ b/components/Header/index.tsx
@@ -2,7 +2,7 @@
 import type { MenuProps } from "antd";
 import { Drawer, Menu, theme as antdTheme, ConfigProvider } from "antd";
 import { NodesData, NodesItem } from "../../services/larkServices";
-import { useEffect, useState } from "react";
+import { useEffect, useState, ReactNode } from "react";
 import Link from "next/link";
 import { useParams } from "next/navigation";
 import {
@@ -26,16 +26,18 @@ import { Skeleton } from "../ui/skeleton";
 interface Props {
   menu: NodesData;
   baseConfig: { [key: string]: any };
+  logo: ReactNode;
+  drawerLogo: ReactNode;
 }
 type MenuItem = Required<MenuProps>["items"][number];
 
-export default function Header({ menu, baseConfig }: Props) {
+export default function Header({ menu, baseConfig, logo, drawerLogo }: Props) {
   const params = useParams();
   const { lastItemId: id } = findPathByTitles(menu, params.id as string[]);
   let temp: any = {};
   temp.items = findTopLevelItems(menu, id as string) as NodesItem[];
   const items = menu.items;
-  const menuItems: MenuItem[] = items.map(ele => {
+  const menuItems: MenuItem[] = items.map((ele) => {
     const titles = findTitlesById(menu, ele.node_token);
     const url = titles?.join("/");
     let obj: any = {};
@@ -53,7 +55,7 @@ export default function Header({ menu, baseConfig }: Props) {
   useEffect(() => {
     setCurrent(temp.items && temp.items[0]?.node_token);
   }, [id]);
-  const onClick: MenuProps["onClick"] = e => {
+  const onClick: MenuProps["onClick"] = (e) => {
     setCurrent(e.key);
   };
   const [drawerOpen, setDrawerOpen] = useState(false);
@@ -75,7 +77,7 @@ export default function Header({ menu, baseConfig }: Props) {
   );
   const homeDrawerContent = (
     <div className="home-drawer-content">
-      {menu.items.map(item => {
+      {menu.items.map((item) => {
         const titles = findTitlesById(menu, item.node_token);
         const url = titles?.join("/");
         return (
@@ -133,17 +135,7 @@ export default function Header({ menu, baseConfig }: Props) {
 
         <Drawer
           className="header-drawer-container"
-          title={
-            <CustomImage
-              src={getThemeConfig(theme, [
-                baseConfig.logoLight,
-                baseConfig.logoDark,
-              ])}
-              width={115}
-              height={32}
-              alt="logo"
-            ></CustomImage>
-          }
+          title={drawerLogo}
           closeIcon={false}
           extra={
             <span className="flex justify-between">
@@ -165,16 +157,7 @@ export default function Header({ menu, baseConfig }: Props) {
           {showHome ? homeDrawerContent : drawerContent}
         </Drawer>
         <Link href="/" className="mr-8 flex">
-          <CustomImage
-            src={getThemeConfig(theme, [
-              baseConfig.logoLight,
-              baseConfig.logoDark,
-            ])}
-            width={115}
-            height={32}
-            className="w-[107px] max-w-fit"
-            alt="logo"
-          ></CustomImage>
+          {logo}
         </Link>
         <div className="hidden lg:flex w-full items-center">
           <Menu
diff --git a/components/blocks/image.tsx b/components/blocks/image.tsx
index c6827cd..c4f41c3 100644
--- a/components/blocks/image.tsx
+++ b/components/blocks/image.tsx
@@ -1,6 +1,6 @@
 import { Item } from "./common";
-import { fetcher } from "../../lib/api";
 import CustomImage from "../customImage";
+import { getLink } from "@/services/get-link";
 
 export interface Image extends Item {
   block_type: 27;
@@ -12,15 +12,6 @@ export interface Image extends Item {
   };
 }
 
-export async function getLink(token: string) {
-  const { data } = await fetcher(
-    `https://open.larksuite.com/open-apis/drive/v1/medias/batch_get_tmp_download_url?file_tokens=${token}`,
-    { tags: [token] }
-  );
-
-  return data.tmp_download_urls?.[0]?.tmp_download_url;
-}
-
 export async function Image(props: Image) {
   const src = await getLink(props.image.token);
 
diff --git a/components/customImage.tsx b/components/customImage.tsx
index d27bb67..90e8b46 100644
--- a/components/customImage.tsx
+++ b/components/customImage.tsx
@@ -1,5 +1,4 @@
-"use client";
-import Image from "next/image";
+import Image from "next-export-optimize-images/remote-image";
 import type { ImageLoader } from "next/image";
 
 interface ImageProps {
@@ -20,12 +19,5 @@ interface ImageProps {
 }
 
 export default function CustomImage(props: ImageProps) {
-  return (
-    <Image
-      {...props}
-      src={`https://res.cloudinary.com/${
-        process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
-      }/image/fetch/${encodeURIComponent(props.src)}`}
-    />
-  );
+  return <Image {...props} />;
 }
diff --git a/components/footer.tsx b/components/footer/index.tsx
similarity index 80%
rename from components/footer.tsx
rename to components/footer/index.tsx
index 2aba7a5..d75bbe9 100644
--- a/components/footer.tsx
+++ b/components/footer/index.tsx
@@ -1,11 +1,8 @@
 "use client";
 import { key } from "@/lib/utils";
 import Link from "next/link";
-import CustomImage from "./customImage";
 import Image from "next/image";
-import { useTheme } from "next-themes";
-import { getThemeConfig } from "../lib/theme";
-import { useEffect, useState } from "react";
+import { useEffect, useState, ReactNode } from "react";
 
 interface CategoryItem {
   Category: string;
@@ -18,10 +15,10 @@ interface CategoryItem {
 interface Props {
   baseConfig: { [key: string]: any };
   footerData: { [key in string]: CategoryItem[] };
+  logo: ReactNode;
 }
-export function Footer({ baseConfig, footerData }: Props) {
+export function Footer({ baseConfig, footerData, logo }: Props) {
   const [mounted, setMounted] = useState(false);
-  const { theme } = useTheme();
 
   // useEffect only runs on the client, so now we can safely show the UI
   useEffect(() => {
@@ -36,22 +33,12 @@ export function Footer({ baseConfig, footerData }: Props) {
     <footer className="bg-footer-background">
       <div className="container p-8 ">
         <div className="footer-links lg:grid grid-cols-5 gap-4">
-          <div className="hidden lg:block">
-            <CustomImage
-              src={getThemeConfig(theme, [
-                baseConfig?.logoLight,
-                baseConfig?.logoDark,
-              ])}
-              width={115}
-              height={32}
-              alt="logo"
-            />
-          </div>
-          {Object.keys(footerData).map(category => (
+          <div className="hidden lg:block">{logo}</div>
+          {Object.keys(footerData).map((category) => (
             <div key={category} className="mb-4">
               <h3 className="font-bold mb-4">{category}</h3>
               <ul>
-                {footerData[category].map(item => (
+                {footerData[category].map((item) => (
                   <li key={key()} className="leading-[32px]">
                     <Link
                       className="hover:underline text-link"
diff --git a/components/logo/index.tsx b/components/logo/index.tsx
new file mode 100644
index 0000000..85921f1
--- /dev/null
+++ b/components/logo/index.tsx
@@ -0,0 +1,36 @@
+import { Dark, Light } from "./theme";
+import CustomImage from "../customImage";
+
+interface Props {
+  baseConfig: { [key: string]: any };
+  className?: string;
+  theme?: string;
+}
+export function Logo({ baseConfig, className }: Props) {
+  return (
+    <>
+      {baseConfig?.logoLight ? (
+        <Light>
+          <CustomImage
+            src={baseConfig.logoLight}
+            width={115}
+            height={32}
+            alt="logo"
+            className={className}
+          />
+        </Light>
+      ) : null}
+      {baseConfig?.logoDark ? (
+        <Dark>
+          <CustomImage
+            src={baseConfig.logoLight}
+            width={115}
+            height={32}
+            alt="logo"
+            className={className}
+          />
+        </Dark>
+      ) : null}
+    </>
+  );
+}
diff --git a/components/logo/ssr-logo.tsx b/components/logo/ssr-logo.tsx
new file mode 100644
index 0000000..170ac2f
--- /dev/null
+++ b/components/logo/ssr-logo.tsx
@@ -0,0 +1,17 @@
+import CustomImage from "@/components/customImage";
+
+interface Props {
+  src: string;
+  className?: string;
+}
+export function SsrLogo({ src, className }: Props) {
+  return (
+    <CustomImage
+      src={src}
+      width={115}
+      height={32}
+      alt="logo"
+      className={className}
+    />
+  );
+}
diff --git a/components/logo/theme.tsx b/components/logo/theme.tsx
new file mode 100644
index 0000000..d4c3c90
--- /dev/null
+++ b/components/logo/theme.tsx
@@ -0,0 +1,19 @@
+"use client";
+
+import { useTheme } from "next-themes";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+export function Light({ children }: Props) {
+  const { resolvedTheme } = useTheme();
+
+  if (resolvedTheme === "light") return <>{children}</>;
+}
+
+export function Dark({ children }: Props) {
+  const { resolvedTheme } = useTheme();
+
+  if (resolvedTheme !== "light") return <>{children}</>;
+}
diff --git a/export-images.config.cjs b/export-images.config.cjs
new file mode 100644
index 0000000..587660c
--- /dev/null
+++ b/export-images.config.cjs
@@ -0,0 +1,24 @@
+/**
+ * @type {import('next-export-optimize-images').Config}
+ */
+const config = {
+  filenameGenerator: ({ path, name, width, extension }) =>
+    `${name}.${width}.${extension}`,
+  sourceImageParser: ({ src, defaultParser }) => {
+    const regExpMatches = src.match(/^.*\?code=(.*)$/);
+    if (!regExpMatches) {
+      return defaultParser(src);
+    }
+
+    // if the src has fileId and extension in its route then it
+    // must be a non-standard image, so parse it differently for all intents
+    // and purposes
+    return {
+      pathWithoutName: "", // maybe there is no path, or you can supply an arbitrary one for filename processing
+      name: regExpMatches[1] || "",
+      extension: "png",
+    };
+  },
+};
+
+module.exports = config;
diff --git a/lib/getConfig.ts b/lib/getConfig.ts
index 5fd5776..ae22f04 100644
--- a/lib/getConfig.ts
+++ b/lib/getConfig.ts
@@ -9,11 +9,11 @@ const schema = z.object({
   logoLight: z.string().url(),
   logoDark: z.string().url(),
   github: z.string().url(),
-  blog: z.string().url(),
+  blog: z.string().url().optional(),
   copyright: z.string(),
   footerTwitter: z.string().url(),
   footerTelegram: z.string().url(),
-  footerDiscord: z.string().url(),
+  footerDiscord: z.string().url().optional(),
   footerGitHub: z.string().url(),
   metaTitle: z.string(),
   metaDescription: z.string(),
diff --git a/next.config.mjs b/next.config.mjs
index 3bf40bc..da68425 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,14 +1,16 @@
+import withExportImages from "next-export-optimize-images";
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   staticPageGenerationTimeout: 10000,
   images: {
     remotePatterns: [
-      {
-        protocol: "https",
-        hostname: "internal-api-drive-stream-sg.larksuite.com",
-        port: "",
-        pathname: "**",
-      },
+      // {
+      //   protocol: "https",
+      //   hostname: "internal-api-drive-stream-sg.larksuite.com",
+      //   port: "",
+      //   pathname: "**",
+      // },
       {
         protocol: "https",
         hostname: "docs.aelf.dev",
@@ -16,7 +18,6 @@ const nextConfig = {
         pathname: "**",
       },
     ],
-    unoptimized: true,
   },
   experimental: {
     workerThreads: false,
@@ -26,4 +27,4 @@ const nextConfig = {
   trailingSlash: true,
 };
 
-export default nextConfig;
+export default withExportImages(nextConfig);
diff --git a/package-lock.json b/package-lock.json
index ecef28c..01e22d7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -50,6 +50,7 @@
         "eslint": "^8",
         "eslint-config-next": "14.2.4",
         "jsdom": "^24.1.1",
+        "next-export-optimize-images": "^4.5.0",
         "tailwindcss": "^3.4.1",
         "typescript": "^5",
         "vitest": "^2.0.5"
@@ -767,6 +768,17 @@
         "node": ">=10"
       }
     },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.2.0.tgz",
+      "integrity": "sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@emotion/hash": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
@@ -1270,6 +1282,386 @@
       "deprecated": "Use @eslint/object-schema instead",
       "dev": true
     },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.5.tgz",
+      "integrity": "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.5.tgz",
+      "integrity": "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.4.tgz",
+      "integrity": "sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.4.tgz",
+      "integrity": "sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.5.tgz",
+      "integrity": "sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.4.tgz",
+      "integrity": "sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.4.tgz",
+      "integrity": "sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.4.tgz",
+      "integrity": "sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.4.tgz",
+      "integrity": "sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.4.tgz",
+      "integrity": "sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.5.tgz",
+      "integrity": "sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.0.5"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.5.tgz",
+      "integrity": "sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.5.tgz",
+      "integrity": "sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.5.tgz",
+      "integrity": "sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.5.tgz",
+      "integrity": "sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.5.tgz",
+      "integrity": "sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.33.5.tgz",
+      "integrity": "sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.2.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.5.tgz",
+      "integrity": "sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.5.tgz",
+      "integrity": "sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
@@ -2947,6 +3339,16 @@
         "@algolia/transporter": "4.24.0"
       }
     },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -3049,6 +3451,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/app-root-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.1.0.tgz",
+      "integrity": "sha512-biN3PwB2gUtjaYy/isrU3aNWI5w+fAfvHkSvCKeQGxhmYpwKFUxudR3Yya+KqVRHBmEDYh+/lTozYCFbmzX4nA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -3303,9 +3715,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
-      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.5.tgz",
+      "integrity": "sha512-fZu86yCo+svH3uqJ/yTdQ0QHpQu5oL+/QE+QPSv6BZSkDAoky9vytxp7u5qk83OJFS3kEBcesWni9WTZAv3tSw==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -3567,6 +3979,41 @@
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
       "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
     },
+    "node_modules/cli-progress": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/cli-progress/-/cli-progress-3.12.0.tgz",
+      "integrity": "sha512-tRkV3HJ1ASwm19THiiLIXLO7Im7wlTuKnvkYaTkyoAPefqjNg7W7DHKUlGRxy9vxDvbyCYQkQozvptuMkGCg8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^4.2.3"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cli-progress/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cli-progress/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -3959,6 +4406,20 @@
         }
       }
     },
+    "node_modules/color": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
+      "integrity": "sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1",
+        "color-string": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=12.5.0"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -3975,6 +4436,17 @@
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -4283,6 +4755,16 @@
         "node": ">=6"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/detect-node-es": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
@@ -5227,6 +5709,31 @@
         "node": ">= 6"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/fs-extra/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -5769,6 +6276,13 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-async-function": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
@@ -6291,6 +6805,29 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonfile/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -6380,6 +6917,13 @@
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/lodash.uniqwith": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniqwith/-/lodash.uniqwith-4.5.0.tgz",
+      "integrity": "sha512-7lYL8bLopMoy4CTICbxygAUq6CdRJ36vFc80DucPueUee+d5NBRxz3FdT9Pes/HEx5mPoT9jwnsEJWz1N7uq7Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/loglevel": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.1.tgz",
@@ -6464,9 +7008,10 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
-      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -6626,6 +7171,33 @@
         }
       }
     },
+    "node_modules/next-export-optimize-images": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/next-export-optimize-images/-/next-export-optimize-images-4.5.0.tgz",
+      "integrity": "sha512-8e8Jrf+ENNk/waq8OTdIAjUNoqEAgxUcf+RIV/IxMHY44lovzrbpd106iX+b8Zpst0nZ0MVnRQ3xgo+BDjjKfw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-colors": "^4.1.3",
+        "app-root-path": "^3.1.0",
+        "cli-progress": "^3.12.0",
+        "fs-extra": "^11.2.0",
+        "lodash.uniqwith": "^4.5.0",
+        "recursive-readdir": "^2.2.3",
+        "sharp": "^0.33.4"
+      },
+      "bin": {
+        "next-export-optimize-images": "bin/index.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "next": ">=14.1.0",
+        "react": "^17.0.2 || ^18.0.0-0",
+        "react-dom": "^17.0.2 || ^18.0.0-0"
+      }
+    },
     "node_modules/next-themes": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.3.0.tgz",
@@ -8081,6 +8653,19 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/recursive-readdir": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
+      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
@@ -8349,10 +8934,11 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -8392,6 +8978,46 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/sharp": {
+      "version": "0.33.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.33.5.tgz",
+      "integrity": "sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "color": "^4.2.3",
+        "detect-libc": "^2.0.3",
+        "semver": "^7.6.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.33.5",
+        "@img/sharp-darwin-x64": "0.33.5",
+        "@img/sharp-libvips-darwin-arm64": "1.0.4",
+        "@img/sharp-libvips-darwin-x64": "1.0.4",
+        "@img/sharp-libvips-linux-arm": "1.0.5",
+        "@img/sharp-libvips-linux-arm64": "1.0.4",
+        "@img/sharp-libvips-linux-s390x": "1.0.4",
+        "@img/sharp-libvips-linux-x64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.0.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.0.4",
+        "@img/sharp-linux-arm": "0.33.5",
+        "@img/sharp-linux-arm64": "0.33.5",
+        "@img/sharp-linux-s390x": "0.33.5",
+        "@img/sharp-linux-x64": "0.33.5",
+        "@img/sharp-linuxmusl-arm64": "0.33.5",
+        "@img/sharp-linuxmusl-x64": "0.33.5",
+        "@img/sharp-wasm32": "0.33.5",
+        "@img/sharp-win32-ia32": "0.33.5",
+        "@img/sharp-win32-x64": "0.33.5"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -8446,6 +9072,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
diff --git a/package.json b/package.json
index 5eca9a0..34704c5 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "next build && next-export-optimize-images",
     "start": "next start",
     "lint": "next lint",
     "test": "vitest"
@@ -53,6 +53,7 @@
     "eslint": "^8",
     "eslint-config-next": "14.2.4",
     "jsdom": "^24.1.1",
+    "next-export-optimize-images": "^4.5.0",
     "tailwindcss": "^3.4.1",
     "typescript": "^5",
     "vitest": "^2.0.5"
diff --git a/services/get-link.ts b/services/get-link.ts
new file mode 100644
index 0000000..3d3d34c
--- /dev/null
+++ b/services/get-link.ts
@@ -0,0 +1,10 @@
+import { fetcher } from "@/lib/api";
+
+export async function getLink(token: string) {
+  const { data } = await fetcher(
+    `https://open.larksuite.com/open-apis/drive/v1/medias/batch_get_tmp_download_url?file_tokens=${token}`,
+    { tags: [token] }
+  );
+
+  return data.tmp_download_urls?.[0]?.tmp_download_url;
+}
diff --git a/services/larkServices.ts b/services/larkServices.ts
index 755246e..141b009 100644
--- a/services/larkServices.ts
+++ b/services/larkServices.ts
@@ -1,7 +1,7 @@
 import { SPACE_ID } from "@/environment";
-import { getLink } from "../components/blocks/image";
 import { fetcher } from "../lib/api";
 import { getFileTokens } from "../lib/utils";
+import { getLink } from "./get-link";
 
 export interface NodesData {
   has_more: boolean;