From 6c36bde9f1d517a224144655e7a90af047f5068e Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sat, 24 Dec 2022 21:28:23 +0630
Subject: [PATCH 01/13] feat: add dynamic og image using satori

---
 package-lock.json             | 183 ++++++++++++++++++++++++++++++++++
 package.json                  |   1 +
 src/pages/[ogTitle].svg.ts    |  18 ++++
 src/utils/generateOgImage.tsx |  39 ++++++++
 4 files changed, 241 insertions(+)
 create mode 100644 src/pages/[ogTitle].svg.ts
 create mode 100644 src/utils/generateOgImage.tsx

diff --git a/package-lock.json b/package-lock.json
index 13c060cf0..8da257cd2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,6 +14,7 @@
         "github-slugger": "^2.0.0",
         "remark-collapse": "^0.1.2",
         "remark-toc": "^8.0.1",
+        "satori": "^0.0.44",
         "tailwindcss": "^3.2.4"
       },
       "devDependencies": {
@@ -960,6 +961,21 @@
         "@proload/core": "^0.3.2"
       }
     },
+    "node_modules/@shuding/opentype.js": {
+      "version": "1.4.0-beta.0",
+      "resolved": "https://registry.npmjs.org/@shuding/opentype.js/-/opentype.js-1.4.0-beta.0.tgz",
+      "integrity": "sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==",
+      "dependencies": {
+        "fflate": "^0.7.3",
+        "string.prototype.codepointat": "^0.2.1"
+      },
+      "bin": {
+        "ot": "bin/ot"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
     "node_modules/@tailwindcss/typography": {
       "version": "0.5.8",
       "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.8.tgz",
@@ -1189,6 +1205,11 @@
       "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
       "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA=="
     },
+    "node_modules/@types/yoga-layout": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@types/yoga-layout/-/yoga-layout-1.9.2.tgz",
+      "integrity": "sha512-S9q47ByT2pPvD65IvrWp7qppVMpk9WGMbVq9wbWZOHg6tnXSD4vyhao6nOSBwwfDdV2p3Kx9evA9vI+XWTfDvw=="
+    },
     "node_modules/@vscode/emmet-helper": {
       "version": "2.8.4",
       "resolved": "https://registry.npmjs.org/@vscode/emmet-helper/-/emmet-helper-2.8.4.tgz",
@@ -1832,6 +1853,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001426",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001426.tgz",
@@ -2168,6 +2197,34 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-background-parser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/css-background-parser/-/css-background-parser-0.1.0.tgz",
+      "integrity": "sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA=="
+    },
+    "node_modules/css-box-shadow": {
+      "version": "1.0.0-3",
+      "resolved": "https://registry.npmjs.org/css-box-shadow/-/css-box-shadow-1.0.0-3.tgz",
+      "integrity": "sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg=="
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz",
+      "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -2946,6 +3003,11 @@
         "node": "^12.20 || >= 14.13"
       }
     },
+    "node_modules/fflate": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.4.tgz",
+      "integrity": "sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw=="
+    },
     "node_modules/figures": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
@@ -7142,6 +7204,28 @@
         "suf-log": "^2.5.3"
       }
     },
+    "node_modules/satori": {
+      "version": "0.0.44",
+      "resolved": "https://registry.npmjs.org/satori/-/satori-0.0.44.tgz",
+      "integrity": "sha512-WKUxXC2qeyno6J3ucwwLozPL6j1HXOZiN5wIUf7iqAhlx1RUC/6ePIKHi7iPc3Cy6DYuZcJriZXxXkSdo2FQHg==",
+      "dependencies": {
+        "@shuding/opentype.js": "1.4.0-beta.0",
+        "css-background-parser": "^0.1.0",
+        "css-box-shadow": "1.0.0-3",
+        "css-to-react-native": "^3.0.0",
+        "emoji-regex": "^10.2.1",
+        "postcss-value-parser": "^4.2.0",
+        "yoga-layout-prebuilt": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/satori/node_modules/emoji-regex": {
+      "version": "10.2.1",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.2.1.tgz",
+      "integrity": "sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA=="
+    },
     "node_modules/sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
@@ -7396,6 +7480,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/string.prototype.codepointat": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.codepointat/-/string.prototype.codepointat-0.2.1.tgz",
+      "integrity": "sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg=="
+    },
     "node_modules/stringify-entities": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.3.tgz",
@@ -8727,6 +8816,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoga-layout-prebuilt": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/yoga-layout-prebuilt/-/yoga-layout-prebuilt-1.10.0.tgz",
+      "integrity": "sha512-YnOmtSbv4MTf7RGJMK0FvZ+KD8OEe/J5BNnR0GHhD8J/XcG/Qvxgszm0Un6FTHWW4uHlTgP0IztiXQnGyIR45g==",
+      "dependencies": {
+        "@types/yoga-layout": "1.9.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/zod": {
       "version": "3.19.1",
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.19.1.tgz",
@@ -9459,6 +9559,15 @@
         "tsm": "^2.1.4"
       }
     },
+    "@shuding/opentype.js": {
+      "version": "1.4.0-beta.0",
+      "resolved": "https://registry.npmjs.org/@shuding/opentype.js/-/opentype.js-1.4.0-beta.0.tgz",
+      "integrity": "sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==",
+      "requires": {
+        "fflate": "^0.7.3",
+        "string.prototype.codepointat": "^0.2.1"
+      }
+    },
     "@tailwindcss/typography": {
       "version": "0.5.8",
       "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.8.tgz",
@@ -9685,6 +9794,11 @@
       "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
       "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA=="
     },
+    "@types/yoga-layout": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@types/yoga-layout/-/yoga-layout-1.9.2.tgz",
+      "integrity": "sha512-S9q47ByT2pPvD65IvrWp7qppVMpk9WGMbVq9wbWZOHg6tnXSD4vyhao6nOSBwwfDdV2p3Kx9evA9vI+XWTfDvw=="
+    },
     "@vscode/emmet-helper": {
       "version": "2.8.4",
       "resolved": "https://registry.npmjs.org/@vscode/emmet-helper/-/emmet-helper-2.8.4.tgz",
@@ -10139,6 +10253,11 @@
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
     },
+    "camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ=="
+    },
     "caniuse-lite": {
       "version": "1.0.30001426",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001426.tgz",
@@ -10368,6 +10487,31 @@
         "which": "^2.0.1"
       }
     },
+    "css-background-parser": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/css-background-parser/-/css-background-parser-0.1.0.tgz",
+      "integrity": "sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA=="
+    },
+    "css-box-shadow": {
+      "version": "1.0.0-3",
+      "resolved": "https://registry.npmjs.org/css-box-shadow/-/css-box-shadow-1.0.0-3.tgz",
+      "integrity": "sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg=="
+    },
+    "css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg=="
+    },
+    "css-to-react-native": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz",
+      "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==",
+      "requires": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -10829,6 +10973,11 @@
         "web-streams-polyfill": "^3.0.3"
       }
     },
+    "fflate": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.7.4.tgz",
+      "integrity": "sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw=="
+    },
     "figures": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
@@ -13668,6 +13817,27 @@
         "suf-log": "^2.5.3"
       }
     },
+    "satori": {
+      "version": "0.0.44",
+      "resolved": "https://registry.npmjs.org/satori/-/satori-0.0.44.tgz",
+      "integrity": "sha512-WKUxXC2qeyno6J3ucwwLozPL6j1HXOZiN5wIUf7iqAhlx1RUC/6ePIKHi7iPc3Cy6DYuZcJriZXxXkSdo2FQHg==",
+      "requires": {
+        "@shuding/opentype.js": "1.4.0-beta.0",
+        "css-background-parser": "^0.1.0",
+        "css-box-shadow": "1.0.0-3",
+        "css-to-react-native": "^3.0.0",
+        "emoji-regex": "^10.2.1",
+        "postcss-value-parser": "^4.2.0",
+        "yoga-layout-prebuilt": "^1.10.0"
+      },
+      "dependencies": {
+        "emoji-regex": {
+          "version": "10.2.1",
+          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.2.1.tgz",
+          "integrity": "sha512-97g6QgOk8zlDRdgq1WxwgTMgEWGVAQvB5Fdpgc1MkNy56la5SKP9GsMXKDOdqwn90/41a8yPwIGk1Y6WVbeMQA=="
+        }
+      }
+    },
     "sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
@@ -13859,6 +14029,11 @@
         "strip-ansi": "^7.0.1"
       }
     },
+    "string.prototype.codepointat": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.codepointat/-/string.prototype.codepointat-0.2.1.tgz",
+      "integrity": "sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg=="
+    },
     "stringify-entities": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.3.tgz",
@@ -14672,6 +14847,14 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="
     },
