From 57b6d5c8e033a90db526401eb72dcafcfe3b22bd Mon Sep 17 00:00:00 2001
From: mohamed yahia <mohamedsalem401@yahoo.com>
Date: Fri, 5 Jan 2024 18:01:36 +0200
Subject: [PATCH 1/4] [Analytics][l]: Add support for plausible,
 simpleanalytics, Google, Posthog

---
 components/analytics/GoogleAnalytics.tsx | 35 +++++++++++
 components/analytics/Plausible.tsx       | 41 ++++++++++++
 components/analytics/Posthog.tsx         | 25 ++++++++
 components/analytics/SimpleAnalytics.tsx | 29 +++++++++
 components/analytics/Umami.tsx           | 20 ++++++
 components/analytics/index.tsx           | 80 ++++++++++++++++++++++++
 pages/_app.tsx                           | 16 +++--
 7 files changed, 240 insertions(+), 6 deletions(-)
 create mode 100644 components/analytics/GoogleAnalytics.tsx
 create mode 100644 components/analytics/Plausible.tsx
 create mode 100644 components/analytics/Posthog.tsx
 create mode 100644 components/analytics/SimpleAnalytics.tsx
 create mode 100644 components/analytics/Umami.tsx
 create mode 100644 components/analytics/index.tsx

diff --git a/components/analytics/GoogleAnalytics.tsx b/components/analytics/GoogleAnalytics.tsx
new file mode 100644
index 000000000..f7ba69606
--- /dev/null
+++ b/components/analytics/GoogleAnalytics.tsx
@@ -0,0 +1,35 @@
+import Script from 'next/script.js'
+
+export interface GoogleAnalyticsProps {
+  googleAnalyticsId: string
+}
+
+export const GA = ({ googleAnalyticsId }: GoogleAnalyticsProps) => {
+  return (
+    <>
+      <Script
+        strategy="afterInteractive"
+        src={`https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`}
+      />
+
+      <Script strategy="afterInteractive" id="ga-script">
+        {`
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${googleAnalyticsId}');
+        `}
+      </Script>
+    </>
+  )
+}
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/events
+export const logEvent = (action, category, label, value) => {
+  // @ts-ignore
+  window.gtag?.('event', action, {
+    event_category: category,
+    event_label: label,
+    value: value,
+  })
+}
diff --git a/components/analytics/Plausible.tsx b/components/analytics/Plausible.tsx
new file mode 100644
index 000000000..9b2361bf6
--- /dev/null
+++ b/components/analytics/Plausible.tsx
@@ -0,0 +1,41 @@
+import Script from 'next/script.js'
+
+export interface PlausibleProps {
+  plausibleDataDomain: string
+  dataApi?: string
+  src?: string
+}
+
+/**
+ * Plausible analytics component.
+ * To proxy the requests through your own domain, you can use the dataApi and src attribute.
+ * See [Plausible docs](https://plausible.io/docs/proxy/guides/nextjs#step-2-adjust-your-deployed-script)
+ * for more information.
+ *
+ */
+export const Plausible = ({
+  plausibleDataDomain,
+  dataApi = undefined,
+  src = 'https://plausible.io/js/plausible.js',
+}: PlausibleProps) => {
+  return (
+    <>
+      <Script
+        strategy="lazyOnload"
+        data-domain={plausibleDataDomain}
+        data-api={dataApi}
+        src={src}
+      />
+      <Script strategy="lazyOnload" id="plausible-script">
+        {`
+            window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
+        `}
+      </Script>
+    </>
+  )
+}
+
+// https://plausible.io/docs/custom-event-goals
+export const logEvent = (eventName, ...rest) => {
+  return window.plausible?.(eventName, ...rest)
+}
diff --git a/components/analytics/Posthog.tsx b/components/analytics/Posthog.tsx
new file mode 100644
index 000000000..51b3066fd
--- /dev/null
+++ b/components/analytics/Posthog.tsx
@@ -0,0 +1,25 @@
+import Script from 'next/script.js'
+
+export interface PosthogProps {
+  posthogProjectApiKey: string
+  apiHost?: string
+}
+
+/**
+ * Posthog analytics component.
+ * See [Posthog docs](https://posthog.com/docs/libraries/js#option-1-add-javascript-snippet-to-your-html-badgerecommendedbadge) for more information.
+ *
+ */
+export const Posthog = ({
+  posthogProjectApiKey,
+  apiHost = 'https://app.posthog.com',
+}: PosthogProps) => {
+  return (
+    <Script strategy="lazyOnload" id="posthog-script">
+      {`
+          !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
+          posthog.init('${posthogProjectApiKey}',{api_host:'${apiHost}'})
+      `}
+    </Script>
+  )
+}
diff --git a/components/analytics/SimpleAnalytics.tsx b/components/analytics/SimpleAnalytics.tsx
new file mode 100644
index 000000000..49096c209
--- /dev/null
+++ b/components/analytics/SimpleAnalytics.tsx
@@ -0,0 +1,29 @@
+import Script from 'next/script.js'
+
+export interface SimpleAnalyticsProps {
+  src?: string
+}
+
+export const SimpleAnalytics = ({
+  src = 'https://scripts.simpleanalyticscdn.com/latest.js',
+}: SimpleAnalyticsProps) => {
+  return (
+    <>
+      <Script strategy="lazyOnload" id="sa-script">
+        {`
+            window.sa_event=window.sa_event||function(){var a=[].slice.call(arguments);window.sa_event.q?window.sa_event.q.push(a):window.sa_event.q=[a]};
+        `}
+      </Script>
+      <Script strategy="lazyOnload" src={src} />
+    </>
+  )
+}
+
+// https://docs.simpleanalytics.com/events
+export const logEvent = (eventName, callback) => {
+  if (callback) {
+    return window.sa_event?.(eventName, callback)
+  } else {
+    return window.sa_event?.(eventName)
+  }
+}
diff --git a/components/analytics/Umami.tsx b/components/analytics/Umami.tsx
new file mode 100644
index 000000000..5614b71a5
--- /dev/null
+++ b/components/analytics/Umami.tsx
@@ -0,0 +1,20 @@
+import Script from 'next/script.js'
+
+export interface UmamiProps {
+  umamiWebsiteId: string
+  src?: string
+}
+
+export const Umami = ({
+  umamiWebsiteId,
+  src = 'https://analytics.umami.is/script.js',
+}: UmamiProps) => {
+  return (
+    <Script
+      async
+      defer
+      data-website-id={umamiWebsiteId}
+      src={src} // Replace with your umami instance
+    />
+  )
+}
diff --git a/components/analytics/index.tsx b/components/analytics/index.tsx
new file mode 100644
index 000000000..a96d4d15a
--- /dev/null
+++ b/components/analytics/index.tsx
@@ -0,0 +1,80 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { GA, GoogleAnalyticsProps } from "./GoogleAnalytics";
+import { Plausible, PlausibleProps } from "./Plausible";
+import { SimpleAnalytics, SimpleAnalyticsProps } from "./SimpleAnalytics";
+import { Umami, UmamiProps } from "./Umami";
+import { Posthog, PosthogProps } from "./Posthog";
+
+declare global {
+    interface Window {
+        gtag?: (...args: any[]) => void;
+        plausible?: (...args: any[]) => void;
+        sa_event?: (...args: any[]) => void;
+    }
+}
+
+export interface AnalyticsConfig {
+    googleAnalytics?: GoogleAnalyticsProps;
+    plausibleAnalytics?: PlausibleProps;
+    umamiAnalytics?: UmamiProps;
+    posthogAnalytics?: PosthogProps;
+    simpleAnalytics?: SimpleAnalyticsProps;
+}
+
+/**
+ * @example
+ * const analytics: AnalyticsConfig = {
+ *  plausibleDataDomain: '', // e.g. tailwind-nextjs-starter-blog.vercel.app
+ *  simpleAnalytics: false, // true or false
+ *  umamiWebsiteId: '', // e.g. 123e4567-e89b-12d3-a456-426614174000
+ *  posthogProjectApiKey: '', // e.g. AhnJK8392ndPOav87as450xd
+ *  googleAnalyticsId: '', // e.g. UA-000000-2 or G-XXXXXXX
+ * }
+ */
+export interface AnalyticsProps {
+    analyticsConfig: AnalyticsConfig;
+}
+
+const isProduction = true || process.env.NODE_ENV === "production";
+
+/**
+ * Supports Plausible, Simple Analytics, Umami, Posthog or Google Analytics.
+ * All components default to the hosted service, but can be configured to use a self-hosted
+ * or proxied version of the script by providing the `src` / `apiHost` props.
+ *
+ * Note: If you want to use an analytics provider you have to add it to the
+ * content security policy in the `next.config.js` file.
+ * @param {AnalyticsProps} { analytics }
+ * @return {*}
+ */
+export const Analytics = ({ analyticsConfig }: AnalyticsProps) => {
+    return (
+        <>
+            {isProduction && analyticsConfig.plausibleAnalytics && (
+                <Plausible {...analyticsConfig.plausibleAnalytics} />
+            )}
+            {isProduction && analyticsConfig.simpleAnalytics && (
+                <SimpleAnalytics {...analyticsConfig.simpleAnalytics} />
+            )}
+            {isProduction && analyticsConfig.posthogAnalytics && (
+                <Posthog {...analyticsConfig.posthogAnalytics} />
+            )}
+            {isProduction && analyticsConfig.umamiAnalytics && (
+                <Umami {...analyticsConfig.umamiAnalytics} />
+            )}
+            {isProduction && analyticsConfig.googleAnalytics && (
+                <GA {...analyticsConfig.googleAnalytics} />
+            )}
+        </>
+    );
+};
+
+export { GA, Plausible, SimpleAnalytics, Umami, Posthog };
+
+export type {
+    GoogleAnalyticsProps,
+    PlausibleProps,
+    UmamiProps,
+    PosthogProps,
+    SimpleAnalyticsProps,
+};
diff --git a/pages/_app.tsx b/pages/_app.tsx
index d27b81b79..3b121ca46 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -3,11 +3,7 @@ import { DefaultSeo } from "next-seo";
 import { useRouter } from "next/router";
 import { useEffect } from "react";
 import type { AppProps } from "next/app";
