From 14a7f6460a47884d9406919cccab92bb7b8f6c77 Mon Sep 17 00:00:00 2001
From: theartcher <jorisplayz@gmail.com>
Date: Wed, 22 Oct 2025 10:05:46 +0200
Subject: [PATCH 1/5] Add basic page and code guides

---
 DesignPatternPedia/README.md | 59 +++++++++++++++++++++++++++++++++---
 1 file changed, 54 insertions(+), 5 deletions(-)

diff --git a/DesignPatternPedia/README.md b/DesignPatternPedia/README.md
index 0b59536..014994f 100644
--- a/DesignPatternPedia/README.md
+++ b/DesignPatternPedia/README.md
@@ -1,18 +1,67 @@
-# Website
+# DesignPatternPedia
+
+- [DesignPatternPedia](#designpatternpedia)
+  - [Page Structure](#page-structure)
+  - [Coding Standards](#coding-standards)
+  - [Installation](#installation)
+    - [Build and serve](#build-and-serve)
 
 This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator.
 
+## Page Structure
+
+Each page follows a basic structure to ensure that a user can easily find metadata on a certain design pattern. These elements include;
+
+1. The name of the design pattern.
+   1. Include extra used names or alternative names used just below the title itself.
+2. The group the design pattern belongs to.
+   1. Creational, Structural or Behavioral
+3. Description
+   1. A short paragraph explaining, in simple terms, what the pattern is about.
+4. An up-to-date table of contents.
+5. Problem statement
+   1. A small real-life example of why this can be a problem.
+6. Potential solution
+   1. An analogy or metaphor to explain in human terms how the pattern works.
+7. Examples
+   1. Real world examples of application of the pattern.
+8. Pros and cons
+   1. Pros and cons of the pattern.
+9. Your turn
+10. How can the user see a potential implementation plan.
+11. Code samples
+12. Snippets in various programming languages.
+13. Playground
+    1. A 'playground' to get a 'feel' for the pattern.
+
+Some extras, common elements may include;
+
+1. A diagram or image explaining the pattern.
+2. Relations or uses in other design patterns.
+
+## Coding Standards
+
+1. All images are put into an `/img` directory and not embedded directly.
+2. All images have `alt` texts explaining their purpose and contents.
+3. All basic page elements that can be re-used should be turned into components.
+4. Code is written in American English.
+5. Page content is written in Queens English.
+6. All pages are `.mdx` files.
+7. Code compiles and tests pass.
+8. Directories follow the correct pattern structure.
+9. Each page is built using the [page structure](#page-structure).
+
 ## Installation
 
-```bash
+````bash
  npm i
-```
+```s
 
-## Local Development
+### Local Development
 
 ```bash
  npm run start
-```
+````
 
 This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
 

From bfa2946143291dea65f2672a2ad239f667e8df9f Mon Sep 17 00:00:00 2001
From: theartcher <jorisplayz@gmail.com>
Date: Wed, 22 Oct 2025 14:39:05 +0200
Subject: [PATCH 2/5] Enhance README and add new components for pattern tagging
 and pros/cons display

- Updated README to include new sections for Local Development and Contributing.
- Introduced PatternAliasAndTag component for tagging design patterns.
- Added TwoColumnProsCons component to display pros and cons in a structured format.
- Created associated CSS modules for styling the new components.
- Updated docusaurus configuration for project details and GitHub links.
---
 DesignPatternPedia/README.md                  |  25 ++--
 .../docs/Creational/singleton.mdx             | 127 +++++++++++++++++-
 DesignPatternPedia/docusaurus.config.ts       |  73 ++--------
 .../pattern-alias-and-tag.module.css          | 107 +++++++++++++++
 .../pattern-alias-and-tag.tsx                 |  77 +++++++++++
 .../pattern-page-features/pros-and-cons.tsx   |  49 +++++++
 .../two-column-pros-cons.module.css           |  84 ++++++++++++
 7 files changed, 470 insertions(+), 72 deletions(-)
 create mode 100644 DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.module.css
 create mode 100644 DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.tsx
 create mode 100644 DesignPatternPedia/src/components/pattern-page-features/pros-and-cons.tsx
 create mode 100644 DesignPatternPedia/src/components/pattern-page-features/two-column-pros-cons.module.css

diff --git a/DesignPatternPedia/README.md b/DesignPatternPedia/README.md
index 014994f..e865ae0 100644
--- a/DesignPatternPedia/README.md
+++ b/DesignPatternPedia/README.md
@@ -4,7 +4,9 @@
   - [Page Structure](#page-structure)
   - [Coding Standards](#coding-standards)
   - [Installation](#installation)
+    - [Local Development](#local-development)
     - [Build and serve](#build-and-serve)
+  - [Contributing](#contributing)
 
 This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator.
 
@@ -46,22 +48,25 @@ Some extras, common elements may include;
 3. All basic page elements that can be re-used should be turned into components.
 4. Code is written in American English.
 5. Page content is written in Queens English.
-6. All pages are `.mdx` files.
-7. Code compiles and tests pass.
-8. Directories follow the correct pattern structure.
-9. Each page is built using the [page structure](#page-structure).
+6. Page content is cited, sourced, and referenced where deemed necessary.
+7. All docs/pages are `.mdx` files.
+8. Code compiles and tests pass.
+9. Directories follow the correct pattern structure.
+10. Each page is built using the [page structure](#page-structure).
 
 ## Installation
 
-````bash
- npm i
-```s
+To install the required packages and otherwise dependencies, run the following command;
+
+```bash
+npm i
+```
 
 ### Local Development
 
 ```bash
  npm run start
-````
+```
 
 This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
 
@@ -78,3 +83,7 @@ And then to serve the newly created build, simply run.
 ```bash
  npm run serve
 ```
+
+## Contributing
+
+Would you like to propose changes to the pattern-wiki? Then feel free to create a pull request in this repository. Make sure that your PR follows the standards as set in the [coding standards](#coding-standards) and [page structure](#page-structure). These standards ensure that the wiki is of high quality and that both the users and developers can find the right information quickly.
diff --git a/DesignPatternPedia/docs/Creational/singleton.mdx b/DesignPatternPedia/docs/Creational/singleton.mdx
index c58cb85..4bc2f26 100644
--- a/DesignPatternPedia/docs/Creational/singleton.mdx
+++ b/DesignPatternPedia/docs/Creational/singleton.mdx
@@ -1,5 +1,130 @@
 ---
 title: Singleton
+hide_title: true
 ---
 
-This page describes the singleton pattern
+import { CreationalPatternTag } from "@site/src/components/pattern-page-features/pattern-alias-and-tag";
+import TwoColumnProsCons from "@site/src/components/pattern-page-features/pros-and-cons";
+import TOCInline from '@theme/TOCInline';
+
+<CreationalPatternTag title="Singleton" aliases={["Single Instance Pattern"]}/>
+
+---
+
+The **Singleton** pattern ensures that a class has only one instance throughout the lifetime of an application and provides a single, well-known global access point to that instance. It’s one of the simplest creational design patterns, often used to control access to shared resources or global states, such as configuration objects, loggers, or connection pools.
+
+## 🧩The problem
+Some components in a system are meant to exist only once. For example, imagine a
+logging service that writes messages to a single log file. If each part of an
+application created its own logger instance, messages could become disorganized,
+duplicated, or even lost. Similarly, in database connections or system-wide
+configuration management, having multiple instances could cause conflicts or
+inconsistent behavior. The challenge is to guarantee that a single instance of a class can be created and accessed in a well-defined manner, without scattering global variables around.
+
+## 🛠️Solutions
+
+The Singleton pattern introduces a way to manage this shared instance explicitly. The class itself controls its instantiation by:
+
+- Making the constructor private or protected, thus preventing direct creation with `new`.
+- Exposing a static method (`getInstance()`) that acts as a single point of access.
+- Storing the one and only instance inside a static variable within the class.
+
+In essence, Singleton turns a regular class into both a **factory** and a **unique data holder**.
+
+
+<TwoColumnProsCons 
+  pros={["Guarantees that only one instance of a class exists", "Provides controlled global access point", "Helps coordinate shared resources"]}
+  cons={["Violates the Single Responsibility Principle", "Introduces hidden dependencies and tight coupling", "Complicates unit testing and parallel execution"]}
+/>
+
+
+### 🏛️Metaphors
+
+Think of a government maintaining records of all its citizens. Regardless of who
+requests a record, all requests for identification go to the same centralized storage managed by
+one controlling authority, the government.
+
+In this example, the government is considered a Singleton.
+
+### 💡Real-world examples
+Common practical scenarios for applying the Singleton pattern include:
+
+- Application configuration managers, ensuring consistent settings across the app.
+- Logger or audit services, ensuring all logs funnel through a single instance.
+- Database connection pools, you wouldn't want multiple connections being created unnecessarily.
+- Caching systems , to ensure a single source of truth for cached data.
+
+## 🧭Implementation Plan
+
+To implement a Singleton manually:
+
+1. Make the class constructor private so no external code can instantiate it directly.  
+2. Create a static field to hold the single instance.  
+3. Provide a static method that returns the existing instance or creates it lazily if it doesn't exist yet.  
+4. Handle thread-safety when the Singleton may be accessed concurrently.
+
+
+### 💻Code samples
+
+import Tabs from "@theme/Tabs";
+import TabItem from "@theme/TabItem";
+
+<Tabs>
+<TabItem value="ts" label="TypeScript">
+
+```ts
+class Singleton {
+    // Static property to hold the single instance.
+    private static instance: Singleton;
+
+    // Private constructor to prevent direct instantiation.
+    private constructor() {}
+
+    // Static method to either retrieve the single instance or instantiate it if it doesn't exist.
+    public static getInstance(): Singleton {
+        if (!Singleton.instance) {
+            Singleton.instance = new Singleton();
+        }
+
+        return Singleton.instance;
+    }
+}
+```
+
+</TabItem>
+<TabItem value="py" label="Python">
+
+```python
+class Singleton:
+    # Static variable to hold the single instance.
+    _instance = None
+
+    # Private constructor to prevent direct instantiation.
+    def __new__(cls):
+        # Check if an instance already exists.
+        if cls._instance is None:
+            # Create and store the single instance.
+            cls._instance = super().__new__(cls)
+        
+        # Return the single instance.
+        return cls._instance
+```
+
+</TabItem> </Tabs>
+
+### 🎮Playground
+Try creating multiple instances and see how the Singleton restricts this.
+
+## 🔗Relations to other patterns
+- [Factory Method](../Creational/factory-method.mdx), [Abstract Factory](../Creational/abstract-factory.mdx), or [Builder](../Creational/builder.mdx) may rely on Singleton to ensure a single configuration or product source is used globally.
+- [Facade](../Structural/facade.mdx) objects can themselves be singletons that encapsulate a subsystem behind a single interface.
+- Unlike [Flyweight](../Structural/flyweight.mdx), which manages many shared objects, Singleton restricts creation to precisely one object.
+
+---
+
+## 📚Sources
+Information used in this page was collected from various reliable sources:
+
+- [Refactoring Guru - Singleton](https://refactoring.guru/design-patterns/singleton)
+- [Wikipedia - Singleton pattern](https://en.wikipedia.org/wiki/Singleton_pattern)
+- [W3Schools - Singleton Method Design Pattern](https://www.geeksforgeeks.org/system-design/singleton-design-pattern/)
\ No newline at end of file
diff --git a/DesignPatternPedia/docusaurus.config.ts b/DesignPatternPedia/docusaurus.config.ts
index aafb8e4..31fbd22 100644
--- a/DesignPatternPedia/docusaurus.config.ts
+++ b/DesignPatternPedia/docusaurus.config.ts
@@ -2,65 +2,35 @@ import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
 
-// This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
-
+//todo reconfigure repo so that the designpatternpedia is the source in the git directory
+//todo enable test builds for PRs, add as a status check to complete
+//todo enable search
 const config: Config = {
   title: "Design Pattern Pedia",
   tagline: "Practicing Patterns Made Plain and Practical",
   favicon: "img/favicon.ico",
-
-  // Future flags, see https://docusaurus.io/docs/api/docusaurus-config#future
   future: {
-    v4: true, // Improve compatibility with the upcoming Docusaurus v4
+    v4: true,
   },
-
-  // Set the production url of your site here
   url: "https://your-docusaurus-site.example.com",
-  // Set the /<baseUrl>/ pathname under which your site is served
-  // For GitHub pages deployment, it is often '/<projectName>/'
   baseUrl: "/DesignPatternPedia/",
-
-  // GitHub pages deployment config.
-  // If you aren't using GitHub pages, you don't need these.
-  organizationName: "facebook", // Usually your GitHub org/user name.
-  projectName: "docusaurus", // Usually your repo name.
-
+  organizationName: "S7-OpenLearning-Individual",
+  projectName: "DesignPatternPedia",
   onBrokenLinks: "throw",
-
-  // Even if you don't use internationalization, you can use this field to set
-  // useful metadata like html lang. For example, if your site is Chinese, you
-  // may want to replace "en" with "zh-Hans".
   i18n: {
     defaultLocale: "en",
     locales: ["en"],
   },
-
   presets: [
     [
       "classic",
       {
         docs: {
           sidebarPath: "./sidebars.ts",
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl:
             "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
         },
-        blog: {
-          showReadingTime: true,
-          feedOptions: {
-            type: ["rss", "atom"],
-            xslt: true,
-          },
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
-          editUrl:
-            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
-          // Useful options to enforce blogging best practices
-          onInlineTags: "warn",
-          onInlineAuthors: "warn",
-          onUntruncatedBlogPosts: "warn",
-        },
+        blog: false,
         theme: {
           customCss: "./src/css/custom.css",
         },
@@ -85,11 +55,10 @@ const config: Config = {
           type: "docSidebar",
           sidebarId: "tutorialSidebar",
           position: "left",
-          label: "Tutorial",
+          label: "Patterns",
         },
-        { to: "/blog", label: "Blog", position: "left" },
         {
-          href: "https://github.com/facebook/docusaurus",
+          href: "https://github.com/S7-OpenLearning-Individual/DesignPatternPedia",
           label: "GitHub",
           position: "right",
         },
@@ -107,38 +76,16 @@ const config: Config = {
             },
           ],
         },
-        {
-          title: "Community",
-          items: [
-            {
-              label: "Stack Overflow",
-              href: "https://stackoverflow.com/questions/tagged/docusaurus",
-            },
-            {
-              label: "Discord",
-              href: "https://discordapp.com/invite/docusaurus",
-            },
-            {
-              label: "X",
-              href: "https://x.com/docusaurus",
-            },
-          ],
-        },
         {
           title: "More",
           items: [
-            {
-              label: "Blog",
-              to: "/blog",
-            },
             {
               label: "GitHub",
-              href: "https://github.com/facebook/docusaurus",
+              href: "https://github.com/S7-OpenLearning-Individual/DesignPatternPedia",
             },
           ],
         },
       ],
-      copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
     },
     prism: {
       theme: prismThemes.github,
diff --git a/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.module.css b/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.module.css
new file mode 100644
index 0000000..22b47a0
--- /dev/null
+++ b/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.module.css
@@ -0,0 +1,107 @@
+:root {
+  --tag-creational-bg: #C6F6D5;
+  --tag-creational-color: #166534;
+  --tag-creational-border: #7EE8A5;
+  
+  --tag-behavioral-bg: #E0E7FF;
+  --tag-behavioral-color: #5B21B6;
+  --tag-behavioral-border: #B6B6F7;
+  
+  --tag-structural-bg: #FEF3C7;
+  --tag-structural-color: #92400E;
+  --tag-structural-border: #F9D47A;
+
+  --alias-tag-bg: #222;
+  --alias-tag-color: #fff;
+}
+
+[data-theme='dark'] {
+  --tag-creational-bg: rgba(198, 246, 213, 0.15);
+  --tag-creational-color: #4ade80;
+  --tag-creational-border: rgba(126, 232, 165, 0.4);
+  
+  --tag-behavioral-bg: rgba(224, 231, 255, 0.15);
+  --tag-behavioral-color: #818cf8;
+  --tag-behavioral-border: rgba(182, 182, 247, 0.4);
+  
+  --tag-structural-bg: rgba(254, 243, 199, 0.15);
+  --tag-structural-color: #fbbf24;
+  --tag-structural-border: rgba(249, 212, 122, 0.4);
+
+  --alias-tag-bg: var(--ifm-background-surface-color);
+  --alias-tag-color: var(--ifm-color-emphasis-900);
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.titleRow {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  position: relative;
+}
+
+.title {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 1.1;
+  letter-spacing: -0.01em;
+  color: var(--ifm-heading-color);
+}
+
+.tag {
+  display: inline-block;
+  padding: 1.5px 10px;
+  border-radius: 12px;
+  font-weight: 600;
+  font-size: 13px;
+  letter-spacing: 0.01em;
+  position: relative;
+  top: -0.4em;
+  margin-left: 2px;
+  z-index: 1;
+  transition: box-shadow 0.2s;
+  box-shadow: 0 2px 8px 0 rgba(80,200,255,0.10);
+}
+
+.tag-creational {
+  background: var(--tag-creational-bg);
+  color: var(--tag-creational-color);
+  border: 1.5px solid var(--tag-creational-border);
+}
+
+.tag-behavioral {
+  background: var(--tag-behavioral-bg);
+  color: var(--tag-behavioral-color);
+  border: 1.5px solid var(--tag-behavioral-border);
+}
+
+.tag-structural {
+  background: var(--tag-structural-bg);
+  color: var(--tag-structural-color);
+  border: 1.5px solid var(--tag-structural-border);
+}
+
+.aliasContainer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 2px;
+  color: var(--ifm-font-color-base);
+}
+
+.aliasTag {
+  background: var(--alias-tag-bg);
+  color: var(--alias-tag-color);
+  border-radius: 16px;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 500;
+  border: 1px solid var(--ifm-color-emphasis-200);
+}
\ No newline at end of file
diff --git a/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.tsx b/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.tsx
new file mode 100644
index 0000000..2c33ac2
--- /dev/null
+++ b/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.tsx
@@ -0,0 +1,77 @@
+import React from "react";
+import styles from "./pattern-alias-and-tag.module.css";
+
+type Group = "creational" | "behavioral" | "structural";
+
+export type PatternAliasAndTagProps = {
+  /** Title of the pattern (required) */
+  title: string;
+  /** Optional list of alternate names for the pattern */
+  aliases?: string[];
+  /** Which group this pattern belongs to. If omitted you can use one of the wrapper components below. */
+  group?: Group;
+  /** Optional override text to show inside the tag (defaults to capitalised group) */
+  label?: string;
+  className?: string;
+};
+
+function capitalize(s: string) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+
+export function PatternAliasAndTag({
+  title,
+  aliases,
+  group = "creational",
+  label,
+  className,
+}: PatternAliasAndTagProps) {
+  const text = label ?? capitalize(group);
+
+  return (
+    <div className={`${styles.container} ${className || ""}`}>
+      {/* Title row with tag */}
+      <div className={styles.titleRow}>
+        <span className={styles.title}>{title}</span>
+        <span
+          aria-label={`pattern-group-${group}`}
+          className={`${styles.tag} ${styles[`tag-${group}`]}`}
+        >
+          {text}
+        </span>
+      </div>
+
+      {aliases && aliases.length > 0 && (
+        <div className={styles.aliasContainer}>
+          <span>Also known as</span>
+          {aliases.map((alias) => (
+            <span key={alias} className={styles.aliasTag}>
+              {alias}
+            </span>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+// Convenience wrappers so callers don't need to pass `group` every time
+export function CreationalPatternTag(
+  props: Omit<PatternAliasAndTagProps, "group"> & { title: string }
+) {
+  return <PatternAliasAndTag {...props} group="creational" />;
+}
+
+export function BehavioralPatternTag(
+  props: Omit<PatternAliasAndTagProps, "group"> & { title: string }
+) {
+  return <PatternAliasAndTag {...props} group="behavioral" />;
+}
+
+export function StructuralPatternTag(
+  props: Omit<PatternAliasAndTagProps, "group"> & { title: string }
+) {
+  return <PatternAliasAndTag {...props} group="structural" />;
+}
+
+export default PatternAliasAndTag;
diff --git a/DesignPatternPedia/src/components/pattern-page-features/pros-and-cons.tsx b/DesignPatternPedia/src/components/pattern-page-features/pros-and-cons.tsx
new file mode 100644
index 0000000..96b9a37
--- /dev/null
+++ b/DesignPatternPedia/src/components/pattern-page-features/pros-and-cons.tsx
@@ -0,0 +1,49 @@
+import React from "react";
+import styles from "./two-column-pros-cons.module.css";
+import clsx from "clsx";
+
+interface TwoColumnProsConsProps {
+  pros: string[];
+  cons: string[];
+}
+
+export default function TwoColumnProsCons({
+  pros,
+  cons,
+}: TwoColumnProsConsProps): React.ReactElement {
+  return (
+    <div className={styles.container}>
+      <h2 className={styles.title}>⚖️ Pros and Cons</h2>
+      <div className={styles.columnsContainer}>
+        <div className={styles.column}>
+          <h3>Pros</h3>
+          <ul className={styles.list}>
+            {pros.map((pro, index) => (
+              <li
+                key={`pro-${index}`}
+                className={clsx(styles.item, styles.proItem)}
+              >
+                <span className={styles.checkmark}>✓</span>
+                {pro}
+              </li>
+            ))}
+          </ul>
+        </div>
+        <div className={styles.column}>
+          <h3>Cons</h3>
+          <ul className={styles.list}>
+            {cons.map((con, index) => (
+              <li
+                key={`con-${index}`}
+                className={clsx(styles.item, styles.conItem)}
+              >
+                <span className={styles.cross}>✕</span>
+                {con}
+              </li>
+            ))}
+          </ul>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/DesignPatternPedia/src/components/pattern-page-features/two-column-pros-cons.module.css b/DesignPatternPedia/src/components/pattern-page-features/two-column-pros-cons.module.css
new file mode 100644
index 0000000..cbbece6
--- /dev/null
+++ b/DesignPatternPedia/src/components/pattern-page-features/two-column-pros-cons.module.css
@@ -0,0 +1,84 @@
+.container {
+    margin: 2rem 0;
+}
+
+.title {
+    font-size: 1.5rem;
+    margin-bottom: 1.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: var(--ifm-heading-color);
+}
+
+.columnsContainer {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 2rem;
+}
+
+.column {
+    background-color: var(--ifm-background-surface-color);
+    border: 1px solid var(--ifm-color-emphasis-200);
+    padding: 1.5rem;
+    border-radius: 8px;
+}
+
+.column h3 {
+    margin-bottom: 1rem;
+    font-size: 1.2rem;
+    color: var(--ifm-heading-color);
+}
+
+.list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.item {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.75rem;
+    margin-bottom: 1rem;
+    line-height: 1.5;
+    color: var(--ifm-font-color-base);
+}
+
+.item:last-child {
+    margin-bottom: 0;
+}
+
+/* Light mode colors */
+:root {
+    --pros-cons-checkmark-color: #22c55e;
+    --pros-cons-cross-color: #ef4444;
+}
+
+/* Dark mode colors */
+[data-theme='dark'] {
+    --pros-cons-checkmark-color: #4ade80;
+    --pros-cons-cross-color: #f87171;
+}
+
+.checkmark {
+    color: var(--pros-cons-checkmark-color);
+    font-weight: bold;
+    font-size: 1.1em;
+    flex-shrink: 0;
+}
+
+.cross {
+    color: var(--pros-cons-cross-color);
+    font-weight: bold;
+    font-size: 1.1em;
+    flex-shrink: 0;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+    .columnsContainer {
+        grid-template-columns: 1fr;
+        gap: 1rem;
+    }
+}
\ No newline at end of file

From ecadbb1fbc615c64f9890d9c07403679243f2683 Mon Sep 17 00:00:00 2001
From: theartcher <jorisplayz@gmail.com>
Date: Wed, 22 Oct 2025 14:47:25 +0200
Subject: [PATCH 3/5] Moved the directories up, update workflows accordingly

---
 .github/workflows/deploy.yml                        |  12 ++++--------
 .github/workflows/test-deploy.yml                   |   6 +-----
 DesignPatternPedia/.gitignore => .gitignore         |   0
 DesignPatternPedia/README.md => README.md           |   0
 .../blog => blog}/2019-05-28-first-blog-post.md     |   0
 .../blog => blog}/2019-05-29-long-blog-post.md      |   0
 .../blog => blog}/2021-08-01-mdx-blog-post.mdx      |   0
 .../docusaurus-plushie-banner.jpeg                  | Bin
 .../blog => blog}/2021-08-26-welcome/index.md       |   0
 {DesignPatternPedia/blog => blog}/authors.yml       |   0
 {DesignPatternPedia/blog => blog}/tags.yml          |   0
 .../Behavioural/chain-of-responsibility.mdx         |   0
 .../docs => docs}/Behavioural/command.mdx           |   0
 .../docs => docs}/Behavioural/iterator.mdx          |   0
 .../docs => docs}/Behavioural/mediator.mdx          |   0
 .../docs => docs}/Behavioural/memento.mdx           |   0
 .../docs => docs}/Behavioural/observer.mdx          |   0
 .../docs => docs}/Behavioural/state.mdx             |   0
 .../docs => docs}/Behavioural/strategy.mdx          |   0
 .../docs => docs}/Behavioural/template-method.mdx   |   0
 .../docs => docs}/Behavioural/visitor.mdx           |   0
 .../docs => docs}/Creational/abstract-factory.mdx   |   0
 .../docs => docs}/Creational/builder.mdx            |   0
 .../docs => docs}/Creational/factory-method.mdx     |   0
 .../docs => docs}/Creational/prototype.mdx          |   0
 .../docs => docs}/Creational/singleton.mdx          |   0
 .../docs => docs}/Structural/adapter.mdx            |   0
 .../docs => docs}/Structural/bridge.mdx             |   0
 .../docs => docs}/Structural/composite.mdx          |   0
 .../docs => docs}/Structural/decorator.mdx          |   0
 .../docs => docs}/Structural/facade.mdx             |   0
 .../docs => docs}/Structural/flyweight.mdx          |   0
 .../docs => docs}/Structural/proxy.mdx              |   0
 {DesignPatternPedia/docs => docs}/intro.md          |   0
 .../docusaurus.config.ts => docusaurus.config.ts    |   0
 .../package-lock.json => package-lock.json          |   0
 DesignPatternPedia/package.json => package.json     |   0
 DesignPatternPedia/sidebars.ts => sidebars.ts       |   0
 .../components/HomepageFeatures/index.tsx           |   0
 .../components/HomepageFeatures/styles.module.css   |   0
 .../pattern-alias-and-tag.module.css                |   0
 .../pattern-page-features/pattern-alias-and-tag.tsx |   0
 .../pattern-page-features/pros-and-cons.tsx         |   0
 .../two-column-pros-cons.module.css                 |   0
 {DesignPatternPedia/src => src}/css/custom.css      |   0
 .../src => src}/pages/index.module.css              |   0
 {DesignPatternPedia/src => src}/pages/index.tsx     |   0
 .../src => src}/pages/markdown-page.md              |   0
 {DesignPatternPedia/static => static}/.nojekyll     |   0
 .../img/docusaurus-social-card.jpg                  | Bin
 .../static => static}/img/docusaurus.png            | Bin
 .../static => static}/img/favicon.ico               | Bin
 {DesignPatternPedia/static => static}/img/logo.svg  |   0
 .../img/undraw_docusaurus_mountain.svg              |   0
 .../img/undraw_docusaurus_react.svg                 |   0
 .../img/undraw_docusaurus_tree.svg                  |   0
 DesignPatternPedia/tsconfig.json => tsconfig.json   |   0
 57 files changed, 5 insertions(+), 13 deletions(-)
 rename DesignPatternPedia/.gitignore => .gitignore (100%)
 rename DesignPatternPedia/README.md => README.md (100%)
 rename {DesignPatternPedia/blog => blog}/2019-05-28-first-blog-post.md (100%)
 rename {DesignPatternPedia/blog => blog}/2019-05-29-long-blog-post.md (100%)
 rename {DesignPatternPedia/blog => blog}/2021-08-01-mdx-blog-post.mdx (100%)
 rename {DesignPatternPedia/blog => blog}/2021-08-26-welcome/docusaurus-plushie-banner.jpeg (100%)
 rename {DesignPatternPedia/blog => blog}/2021-08-26-welcome/index.md (100%)
 rename {DesignPatternPedia/blog => blog}/authors.yml (100%)
 rename {DesignPatternPedia/blog => blog}/tags.yml (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/chain-of-responsibility.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/command.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/iterator.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/mediator.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/memento.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/observer.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/state.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/strategy.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/template-method.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Behavioural/visitor.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Creational/abstract-factory.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Creational/builder.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Creational/factory-method.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Creational/prototype.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Creational/singleton.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/adapter.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/bridge.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/composite.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/decorator.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/facade.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/flyweight.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/Structural/proxy.mdx (100%)
 rename {DesignPatternPedia/docs => docs}/intro.md (100%)
 rename DesignPatternPedia/docusaurus.config.ts => docusaurus.config.ts (100%)
 rename DesignPatternPedia/package-lock.json => package-lock.json (100%)
 rename DesignPatternPedia/package.json => package.json (100%)
 rename DesignPatternPedia/sidebars.ts => sidebars.ts (100%)
 rename {DesignPatternPedia/src => src}/components/HomepageFeatures/index.tsx (100%)
 rename {DesignPatternPedia/src => src}/components/HomepageFeatures/styles.module.css (100%)
 rename {DesignPatternPedia/src => src}/components/pattern-page-features/pattern-alias-and-tag.module.css (100%)
 rename {DesignPatternPedia/src => src}/components/pattern-page-features/pattern-alias-and-tag.tsx (100%)
 rename {DesignPatternPedia/src => src}/components/pattern-page-features/pros-and-cons.tsx (100%)
 rename {DesignPatternPedia/src => src}/components/pattern-page-features/two-column-pros-cons.module.css (100%)
 rename {DesignPatternPedia/src => src}/css/custom.css (100%)
 rename {DesignPatternPedia/src => src}/pages/index.module.css (100%)
 rename {DesignPatternPedia/src => src}/pages/index.tsx (100%)
 rename {DesignPatternPedia/src => src}/pages/markdown-page.md (100%)
 rename {DesignPatternPedia/static => static}/.nojekyll (100%)
 rename {DesignPatternPedia/static => static}/img/docusaurus-social-card.jpg (100%)
 rename {DesignPatternPedia/static => static}/img/docusaurus.png (100%)
 rename {DesignPatternPedia/static => static}/img/favicon.ico (100%)
 rename {DesignPatternPedia/static => static}/img/logo.svg (100%)
 rename {DesignPatternPedia/static => static}/img/undraw_docusaurus_mountain.svg (100%)
 rename {DesignPatternPedia/static => static}/img/undraw_docusaurus_react.svg (100%)
 rename {DesignPatternPedia/static => static}/img/undraw_docusaurus_tree.svg (100%)
 rename DesignPatternPedia/tsconfig.json => tsconfig.json (100%)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index cfaff3c..1dca4e9 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -4,8 +4,6 @@ on:
   push:
     branches:
       - main
-    # Review gh actions docs if you want to further define triggers, paths, etc
-    # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on
 
 jobs:
   build:
@@ -13,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     defaults:
       run:
-        working-directory: ./DesignPatternPedia
+        working-directory: ./
     steps:
       - uses: actions/checkout@v4
         with:
@@ -30,18 +28,16 @@ jobs:
       - name: Upload Build Artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: DesignPatternPedia/build
+          path: build
 
   deploy:
     name: Deploy to GitHub Pages
     needs: build
 
-    # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
     permissions:
-      pages: write # to deploy to Pages
-      id-token: write # to verify the deployment originates from an appropriate source
+      pages: write
+      id-token: write
 
-    # Deploy to the github-pages environment
     environment:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
diff --git a/.github/workflows/test-deploy.yml b/.github/workflows/test-deploy.yml
index be827ea..38dc831 100644
--- a/.github/workflows/test-deploy.yml
+++ b/.github/workflows/test-deploy.yml
@@ -2,10 +2,6 @@ name: Test deployment
 
 on:
   pull_request:
-    branches:
-      - main
-    # Review gh actions docs if you want to further define triggers, paths, etc
-    # https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions#on
 
 jobs:
   test-deploy:
@@ -13,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     defaults:
       run:
-        working-directory: ./DesignPatternPedia
+        working-directory: ./
     steps:
       - uses: actions/checkout@v4
         with:
diff --git a/DesignPatternPedia/.gitignore b/.gitignore
similarity index 100%
rename from DesignPatternPedia/.gitignore
rename to .gitignore
diff --git a/DesignPatternPedia/README.md b/README.md
similarity index 100%
rename from DesignPatternPedia/README.md
rename to README.md
diff --git a/DesignPatternPedia/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
similarity index 100%
rename from DesignPatternPedia/blog/2019-05-28-first-blog-post.md
rename to blog/2019-05-28-first-blog-post.md
diff --git a/DesignPatternPedia/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
similarity index 100%
rename from DesignPatternPedia/blog/2019-05-29-long-blog-post.md
rename to blog/2019-05-29-long-blog-post.md
diff --git a/DesignPatternPedia/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
similarity index 100%
rename from DesignPatternPedia/blog/2021-08-01-mdx-blog-post.mdx
rename to blog/2021-08-01-mdx-blog-post.mdx
diff --git a/DesignPatternPedia/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
similarity index 100%
rename from DesignPatternPedia/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
rename to blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
diff --git a/DesignPatternPedia/blog/2021-08-26-welcome/index.md b/blog/2021-08-26-welcome/index.md
similarity index 100%
rename from DesignPatternPedia/blog/2021-08-26-welcome/index.md
rename to blog/2021-08-26-welcome/index.md
diff --git a/DesignPatternPedia/blog/authors.yml b/blog/authors.yml
similarity index 100%
rename from DesignPatternPedia/blog/authors.yml
rename to blog/authors.yml
diff --git a/DesignPatternPedia/blog/tags.yml b/blog/tags.yml
similarity index 100%
rename from DesignPatternPedia/blog/tags.yml
rename to blog/tags.yml
diff --git a/DesignPatternPedia/docs/Behavioural/chain-of-responsibility.mdx b/docs/Behavioural/chain-of-responsibility.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/chain-of-responsibility.mdx
rename to docs/Behavioural/chain-of-responsibility.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/command.mdx b/docs/Behavioural/command.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/command.mdx
rename to docs/Behavioural/command.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/iterator.mdx b/docs/Behavioural/iterator.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/iterator.mdx
rename to docs/Behavioural/iterator.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/mediator.mdx b/docs/Behavioural/mediator.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/mediator.mdx
rename to docs/Behavioural/mediator.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/memento.mdx b/docs/Behavioural/memento.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/memento.mdx
rename to docs/Behavioural/memento.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/observer.mdx b/docs/Behavioural/observer.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/observer.mdx
rename to docs/Behavioural/observer.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/state.mdx b/docs/Behavioural/state.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/state.mdx
rename to docs/Behavioural/state.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/strategy.mdx b/docs/Behavioural/strategy.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/strategy.mdx
rename to docs/Behavioural/strategy.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/template-method.mdx b/docs/Behavioural/template-method.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/template-method.mdx
rename to docs/Behavioural/template-method.mdx
diff --git a/DesignPatternPedia/docs/Behavioural/visitor.mdx b/docs/Behavioural/visitor.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Behavioural/visitor.mdx
rename to docs/Behavioural/visitor.mdx
diff --git a/DesignPatternPedia/docs/Creational/abstract-factory.mdx b/docs/Creational/abstract-factory.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Creational/abstract-factory.mdx
rename to docs/Creational/abstract-factory.mdx
diff --git a/DesignPatternPedia/docs/Creational/builder.mdx b/docs/Creational/builder.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Creational/builder.mdx
rename to docs/Creational/builder.mdx
diff --git a/DesignPatternPedia/docs/Creational/factory-method.mdx b/docs/Creational/factory-method.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Creational/factory-method.mdx
rename to docs/Creational/factory-method.mdx
diff --git a/DesignPatternPedia/docs/Creational/prototype.mdx b/docs/Creational/prototype.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Creational/prototype.mdx
rename to docs/Creational/prototype.mdx
diff --git a/DesignPatternPedia/docs/Creational/singleton.mdx b/docs/Creational/singleton.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Creational/singleton.mdx
rename to docs/Creational/singleton.mdx
diff --git a/DesignPatternPedia/docs/Structural/adapter.mdx b/docs/Structural/adapter.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/adapter.mdx
rename to docs/Structural/adapter.mdx
diff --git a/DesignPatternPedia/docs/Structural/bridge.mdx b/docs/Structural/bridge.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/bridge.mdx
rename to docs/Structural/bridge.mdx
diff --git a/DesignPatternPedia/docs/Structural/composite.mdx b/docs/Structural/composite.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/composite.mdx
rename to docs/Structural/composite.mdx
diff --git a/DesignPatternPedia/docs/Structural/decorator.mdx b/docs/Structural/decorator.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/decorator.mdx
rename to docs/Structural/decorator.mdx
diff --git a/DesignPatternPedia/docs/Structural/facade.mdx b/docs/Structural/facade.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/facade.mdx
rename to docs/Structural/facade.mdx
diff --git a/DesignPatternPedia/docs/Structural/flyweight.mdx b/docs/Structural/flyweight.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/flyweight.mdx
rename to docs/Structural/flyweight.mdx
diff --git a/DesignPatternPedia/docs/Structural/proxy.mdx b/docs/Structural/proxy.mdx
similarity index 100%
rename from DesignPatternPedia/docs/Structural/proxy.mdx
rename to docs/Structural/proxy.mdx
diff --git a/DesignPatternPedia/docs/intro.md b/docs/intro.md
similarity index 100%
rename from DesignPatternPedia/docs/intro.md
rename to docs/intro.md
diff --git a/DesignPatternPedia/docusaurus.config.ts b/docusaurus.config.ts
similarity index 100%
rename from DesignPatternPedia/docusaurus.config.ts
rename to docusaurus.config.ts
diff --git a/DesignPatternPedia/package-lock.json b/package-lock.json
similarity index 100%
rename from DesignPatternPedia/package-lock.json
rename to package-lock.json
diff --git a/DesignPatternPedia/package.json b/package.json
similarity index 100%
rename from DesignPatternPedia/package.json
rename to package.json
diff --git a/DesignPatternPedia/sidebars.ts b/sidebars.ts
similarity index 100%
rename from DesignPatternPedia/sidebars.ts
rename to sidebars.ts
diff --git a/DesignPatternPedia/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx
similarity index 100%
rename from DesignPatternPedia/src/components/HomepageFeatures/index.tsx
rename to src/components/HomepageFeatures/index.tsx
diff --git a/DesignPatternPedia/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
similarity index 100%
rename from DesignPatternPedia/src/components/HomepageFeatures/styles.module.css
rename to src/components/HomepageFeatures/styles.module.css
diff --git a/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.module.css b/src/components/pattern-page-features/pattern-alias-and-tag.module.css
similarity index 100%
rename from DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.module.css
rename to src/components/pattern-page-features/pattern-alias-and-tag.module.css
diff --git a/DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.tsx b/src/components/pattern-page-features/pattern-alias-and-tag.tsx
similarity index 100%
rename from DesignPatternPedia/src/components/pattern-page-features/pattern-alias-and-tag.tsx
rename to src/components/pattern-page-features/pattern-alias-and-tag.tsx
diff --git a/DesignPatternPedia/src/components/pattern-page-features/pros-and-cons.tsx b/src/components/pattern-page-features/pros-and-cons.tsx
similarity index 100%
rename from DesignPatternPedia/src/components/pattern-page-features/pros-and-cons.tsx
rename to src/components/pattern-page-features/pros-and-cons.tsx
diff --git a/DesignPatternPedia/src/components/pattern-page-features/two-column-pros-cons.module.css b/src/components/pattern-page-features/two-column-pros-cons.module.css
similarity index 100%
rename from DesignPatternPedia/src/components/pattern-page-features/two-column-pros-cons.module.css
rename to src/components/pattern-page-features/two-column-pros-cons.module.css
diff --git a/DesignPatternPedia/src/css/custom.css b/src/css/custom.css
similarity index 100%
rename from DesignPatternPedia/src/css/custom.css
rename to src/css/custom.css
diff --git a/DesignPatternPedia/src/pages/index.module.css b/src/pages/index.module.css
similarity index 100%
rename from DesignPatternPedia/src/pages/index.module.css
rename to src/pages/index.module.css
diff --git a/DesignPatternPedia/src/pages/index.tsx b/src/pages/index.tsx
similarity index 100%
rename from DesignPatternPedia/src/pages/index.tsx
rename to src/pages/index.tsx
diff --git a/DesignPatternPedia/src/pages/markdown-page.md b/src/pages/markdown-page.md
similarity index 100%
rename from DesignPatternPedia/src/pages/markdown-page.md
rename to src/pages/markdown-page.md
diff --git a/DesignPatternPedia/static/.nojekyll b/static/.nojekyll
similarity index 100%
rename from DesignPatternPedia/static/.nojekyll
rename to static/.nojekyll
diff --git a/DesignPatternPedia/static/img/docusaurus-social-card.jpg b/static/img/docusaurus-social-card.jpg
similarity index 100%
rename from DesignPatternPedia/static/img/docusaurus-social-card.jpg
rename to static/img/docusaurus-social-card.jpg
diff --git a/DesignPatternPedia/static/img/docusaurus.png b/static/img/docusaurus.png
similarity index 100%
rename from DesignPatternPedia/static/img/docusaurus.png
rename to static/img/docusaurus.png
diff --git a/DesignPatternPedia/static/img/favicon.ico b/static/img/favicon.ico
similarity index 100%
rename from DesignPatternPedia/static/img/favicon.ico
rename to static/img/favicon.ico
diff --git a/DesignPatternPedia/static/img/logo.svg b/static/img/logo.svg
similarity index 100%
rename from DesignPatternPedia/static/img/logo.svg
rename to static/img/logo.svg
diff --git a/DesignPatternPedia/static/img/undraw_docusaurus_mountain.svg b/static/img/undraw_docusaurus_mountain.svg
similarity index 100%
rename from DesignPatternPedia/static/img/undraw_docusaurus_mountain.svg
rename to static/img/undraw_docusaurus_mountain.svg
diff --git a/DesignPatternPedia/static/img/undraw_docusaurus_react.svg b/static/img/undraw_docusaurus_react.svg
similarity index 100%
rename from DesignPatternPedia/static/img/undraw_docusaurus_react.svg
rename to static/img/undraw_docusaurus_react.svg
diff --git a/DesignPatternPedia/static/img/undraw_docusaurus_tree.svg b/static/img/undraw_docusaurus_tree.svg
similarity index 100%
rename from DesignPatternPedia/static/img/undraw_docusaurus_tree.svg
rename to static/img/undraw_docusaurus_tree.svg
diff --git a/DesignPatternPedia/tsconfig.json b/tsconfig.json
similarity index 100%
rename from DesignPatternPedia/tsconfig.json
rename to tsconfig.json

From ca756a59f1d62b93141ec3cd5f5d5e6a0233c518 Mon Sep 17 00:00:00 2001
From: theartcher <jorisplayz@gmail.com>
Date: Wed, 22 Oct 2025 14:57:15 +0200
Subject: [PATCH 4/5] Update 'edit this page' root url

---
 docusaurus.config.ts | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 31fbd22..f9f416f 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -2,8 +2,6 @@ import { themes as prismThemes } from "prism-react-renderer";
 import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
 
-//todo reconfigure repo so that the designpatternpedia is the source in the git directory
-//todo enable test builds for PRs, add as a status check to complete
 //todo enable search
 const config: Config = {
   title: "Design Pattern Pedia",
@@ -28,7 +26,7 @@ const config: Config = {
         docs: {
           sidebarPath: "./sidebars.ts",
           editUrl:
-            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
+            "https://github.com/S7-OpenLearning-Individual/DesignPatternPedia/tree/main/",
         },
         blog: false,
         theme: {

From 15c167260f357cb0264317162a9d7c330fb58c32 Mon Sep 17 00:00:00 2001
From: theartcher <jorisplayz@gmail.com>
Date: Wed, 22 Oct 2025 16:00:38 +0200
Subject: [PATCH 5/5] Add React Live code manager, add a demo to singleton, add
 search

---
 docs/Creational/singleton.mdx |  112 ++--
 docusaurus.config.ts          |   12 +-
 package-lock.json             | 1130 +++++++++++++++++++++++++++++++++
 package.json                  |    2 +
 4 files changed, 1209 insertions(+), 47 deletions(-)

diff --git a/docs/Creational/singleton.mdx b/docs/Creational/singleton.mdx
index 4bc2f26..40c748b 100644
--- a/docs/Creational/singleton.mdx
+++ b/docs/Creational/singleton.mdx
@@ -9,51 +9,6 @@ import TOCInline from '@theme/TOCInline';
 
 <CreationalPatternTag title="Singleton" aliases={["Single Instance Pattern"]}/>
 
----
-
-The **Singleton** pattern ensures that a class has only one instance throughout the lifetime of an application and provides a single, well-known global access point to that instance. It’s one of the simplest creational design patterns, often used to control access to shared resources or global states, such as configuration objects, loggers, or connection pools.
-
-## 🧩The problem
-Some components in a system are meant to exist only once. For example, imagine a
-logging service that writes messages to a single log file. If each part of an
-application created its own logger instance, messages could become disorganized,
-duplicated, or even lost. Similarly, in database connections or system-wide
-configuration management, having multiple instances could cause conflicts or
-inconsistent behavior. The challenge is to guarantee that a single instance of a class can be created and accessed in a well-defined manner, without scattering global variables around.
-
-## 🛠️Solutions
-
-The Singleton pattern introduces a way to manage this shared instance explicitly. The class itself controls its instantiation by:
-
-- Making the constructor private or protected, thus preventing direct creation with `new`.
-- Exposing a static method (`getInstance()`) that acts as a single point of access.
-- Storing the one and only instance inside a static variable within the class.
-
-In essence, Singleton turns a regular class into both a **factory** and a **unique data holder**.
-
-
-<TwoColumnProsCons 
-  pros={["Guarantees that only one instance of a class exists", "Provides controlled global access point", "Helps coordinate shared resources"]}
-  cons={["Violates the Single Responsibility Principle", "Introduces hidden dependencies and tight coupling", "Complicates unit testing and parallel execution"]}
-/>
-
-
-### 🏛️Metaphors
-
-Think of a government maintaining records of all its citizens. Regardless of who
-requests a record, all requests for identification go to the same centralized storage managed by
-one controlling authority, the government.
-
-In this example, the government is considered a Singleton.
-
-### 💡Real-world examples
-Common practical scenarios for applying the Singleton pattern include:
-
-- Application configuration managers, ensuring consistent settings across the app.
-- Logger or audit services, ensuring all logs funnel through a single instance.
-- Database connection pools, you wouldn't want multiple connections being created unnecessarily.
-- Caching systems , to ensure a single source of truth for cached data.
-
 ## 🧭Implementation Plan
 
 To implement a Singleton manually:
@@ -113,7 +68,72 @@ class Singleton:
 </TabItem> </Tabs>
 
 ### 🎮Playground
-Try creating multiple instances and see how the Singleton restricts this.
+
+:::note
+
+This sample is to get a 'feel' for the pattern. The code itself may not reflect a correct implementation of the pattern.
+
+:::
+
+```jsx live
+function SingletonDemo() {
+  // State for current instance and log
+  const [instance, setInstance] = React.useState(null);
+  const [log, setLog] = React.useState([]);
+  // Singleton reference persists across renders
+  const singletonRef = React.useRef(null);
+
+  // Create a new singleton instance with a 6-digit id
+  const createInstance = () => ({ id: (Math.floor(100000 + Math.random() * 900000)).toString() });
+
+  // Singleton API
+  const getInstance = () => {
+    if (!singletonRef.current) singletonRef.current = createInstance();
+    return singletonRef.current;
+  };
+  const resetInstance = () => { singletonRef.current = null; };
+
+  // Button handlers
+  const handleCreate = () => {
+    const obj = getInstance();
+    setInstance(obj);
+    setLog(l => [...l, `Create Instance → id: ${obj.id}`]);
+  };
+  const handleReset = () => {
+    resetInstance();
+    setInstance(null);
+    setLog(l => [...l, 'Singleton reset']);
+  };
+  const handleClearLogs = () => setLog([]);
+
+  // UI
+  return (
+    <div style={{ fontFamily: "sans-serif" }}>
+      <h3>Singleton Instance Demo</h3>
+      {/* Create, Reset, and Clear Logs buttons */}
+      <button onClick={handleCreate}>Create Instance</button>
+      <button onClick={handleReset} style={{ marginLeft: 8 }}>Reset Singleton</button>
+      <button onClick={handleClearLogs} style={{ marginLeft: 8 }}>Clear Logs</button>
+      {/* Show instance info if exists */}
+      {instance && (
+        <div style={{ marginTop: 10, padding: 10, border: "1px solid #ccc" }}>
+          Current instance id: {instance.id}
+        </div>
+      )}
+      {/* Log display */}
+      <div style={{ marginTop: 10 }}>
+        <h4>Click Log:</h4>
+        <ul>
+          {log.map((entry, i) => (
+            <li key={i}>{entry}</li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}
+```
+
 
 ## 🔗Relations to other patterns
 - [Factory Method](../Creational/factory-method.mdx), [Abstract Factory](../Creational/abstract-factory.mdx), or [Builder](../Creational/builder.mdx) may rely on Singleton to ensure a single configuration or product source is used globally.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index f9f416f..9659c1d 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -35,7 +35,17 @@ const config: Config = {
       } satisfies Preset.Options,
     ],
   ],
-
+  themes: [
+    "@docusaurus/theme-live-codeblock",
+    [
+      require.resolve("@easyops-cn/docusaurus-search-local"),
+      {
+        hashed: true,
+        indexDocs: true,
+        indexPages: true,
+      },
+    ],
+  ],
   themeConfig: {
     // Replace with your project's social card
     image: "img/docusaurus-social-card.jpg",
diff --git a/package-lock.json b/package-lock.json
index 467890c..21ebc23 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,8 @@
       "dependencies": {
         "@docusaurus/core": "3.9.2",
         "@docusaurus/preset-classic": "3.9.2",
+        "@docusaurus/theme-live-codeblock": "^3.9.2",
+        "@easyops-cn/docusaurus-search-local": "^0.52.1",
         "@mdx-js/react": "^3.0.0",
         "clsx": "^2.0.0",
         "prism-react-renderer": "^2.3.0",
@@ -3852,6 +3854,30 @@
         "react-dom": "^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/@docusaurus/theme-live-codeblock": {
+      "version": "3.9.2",
+      "resolved": "https://registry.npmjs.org/@docusaurus/theme-live-codeblock/-/theme-live-codeblock-3.9.2.tgz",
+      "integrity": "sha512-cgxxZh18dI5Q4iV0GLmwqXtgZbTLOnb0TYgZRiUh0mnIGbuNWFUhUYXXl5owKbDfIXFdFAiI/owJKM83howEAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/core": "3.9.2",
+        "@docusaurus/theme-common": "3.9.2",
+        "@docusaurus/theme-translations": "3.9.2",
+        "@docusaurus/utils-validation": "3.9.2",
+        "@philpl/buble": "^0.19.7",
+        "clsx": "^2.0.0",
+        "fs-extra": "^11.1.1",
+        "react-live": "^4.1.6",
+        "tslib": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/@docusaurus/theme-search-algolia": {
       "version": "3.9.2",
       "resolved": "https://registry.npmjs.org/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.9.2.tgz",
@@ -4003,6 +4029,150 @@
         "node": ">=20.0"
       }
     },
+    "node_modules/@easyops-cn/autocomplete.js": {
+      "version": "0.38.1",
+      "resolved": "https://registry.npmjs.org/@easyops-cn/autocomplete.js/-/autocomplete.js-0.38.1.tgz",
+      "integrity": "sha512-drg76jS6syilOUmVNkyo1c7ZEBPcPuK+aJA7AksM5ZIIbV57DMHCywiCr+uHyv8BE5jUTU98j/H7gVrkHrWW3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "immediate": "^3.2.3"
+      }
+    },
+    "node_modules/@easyops-cn/docusaurus-search-local": {
+      "version": "0.52.1",
+      "resolved": "https://registry.npmjs.org/@easyops-cn/docusaurus-search-local/-/docusaurus-search-local-0.52.1.tgz",
+      "integrity": "sha512-pwfANjTLOQyAPc2Iz93WbG4OQM5C4COCWARbLAs79FIpIS38gHq3PrbDIX8f7oDhGQp1u6f8fr3K3u3+yZXZTA==",
+      "license": "MIT",
+      "dependencies": {
+        "@docusaurus/plugin-content-docs": "^2 || ^3",
+        "@docusaurus/theme-translations": "^2 || ^3",
+        "@docusaurus/utils": "^2 || ^3",
+        "@docusaurus/utils-common": "^2 || ^3",
+        "@docusaurus/utils-validation": "^2 || ^3",
+        "@easyops-cn/autocomplete.js": "^0.38.1",
+        "@node-rs/jieba": "^1.6.0",
+        "cheerio": "^1.0.0",
+        "clsx": "^2.1.1",
+        "comlink": "^4.4.2",
+        "debug": "^4.2.0",
+        "fs-extra": "^10.0.0",
+        "klaw-sync": "^6.0.0",
+        "lunr": "^2.3.9",
+        "lunr-languages": "^1.4.0",
+        "mark.js": "^8.11.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@docusaurus/theme-common": "^2 || ^3",
+        "react": "^16.14.0 || ^17 || ^18 || ^19",
+        "react-dom": "^16.14.0 || 17 || ^18 || ^19"
+      }
+    },
+    "node_modules/@easyops-cn/docusaurus-search-local/node_modules/cheerio": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.1.2.tgz",
+      "integrity": "sha512-IkxPpb5rS/d1IiLbHMgfPuS0FgiWTtFIm/Nj+2woXDLTZ7fOT2eqzgYbdMlLweqlHbsZjxEChoVK+7iph7jyQg==",
+      "license": "MIT",
+      "dependencies": {
+        "cheerio-select": "^2.1.0",
+        "dom-serializer": "^2.0.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.2",
+        "encoding-sniffer": "^0.2.1",
+        "htmlparser2": "^10.0.0",
+        "parse5": "^7.3.0",
+        "parse5-htmlparser2-tree-adapter": "^7.1.0",
+        "parse5-parser-stream": "^7.1.2",
+        "undici": "^7.12.0",
+        "whatwg-mimetype": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=20.18.1"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/@easyops-cn/docusaurus-search-local/node_modules/entities": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
+      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/@easyops-cn/docusaurus-search-local/node_modules/fs-extra": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
+      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@easyops-cn/docusaurus-search-local/node_modules/htmlparser2": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz",
+      "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.2.1",
+        "entities": "^6.0.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.6.0.tgz",
+      "integrity": "sha512-zq/ay+9fNIJJtJiZxdTnXS20PllcYMX3OE23ESc4HK/bdYu3cOWYVhsOhVnXALfU/uqJIxn5NBPd9z4v+SfoSg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.6.0.tgz",
+      "integrity": "sha512-obtUmAHTMjll499P+D9A3axeJFlhdjOWdKUNs/U6QIGT7V5RjcUW1xToAzjvmgTSQhDbYn/NwfTRoJcQ2rNBxA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@hapi/hoek": {
       "version": "9.3.0",
       "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
@@ -4018,6 +4188,50 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/@jest/schemas": {
       "version": "29.6.3",
       "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
@@ -4276,6 +4490,271 @@
         "react": ">=16"
       }
     },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@node-rs/jieba": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba/-/jieba-1.10.4.tgz",
+      "integrity": "sha512-GvDgi8MnBiyWd6tksojej8anIx18244NmIOc1ovEw8WKNUejcccLfyu8vj66LWSuoZuKILVtNsOy4jvg3aoxIw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "optionalDependencies": {
+        "@node-rs/jieba-android-arm-eabi": "1.10.4",
+        "@node-rs/jieba-android-arm64": "1.10.4",
+        "@node-rs/jieba-darwin-arm64": "1.10.4",
+        "@node-rs/jieba-darwin-x64": "1.10.4",
+        "@node-rs/jieba-freebsd-x64": "1.10.4",
+        "@node-rs/jieba-linux-arm-gnueabihf": "1.10.4",
+        "@node-rs/jieba-linux-arm64-gnu": "1.10.4",
+        "@node-rs/jieba-linux-arm64-musl": "1.10.4",
+        "@node-rs/jieba-linux-x64-gnu": "1.10.4",
+        "@node-rs/jieba-linux-x64-musl": "1.10.4",
+        "@node-rs/jieba-wasm32-wasi": "1.10.4",
+        "@node-rs/jieba-win32-arm64-msvc": "1.10.4",
+        "@node-rs/jieba-win32-ia32-msvc": "1.10.4",
+        "@node-rs/jieba-win32-x64-msvc": "1.10.4"
+      }
+    },
+    "node_modules/@node-rs/jieba-android-arm-eabi": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-android-arm-eabi/-/jieba-android-arm-eabi-1.10.4.tgz",
+      "integrity": "sha512-MhyvW5N3Fwcp385d0rxbCWH42kqDBatQTyP8XbnYbju2+0BO/eTeCCLYj7Agws4pwxn2LtdldXRSKavT7WdzNA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-android-arm64": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-android-arm64/-/jieba-android-arm64-1.10.4.tgz",
+      "integrity": "sha512-XyDwq5+rQ+Tk55A+FGi6PtJbzf974oqnpyCcCPzwU3QVXJCa2Rr4Lci+fx8oOpU4plT3GuD+chXMYLsXipMgJA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-darwin-arm64": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-darwin-arm64/-/jieba-darwin-arm64-1.10.4.tgz",
+      "integrity": "sha512-G++RYEJ2jo0rxF9626KUy90wp06TRUjAsvY/BrIzEOX/ingQYV/HjwQzNPRR1P1o32a6/U8RGo7zEBhfdybL6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-darwin-x64": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-darwin-x64/-/jieba-darwin-x64-1.10.4.tgz",
+      "integrity": "sha512-MmDNeOb2TXIZCPyWCi2upQnZpPjAxw5ZGEj6R8kNsPXVFALHIKMa6ZZ15LCOkSTsKXVC17j2t4h+hSuyYb6qfQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-freebsd-x64": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-freebsd-x64/-/jieba-freebsd-x64-1.10.4.tgz",
+      "integrity": "sha512-/x7aVQ8nqUWhpXU92RZqd333cq639i/olNpd9Z5hdlyyV5/B65LLy+Je2B2bfs62PVVm5QXRpeBcZqaHelp/bg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-linux-arm-gnueabihf": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-linux-arm-gnueabihf/-/jieba-linux-arm-gnueabihf-1.10.4.tgz",
+      "integrity": "sha512-crd2M35oJBRLkoESs0O6QO3BBbhpv+tqXuKsqhIG94B1d02RVxtRIvSDwO33QurxqSdvN9IeSnVpHbDGkuXm3g==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-linux-arm64-gnu": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-linux-arm64-gnu/-/jieba-linux-arm64-gnu-1.10.4.tgz",
+      "integrity": "sha512-omIzNX1psUzPcsdnUhGU6oHeOaTCuCjUgOA/v/DGkvWC1jLcnfXe4vdYbtXMh4XOCuIgS1UCcvZEc8vQLXFbXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-linux-arm64-musl": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-linux-arm64-musl/-/jieba-linux-arm64-musl-1.10.4.tgz",
+      "integrity": "sha512-Y/tiJ1+HeS5nnmLbZOE+66LbsPOHZ/PUckAYVeLlQfpygLEpLYdlh0aPpS5uiaWMjAXYZYdFkpZHhxDmSLpwpw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-linux-x64-gnu": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-linux-x64-gnu/-/jieba-linux-x64-gnu-1.10.4.tgz",
+      "integrity": "sha512-WZO8ykRJpWGE9MHuZpy1lu3nJluPoeB+fIJJn5CWZ9YTVhNDWoCF4i/7nxz1ntulINYGQ8VVuCU9LD86Mek97g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-linux-x64-musl": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-linux-x64-musl/-/jieba-linux-x64-musl-1.10.4.tgz",
+      "integrity": "sha512-uBBD4S1rGKcgCyAk6VCKatEVQb6EDD5I40v/DxODi5CuZVCANi9m5oee/MQbAoaX7RydA2f0OSCE9/tcwXEwUg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-wasm32-wasi": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-wasm32-wasi/-/jieba-wasm32-wasi-1.10.4.tgz",
+      "integrity": "sha512-Y2umiKHjuIJy0uulNDz9SDYHdfq5Hmy7jY5nORO99B4pySKkcrMjpeVrmWXJLIsEKLJwcCXHxz8tjwU5/uhz0A==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@node-rs/jieba-win32-arm64-msvc": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-win32-arm64-msvc/-/jieba-win32-arm64-msvc-1.10.4.tgz",
+      "integrity": "sha512-nwMtViFm4hjqhz1it/juQnxpXgqlGltCuWJ02bw70YUDMDlbyTy3grCJPpQQpueeETcALUnTxda8pZuVrLRcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-win32-ia32-msvc": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-win32-ia32-msvc/-/jieba-win32-ia32-msvc-1.10.4.tgz",
+      "integrity": "sha512-DCAvLx7Z+W4z5oKS+7vUowAJr0uw9JBw8x1Y23Xs/xMA4Em+OOSiaF5/tCJqZUCJ8uC4QeImmgDFiBqGNwxlyA==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@node-rs/jieba-win32-x64-msvc": {
+      "version": "1.10.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/jieba-win32-x64-msvc/-/jieba-win32-x64-msvc-1.10.4.tgz",
+      "integrity": "sha512-+sqemSfS1jjb+Tt7InNbNzrRh1Ua3vProVvC4BZRPg010/leCbGFFiQHpzcPRfpxAXZrzG5Y0YBTsPzN/I4yHQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -4320,6 +4799,196 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/@philpl/buble": {
+      "version": "0.19.7",
+      "resolved": "https://registry.npmjs.org/@philpl/buble/-/buble-0.19.7.tgz",
+      "integrity": "sha512-wKTA2DxAGEW+QffRQvOhRQ0VBiYU2h2p8Yc1oBNlqSKws48/8faxqKNIuub0q4iuyTuLwtB8EkwiKwhlfV1PBA==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^6.1.1",
+        "acorn-class-fields": "^0.2.1",
+        "acorn-dynamic-import": "^4.0.0",
+        "acorn-jsx": "^5.0.1",
+        "chalk": "^2.4.2",
+        "magic-string": "^0.25.2",
+        "minimist": "^1.2.0",
+        "os-homedir": "^1.0.1",
+        "regexpu-core": "^4.5.4"
+      },
+      "bin": {
+        "buble": "bin/buble"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/acorn": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.2.tgz",
+      "integrity": "sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/acorn-class-fields": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/acorn-class-fields/-/acorn-class-fields-0.2.1.tgz",
+      "integrity": "sha512-US/kqTe0H8M4LN9izoL+eykVAitE68YMuYZ3sHn3i1fjniqR7oQ3SPvuMK/VT1kjOQHrx5Q88b90TtOKgAv2hQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.8.2"
+      },
+      "peerDependencies": {
+        "acorn": "^6.0.0"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/acorn-dynamic-import": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz",
+      "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==",
+      "deprecated": "This is probably built in to whatever tool you're using. If you still need it... idk",
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "license": "MIT"
+    },
+    "node_modules/@philpl/buble/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/regenerate-unicode-properties": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-9.0.0.tgz",
+      "integrity": "sha512-3E12UeNSPfjrgwjkR81m5J7Aw/T55Tu7nUyZVQYCKEOs+2dkxEY+DpPtZzO4YruuiPb7NkYLVcyJC4+zCbk5pA==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/regexpu-core": {
+      "version": "4.8.0",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-4.8.0.tgz",
+      "integrity": "sha512-1F6bYsoYiz6is+oz70NWur2Vlh9KWtswuRuzJOfeYUrfPX2o8n74AnUVaOGDbUqVGO9fNHu48/pjJO4sNVwsOg==",
+      "license": "MIT",
+      "dependencies": {
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^9.0.0",
+        "regjsgen": "^0.5.2",
+        "regjsparser": "^0.7.0",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/regjsgen": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.5.2.tgz",
+      "integrity": "sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==",
+      "license": "MIT"
+    },
+    "node_modules/@philpl/buble/node_modules/regjsparser": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.7.0.tgz",
+      "integrity": "sha512-A4pcaORqmNMDVwUjWoTzuhwMGpP+NykpfqAsEgI1FSH/EzC7lrN5TMd+kN8YCovX+jMpu8eaqXgXPCa0g8FQNQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/@philpl/buble/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@pnpm/config.env-replace": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@pnpm/config.env-replace/-/config.env-replace-1.1.0.tgz",
@@ -4701,6 +5370,16 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@types/body-parser": {
       "version": "1.19.6",
       "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
@@ -5557,6 +6236,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
+    },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
@@ -6387,6 +7072,12 @@
         "node": ">=10"
       }
     },