+    "yoga-layout-prebuilt": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/yoga-layout-prebuilt/-/yoga-layout-prebuilt-1.10.0.tgz",
+      "integrity": "sha512-YnOmtSbv4MTf7RGJMK0FvZ+KD8OEe/J5BNnR0GHhD8J/XcG/Qvxgszm0Un6FTHWW4uHlTgP0IztiXQnGyIR45g==",
+      "requires": {
+        "@types/yoga-layout": "1.9.2"
+      }
+    },
     "zod": {
       "version": "3.19.1",
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.19.1.tgz",
diff --git a/package.json b/package.json
index 4b9ad1fe0..faf831357 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "github-slugger": "^2.0.0",
     "remark-collapse": "^0.1.2",
     "remark-toc": "^8.0.1",
+    "satori": "^0.0.44",
     "tailwindcss": "^3.2.4"
   },
   "devDependencies": {
diff --git a/src/pages/[ogTitle].svg.ts b/src/pages/[ogTitle].svg.ts
new file mode 100644
index 000000000..72446875f
--- /dev/null
+++ b/src/pages/[ogTitle].svg.ts
@@ -0,0 +1,18 @@
+import type { APIRoute } from "astro";
+import generateOgImage from "@utils/generateOgImage";
+
+export const get: APIRoute = async ({ params, request }) => {
+  const ogTitle = params.ogTitle ?? "Hello World";
+  console.log(ogTitle);
+  return {
+    body: await generateOgImage(ogTitle),
+  };
+};
+
+export function getStaticPaths() {
+  return [
+    { params: { ogTitle: "Post 1" } },
+    { params: { ogTitle: "Post 2" } },
+    { params: { ogTitle: "Post 3" } },
+  ];
+}
diff --git a/src/utils/generateOgImage.tsx b/src/utils/generateOgImage.tsx
new file mode 100644
index 000000000..04427adf0
--- /dev/null
+++ b/src/utils/generateOgImage.tsx
@@ -0,0 +1,39 @@
+import satori, { SatoriOptions } from "satori";
+import { SITE } from "@config";
+
+const fetchFont = async () => {
+  const fontFile = await fetch(
+    "https://www.1001fonts.com/download/font/ibm-plex-mono.regular.ttf"
+  );
+  const fontData: ArrayBuffer = await fontFile.arrayBuffer();
+  return fontData;
+};
+
+const fontData = await fetchFont();
+
+const ogImage = (text = "hello") => {
+  return (
+    <div style={{ color: "black", display: "flex" }}>
+      {text}
+      <p>{SITE.author}</p>
+    </div>
+  );
+};
+
+const options: SatoriOptions = {
+  width: 600,
+  height: 400,
+  fonts: [
+    {
+      name: "IBM Plex Mono",
+      data: fontData,
+      weight: 400,
+      style: "normal",
+    },
+  ],
+};
+
+const generateOgImage = async (mytext: string) =>
+  await satori(ogImage(mytext), options);
+
+export default generateOgImage;

From 8a3c14d3390b20107ebfb4385f29e30fbc773cb9 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sun, 25 Dec 2022 00:50:05 +0630
Subject: [PATCH 02/13] feat: add og card styling

---
 src/utils/generateOgImage.tsx | 116 ++++++++++++++++++++++++++++++----
 1 file changed, 103 insertions(+), 13 deletions(-)

diff --git a/src/utils/generateOgImage.tsx b/src/utils/generateOgImage.tsx
index 04427adf0..651382fd7 100644
--- a/src/utils/generateOgImage.tsx
+++ b/src/utils/generateOgImage.tsx
@@ -1,39 +1,129 @@
 import satori, { SatoriOptions } from "satori";
 import { SITE } from "@config";
 
-const fetchFont = async () => {
-  const fontFile = await fetch(
+const fetchFonts = async () => {
+  // Regular Font
+  const fontFileRegular = await fetch(
     "https://www.1001fonts.com/download/font/ibm-plex-mono.regular.ttf"
   );
-  const fontData: ArrayBuffer = await fontFile.arrayBuffer();
-  return fontData;
+  const fontRegular: ArrayBuffer = await fontFileRegular.arrayBuffer();
+
+  // Bold Font
+  const fontFileBold = await fetch(
+    "https://www.1001fonts.com/download/font/ibm-plex-mono.bold.ttf"
+  );
+  const fontBold: ArrayBuffer = await fontFileBold.arrayBuffer();
+
+  return { fontRegular, fontBold };
 };
 
-const fontData = await fetchFont();
+const { fontRegular, fontBold } = await fetchFonts();
 
-const ogImage = (text = "hello") => {
+const ogImage = (text: string) => {
   return (
-    <div style={{ color: "black", display: "flex" }}>
-      {text}
-      <p>{SITE.author}</p>
+    <div
+      style={{
+        background: "#fefbfb",
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          border: "1px solid #ddd",
+          background: "#fefbfb",
+          boxShadow:
+            " 0px 30px 60px -12px inset rgba(50, 50, 93, 0.25), 0px 18px 36px -18px inset rgba(0, 0, 0, 0.3)",
+          // boxShadow:
+          //   "3px 3px 6px 0px inset rgb(204, 219, 232) ,  -3px -3px 6px 1px inset rgba(255, 255, 255, 0.5)",
+          // boxShadow:
+          //   "0px 2px 4px rgba(0, 0, 0, 0.4) ,  0px 7px 13px -3px rgba(0, 0, 0, 0.3),  0px -3px 0px inset rgba(0, 0, 0, 0.2)",
+          borderRadius: "8px",
+          display: "flex",
+          justifyContent: "center",
+          margin: "2rem",
+          width: "85%",
+          height: "75%",
+        }}
+      >
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            margin: "20px",
+            width: "85%",
+            height: "90%",
+          }}
+        >
+          <p
+            style={{
+              fontSize: 64,
+              fontWeight: "bold",
+              color: "#006cac",
+              maxHeight: "84%",
+              overflow: "hidden",
+            }}
+          >
+            {text}
+          </p>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+              width: "100%",
+              marginBottom: "8px",
+              fontSize: 28,
+            }}
+          >
+            <span>
+              by{" "}
+              <span
+                style={{
+                  color: "#fefbfb",
+                }}
+              >
+                "
+              </span>
+              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+                {SITE.author}
+              </span>
+            </span>
+
+            <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+              {SITE.title}
+            </span>
+          </div>
+        </div>
+      </div>
     </div>
   );
 };
 
 const options: SatoriOptions = {
-  width: 600,
-  height: 400,
+  width: 1200,
+  height: 630,
+  // debug: true,
   fonts: [
     {
       name: "IBM Plex Mono",
-      data: fontData,
+      data: fontRegular,
       weight: 400,
       style: "normal",
     },
+    {
+      name: "IBM Plex Mono",
+      data: fontBold,
+      weight: 600,
+      style: "normal",
+    },
   ],
 };
 
-const generateOgImage = async (mytext: string) =>
+const generateOgImage = async (mytext = SITE.title) =>
   await satori(ogImage(mytext), options);
 
 export default generateOgImage;

From dd498e538b09c992979c192702f8f09ac98666ee Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sun, 25 Dec 2022 00:50:40 +0630
Subject: [PATCH 03/13] feat: add dynamic paths for ogTitle

---
 src/pages/[ogTitle].svg.ts | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/pages/[ogTitle].svg.ts b/src/pages/[ogTitle].svg.ts
index 72446875f..3bcbc2943 100644
--- a/src/pages/[ogTitle].svg.ts
+++ b/src/pages/[ogTitle].svg.ts
@@ -1,18 +1,23 @@
-import type { APIRoute } from "astro";
+import type { APIRoute, MarkdownInstance } from "astro";
 import generateOgImage from "@utils/generateOgImage";
+import type { Frontmatter } from "@types";
 