-import {
-    SearchProvider,
-    pageview,
-    ThemeProvider,
-} from "@portaljs/core";
+import { SearchProvider, pageview, ThemeProvider } from "@portaljs/core";
 import type { NavGroup, NavItem } from "@portaljs/core";
 
 import { Layout } from "@/components/Layout";
@@ -17,6 +13,7 @@ import "tailwindcss/tailwind.css";
 import "@/styles/docsearch.css";
 import "@/styles/global.css";
 import "@/styles/prism.css";
+import { Analytics } from "@/components/analytics";
 
 export interface CustomAppProps {
     meta: {
@@ -82,7 +79,14 @@ const MyApp = ({ Component, pageProps }: AppProps<CustomAppProps>) => {
             defaultTheme={siteConfig.theme.default}
             forcedTheme={siteConfig.theme.default ? null : "light"}
         >
-            <DefaultSeo defaultTitle={siteConfig.title} {...siteConfig.nextSeo} />
+            <DefaultSeo
+                defaultTitle={siteConfig.title}
+                {...siteConfig.nextSeo}
+            />
+            {siteConfig.analyticsConfig && (
+                <Analytics analyticsConfig={siteConfig.analyticsConfig} />
+            )}
+            {/*For compatibility, keep this.*/}
             {/* Global Site Tag (gtag.js) - Google Analytics */}
             {siteConfig.analytics && (
                 <>

From 6c07b78c1b02f59a391d6134c975786d37da92b5 Mon Sep 17 00:00:00 2001
From: mohamed yahia <mohamedsalem401@yahoo.com>
Date: Fri, 19 Jan 2024 00:02:25 +0200
Subject: [PATCH 2/4] Move analytics component to @portaljs/core

---
 components/analytics/GoogleAnalytics.tsx |  35 ---
 components/analytics/Plausible.tsx       |  41 ---
 components/analytics/Posthog.tsx         |  25 --
 components/analytics/SimpleAnalytics.tsx |  29 --
 components/analytics/Umami.tsx           |  20 --
 components/analytics/index.tsx           |  80 ------
 package-lock.json                        | 329 +++++++++++++----------
 package.json                             |   3 +-
 pages/_app.tsx                           |   2 +-
 9 files changed, 185 insertions(+), 379 deletions(-)
 delete mode 100644 components/analytics/GoogleAnalytics.tsx
 delete mode 100644 components/analytics/Plausible.tsx
 delete mode 100644 components/analytics/Posthog.tsx
 delete mode 100644 components/analytics/SimpleAnalytics.tsx
 delete mode 100644 components/analytics/Umami.tsx
 delete mode 100644 components/analytics/index.tsx

diff --git a/components/analytics/GoogleAnalytics.tsx b/components/analytics/GoogleAnalytics.tsx
deleted file mode 100644
index f7ba69606..000000000
--- a/components/analytics/GoogleAnalytics.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import Script from 'next/script.js'
-
-export interface GoogleAnalyticsProps {
-  googleAnalyticsId: string
-}
-
-export const GA = ({ googleAnalyticsId }: GoogleAnalyticsProps) => {
-  return (
-    <>
-      <Script
-        strategy="afterInteractive"
-        src={`https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsId}`}
-      />
-
-      <Script strategy="afterInteractive" id="ga-script">
-        {`
-            window.dataLayer = window.dataLayer || [];
-            function gtag(){dataLayer.push(arguments);}
-            gtag('js', new Date());
-            gtag('config', '${googleAnalyticsId}');
-        `}
-      </Script>
-    </>
-  )
-}
-
-// https://developers.google.com/analytics/devguides/collection/gtagjs/events
-export const logEvent = (action, category, label, value) => {
-  // @ts-ignore
-  window.gtag?.('event', action, {
-    event_category: category,
-    event_label: label,
-    value: value,
-  })
-}
diff --git a/components/analytics/Plausible.tsx b/components/analytics/Plausible.tsx
deleted file mode 100644
index 9b2361bf6..000000000
--- a/components/analytics/Plausible.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import Script from 'next/script.js'
-
-export interface PlausibleProps {
-  plausibleDataDomain: string
-  dataApi?: string
-  src?: string
-}
-
-/**
- * Plausible analytics component.
- * To proxy the requests through your own domain, you can use the dataApi and src attribute.
- * See [Plausible docs](https://plausible.io/docs/proxy/guides/nextjs#step-2-adjust-your-deployed-script)
- * for more information.
- *
- */
-export const Plausible = ({
-  plausibleDataDomain,
-  dataApi = undefined,
-  src = 'https://plausible.io/js/plausible.js',
-}: PlausibleProps) => {
-  return (
-    <>
-      <Script
-        strategy="lazyOnload"
-        data-domain={plausibleDataDomain}
-        data-api={dataApi}
-        src={src}
-      />
-      <Script strategy="lazyOnload" id="plausible-script">
-        {`
-            window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
-        `}
-      </Script>
-    </>
-  )
-}
-
-// https://plausible.io/docs/custom-event-goals
-export const logEvent = (eventName, ...rest) => {
-  return window.plausible?.(eventName, ...rest)
-}
diff --git a/components/analytics/Posthog.tsx b/components/analytics/Posthog.tsx
deleted file mode 100644
index 51b3066fd..000000000
--- a/components/analytics/Posthog.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import Script from 'next/script.js'
-
-export interface PosthogProps {
-  posthogProjectApiKey: string
-  apiHost?: string
-}
-
-/**
- * Posthog analytics component.
- * See [Posthog docs](https://posthog.com/docs/libraries/js#option-1-add-javascript-snippet-to-your-html-badgerecommendedbadge) for more information.
- *
- */
-export const Posthog = ({
-  posthogProjectApiKey,
-  apiHost = 'https://app.posthog.com',
-}: PosthogProps) => {
-  return (
-    <Script strategy="lazyOnload" id="posthog-script">
-      {`
-          !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
-          posthog.init('${posthogProjectApiKey}',{api_host:'${apiHost}'})
-      `}
-    </Script>
-  )
-}
diff --git a/components/analytics/SimpleAnalytics.tsx b/components/analytics/SimpleAnalytics.tsx
deleted file mode 100644
index 49096c209..000000000
--- a/components/analytics/SimpleAnalytics.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import Script from 'next/script.js'
-
-export interface SimpleAnalyticsProps {
-  src?: string
-}
-
-export const SimpleAnalytics = ({
-  src = 'https://scripts.simpleanalyticscdn.com/latest.js',
-}: SimpleAnalyticsProps) => {
-  return (
-    <>
-      <Script strategy="lazyOnload" id="sa-script">
-        {`
-            window.sa_event=window.sa_event||function(){var a=[].slice.call(arguments);window.sa_event.q?window.sa_event.q.push(a):window.sa_event.q=[a]};
-        `}
-      </Script>
-      <Script strategy="lazyOnload" src={src} />
-    </>
-  )
-}
-
-// https://docs.simpleanalytics.com/events
-export const logEvent = (eventName, callback) => {
-  if (callback) {
-    return window.sa_event?.(eventName, callback)
-  } else {
-    return window.sa_event?.(eventName)
-  }
-}
diff --git a/components/analytics/Umami.tsx b/components/analytics/Umami.tsx
deleted file mode 100644
index 5614b71a5..000000000
--- a/components/analytics/Umami.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import Script from 'next/script.js'
-
-export interface UmamiProps {
-  umamiWebsiteId: string
-  src?: string
-}
-
-export const Umami = ({
-  umamiWebsiteId,
-  src = 'https://analytics.umami.is/script.js',
-}: UmamiProps) => {
-  return (
-    <Script
-      async
-      defer
-      data-website-id={umamiWebsiteId}
-      src={src} // Replace with your umami instance
-    />
-  )
-}
diff --git a/components/analytics/index.tsx b/components/analytics/index.tsx
deleted file mode 100644
index a96d4d15a..000000000
--- a/components/analytics/index.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { GA, GoogleAnalyticsProps } from "./GoogleAnalytics";
-import { Plausible, PlausibleProps } from "./Plausible";
-import { SimpleAnalytics, SimpleAnalyticsProps } from "./SimpleAnalytics";
-import { Umami, UmamiProps } from "./Umami";
-import { Posthog, PosthogProps } from "./Posthog";
-
-declare global {
-    interface Window {
-        gtag?: (...args: any[]) => void;
-        plausible?: (...args: any[]) => void;
-        sa_event?: (...args: any[]) => void;
-    }
-}
-
-export interface AnalyticsConfig {
-    googleAnalytics?: GoogleAnalyticsProps;
-    plausibleAnalytics?: PlausibleProps;
-    umamiAnalytics?: UmamiProps;
-    posthogAnalytics?: PosthogProps;
-    simpleAnalytics?: SimpleAnalyticsProps;
-}
-
-/**
- * @example
- * const analytics: AnalyticsConfig = {
- *  plausibleDataDomain: '', // e.g. tailwind-nextjs-starter-blog.vercel.app
- *  simpleAnalytics: false, // true or false
- *  umamiWebsiteId: '', // e.g. 123e4567-e89b-12d3-a456-426614174000
- *  posthogProjectApiKey: '', // e.g. AhnJK8392ndPOav87as450xd
- *  googleAnalyticsId: '', // e.g. UA-000000-2 or G-XXXXXXX
- * }
- */
-export interface AnalyticsProps {
-    analyticsConfig: AnalyticsConfig;
-}
-
-const isProduction = true || process.env.NODE_ENV === "production";
-
-/**
- * Supports Plausible, Simple Analytics, Umami, Posthog or Google Analytics.
- * All components default to the hosted service, but can be configured to use a self-hosted
- * or proxied version of the script by providing the `src` / `apiHost` props.
- *
- * Note: If you want to use an analytics provider you have to add it to the
- * content security policy in the `next.config.js` file.
- * @param {AnalyticsProps} { analytics }
- * @return {*}
- */
-export const Analytics = ({ analyticsConfig }: AnalyticsProps) => {
-    return (
-        <>
-            {isProduction && analyticsConfig.plausibleAnalytics && (
-                <Plausible {...analyticsConfig.plausibleAnalytics} />
-            )}
-            {isProduction && analyticsConfig.simpleAnalytics && (
-                <SimpleAnalytics {...analyticsConfig.simpleAnalytics} />
-            )}
-            {isProduction && analyticsConfig.posthogAnalytics && (
-                <Posthog {...analyticsConfig.posthogAnalytics} />
-            )}
-            {isProduction && analyticsConfig.umamiAnalytics && (
-                <Umami {...analyticsConfig.umamiAnalytics} />
-            )}
-            {isProduction && analyticsConfig.googleAnalytics && (
-                <GA {...analyticsConfig.googleAnalytics} />
-            )}
-        </>
-    );
-};
-
-export { GA, Plausible, SimpleAnalytics, Umami, Posthog };
-
-export type {
-    GoogleAnalyticsProps,
-    PlausibleProps,
-    UmamiProps,
-    PosthogProps,
-    SimpleAnalyticsProps,
-};
diff --git a/package-lock.json b/package-lock.json
index dc51dd53d..c273b5f67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,7 @@
       "version": "2.0.3",
       "dependencies": {
         "@heroicons/react": "^1.0.6",
-        "@portaljs/core": "^1.0.7",
+        "@portaljs/core": "^1.0.9",
         "@portaljs/remark-callouts": "^1.0.5",
         "@portaljs/remark-embed": "^1.0.4",
         "@portaljs/remark-wiki-link": "^1.1.2",
@@ -18,6 +18,7 @@
         "@types/node": "18.14.2",
         "@types/react": "18.0.28",
         "@types/react-dom": "18.0.11",
+        "clsx": "^2.1.0",
         "date-fns": "^2.29.3",
         "gray-matter": "^4.0.3",
         "hastscript": "^7.2.0",
@@ -94,118 +95,118 @@
       }
     },
     "node_modules/@algolia/cache-browser-local-storage": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.20.0.tgz",
-      "integrity": "sha512-uujahcBt4DxduBTvYdwO3sBfHuJvJokiC3BP1+O70fglmE1ShkH8lpXqZBac1rrU3FnNYSUs4pL9lBdTKeRPOQ==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.22.1.tgz",
+      "integrity": "sha512-Sw6IAmOCvvP6QNgY9j+Hv09mvkvEIDKjYW8ow0UDDAxSXy664RBNQk3i/0nt7gvceOJ6jGmOTimaZoY1THmU7g==",
       "dependencies": {
-        "@algolia/cache-common": "4.20.0"
+        "@algolia/cache-common": "4.22.1"
       }
     },
     "node_modules/@algolia/cache-common": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.20.0.tgz",
-      "integrity": "sha512-vCfxauaZutL3NImzB2G9LjLt36vKAckc6DhMp05An14kVo8F1Yofb6SIl6U3SaEz8pG2QOB9ptwM5c+zGevwIQ=="
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-common/-/cache-common-4.22.1.tgz",
+      "integrity": "sha512-TJMBKqZNKYB9TptRRjSUtevJeQVXRmg6rk9qgFKWvOy8jhCPdyNZV1nB3SKGufzvTVbomAukFR8guu/8NRKBTA=="
     },
     "node_modules/@algolia/cache-in-memory": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.20.0.tgz",
-      "integrity": "sha512-Wm9ak/IaacAZXS4mB3+qF/KCoVSBV6aLgIGFEtQtJwjv64g4ePMapORGmCyulCFwfePaRAtcaTbMcJF+voc/bg==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/cache-in-memory/-/cache-in-memory-4.22.1.tgz",
+      "integrity": "sha512-ve+6Ac2LhwpufuWavM/aHjLoNz/Z/sYSgNIXsinGofWOysPilQZPUetqLj8vbvi+DHZZaYSEP9H5SRVXnpsNNw==",
       "dependencies": {
-        "@algolia/cache-common": "4.20.0"
+        "@algolia/cache-common": "4.22.1"
       }
     },
     "node_modules/@algolia/client-account": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.20.0.tgz",
-      "integrity": "sha512-GGToLQvrwo7am4zVkZTnKa72pheQeez/16sURDWm7Seyz+HUxKi3BM6fthVVPUEBhtJ0reyVtuK9ArmnaKl10Q==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-account/-/client-account-4.22.1.tgz",
+      "integrity": "sha512-k8m+oegM2zlns/TwZyi4YgCtyToackkOpE+xCaKCYfBfDtdGOaVZCM5YvGPtK+HGaJMIN/DoTL8asbM3NzHonw==",
       "dependencies": {
-        "@algolia/client-common": "4.20.0",
-        "@algolia/client-search": "4.20.0",
-        "@algolia/transporter": "4.20.0"
+        "@algolia/client-common": "4.22.1",
+        "@algolia/client-search": "4.22.1",
+        "@algolia/transporter": "4.22.1"
       }
     },
     "node_modules/@algolia/client-analytics": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.20.0.tgz",