+    "node_modules/comlink": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/comlink/-/comlink-4.4.2.tgz",
+      "integrity": "sha512-OxGdvBmJuNKSCMO4NTl1L47VRp6xn2wG4F/2hYzB6tiCb709otOxtEYCSvK80PtjODfXXZu8ds+Nw5kVCjqd2g==",
+      "license": "Apache-2.0"
+    },
     "node_modules/comma-separated-tokens": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
@@ -7591,6 +8282,31 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/encoding-sniffer": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.1.tgz",
+      "integrity": "sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "^0.6.3",
+        "whatwg-encoding": "^3.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
+      }
+    },
+    "node_modules/encoding-sniffer/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/enhanced-resolve": {
       "version": "5.18.3",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
@@ -8375,6 +9091,34 @@
         }
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/form-data-encoder": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-2.1.4.tgz",
@@ -8530,6 +9274,26 @@
       "integrity": "sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==",
       "license": "ISC"
     },
+    "node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -8564,6 +9328,30 @@
       "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
       "license": "BSD-2-Clause"
     },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/global-dirs": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz",
@@ -9320,6 +10108,12 @@
         "node": ">=16.x"
       }
     },
+    "node_modules/immediate": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.3.0.tgz",
+      "integrity": "sha512-HR7EVodfFUdQCTIeySw+WDRFJlPcLOJbXfwwZ7Oom6tjsvZ3bOkCDJHehQC3nxJrv7+f9XecwazynjU8e4Vw3Q==",
+      "license": "MIT"
+    },
     "node_modules/import-fresh": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