-export const get: APIRoute = async ({ params, request }) => {
-  const ogTitle = params.ogTitle ?? "Hello World";
-  console.log(ogTitle);
+export const get: APIRoute = async ({ params }) => {
   return {
-    body: await generateOgImage(ogTitle),
+    body: await generateOgImage(params.ogTitle),
   };
 };
 
+const postImportResult = import.meta.glob<MarkdownInstance<Frontmatter>>(
+  "../contents/**/**/*.md",
+  {
+    eager: true,
+  }
+);
+const posts = Object.values(postImportResult);
+
 export function getStaticPaths() {
-  return [
-    { params: { ogTitle: "Post 1" } },
-    { params: { ogTitle: "Post 2" } },
-    { params: { ogTitle: "Post 3" } },
-  ];
+  return posts.map(post => ({
+    params: { ogTitle: post.frontmatter.title },
+  }));
 }

From c553bc59cde846474cd6a72b1c98bc3d73d72282 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sun, 25 Dec 2022 00:51:02 +0630
Subject: [PATCH 04/13] feat: add default og url

---
 src/layouts/PostDetails.astro | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/layouts/PostDetails.astro b/src/layouts/PostDetails.astro
index bd0ab533e..f10b9ab9e 100644
--- a/src/layouts/PostDetails.astro
+++ b/src/layouts/PostDetails.astro
@@ -14,14 +14,12 @@ export interface Props {
 const { frontmatter, Content } = Astro.props.post;
 
 const { title, author, description, ogImage, datetime, tags } = frontmatter;
+
+const ogUrl = new URL(ogImage ? ogImage : `${title}.svg`, Astro.url.origin)
+  .href;
 ---
 
-<Layout
-  title={title}
-  author={author}
-  description={description}
-  ogImage={ogImage}
->
+<Layout title={title} author={author} description={description} ogImage={ogUrl}>
   <Header />
   <div class="max-w-3xl mx-auto w-full px-2 flex justify-start">
     <button

From dc83284fc4e39d5b9ec223933e6844bdf598fe3f Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sun, 25 Dec 2022 00:59:06 +0630
Subject: [PATCH 05/13] ci: change config site url for testing purpose

---
 astro.config.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index a07746ebc..530294f50 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -7,7 +7,7 @@ import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 export default defineConfig({
-  site: "https://astro-paper.pages.dev/",
+  site: "https://feat-auto-og-image-generatio.astro-paper.pages.dev/",
   integrations: [
     tailwind({
       config: {

From dfa79b3cf23443947412b61bce8f9b9498f19594 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Sun, 25 Dec 2022 01:59:48 +0630
Subject: [PATCH 06/13] fix: update box-shadow and border of og image

---
 src/utils/generateOgImage.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/utils/generateOgImage.tsx b/src/utils/generateOgImage.tsx
index 651382fd7..67ecac189 100644
--- a/src/utils/generateOgImage.tsx
+++ b/src/utils/generateOgImage.tsx
@@ -33,20 +33,21 @@ const ogImage = (text: string) => {
     >
       <div
         style={{
-          border: "1px solid #ddd",
+          border: "4px solid #000",
           background: "#fefbfb",
-          boxShadow:
-            " 0px 30px 60px -12px inset rgba(50, 50, 93, 0.25), 0px 18px 36px -18px inset rgba(0, 0, 0, 0.3)",
+          // boxShadow:
+          //   " 0px 30px 60px -12px inset rgba(50, 50, 93, 0.25), 0px 18px 36px -18px inset rgba(0, 0, 0, 0.3)",
           // boxShadow:
           //   "3px 3px 6px 0px inset rgb(204, 219, 232) ,  -3px -3px 6px 1px inset rgba(255, 255, 255, 0.5)",
           // boxShadow:
           //   "0px 2px 4px rgba(0, 0, 0, 0.4) ,  0px 7px 13px -3px rgba(0, 0, 0, 0.3),  0px -3px 0px inset rgba(0, 0, 0, 0.2)",
-          borderRadius: "8px",
+          boxShadow: "24px 26px 8px 0px #ccc ",
+          borderRadius: "4px",
           display: "flex",
           justifyContent: "center",
           margin: "2rem",
           width: "85%",
-          height: "75%",
+          height: "77%",
         }}
       >
         <div
@@ -55,7 +56,7 @@ const ogImage = (text: string) => {
             flexDirection: "column",
             justifyContent: "space-between",
             margin: "20px",
-            width: "85%",
+            width: "90%",
             height: "90%",
           }}
         >

From 375aa03d93d673b337f70ba0373a3a494769952d Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Mon, 26 Dec 2022 23:19:08 +0630
Subject: [PATCH 07/13] feat: add multiple og theme (devto, navy)

---
 src/assets/og-themes/OgDevTo.tsx | 82 ++++++++++++++++++++++++++++
 src/assets/og-themes/OgNavy.tsx  | 92 ++++++++++++++++++++++++++++++++
 src/utils/generateOgImage.tsx    | 86 +----------------------------
 3 files changed, 175 insertions(+), 85 deletions(-)
 create mode 100644 src/assets/og-themes/OgDevTo.tsx
 create mode 100644 src/assets/og-themes/OgNavy.tsx

diff --git a/src/assets/og-themes/OgDevTo.tsx b/src/assets/og-themes/OgDevTo.tsx
new file mode 100644
index 000000000..e077b916c
--- /dev/null
+++ b/src/assets/og-themes/OgDevTo.tsx
@@ -0,0 +1,82 @@
+import { SITE } from "@config";
+
+const ogImage = (text: string) => {
+  return (
+    <div
+      style={{
+        background: "#fefbfb",
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          border: "4px solid #000",
+          background: "#fefbfb",
+          boxShadow: "24px 26px 8px 0px #ccc ",
+          borderRadius: "4px",
+          display: "flex",
+          justifyContent: "center",
+          margin: "2rem",
+          width: "85%",
+          height: "77%",
+        }}
+      >
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            margin: "20px",
+            width: "90%",
+            height: "90%",
+          }}
+        >
+          <p
+            style={{
+              fontSize: 64,
+              fontWeight: "bold",
+              color: "#006cac",
+              maxHeight: "84%",
+              overflow: "hidden",
+            }}
+          >
+            {text}
+          </p>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+              width: "100%",
+              marginBottom: "8px",
+              fontSize: 28,
+            }}
+          >
+            <span>
+              by{" "}
+              <span
+                style={{
+                  color: "#fefbfb",
+                }}
+              >
+                "
+              </span>
+              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+                {SITE.author}
+              </span>
+            </span>
+
+            <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+              {SITE.title}
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ogImage;
diff --git a/src/assets/og-themes/OgNavy.tsx b/src/assets/og-themes/OgNavy.tsx
new file mode 100644
index 000000000..6d11f219f
--- /dev/null
+++ b/src/assets/og-themes/OgNavy.tsx
@@ -0,0 +1,92 @@
+import { SITE } from "@config";
+
+const ogImage = (text: string) => {
+  return (
+    <div
+      style={{
+        background: "#141e30",
+        backgroundImage: "linear-gradient(to top, #141e30, #243b55)", // navy seal
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          // border: "4px solid #000",
+          background: "transparent",
+          borderRadius: "4px",
+          display: "flex",
+          justifyContent: "center",
+          width: "80%",
+          height: "85%",
+        }}
+      >
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            margin: "20px",
+            background: "transparent",
+            width: "100%",
+            height: "95%",
+          }}
+        >
+          <p
+            style={{
+              fontSize: 80,
+              fontWeight: "bold",
+              color: "#fefbfb",
+              maxHeight: "84%",
+              overflow: "hidden",
+            }}
+          >
+            {text}
+          </p>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+              width: "100%",
+              marginBottom: "14px",
+              fontSize: 32,
+              color: "#fefbfb",
+            }}
+          >
+            <span>
+              by{" "}
+              <span
+                style={{
+                  color: "transparent",
+                }}
+              >
+                "
+              </span>
+              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+                {SITE.author}
+              </span>
+            </span>
+
+            <div
+              style={{
+                overflow: "hidden",
+                fontWeight: "bold",
+              }}
+            >
+              {SITE.title}
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        style={{ background: "#243b55", height: "15%", width: "100%" }}
+      ></div>
+    </div>
+  );
+};
+
+export default ogImage;
diff --git a/src/utils/generateOgImage.tsx b/src/utils/generateOgImage.tsx
index 67ecac189..019611f0c 100644
--- a/src/utils/generateOgImage.tsx
+++ b/src/utils/generateOgImage.tsx
@@ -1,5 +1,6 @@
 import satori, { SatoriOptions } from "satori";
 import { SITE } from "@config";
+import ogImage from "@assets/og-themes/OgNavy";
 
 const fetchFonts = async () => {
   // Regular Font
@@ -19,91 +20,6 @@ const fetchFonts = async () => {
 
 const { fontRegular, fontBold } = await fetchFonts();
 
-const ogImage = (text: string) => {
-  return (
-    <div
-      style={{
-        background: "#fefbfb",
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-      }}
-    >
-      <div
-        style={{
-          border: "4px solid #000",
-          background: "#fefbfb",
-          // boxShadow:
-          //   " 0px 30px 60px -12px inset rgba(50, 50, 93, 0.25), 0px 18px 36px -18px inset rgba(0, 0, 0, 0.3)",
-          // boxShadow:
-          //   "3px 3px 6px 0px inset rgb(204, 219, 232) ,  -3px -3px 6px 1px inset rgba(255, 255, 255, 0.5)",
-          // boxShadow:
-          //   "0px 2px 4px rgba(0, 0, 0, 0.4) ,  0px 7px 13px -3px rgba(0, 0, 0, 0.3),  0px -3px 0px inset rgba(0, 0, 0, 0.2)",
-          boxShadow: "24px 26px 8px 0px #ccc ",
-          borderRadius: "4px",
-          display: "flex",
-          justifyContent: "center",
-          margin: "2rem",
-          width: "85%",
-          height: "77%",
-        }}
-      >
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "space-between",
-            margin: "20px",
-            width: "90%",
-            height: "90%",
-          }}
-        >
-          <p
-            style={{
-              fontSize: 64,
-              fontWeight: "bold",
-              color: "#006cac",
-              maxHeight: "84%",
-              overflow: "hidden",
-            }}
-          >
-            {text}
-          </p>
-          <div
-            style={{
-              display: "flex",
-              justifyContent: "space-between",
-              width: "100%",
-              marginBottom: "8px",
-              fontSize: 28,
-            }}
-          >
-            <span>
-              by{" "}
-              <span
-                style={{
-                  color: "#fefbfb",
-                }}
-              >
-                "
-              </span>
-              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
-                {SITE.author}
-              </span>
-            </span>
-
-            <span style={{ overflow: "hidden", fontWeight: "bold" }}>
-              {SITE.title}
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
 const options: SatoriOptions = {
   width: 1200,
   height: 630,

From f3b7f17409263a89fa6a51ff7b3ca738d72d0563 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Mon, 26 Dec 2022 23:30:46 +0630
Subject: [PATCH 08/13] fix: remove bg from the div

---
 src/assets/og-themes/OgNavy.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/og-themes/OgNavy.tsx b/src/assets/og-themes/OgNavy.tsx
index 6d11f219f..7ca046cf4 100644
--- a/src/assets/og-themes/OgNavy.tsx
+++ b/src/assets/og-themes/OgNavy.tsx
@@ -17,7 +17,7 @@ const ogImage = (text: string) => {
       <div
         style={{
           // border: "4px solid #000",
-          background: "transparent",
+          // background: "transparent",
           borderRadius: "4px",
           display: "flex",
           justifyContent: "center",
@@ -31,7 +31,7 @@ const ogImage = (text: string) => {
             flexDirection: "column",
             justifyContent: "space-between",
             margin: "20px",
-            background: "transparent",
+            // background: "transparent",
             width: "100%",
             height: "95%",
           }}

From 7e9007f58830147dfa53fb0a24adb92763054e5f Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Tue, 27 Dec 2022 00:41:15 +0630
Subject: [PATCH 09/13] fix: update original auto-generate og image style

---
 src/assets/og-themes/OgDevTo.tsx | 29 +++++++++++++++++++++++------
 src/utils/generateOgImage.tsx    |  2 +-
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/assets/og-themes/OgDevTo.tsx b/src/assets/og-themes/OgDevTo.tsx
index e077b916c..8fe142506 100644
--- a/src/assets/og-themes/OgDevTo.tsx
+++ b/src/assets/og-themes/OgDevTo.tsx
@@ -12,17 +12,35 @@ const ogImage = (text: string) => {
         justifyContent: "center",
       }}
     >
+      <div
+        style={{
+          position: "absolute",
+          top: "-1px",
+          right: "-1px",
+          border: "4px solid #000",
+          background: "#ecebeb",
+          opacity: "0.9",
+          // filter: "blur(10px)",
+          borderRadius: "4px",
+          display: "flex",
+          justifyContent: "center",
+          margin: "2.5rem",
+          width: "88%",
+          height: "80%",
+        }}
+      />
+
       <div
         style={{
           border: "4px solid #000",
           background: "#fefbfb",
-          boxShadow: "24px 26px 8px 0px #ccc ",
+          // boxShadow: "24px 26px 8px 0px #ccc ",
           borderRadius: "4px",
           display: "flex",
           justifyContent: "center",
           margin: "2rem",
-          width: "85%",
-          height: "77%",
+          width: "88%",
+          height: "80%",
         }}
       >
         <div
@@ -37,9 +55,8 @@ const ogImage = (text: string) => {
         >
           <p
             style={{
-              fontSize: 64,
+              fontSize: 72,
               fontWeight: "bold",
-              color: "#006cac",
               maxHeight: "84%",
               overflow: "hidden",
             }}
@@ -59,7 +76,7 @@ const ogImage = (text: string) => {
               by{" "}
               <span
                 style={{
-                  color: "#fefbfb",
+                  color: "transparent",
                 }}
               >
                 "
diff --git a/src/utils/generateOgImage.tsx b/src/utils/generateOgImage.tsx
index 019611f0c..b4f4625f2 100644
--- a/src/utils/generateOgImage.tsx
+++ b/src/utils/generateOgImage.tsx
@@ -1,6 +1,6 @@
 import satori, { SatoriOptions } from "satori";
 import { SITE } from "@config";
-import ogImage from "@assets/og-themes/OgNavy";
+import ogImage from "@assets/og-themes/OgDevTo";
 
 const fetchFonts = async () => {
   // Regular Font

From 006b3e4eb88d79380b804dcefa8238691ee49426 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Tue, 27 Dec 2022 23:26:18 +0630
Subject: [PATCH 10/13] refactor: move ogImage jsx inside generateOgImage

Move ogImage component into generateOgImage.tsx file. Delete unnecessary og assets under src
directory.
---
 src/assets/og-themes/OgDevTo.tsx | 99 --------------------------------
 src/assets/og-themes/OgNavy.tsx  | 92 -----------------------------
 src/utils/generateOgImage.tsx    | 97 ++++++++++++++++++++++++++++++-
 3 files changed, 96 insertions(+), 192 deletions(-)
 delete mode 100644 src/assets/og-themes/OgDevTo.tsx
 delete mode 100644 src/assets/og-themes/OgNavy.tsx

diff --git a/src/assets/og-themes/OgDevTo.tsx b/src/assets/og-themes/OgDevTo.tsx
deleted file mode 100644
index 8fe142506..000000000
--- a/src/assets/og-themes/OgDevTo.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { SITE } from "@config";
-
-const ogImage = (text: string) => {
-  return (
-    <div
-      style={{
-        background: "#fefbfb",
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-      }}
-    >
-      <div
-        style={{
-          position: "absolute",
-          top: "-1px",
-          right: "-1px",
-          border: "4px solid #000",
-          background: "#ecebeb",
-          opacity: "0.9",
-          // filter: "blur(10px)",
-          borderRadius: "4px",
-          display: "flex",
-          justifyContent: "center",
-          margin: "2.5rem",
-          width: "88%",
-          height: "80%",
-        }}
-      />
-
-      <div
-        style={{
-          border: "4px solid #000",
-          background: "#fefbfb",
-          // boxShadow: "24px 26px 8px 0px #ccc ",
-          borderRadius: "4px",
-          display: "flex",
-          justifyContent: "center",
-          margin: "2rem",
-          width: "88%",
-          height: "80%",
-        }}
-      >
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "space-between",
-            margin: "20px",
-            width: "90%",
-            height: "90%",
-          }}
-        >
-          <p
-            style={{
-              fontSize: 72,
-              fontWeight: "bold",
-              maxHeight: "84%",
-              overflow: "hidden",
-            }}
-          >
-            {text}
-          </p>
-          <div
-            style={{
-              display: "flex",
-              justifyContent: "space-between",
-              width: "100%",
-              marginBottom: "8px",
-              fontSize: 28,
-            }}
-          >
-            <span>
-              by{" "}
-              <span
-                style={{
-                  color: "transparent",
-                }}
-              >
-                "
-              </span>
-              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
-                {SITE.author}
-              </span>
-            </span>
-
-            <span style={{ overflow: "hidden", fontWeight: "bold" }}>
-              {SITE.title}
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default ogImage;
diff --git a/src/assets/og-themes/OgNavy.tsx b/src/assets/og-themes/OgNavy.tsx
deleted file mode 100644
index 7ca046cf4..000000000
--- a/src/assets/og-themes/OgNavy.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { SITE } from "@config";
-
-const ogImage = (text: string) => {
-  return (
-    <div
-      style={{
-        background: "#141e30",
-        backgroundImage: "linear-gradient(to top, #141e30, #243b55)", // navy seal
-        width: "100%",
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-      }}
-    >
-      <div
-        style={{
-          // border: "4px solid #000",
-          // background: "transparent",
-          borderRadius: "4px",
-          display: "flex",
-          justifyContent: "center",
-          width: "80%",
-          height: "85%",
-        }}
-      >
-        <div
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "space-between",
-            margin: "20px",
-            // background: "transparent",
-            width: "100%",
-            height: "95%",
-          }}
-        >
-          <p
-            style={{
-              fontSize: 80,
-              fontWeight: "bold",
-              color: "#fefbfb",
-              maxHeight: "84%",
-              overflow: "hidden",
-            }}
-          >
-            {text}
-          </p>
-          <div
-            style={{
-              display: "flex",
-              justifyContent: "space-between",
-              width: "100%",
-              marginBottom: "14px",
-              fontSize: 32,
-              color: "#fefbfb",
-            }}
-          >
-            <span>
-              by{" "}
-              <span
-                style={{
-                  color: "transparent",
-                }}
-              >
-                "
-              </span>
-              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
-                {SITE.author}
-              </span>
-            </span>
-
-            <div
-              style={{
-                overflow: "hidden",
-                fontWeight: "bold",
-              }}
-            >
-              {SITE.title}
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        style={{ background: "#243b55", height: "15%", width: "100%" }}
-      ></div>
-    </div>
-  );
-};
-
-export default ogImage;
diff --git a/src/utils/generateOgImage.tsx b/src/utils/generateOgImage.tsx
index b4f4625f2..ee6d8f6b1 100644
--- a/src/utils/generateOgImage.tsx
+++ b/src/utils/generateOgImage.tsx
@@ -1,6 +1,5 @@
 import satori, { SatoriOptions } from "satori";
 import { SITE } from "@config";
-import ogImage from "@assets/og-themes/OgDevTo";
 
 const fetchFonts = async () => {
   // Regular Font
@@ -20,6 +19,102 @@ const fetchFonts = async () => {
 
 const { fontRegular, fontBold } = await fetchFonts();
 
+const ogImage = (text: string) => {
+  return (
+    <div
+      style={{
+        background: "#fefbfb",
+        width: "100%",
+        height: "100%",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+      }}
+    >
+      <div
+        style={{
+          position: "absolute",
+          top: "-1px",
+          right: "-1px",
+          border: "4px solid #000",
+          background: "#ecebeb",
+          opacity: "0.9",
+          // filter: "blur(10px)",
+          borderRadius: "4px",
+          display: "flex",
+          justifyContent: "center",
+          margin: "2.5rem",
+          width: "88%",
+          height: "80%",
+        }}
+      />
+
+      <div
+        style={{
+          border: "4px solid #000",
+          background: "#fefbfb",
+          // boxShadow: "24px 26px 8px 0px #ccc ",
+          borderRadius: "4px",
+          display: "flex",
+          justifyContent: "center",
+          margin: "2rem",
+          width: "88%",
+          height: "80%",
+        }}
+      >
+        <div
+          style={{
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            margin: "20px",
+            width: "90%",
+            height: "90%",
+          }}
+        >
+          <p
+            style={{
+              fontSize: 72,
+              fontWeight: "bold",
+              maxHeight: "84%",
+              overflow: "hidden",
+            }}
+          >
+            {text}
+          </p>
+          <div
+            style={{
+              display: "flex",
+              justifyContent: "space-between",
+              width: "100%",
+              marginBottom: "8px",
+              fontSize: 28,
+            }}
+          >
+            <span>
+              by{" "}
+              <span
+                style={{
+                  color: "transparent",
+                }}
+              >
+                "
+              </span>
+              <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+                {SITE.author}
+              </span>
+            </span>
+
+            <span style={{ overflow: "hidden", fontWeight: "bold" }}>
+              {SITE.title}
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
 const options: SatoriOptions = {
   width: 1200,
   height: 630,

From 56b1462323ebd9f029e638a687f6fd66ffef9987 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Tue, 27 Dec 2022 23:40:35 +0630
Subject: [PATCH 11/13] fix: add conditions for filtering draft posts &
 ogImages

---
 src/pages/[ogTitle].svg.ts | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/pages/[ogTitle].svg.ts b/src/pages/[ogTitle].svg.ts
index 3bcbc2943..2fa08e28e 100644
--- a/src/pages/[ogTitle].svg.ts
+++ b/src/pages/[ogTitle].svg.ts
@@ -2,11 +2,9 @@ import type { APIRoute, MarkdownInstance } from "astro";
 import generateOgImage from "@utils/generateOgImage";
 import type { Frontmatter } from "@types";
 
-export const get: APIRoute = async ({ params }) => {
-  return {
-    body: await generateOgImage(params.ogTitle),
-  };
-};
+export const get: APIRoute = async ({ params }) => ({
+  body: await generateOgImage(params.ogTitle),
+});
 
 const postImportResult = import.meta.glob<MarkdownInstance<Frontmatter>>(
   "../contents/**/**/*.md",
@@ -17,7 +15,10 @@ const postImportResult = import.meta.glob<MarkdownInstance<Frontmatter>>(
 const posts = Object.values(postImportResult);
 
 export function getStaticPaths() {
-  return posts.map(post => ({
-    params: { ogTitle: post.frontmatter.title },
-  }));
+  return posts
+    .filter(({ frontmatter }) => !frontmatter.draft)
+    .filter(({ frontmatter }) => !frontmatter.ogImage)
+    .map(({ frontmatter }) => ({
+      params: { ogTitle: frontmatter.title },
+    }));
 }

From ad9f77579f9f573b7205c5e881c542b998da0020 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Wed, 28 Dec 2022 00:02:23 +0630
Subject: [PATCH 12/13] build: update minor and major dependency updates

---
 package-lock.json | 399 +++++++++++++++++++++++-----------------------
 package.json      |   4 +-
 2 files changed, 201 insertions(+), 202 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 8da257cd2..888c471e7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "1.3.0",
       "dependencies": {
         "@astrojs/rss": "^1.0.3",
-        "astro": "^1.6.13",
+        "astro": "^1.8.0",
         "fuse.js": "^6.6.2",
         "github-slugger": "^2.0.0",
         "remark-collapse": "^0.1.2",
@@ -28,7 +28,7 @@
         "cz-conventional-changelog": "^3.3.0",
         "husky": "^8.0.2",
         "lint-staged": "^13.1.0",
-        "prettier": "^2.8.0",
+        "prettier": "^2.8.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
       }
@@ -73,9 +73,9 @@
       }
     },
     "node_modules/@astrojs/markdown-remark": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.1.3.tgz",
-      "integrity": "sha512-6MDuQXbrp2fZBYBIqD+0jvSqYAukiMTte6oLNHiEYsLf3KIMlVAZj6dDgUJakgL7cQ4fmzWb0HUqzVpxAsasLw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.2.0.tgz",
+      "integrity": "sha512-Cb+uhSuukyfERknfJ8K4iJLeKJaiZWi1BTwPS4fzw0bc9kGKe5VeTRzd2E25+vaMnRTk0tN/y6QfYEMMN3Q97g==",
       "dependencies": {
         "@astrojs/micromark-extension-mdx-jsx": "^1.0.3",
         "@astrojs/prism": "^1.0.0",
@@ -125,9 +125,9 @@
       }
     },
     "node_modules/@astrojs/prism": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-1.0.1.tgz",
-      "integrity": "sha512-HxEFslvbv+cfOs51q/C7aMVFuW3EAGg0d1xXU/0e/QeScDzfrp5Ra4SOb8mV082SgENVjtVvet4zR84t3at4VQ==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-1.0.2.tgz",
+      "integrity": "sha512-o3cUVoAuALDqdN5puNlsN2eO4Yi1kDh68YO8V7o6U4Ts+J/mMayzlJ7JsgYAmob0xrf/XnADVgu8khfMv/w3uA==",
       "dependencies": {
         "prismjs": "^1.28.0"
       },
@@ -1234,9 +1234,9 @@
       "integrity": "sha512-E1OCmDcDWa0Ya7vtSjp/XfHFGqYJfh+YPC1RkATU71fTac+j1JjCcB3qwSzmlKAighx2WxhLlfhS0RwAN++PFQ=="
     },
     "node_modules/acorn": {
-      "version": "8.8.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
-      "integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==",
+      "version": "8.8.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
+      "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1439,9 +1439,9 @@
       }
     },
     "node_modules/array-iterate": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-1.1.4.tgz",
-      "integrity": "sha512-sNRaPGh9nnmdC8Zf+pT3UqP8rnWj5Hf9wiFGsX3wUQ2yVSIhO2ShFwCoceIPpB41QF6i2OEmrHmCo36xronCVA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz",
+      "integrity": "sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -1468,13 +1468,13 @@
       }
     },
     "node_modules/astro": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-1.6.13.tgz",
-      "integrity": "sha512-26Ip+7iCdHiK4FQokEWNYTcVDkJ76KLwlzUsuzLck8QBiUFQQUm9fs5nITHDI06k1EYfODYPH81xqZavXlC3Hg==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-1.8.0.tgz",
+      "integrity": "sha512-MZIJveOC1OCIA0w2XmxjDtKviAEuYdF142DVq0VApInE1lm+CvAoyMgJs0a1h4mydD2vgQZpTjPhYKJIdxDjOA==",
       "dependencies": {
-        "@astrojs/compiler": "^0.29.15",
+        "@astrojs/compiler": "^0.31.0",
         "@astrojs/language-server": "^0.28.3",
-        "@astrojs/markdown-remark": "^1.1.3",
+        "@astrojs/markdown-remark": "^1.2.0",
         "@astrojs/telemetry": "^1.0.1",
         "@astrojs/webapi": "^1.1.1",
         "@babel/core": "^7.18.2",
@@ -1488,14 +1488,17 @@
         "@types/babel__core": "^7.1.19",
         "@types/html-escaper": "^3.0.0",
         "@types/yargs-parser": "^21.0.0",
+        "acorn": "^8.8.1",
         "boxen": "^6.2.1",
         "ci-info": "^3.3.1",
         "common-ancestor-path": "^1.0.1",
         "cookie": "^0.5.0",
         "debug": "^4.3.4",
         "deepmerge-ts": "^4.2.2",
+        "devalue": "^4.2.0",
         "diff": "^5.1.0",
-        "es-module-lexer": "^0.10.5",
+        "es-module-lexer": "^1.1.0",
+        "estree-walker": "^3.0.1",
         "execa": "^6.1.0",
         "fast-glob": "^3.2.11",
         "github-slugger": "^1.4.0",
@@ -1504,7 +1507,7 @@
         "html-escaper": "^3.0.3",
         "import-meta-resolve": "^2.1.0",
         "kleur": "^4.1.4",
-        "magic-string": "^0.25.9",
+        "magic-string": "^0.27.0",
         "mime": "^3.0.0",
         "ora": "^6.1.0",
         "path-browserify": "^1.0.1",
@@ -1541,6 +1544,11 @@
         "npm": ">=6.14.0"
       }
     },
+    "node_modules/astro/node_modules/@astrojs/compiler": {
+      "version": "0.31.3",
+      "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.31.3.tgz",
+      "integrity": "sha512-WbA05QH5xkdaJ3XtzDuYOjtqsip2InW5rk156sSdaHs5qN2NroUHbzWZthHJwmNAAjQSGXVIj+O6jQj81zzX/Q=="
+    },
     "node_modules/astro/node_modules/github-slugger": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
@@ -2409,6 +2417,11 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/devalue": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.2.0.tgz",
+      "integrity": "sha512-mbjoAaCL2qogBKgeFxFPOXAUsZchircF+B/79LD4sHH0+NHfYm8gZpQrskKDn5gENGt35+5OI1GUF7hLVnkPDw=="
+    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -2470,9 +2483,9 @@
       }
     },
     "node_modules/es-module-lexer": {
-      "version": "0.10.5",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.10.5.tgz",
-      "integrity": "sha512-+7IwY/kiGAacQfY+YBhKMvEmyAJnw5grTUgjG85Pe7vcUI/6b7pZjZG8nQ7+48YhzEAEqrEgD2dCz/JIK+AYvw=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.1.0.tgz",
+      "integrity": "sha512-fJg+1tiyEeS8figV+fPcPpm8WqJEflG3yPU0NOm5xMvrNkuiy7HzX/Ljng4Y0hAoiw4/3hQTCFYw+ub8+a2pRA=="
     },
     "node_modules/es6-error": {
       "version": "4.1.1",
@@ -2864,6 +2877,11 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/estree-walker": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
+      "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+    },
     "node_modules/events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -3479,9 +3497,9 @@
       }
     },
     "node_modules/hast-util-raw": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.2.tgz",
-      "integrity": "sha512-0x3BhhdlBcqRIKyc095lBSDvmQNMY3Eulj2PLsT5XCyKYrxssI5yr3P4Kv/PBo1s/DMkZy2voGkMXECnFCZRLQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz",
+      "integrity": "sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==",
       "dependencies": {
         "@types/hast": "^2.0.0",
         "@types/parse5": "^6.0.0",
@@ -3676,9 +3694,9 @@
       }
     },
     "node_modules/import-meta-resolve": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.1.0.tgz",
-      "integrity": "sha512-yG9pxkWJVTy4cmRsNWE3ztFdtFuYIV8G4N+cbCkO8b+qngkLyIUhxQFuZ0qJm67+0nUOxjMPT7nfksPKza1v2g==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.0.tgz",
+      "integrity": "sha512-CpPOtiCHxP9HdtDM5F45tNiAe66Cqlv3f5uHoJjt+KlaLrUh9/Wz9vepADZ78SlqEo62aDWZtj9ydMGXV+CPnw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -4762,9 +4780,9 @@
       }
     },
     "node_modules/longest-streak": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.0.1.tgz",