-      "integrity": "sha512-EIr+PdFMOallRdBTHHdKI3CstslgLORQG7844Mq84ib5oVFRVASuuPmG4bXBgiDbcsMLUeOC6zRVJhv1KWI0ug==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-4.22.1.tgz",
+      "integrity": "sha512-1ssi9pyxyQNN4a7Ji9R50nSdISIumMFDwKNuwZipB6TkauJ8J7ha/uO60sPJFqQyqvvI+px7RSNRQT3Zrvzieg==",
       "dependencies": {
-        "@algolia/client-common": "4.20.0",
-        "@algolia/client-search": "4.20.0",
-        "@algolia/requester-common": "4.20.0",
-        "@algolia/transporter": "4.20.0"
+        "@algolia/client-common": "4.22.1",
+        "@algolia/client-search": "4.22.1",
+        "@algolia/requester-common": "4.22.1",
+        "@algolia/transporter": "4.22.1"
       }
     },
     "node_modules/@algolia/client-common": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.20.0.tgz",
-      "integrity": "sha512-P3WgMdEss915p+knMMSd/fwiHRHKvDu4DYRrCRaBrsfFw7EQHon+EbRSm4QisS9NYdxbS04kcvNoavVGthyfqQ==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-4.22.1.tgz",
+      "integrity": "sha512-IvaL5v9mZtm4k4QHbBGDmU3wa/mKokmqNBqPj0K7lcR8ZDKzUorhcGp/u8PkPC/e0zoHSTvRh7TRkGX3Lm7iOQ==",
       "dependencies": {
-        "@algolia/requester-common": "4.20.0",
-        "@algolia/transporter": "4.20.0"
+        "@algolia/requester-common": "4.22.1",
+        "@algolia/transporter": "4.22.1"
       }
     },
     "node_modules/@algolia/client-personalization": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.20.0.tgz",