@@ -9747,6 +10541,21 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/jest-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
@@ -9912,6 +10721,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
     "node_modules/kleur": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
@@ -10091,6 +10909,33 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lunr": {
+      "version": "2.3.9",
+      "resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz",
+      "integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==",
+      "license": "MIT"
+    },
+    "node_modules/lunr-languages": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/lunr-languages/-/lunr-languages-1.14.0.tgz",
+      "integrity": "sha512-hWUAb2KqM3L7J5bcrngszzISY4BxrXn/Xhbb9TTCJYEGqlR1nG67/M14sp09+PTIRklobrn57IAxcdcO/ZFyNA==",
+      "license": "MPL-1.1"
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "sourcemap-codec": "^1.4.8"
+      }
+    },
+    "node_modules/mark.js": {
+      "version": "8.11.1",
+      "resolved": "https://registry.npmjs.org/mark.js/-/mark.js-8.11.1.tgz",
+      "integrity": "sha512-1I+1qpDt4idfgLQG+BNWmrqku+7/2bi5nLf4YwF8y8zXvmfiTBY3PV3ZibfrjBueCByROpuBjLLFCajqkgYoLQ==",
+      "license": "MIT"
+    },
     "node_modules/markdown-extensions": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/markdown-extensions/-/markdown-extensions-2.0.0.tgz",