-      "integrity": "sha512-cHlYSUpL2s7Fb3394mYxwTYj8niTaNHUCLr0qdiCXQfSjfuA7CKofpX2uSwEfFDQ0EB7JcnMnm+GjbqqoinYYg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -4794,11 +4812,14 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
-      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
       "dependencies": {
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.13"
+      },
+      "engines": {
+        "node": ">=12"
       }
     },
     "node_modules/make-error": {
@@ -4808,9 +4829,9 @@
       "optional": true
     },
     "node_modules/markdown-table": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.2.tgz",
-      "integrity": "sha512-y8j3a5/DkJCmS5x4dMCQL+OR0+2EAq3DOtio1COSHsmW2BGXnNCK3v12hJt1LrUz5iZH5g0LmuYOjDdI+czghA==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz",
+      "integrity": "sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -4948,9 +4969,9 @@
       }
     },
     "node_modules/mdast-util-gfm-strikethrough": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.1.tgz",
-      "integrity": "sha512-zKJbEPe+JP6EUv0mZ0tQUyLQOC+FADt0bARldONot/nefuISkaZFlmVK4tU6JgfyZGrky02m/I6PmehgAgZgqg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.2.tgz",
+      "integrity": "sha512-T/4DVHXcujH6jx1yqpcAYYwd+z5lAYMw4Ls6yhTfbMMtCt0PHY4gEfhW9+lKsLBtyhUGKRIzcUA2FATVqnvPDA==",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "mdast-util-to-markdown": "^1.3.0"
@@ -5073,9 +5094,9 @@
       }
     },
     "node_modules/mdast-util-to-markdown": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.3.0.tgz",