-      "integrity": "sha512-N9+zx0tWOQsLc3K4PVRDV8GUeOLAY0i445En79Pr3zWB+m67V+n/8w4Kw1C5LlbHDDJcyhMMIlqezh6BEk7xAQ==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-4.22.1.tgz",
+      "integrity": "sha512-sl+/klQJ93+4yaqZ7ezOttMQ/nczly/3GmgZXJ1xmoewP5jmdP/X/nV5U7EHHH3hCUEHeN7X1nsIhGPVt9E1cQ==",
       "dependencies": {
-        "@algolia/client-common": "4.20.0",
-        "@algolia/requester-common": "4.20.0",
-        "@algolia/transporter": "4.20.0"
+        "@algolia/client-common": "4.22.1",
+        "@algolia/requester-common": "4.22.1",
+        "@algolia/transporter": "4.22.1"
       }
     },
     "node_modules/@algolia/client-search": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.20.0.tgz",
-      "integrity": "sha512-zgwqnMvhWLdpzKTpd3sGmMlr4c+iS7eyyLGiaO51zDZWGMkpgoNVmltkzdBwxOVXz0RsFMznIxB9zuarUv4TZg==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-4.22.1.tgz",
+      "integrity": "sha512-yb05NA4tNaOgx3+rOxAmFztgMTtGBi97X7PC3jyNeGiwkAjOZc2QrdZBYyIdcDLoI09N0gjtpClcackoTN0gPA==",
       "dependencies": {
-        "@algolia/client-common": "4.20.0",
-        "@algolia/requester-common": "4.20.0",
-        "@algolia/transporter": "4.20.0"
+        "@algolia/client-common": "4.22.1",
+        "@algolia/requester-common": "4.22.1",
+        "@algolia/transporter": "4.22.1"
       }
     },
     "node_modules/@algolia/logger-common": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.20.0.tgz",