@@ -12500,6 +13345,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/mrmime": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
@@ -12528,6 +13382,17 @@
         "multicast-dns": "cli.js"
       }
     },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
     "node_modules/nanoid": {
       "version": "3.3.11",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
@@ -12848,6 +13713,15 @@
         "opener": "bin/opener-bin.js"
       }
     },
+    "node_modules/os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/p-cancelable": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-3.0.0.tgz",
@@ -12974,6 +13848,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
+      "license": "BlueOak-1.0.0"
+    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -13070,6 +13950,18 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/parse5-parser-stream": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
+      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^7.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
     "node_modules/parse5/node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
@@ -13131,6 +14023,28 @@
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "license": "MIT"
     },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
+    },
     "node_modules/path-to-regexp": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
@@ -13167,6 +14081,15 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/pkg-dir": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
@@ -14956,6 +15879,25 @@
         "react": "^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/react-live": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/react-live/-/react-live-4.1.8.tgz",
+      "integrity": "sha512-B2SgNqwPuS2ekqj4lcxi5TibEcjWkdVyYykBEUBshPAPDQ527x2zPEZg560n8egNtAjUpwXFQm7pcXV65aAYmg==",
+      "license": "MIT",
+      "dependencies": {
+        "prism-react-renderer": "^2.4.0",
+        "sucrase": "^3.35.0",
+        "use-editable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">= 0.12.0",
+        "npm": ">= 2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0"
+      }
+    },
     "node_modules/react-loadable": {
       "name": "@docusaurus/react-loadable",
       "version": "6.0.0",
@@ -16230,6 +17172,13 @@
         "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==",
+      "deprecated": "Please use @jridgewell/sourcemap-codec instead",
+      "license": "MIT"
+    },
     "node_modules/space-separated-tokens": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