-      "integrity": "sha512-6tUSs4r+KK4JGTTiQ7FfHmVOaDrLQJPmpjD6wPMlHGUVXoG9Vjc3jIeP+uyBWRf8clwB2blM+W7+KrlMYQnftA==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.4.0.tgz",
+      "integrity": "sha512-IjXARf/O8VGx/pc5SZ7syfydq1DYL9vd92orsG5U0b4GNCmAvXzu+n7sbzfIKrXwB0AVrYk3NV2kXl0AIi9LCA==",
       "dependencies": {
         "@types/mdast": "^3.0.0",
         "@types/unist": "^2.0.0",
@@ -5881,9 +5902,12 @@
       }
     },
     "node_modules/nlcst-to-string": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-2.0.4.tgz",
-      "integrity": "sha512-3x3jwTd6UPG7vi5k4GEzvxJ5rDA7hVUIRNHPblKuMVP9Z3xmlsd9cgLcpAMkc5uPOBna82EeshROFhsPkbnTZg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.0.tgz",
+      "integrity": "sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==",
+      "dependencies": {
+        "@types/nlcst": "^1.0.0"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -6245,13 +6269,13 @@
       }
     },
     "node_modules/parse-latin": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.0.tgz",
-      "integrity": "sha512-Ht+4/+AUySMS5HKGAiQpBmkFsHSoGrj6Y83flLCa5OIBdtsVkO3UD4OtboJ0O0vZiOznH02x8qlwg9KLUVXuNg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.1.tgz",
+      "integrity": "sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==",
       "dependencies": {
-        "nlcst-to-string": "^2.0.0",
-        "unist-util-modify-children": "^2.0.0",
-        "unist-util-visit-children": "^1.0.0"
+        "nlcst-to-string": "^3.0.0",
+        "unist-util-modify-children": "^3.0.0",
+        "unist-util-visit-children": "^2.0.0"
       },
       "funding": {
         "type": "github",
@@ -6552,9 +6576,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz",
-      "integrity": "sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.1.tgz",
+      "integrity": "sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==",
       "bin": {
         "prettier": "bin-prettier.js"
       },
@@ -7027,18 +7051,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/retext-smartypants/node_modules/nlcst-to-string": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.0.tgz",
-      "integrity": "sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==",
-      "dependencies": {
-        "@types/nlcst": "^1.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/retext-stringify": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/retext-stringify/-/retext-stringify-3.1.0.tgz",
@@ -7053,18 +7065,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/retext-stringify/node_modules/nlcst-to-string": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.0.tgz",
-      "integrity": "sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==",
-      "dependencies": {
-        "@types/nlcst": "^1.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/unified"
-      }
-    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
@@ -7428,11 +7428,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
-    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz",
@@ -7882,9 +7877,9 @@
       }
     },
     "node_modules/unherit": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/unherit/-/unherit-3.0.0.tgz",