-      "integrity": "sha512-xouigCMB5WJYEwvoWW5XDv7Z9f0A8VoXJc3VKwlHJw/je+3p2RcDXfksLI4G4lIVncFUYMZx30tP/rsdlvvzHQ=="
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/logger-common/-/logger-common-4.22.1.tgz",
+      "integrity": "sha512-OnTFymd2odHSO39r4DSWRFETkBufnY2iGUZNrMXpIhF5cmFE8pGoINNPzwg02QLBlGSaLqdKy0bM8S0GyqPLBg=="
     },
     "node_modules/@algolia/logger-console": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.20.0.tgz",
-      "integrity": "sha512-THlIGG1g/FS63z0StQqDhT6bprUczBI8wnLT3JWvfAQDZX5P6fCg7dG+pIrUBpDIHGszgkqYEqECaKKsdNKOUA==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/logger-console/-/logger-console-4.22.1.tgz",
+      "integrity": "sha512-O99rcqpVPKN1RlpgD6H3khUWylU24OXlzkavUAMy6QZd1776QAcauE3oP8CmD43nbaTjBexZj2nGsBH9Tc0FVA==",
       "dependencies": {
-        "@algolia/logger-common": "4.20.0"
+        "@algolia/logger-common": "4.22.1"
       }
     },
     "node_modules/@algolia/requester-browser-xhr": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.20.0.tgz",
-      "integrity": "sha512-HbzoSjcjuUmYOkcHECkVTwAelmvTlgs48N6Owt4FnTOQdwn0b8pdht9eMgishvk8+F8bal354nhx/xOoTfwiAw==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.22.1.tgz",
+      "integrity": "sha512-dtQGYIg6MteqT1Uay3J/0NDqD+UciHy3QgRbk7bNddOJu+p3hzjTRYESqEnoX/DpEkaNYdRHUKNylsqMpgwaEw==",
       "dependencies": {
-        "@algolia/requester-common": "4.20.0"
+        "@algolia/requester-common": "4.22.1"
       }
     },
     "node_modules/@algolia/requester-common": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.20.0.tgz",
-      "integrity": "sha512-9h6ye6RY/BkfmeJp7Z8gyyeMrmmWsMOCRBXQDs4mZKKsyVlfIVICpcSibbeYcuUdurLhIlrOUkH3rQEgZzonng=="
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-common/-/requester-common-4.22.1.tgz",
+      "integrity": "sha512-dgvhSAtg2MJnR+BxrIFqlLtkLlVVhas9HgYKMk2Uxiy5m6/8HZBL40JVAMb2LovoPFs9I/EWIoFVjOrFwzn5Qg=="
     },
     "node_modules/@algolia/requester-node-http": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.20.0.tgz",
-      "integrity": "sha512-ocJ66L60ABSSTRFnCHIEZpNHv6qTxsBwJEPfYaSBsLQodm0F9ptvalFkHMpvj5DfE22oZrcrLbOYM2bdPJRHng==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-4.22.1.tgz",
+      "integrity": "sha512-JfmZ3MVFQkAU+zug8H3s8rZ6h0ahHZL/SpMaSasTCGYR5EEJsCc8SI5UZ6raPN2tjxa5bxS13BRpGSBUens7EA==",
       "dependencies": {
-        "@algolia/requester-common": "4.20.0"
+        "@algolia/requester-common": "4.22.1"
       }
     },
     "node_modules/@algolia/transporter": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.20.0.tgz",