@@ -16329,6 +17278,27 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
@@ -16396,6 +17366,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom-string": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
@@ -16460,6 +17443,37 @@
         "postcss": "^8.4.31"
       }
     },
+    "node_modules/sucrase": {
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "glob": "^10.3.10",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -16637,6 +17651,27 @@
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "license": "MIT"
     },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/thingies": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/thingies/-/thingies-2.5.0.tgz",
@@ -16758,6 +17793,12 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
+    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
@@ -16833,6 +17874,15 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/undici": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici/-/undici-7.16.0.tgz",
+      "integrity": "sha512-QEg3HPMll0o3t2ourKwOeUAZ159Kn9mx5pnzHRQO8+Wixmh88YdZRiIwat0iNzNNXn0yoEtXJqFpyW7eM8BV7g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18.1"
+      }
+    },
     "node_modules/undici-types": {
       "version": "7.16.0",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
@@ -17231,6 +18281,15 @@
         "url": "https://opencollective.com/webpack"
       }
     },
+    "node_modules/use-editable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/use-editable/-/use-editable-2.3.3.tgz",
+      "integrity": "sha512-7wVD2JbfAFJ3DK0vITvXBdpd9JAz5BcKAAolsnLBuBn6UDDwBGuCIAGvR3yA2BNKm578vAMVHFCWaOcA+BhhiA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 16.8.0"
+      }
+    },
     "node_modules/use-sync-external-store": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
@@ -17757,6 +18816,39 @@
         "node": ">=0.8.0"
       }
     },
+    "node_modules/whatwg-encoding": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
+      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+      "license": "MIT",
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
+      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -17810,6 +18902,44 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/wrap-ansi/node_modules/ansi-regex": {
       "version": "6.2.2",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
diff --git a/package.json b/package.json
index 8bd8c1f..9be112d 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,8 @@
   "dependencies": {
     "@docusaurus/core": "3.9.2",
     "@docusaurus/preset-classic": "3.9.2",
+    "@docusaurus/theme-live-codeblock": "^3.9.2",
+    "@easyops-cn/docusaurus-search-local": "^0.52.1",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",