-      "integrity": "sha512-UmvIQZGEc9qdLIQ8mv8/61n6PiMgfbOoASPKHpCvII5srShCQSa6jSjBjlZOR4bxt2XnT6uo6csmPKRi+zQ0Jg==",
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz",
+      "integrity": "sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -7951,11 +7946,12 @@
       }
     },
     "node_modules/unist-util-modify-children": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-2.0.0.tgz",
-      "integrity": "sha512-HGrj7JQo9DwZt8XFsX8UD4gGqOsIlCih9opG6Y+N11XqkBGKzHo8cvDi+MfQQgiZ7zXRUiQREYHhjOBHERTMdg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-3.1.0.tgz",
+      "integrity": "sha512-L0UizdncPZ1NIwpmkwFdLo2NaK2Eb5LU/vaQ7lZGkAaOBZfsHp+8T/gVWPVmmMO1hj6gc+XeMoytut8jr7fdyA==",
       "dependencies": {
-        "array-iterate": "^1.0.0"
+        "@types/unist": "^2.0.0",
+        "array-iterate": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
@@ -8026,9 +8022,12 @@
       }
     },
     "node_modules/unist-util-visit-children": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-1.1.4.tgz",
-      "integrity": "sha512-sA/nXwYRCQVRwZU2/tQWUqJ9JSFM1X3x7JIOsIgSzrFHcfVt6NkzDtKzyxg2cZWkCwGF9CO8x4QNZRJRMK8FeQ==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-2.0.1.tgz",
+      "integrity": "sha512-2cEU3dhV1hMfO9ajwb8rJsDedMfsahsm6fCfR8LxDR/w7KcB5lzHQ9dBTQIXsWGNWBFH5MPmaFP3Xh0dWLqClQ==",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
@@ -8638,9 +8637,9 @@
       "integrity": "sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng=="
     },
     "node_modules/vscode-oniguruma": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.6.2.tgz",
-      "integrity": "sha512-KH8+KKov5eS/9WhofZR8M8dMHWN2gTxjMsG4jd04YhpbPR91fUj7rYQ2/XjeHCJWbg7X++ApRIU9NUwM2vTvLA=="
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz",
+      "integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA=="
     },
     "node_modules/vscode-textmate": {
       "version": "6.0.0",
@@ -8836,9 +8835,9 @@
       }
     },
     "node_modules/zwitch": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
-      "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA==",
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
       "funding": {
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
@@ -8880,9 +8879,9 @@
       }
     },
     "@astrojs/markdown-remark": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.1.3.tgz",