-      "integrity": "sha512-Lsii1pGWOAISbzeyuf+r/GPhvHMPHSPrTDWNcIzOE1SG1inlJHICaVe2ikuoRjcpgxZNU54Jl+if15SUCsaTUg==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/@algolia/transporter/-/transporter-4.22.1.tgz",
+      "integrity": "sha512-kzWgc2c9IdxMa3YqA6TN0NW5VrKYYW/BELIn7vnLyn+U/RFdZ4lxxt9/8yq3DKV5snvoDzzO4ClyejZRdV3lMQ==",
       "dependencies": {
-        "@algolia/cache-common": "4.20.0",
-        "@algolia/logger-common": "4.20.0",
-        "@algolia/requester-common": "4.20.0"
+        "@algolia/cache-common": "4.22.1",
+        "@algolia/logger-common": "4.22.1",
+        "@algolia/requester-common": "4.22.1"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -925,20 +926,20 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.0.tgz",
-      "integrity": "sha512-kK1h4m36DQ0UHGj5Ah4db7R0rHemTqqO0QLvUqi1/mUUp3LuAWbWxdxSIf/XsnH9VS6rRVPLJCncjRzUvyCLXg==",
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.5.3.tgz",
+      "integrity": "sha512-O0WKDOo0yhJuugCx6trZQj5jVJ9yR0ystG2JaNAemYUWce+pmM6WUEFIibnWyEJKdrDxhm75NoSRME35FNaM/Q==",
       "dependencies": {
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/utils": "^0.2.0"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.3.tgz",
-      "integrity": "sha512-ClAbQnEqJAKCJOEbbLo5IUlZHkNszqhuxS4fHAVxRPXPya6Ysf2G8KypnYcOTpx6I8xcgF9bbHb6g/2KpbV8qA==",
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.5.4.tgz",
+      "integrity": "sha512-jByEsHIY+eEdCjnTVu+E3ephzTOzkQ8hgUfGwos+bg7NlH33Zc5uO+QHz1mrQUOgIKKDD1RtS201P9NvAfq3XQ==",
       "dependencies": {
-        "@floating-ui/core": "^1.4.2",
-        "@floating-ui/utils": "^0.1.3"
+        "@floating-ui/core": "^1.5.3",
+        "@floating-ui/utils": "^0.2.0"
       }
     },
     "node_modules/@floating-ui/react-dom": {
@@ -969,9 +970,9 @@
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.1.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.6.tgz",
-      "integrity": "sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A=="
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.1.tgz",
+      "integrity": "sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q=="
     },
     "node_modules/@gar/promisify": {
       "version": "1.1.3",
@@ -980,11 +981,11 @@
       "optional": true
     },
     "node_modules/@giscus/react": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@giscus/react/-/react-2.3.0.tgz",
-      "integrity": "sha512-tj79B+NNBfidhPdXJqWoqRm5Jhoc6CBhXMYwBR9nwTwsrdaB/spcQXmHpKcUuOdXZtlYSwMfCFcBogMNbD+gKQ==",
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@giscus/react/-/react-2.4.0.tgz",
+      "integrity": "sha512-y8d8qiZ2sBuaXRcgn/ZWfMlRs9bx26p62BU/HEKQQ+IfHo3B/kglgPjX/IqudwlX+DOlHUl1NvtFo9C8Eqo0eQ==",
       "dependencies": {
-        "giscus": "^1.3.0"
+        "giscus": "^1.4.0"
       },
       "peerDependencies": {
         "react": "^16 || ^17 || ^18",
@@ -992,10 +993,11 @@
       }
     },
     "node_modules/@headlessui/react": {
-      "version": "1.7.17",
-      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.17.tgz",
-      "integrity": "sha512-4am+tzvkqDSSgiwrsEpGWqgGo9dz8qU5M3znCkC4PgkpY4HcCZzEDEvozltGGGHIKl9jbXbZPSH5TWn4sWJdow==",
+      "version": "1.7.18",
+      "resolved": "https://registry.npmjs.org/@headlessui/react/-/react-1.7.18.tgz",
+      "integrity": "sha512-4i5DOrzwN4qSgNsL4Si61VMkUcWbcSKueUV7sFhpHzQcSShdlHENE5+QBntMSRvHt8NyoFO2AGG8si9lq+w4zQ==",
       "dependencies": {
+        "@tanstack/react-virtual": "^3.0.0-beta.60",
         "client-only": "^0.0.1"
       },
       "engines": {
@@ -1058,16 +1060,16 @@
       }
     },
     "node_modules/@lit-labs/ssr-dom-shim": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.1.tgz",
-      "integrity": "sha512-kXOeFbfCm4fFf2A3WwVEeQj55tMZa8c8/f9AKHMobQMkzNUfUj+antR3fRPaZJawsa1aZiP/Da3ndpZrwEe4rQ=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.1.2.tgz",
+      "integrity": "sha512-jnOD+/+dSrfTWYfSXBXlo5l5f0q1UuJo3tkbMDCYA2lKUYq79jaxqtGEvnRoh049nt1vdo1+45RinipU6FGY2g=="
     },
     "node_modules/@lit/reactive-element": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-1.6.3.tgz",
-      "integrity": "sha512-QuTgnG52Poic7uM1AN5yJ09QMe0O28e10XzSvWDz02TJiiKee4stsiownEIadWm8nYzyDAyT+gKzUoZmiWQtsQ==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.0.3.tgz",
+      "integrity": "sha512-e067EuTNNgOHm1tZcc0Ia7TCzD/9ZpoPegHKgesrGK6pSDRGkGDAQbYuQclqLPIoJ9eC8Kb9mYtGryWcM5AywA==",
       "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.0.0"
+        "@lit-labs/ssr-dom-shim": "^1.1.2"
       }
     },
     "node_modules/@manypkg/find-root": {
@@ -1425,9 +1427,9 @@
       }
     },
     "node_modules/@portaljs/core": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/@portaljs/core/-/core-1.0.7.tgz",
-      "integrity": "sha512-6JpIi7mt30vwLcdG3Tvy8GrAqFouVfyWvSNGu0wkMXylCZNGG1DlUiFlNSDVfrm4kXPNi4Jg807NUKhO81sarg==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@portaljs/core/-/core-1.0.9.tgz",
+      "integrity": "sha512-ArZqOXuVxClzf98LuNUE+oTjylUqG1Tv1QHPP5cy10km3jHvVOQF4SsA3/7sHJtIEEGnVY9CZK+MBFUI4L1AFg==",
       "dependencies": {
         "@docsearch/react": "^3.3.3",
         "@floating-ui/react-dom": "^1.3.0",
@@ -1450,6 +1452,14 @@
         "react-dom": "^18.2.0"
       }
     },
+    "node_modules/@portaljs/core/node_modules/clsx": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@portaljs/remark-callouts": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@portaljs/remark-callouts/-/remark-callouts-1.0.5.tgz",
@@ -1600,6 +1610,31 @@
         "tailwindcss": ">=3.0.0 || insiders"
       }
     },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.0.2.tgz",
+      "integrity": "sha512-9XbRLPKgnhMwwmuQMnJMv+5a9sitGNCSEtf/AZXzmJdesYk7XsjYHaEDny+IrJzvPNwZliIIDwCRiaUqR3zzCA==",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.0.0.tgz",
+      "integrity": "sha512-SYXOBTjJb05rXa2vl55TTwO40A6wKu0R5i1qQwhJYNDIqaIGF7D0HsLw+pJAyi2OvntlEIVusx3xtbbgSUi6zg==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tootallnate/once": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
@@ -1784,9 +1819,9 @@
       "dev": true
     },
     "node_modules/@types/trusted-types": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.4.tgz",
-      "integrity": "sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ=="
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="
     },
     "node_modules/@types/unist": {
       "version": "2.0.8",
@@ -1868,24 +1903,24 @@
       }
     },
     "node_modules/algoliasearch": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.20.0.tgz",
-      "integrity": "sha512-y+UHEjnOItoNy0bYO+WWmLWBlPwDjKHW6mNHrPi0NkuhpQOOEbrkwQH/wgKFDLh7qlKjzoKeiRtlpewDPDG23g==",
-      "dependencies": {
-        "@algolia/cache-browser-local-storage": "4.20.0",
-        "@algolia/cache-common": "4.20.0",
-        "@algolia/cache-in-memory": "4.20.0",
-        "@algolia/client-account": "4.20.0",
-        "@algolia/client-analytics": "4.20.0",
-        "@algolia/client-common": "4.20.0",
-        "@algolia/client-personalization": "4.20.0",
-        "@algolia/client-search": "4.20.0",
-        "@algolia/logger-common": "4.20.0",
-        "@algolia/logger-console": "4.20.0",
-        "@algolia/requester-browser-xhr": "4.20.0",
-        "@algolia/requester-common": "4.20.0",
-        "@algolia/requester-node-http": "4.20.0",
-        "@algolia/transporter": "4.20.0"
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-4.22.1.tgz",
+      "integrity": "sha512-jwydKFQJKIx9kIZ8Jm44SdpigFwRGPESaxZBaHSV0XWN2yBJAOT4mT7ppvlrpA4UGzz92pqFnVKr/kaZXrcreg==",
+      "dependencies": {
+        "@algolia/cache-browser-local-storage": "4.22.1",
+        "@algolia/cache-common": "4.22.1",
+        "@algolia/cache-in-memory": "4.22.1",
+        "@algolia/client-account": "4.22.1",
+        "@algolia/client-analytics": "4.22.1",
+        "@algolia/client-common": "4.22.1",
+        "@algolia/client-personalization": "4.22.1",
+        "@algolia/client-search": "4.22.1",
+        "@algolia/logger-common": "4.22.1",
+        "@algolia/logger-console": "4.22.1",
+        "@algolia/requester-browser-xhr": "4.22.1",
+        "@algolia/requester-common": "4.22.1",
+        "@algolia/requester-node-http": "4.22.1",
+        "@algolia/transporter": "4.22.1"
       }
     },
     "node_modules/ansi-colors": {
@@ -2548,9 +2583,9 @@
       }
     },
     "node_modules/clsx": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
-      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
+      "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==",
       "engines": {
         "node": ">=6"
       }
@@ -2616,9 +2651,9 @@
       "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ=="
     },
     "node_modules/core-js": {
-      "version": "3.33.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.0.tgz",
-      "integrity": "sha512-HoZr92+ZjFEKar5HS6MC776gYslNOKHt75mEBKWKnPeFDpZ6nH5OeF3S6HFT1mUAUZKrzkez05VboaX8myjSuw==",
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.35.0.tgz",
+      "integrity": "sha512-ntakECeqg81KqMueeGJ79Q5ZgQNR+6eaE8sxGCx62zMbAIj65q+uYvatToew3m6eAGdU4gNZwpZ34NMe4GYswg==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -3927,9 +3962,9 @@
       }
     },
     "node_modules/framer-motion": {
-      "version": "10.16.4",
-      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.16.4.tgz",
-      "integrity": "sha512-p9V9nGomS3m6/CALXqv6nFGMuFOxbWsmaOrdmhyQimMIlLl3LC7h7l86wge/Js/8cRu5ktutS/zlzgR7eBOtFA==",
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-10.18.0.tgz",
+      "integrity": "sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==",
       "dependencies": {
         "tslib": "^2.4.0"
       },
@@ -4119,11 +4154,11 @@
       "integrity": "sha512-5eDf9fuSXwxBL6q5HX+dhDj+dslFGWzU5thZ9kNKUkcPtaPdatmUFKwHFrLb/uf/WpA4BHET+AX3Scl56cAjpA=="
     },
     "node_modules/giscus": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/giscus/-/giscus-1.3.0.tgz",