-      "integrity": "sha512-6MDuQXbrp2fZBYBIqD+0jvSqYAukiMTte6oLNHiEYsLf3KIMlVAZj6dDgUJakgL7cQ4fmzWb0HUqzVpxAsasLw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-1.2.0.tgz",
+      "integrity": "sha512-Cb+uhSuukyfERknfJ8K4iJLeKJaiZWi1BTwPS4fzw0bc9kGKe5VeTRzd2E25+vaMnRTk0tN/y6QfYEMMN3Q97g==",
       "requires": {
         "@astrojs/micromark-extension-mdx-jsx": "^1.0.3",
         "@astrojs/prism": "^1.0.0",
@@ -8934,9 +8933,9 @@
       }
     },
     "@astrojs/prism": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-1.0.1.tgz",
-      "integrity": "sha512-HxEFslvbv+cfOs51q/C7aMVFuW3EAGg0d1xXU/0e/QeScDzfrp5Ra4SOb8mV082SgENVjtVvet4zR84t3at4VQ==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-1.0.2.tgz",
+      "integrity": "sha512-o3cUVoAuALDqdN5puNlsN2eO4Yi1kDh68YO8V7o6U4Ts+J/mMayzlJ7JsgYAmob0xrf/XnADVgu8khfMv/w3uA==",
       "requires": {
         "prismjs": "^1.28.0"
       }
@@ -9825,9 +9824,9 @@
       "integrity": "sha512-E1OCmDcDWa0Ya7vtSjp/XfHFGqYJfh+YPC1RkATU71fTac+j1JjCcB3qwSzmlKAighx2WxhLlfhS0RwAN++PFQ=="
     },
     "acorn": {
-      "version": "8.8.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
-      "integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w=="
+      "version": "8.8.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
+      "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA=="
     },
     "acorn-jsx": {
       "version": "5.3.2",
@@ -9976,9 +9975,9 @@
       }
     },
     "array-iterate": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-1.1.4.tgz",
-      "integrity": "sha512-sNRaPGh9nnmdC8Zf+pT3UqP8rnWj5Hf9wiFGsX3wUQ2yVSIhO2ShFwCoceIPpB41QF6i2OEmrHmCo36xronCVA=="
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/array-iterate/-/array-iterate-2.0.1.tgz",
+      "integrity": "sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg=="
     },
     "ast-types": {
       "version": "0.14.2",
@@ -9995,13 +9994,13 @@
       "dev": true
     },
     "astro": {
-      "version": "1.6.13",
-      "resolved": "https://registry.npmjs.org/astro/-/astro-1.6.13.tgz",
-      "integrity": "sha512-26Ip+7iCdHiK4FQokEWNYTcVDkJ76KLwlzUsuzLck8QBiUFQQUm9fs5nITHDI06k1EYfODYPH81xqZavXlC3Hg==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/astro/-/astro-1.8.0.tgz",
+      "integrity": "sha512-MZIJveOC1OCIA0w2XmxjDtKviAEuYdF142DVq0VApInE1lm+CvAoyMgJs0a1h4mydD2vgQZpTjPhYKJIdxDjOA==",
       "requires": {
-        "@astrojs/compiler": "^0.29.15",
+        "@astrojs/compiler": "^0.31.0",
         "@astrojs/language-server": "^0.28.3",
-        "@astrojs/markdown-remark": "^1.1.3",
+        "@astrojs/markdown-remark": "^1.2.0",
         "@astrojs/telemetry": "^1.0.1",
         "@astrojs/webapi": "^1.1.1",
         "@babel/core": "^7.18.2",
@@ -10015,14 +10014,17 @@
         "@types/babel__core": "^7.1.19",
         "@types/html-escaper": "^3.0.0",
         "@types/yargs-parser": "^21.0.0",
+        "acorn": "^8.8.1",
         "boxen": "^6.2.1",
         "ci-info": "^3.3.1",
         "common-ancestor-path": "^1.0.1",
         "cookie": "^0.5.0",
         "debug": "^4.3.4",
         "deepmerge-ts": "^4.2.2",
+        "devalue": "^4.2.0",
         "diff": "^5.1.0",
-        "es-module-lexer": "^0.10.5",
+        "es-module-lexer": "^1.1.0",
+        "estree-walker": "^3.0.1",
         "execa": "^6.1.0",
         "fast-glob": "^3.2.11",
         "github-slugger": "^1.4.0",
@@ -10031,7 +10033,7 @@
         "html-escaper": "^3.0.3",
         "import-meta-resolve": "^2.1.0",
         "kleur": "^4.1.4",
-        "magic-string": "^0.25.9",
+        "magic-string": "^0.27.0",
         "mime": "^3.0.0",
         "ora": "^6.1.0",
         "path-browserify": "^1.0.1",
@@ -10061,6 +10063,11 @@
         "zod": "^3.17.3"
       },
       "dependencies": {
+        "@astrojs/compiler": {
+          "version": "0.31.3",
+          "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-0.31.3.tgz",
+          "integrity": "sha512-WbA05QH5xkdaJ3XtzDuYOjtqsip2InW5rk156sSdaHs5qN2NroUHbzWZthHJwmNAAjQSGXVIj+O6jQj81zzX/Q=="
+        },
         "github-slugger": {
           "version": "1.5.0",
           "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.5.0.tgz",
@@ -10634,6 +10641,11 @@
         "minimist": "^1.2.6"
       }
     },
+    "devalue": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/devalue/-/devalue-4.2.0.tgz",
+      "integrity": "sha512-mbjoAaCL2qogBKgeFxFPOXAUsZchircF+B/79LD4sHH0+NHfYm8gZpQrskKDn5gENGt35+5OI1GUF7hLVnkPDw=="
+    },
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -10689,9 +10701,9 @@
       }
     },
     "es-module-lexer": {
-      "version": "0.10.5",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.10.5.tgz",
-      "integrity": "sha512-+7IwY/kiGAacQfY+YBhKMvEmyAJnw5grTUgjG85Pe7vcUI/6b7pZjZG8nQ7+48YhzEAEqrEgD2dCz/JIK+AYvw=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.1.0.tgz",
+      "integrity": "sha512-fJg+1tiyEeS8figV+fPcPpm8WqJEflG3yPU0NOm5xMvrNkuiy7HzX/Ljng4Y0hAoiw4/3hQTCFYw+ub8+a2pRA=="
     },
     "es6-error": {
       "version": "4.1.1",
@@ -10875,6 +10887,11 @@
         "@types/unist": "^2.0.0"
       }
     },
+    "estree-walker": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.1.tgz",
+      "integrity": "sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g=="
+    },
     "events": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
@@ -11324,9 +11341,9 @@
       }
     },
     "hast-util-raw": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.2.tgz",
-      "integrity": "sha512-0x3BhhdlBcqRIKyc095lBSDvmQNMY3Eulj2PLsT5XCyKYrxssI5yr3P4Kv/PBo1s/DMkZy2voGkMXECnFCZRLQ==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-7.2.3.tgz",
+      "integrity": "sha512-RujVQfVsOrxzPOPSzZFiwofMArbQke6DJjnFfceiEbFh7S05CbPt0cYN+A5YeD3pso0JQk6O1aHBnx9+Pm2uqg==",
       "requires": {
         "@types/hast": "^2.0.0",
         "@types/parse5": "^6.0.0",
@@ -11458,9 +11475,9 @@
       }
     },
     "import-meta-resolve": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.1.0.tgz",
-      "integrity": "sha512-yG9pxkWJVTy4cmRsNWE3ztFdtFuYIV8G4N+cbCkO8b+qngkLyIUhxQFuZ0qJm67+0nUOxjMPT7nfksPKza1v2g=="
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-2.2.0.tgz",
+      "integrity": "sha512-CpPOtiCHxP9HdtDM5F45tNiAe66Cqlv3f5uHoJjt+KlaLrUh9/Wz9vepADZ78SlqEo62aDWZtj9ydMGXV+CPnw=="
     },
     "indent-string": {
       "version": "4.0.0",
@@ -12218,9 +12235,9 @@
       "dev": true
     },
     "longest-streak": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.0.1.tgz",
-      "integrity": "sha512-cHlYSUpL2s7Fb3394mYxwTYj8niTaNHUCLr0qdiCXQfSjfuA7CKofpX2uSwEfFDQ0EB7JcnMnm+GjbqqoinYYg=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="
     },
     "loose-envify": {
       "version": "1.4.0",
@@ -12240,11 +12257,11 @@
       }
     },
     "magic-string": {
-      "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
-      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.27.0.tgz",
+      "integrity": "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==",
       "requires": {
-        "sourcemap-codec": "^1.4.8"
+        "@jridgewell/sourcemap-codec": "^1.4.13"
       }
     },
     "make-error": {
@@ -12254,9 +12271,9 @@
       "optional": true
     },
     "markdown-table": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.2.tgz",
-      "integrity": "sha512-y8j3a5/DkJCmS5x4dMCQL+OR0+2EAq3DOtio1COSHsmW2BGXnNCK3v12hJt1LrUz5iZH5g0LmuYOjDdI+czghA=="
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.3.tgz",
+      "integrity": "sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw=="
     },
     "matcher": {
       "version": "3.0.0",
@@ -12355,9 +12372,9 @@
       }
     },
     "mdast-util-gfm-strikethrough": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.1.tgz",