-      "integrity": "sha512-A3tVLgSmpnh2sX9uGjo9MbzmTTEJirSyFUPRvkipvy37y9rhxUYDoh9kO37QVrP7Sc7QuJ+gihB6apkO0yDyTw==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/giscus/-/giscus-1.4.0.tgz",
+      "integrity": "sha512-Pll+pcclTx47NcFDw8nuka2Ja85Gc4XWpzSgL0rszOQaMQRQIV8UMR+zP4a+/N3tV2TXc1SZ537kWlsN6EsAaw==",
       "dependencies": {
-        "lit": "^2.7.5"
+        "lit": "^3.1.0"
       }
     },
     "node_modules/github-slugger": {
@@ -5978,29 +6013,29 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/lit": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/lit/-/lit-2.8.0.tgz",
-      "integrity": "sha512-4Sc3OFX9QHOJaHbmTMk28SYgVxLN3ePDjg7hofEft2zWlehFL3LiAuapWc4U/kYwMYJSh2hTCPZ6/LIC7ii0MA==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.1.1.tgz",
+      "integrity": "sha512-hF1y4K58+Gqrz+aAPS0DNBwPqPrg6P04DuWK52eMkt/SM9Qe9keWLcFgRcEKOLuDlRZlDsDbNL37Vr7ew1VCuw==",
       "dependencies": {
-        "@lit/reactive-element": "^1.6.0",
-        "lit-element": "^3.3.0",
-        "lit-html": "^2.8.0"
+        "@lit/reactive-element": "^2.0.0",
+        "lit-element": "^4.0.0",
+        "lit-html": "^3.1.0"
       }
     },
     "node_modules/lit-element": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-3.3.3.tgz",
-      "integrity": "sha512-XbeRxmTHubXENkV4h8RIPyr8lXc+Ff28rkcQzw3G6up2xg5E8Zu1IgOWIwBLEQsu3cOVFqdYwiVi0hv0SlpqUA==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.0.3.tgz",
+      "integrity": "sha512-2vhidmC7gGLfnVx41P8UZpzyS0Fb8wYhS5RCm16cMW3oERO0Khd3EsKwtRpOnttuByI5rURjT2dfoA7NlInCNw==",
       "dependencies": {
-        "@lit-labs/ssr-dom-shim": "^1.1.0",
-        "@lit/reactive-element": "^1.3.0",
-        "lit-html": "^2.8.0"
+        "@lit-labs/ssr-dom-shim": "^1.1.2",
+        "@lit/reactive-element": "^2.0.0",
+        "lit-html": "^3.1.0"
       }
     },
     "node_modules/lit-html": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-2.8.0.tgz",
-      "integrity": "sha512-o9t+MQM3P4y7M7yNzqAyjp7z+mQGa4NS4CxiyLqFPyFWyc4O+nodLrkrxSaCTrla6M5YOLaT3RpbbqjszB5g3Q==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.1.1.tgz",
+      "integrity": "sha512-x/EwfGk2D/f4odSFM40hcGumzqoKv0/SUh6fBO+1Ragez81APrcAMPo1jIrCDd9Sn+Z4CT867HWKViByvkDZUA==",
       "dependencies": {
         "@types/trusted-types": "^2.0.2"
       }
@@ -9915,9 +9950,9 @@
       }
     },
     "node_modules/search-insights": {
-      "version": "2.8.3",
-      "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.8.3.tgz",
-      "integrity": "sha512-W9rZfQ9XEfF0O6ntgQOTI7Txc8nkZrO4eJ/pTHK0Br6wWND2sPGPoWg+yGhdIW7wMbLqk8dc23IyEtLlNGpeNw==",
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/search-insights/-/search-insights-2.13.0.tgz",
+      "integrity": "sha512-Orrsjf9trHHxFRuo9/rzm0KIWmgzE8RMlZMzuhZOJ01Rnz3D0YBAe+V6473t6/H6c7irs6Lt48brULAiRWb3Vw==",
       "peer": true
     },
     "node_modules/section-matter": {
diff --git a/package.json b/package.json
index 61902be33..e0e102af8 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^1.0.6",
-    "@portaljs/core": "^1.0.7",
+    "@portaljs/core": "^1.0.9",
     "@portaljs/remark-callouts": "^1.0.5",
     "@portaljs/remark-embed": "^1.0.4",
     "@portaljs/remark-wiki-link": "^1.1.2",
@@ -21,6 +21,7 @@
     "@types/node": "18.14.2",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
+    "clsx": "^2.1.0",
     "date-fns": "^2.29.3",
     "gray-matter": "^4.0.3",
     "hastscript": "^7.2.0",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 3b121ca46..93a620f13 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -13,7 +13,7 @@ import "tailwindcss/tailwind.css";
 import "@/styles/docsearch.css";
 import "@/styles/global.css";
 import "@/styles/prism.css";
-import { Analytics } from "@/components/analytics";
+import { Analytics } from "@portaljs/core";
 
 export interface CustomAppProps {
     meta: {

From 09a5ebc814c20d61987750fece5eda74b24d41ae Mon Sep 17 00:00:00 2001
From: mohamed yahia <mohamedsalem401@yahoo.com>
Date: Fri, 19 Jan 2024 00:10:03 +0200
Subject: [PATCH 3/4] remove clsx ( added by mistake at first )

---
 package-lock.json | 9 ---------
 package.json      | 1 -
 2 files changed, 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c273b5f67..a25926dd0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,6 @@
         "@types/node": "18.14.2",
         "@types/react": "18.0.28",
         "@types/react-dom": "18.0.11",
-        "clsx": "^2.1.0",
         "date-fns": "^2.29.3",
         "gray-matter": "^4.0.3",
         "hastscript": "^7.2.0",
@@ -2582,14 +2581,6 @@
         "node": ">=0.8"
       }
     },
-    "node_modules/clsx": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
-      "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
diff --git a/package.json b/package.json
index e0e102af8..18e5b3624 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,6 @@
     "@types/node": "18.14.2",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
-    "clsx": "^2.1.0",
     "date-fns": "^2.29.3",
     "gray-matter": "^4.0.3",
     "hastscript": "^7.2.0",

From 8c2d3d810c961c848e5c34af5294f5c327ddcdce Mon Sep 17 00:00:00 2001
From: mohamed yahia <mohamedsalem401@yahoo.com>
Date: Fri, 19 Jan 2024 00:14:36 +0200
Subject: [PATCH 4/4] Fix missing dependancy

---
 package-lock.json | 9 +++++++++
 package.json      | 1 +
 2 files changed, 10 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index a25926dd0..c273b5f67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "@types/node": "18.14.2",
         "@types/react": "18.0.28",
         "@types/react-dom": "18.0.11",
+        "clsx": "^2.1.0",
         "date-fns": "^2.29.3",
         "gray-matter": "^4.0.3",
         "hastscript": "^7.2.0",
@@ -2581,6 +2582,14 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
+      "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
diff --git a/package.json b/package.json
index 18e5b3624..e0e102af8 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
     "@types/node": "18.14.2",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
+    "clsx": "^2.1.0",
     "date-fns": "^2.29.3",
     "gray-matter": "^4.0.3",
     "hastscript": "^7.2.0",