-      "integrity": "sha512-zKJbEPe+JP6EUv0mZ0tQUyLQOC+FADt0bARldONot/nefuISkaZFlmVK4tU6JgfyZGrky02m/I6PmehgAgZgqg==",
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-1.0.2.tgz",
+      "integrity": "sha512-T/4DVHXcujH6jx1yqpcAYYwd+z5lAYMw4Ls6yhTfbMMtCt0PHY4gEfhW9+lKsLBtyhUGKRIzcUA2FATVqnvPDA==",
       "requires": {
         "@types/mdast": "^3.0.0",
         "mdast-util-to-markdown": "^1.3.0"
@@ -12452,9 +12469,9 @@
       }
     },
     "mdast-util-to-markdown": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.3.0.tgz",
-      "integrity": "sha512-6tUSs4r+KK4JGTTiQ7FfHmVOaDrLQJPmpjD6wPMlHGUVXoG9Vjc3jIeP+uyBWRf8clwB2blM+W7+KrlMYQnftA==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-1.4.0.tgz",
+      "integrity": "sha512-IjXARf/O8VGx/pc5SZ7syfydq1DYL9vd92orsG5U0b4GNCmAvXzu+n7sbzfIKrXwB0AVrYk3NV2kXl0AIi9LCA==",
       "requires": {
         "@types/mdast": "^3.0.0",
         "@types/unist": "^2.0.0",
@@ -12937,9 +12954,12 @@
       "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
     },
     "nlcst-to-string": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-2.0.4.tgz",
-      "integrity": "sha512-3x3jwTd6UPG7vi5k4GEzvxJ5rDA7hVUIRNHPblKuMVP9Z3xmlsd9cgLcpAMkc5uPOBna82EeshROFhsPkbnTZg=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.0.tgz",
+      "integrity": "sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==",
+      "requires": {
+        "@types/nlcst": "^1.0.0"
+      }
     },
     "node-domexception": {
       "version": "1.0.0",
@@ -13165,13 +13185,13 @@
       }
     },
     "parse-latin": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.0.tgz",
-      "integrity": "sha512-Ht+4/+AUySMS5HKGAiQpBmkFsHSoGrj6Y83flLCa5OIBdtsVkO3UD4OtboJ0O0vZiOznH02x8qlwg9KLUVXuNg==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/parse-latin/-/parse-latin-5.0.1.tgz",
+      "integrity": "sha512-b/K8ExXaWC9t34kKeDV8kGXBkXZ1HCSAZRYE7HR14eA1GlXX5L8iWhs8USJNhQU9q5ci413jCKF0gOyovvyRBg==",
       "requires": {
-        "nlcst-to-string": "^2.0.0",
-        "unist-util-modify-children": "^2.0.0",
-        "unist-util-visit-children": "^1.0.0"
+        "nlcst-to-string": "^3.0.0",
+        "unist-util-modify-children": "^3.0.0",
+        "unist-util-visit-children": "^2.0.0"
       }
     },
     "parse-passwd": {
@@ -13358,9 +13378,9 @@
       }
     },
     "prettier": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.0.tgz",
-      "integrity": "sha512-9Lmg8hTFZKG0Asr/kW9Bp8tJjRVluO8EJQVfY2T7FMw9T5jy4I/Uvx0Rca/XWf50QQ1/SS48+6IJWnrb+2yemA=="
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.1.tgz",
+      "integrity": "sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg=="
     },
     "prettier-plugin-astro": {
       "version": "0.7.0",
@@ -13691,16 +13711,6 @@
         "nlcst-to-string": "^3.0.0",
         "unified": "^10.0.0",
         "unist-util-visit": "^4.0.0"
-      },
-      "dependencies": {
-        "nlcst-to-string": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.0.tgz",
-          "integrity": "sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==",
-          "requires": {
-            "@types/nlcst": "^1.0.0"
-          }
-        }
       }
     },
     "retext-stringify": {
@@ -13711,16 +13721,6 @@
         "@types/nlcst": "^1.0.0",
         "nlcst-to-string": "^3.0.0",
         "unified": "^10.0.0"
-      },
-      "dependencies": {
-        "nlcst-to-string": {
-          "version": "3.1.0",
-          "resolved": "https://registry.npmjs.org/nlcst-to-string/-/nlcst-to-string-3.1.0.tgz",
-          "integrity": "sha512-Y8HQWKw/zrHTCnu2zcFBN1dV6vN0NUG7s5fkEj380G8tF3R+vA2KG+tDl2QoHVQCTHGHVXwoni2RQkDSFQb1PA==",
-          "requires": {
-            "@types/nlcst": "^1.0.0"
-          }
-        }
       }
     },
     "reusify": {
@@ -13990,11 +13990,6 @@
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
     },
-    "sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
-    },
     "space-separated-tokens": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.1.tgz",
@@ -14305,9 +14300,9 @@
       "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ=="
     },
     "unherit": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/unherit/-/unherit-3.0.0.tgz",
-      "integrity": "sha512-UmvIQZGEc9qdLIQ8mv8/61n6PiMgfbOoASPKHpCvII5srShCQSa6jSjBjlZOR4bxt2XnT6uo6csmPKRi+zQ0Jg=="
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/unherit/-/unherit-3.0.1.tgz",
+      "integrity": "sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg=="
     },
     "unified": {
       "version": "10.1.2",
@@ -14350,11 +14345,12 @@
       }
     },
     "unist-util-modify-children": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-2.0.0.tgz",
-      "integrity": "sha512-HGrj7JQo9DwZt8XFsX8UD4gGqOsIlCih9opG6Y+N11XqkBGKzHo8cvDi+MfQQgiZ7zXRUiQREYHhjOBHERTMdg==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/unist-util-modify-children/-/unist-util-modify-children-3.1.0.tgz",
+      "integrity": "sha512-L0UizdncPZ1NIwpmkwFdLo2NaK2Eb5LU/vaQ7lZGkAaOBZfsHp+8T/gVWPVmmMO1hj6gc+XeMoytut8jr7fdyA==",
       "requires": {
-        "array-iterate": "^1.0.0"
+        "@types/unist": "^2.0.0",
+        "array-iterate": "^2.0.0"
       }
     },
     "unist-util-position": {
@@ -14401,9 +14397,12 @@
       }
     },
     "unist-util-visit-children": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-1.1.4.tgz",
-      "integrity": "sha512-sA/nXwYRCQVRwZU2/tQWUqJ9JSFM1X3x7JIOsIgSzrFHcfVt6NkzDtKzyxg2cZWkCwGF9CO8x4QNZRJRMK8FeQ=="
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-children/-/unist-util-visit-children-2.0.1.tgz",
+      "integrity": "sha512-2cEU3dhV1hMfO9ajwb8rJsDedMfsahsm6fCfR8LxDR/w7KcB5lzHQ9dBTQIXsWGNWBFH5MPmaFP3Xh0dWLqClQ==",
+      "requires": {
+        "@types/unist": "^2.0.0"
+      }
     },
     "unist-util-visit-parents": {
       "version": "5.1.1",
@@ -14725,9 +14724,9 @@
       "integrity": "sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng=="
     },
     "vscode-oniguruma": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.6.2.tgz",
-      "integrity": "sha512-KH8+KKov5eS/9WhofZR8M8dMHWN2gTxjMsG4jd04YhpbPR91fUj7rYQ2/XjeHCJWbg7X++ApRIU9NUwM2vTvLA=="
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz",
+      "integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA=="
     },
     "vscode-textmate": {
       "version": "6.0.0",
@@ -14861,9 +14860,9 @@
       "integrity": "sha512-LYjZsEDhCdYET9ikFu6dVPGp2YH9DegXjdJToSzD9rO6fy4qiRYFoyEYwps88OseJlPyl2NOe2iJuhEhL7IpEA=="
     },
     "zwitch": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.2.tgz",
-      "integrity": "sha512-JZxotl7SxAJH0j7dN4pxsTV6ZLXoLdGME+PsjkL/DaBrVryK9kTGq06GfKrwcSOqypP+fdXGoCHE36b99fWVoA=="
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="
     }
   }
 }
diff --git a/package.json b/package.json
index faf831357..aee20c5ec 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "@astrojs/rss": "^1.0.3",
-    "astro": "^1.6.13",
+    "astro": "^1.8.0",
     "fuse.js": "^6.6.2",
     "github-slugger": "^2.0.0",
     "remark-collapse": "^0.1.2",
@@ -34,7 +34,7 @@
     "cz-conventional-changelog": "^3.3.0",
     "husky": "^8.0.2",
     "lint-staged": "^13.1.0",
-    "prettier": "^2.8.0",
+    "prettier": "^2.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

From 54d5b1d5ce97d362b46ebfb52e4afc60d949b200 Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Wed, 28 Dec 2022 00:13:10 +0630
Subject: [PATCH 13/13] build: update site option in config file

Change back to 'https://astro-paper.pages.dev' in site option of astro.config.mjs file.
---
 astro.config.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 530294f50..a07746ebc 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -7,7 +7,7 @@ import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 export default defineConfig({
-  site: "https://feat-auto-og-image-generatio.astro-paper.pages.dev/",
+  site: "https://astro-paper.pages.dev/",
   integrations: [
     tailwind({
       config: {