Docusaurus V3 (#22)

* V3 Upgrade

* Update docusaurus.config.ts with new theme and footer styling

* Update variable documentation for time and touser

* pkg lock

Author: styler

Diff for: docs/chatbot/commands/default/timer.md

@@ -4,6 +4,7 @@ tags:
   - chatbot
   - commands
 ---
+
 # !timer
 
 The `!timer` command is used to manage timers in the chat. It can enable or disable specific timers.

Diff for: docs/chatbot/timers/index.md

@@ -15,4 +15,4 @@ Each timer can be configured with multiple messages, which will be cycled throug
 
 The frequency of each timer can be set in minutes, determining how often it will be activated. Additionally, a minimum amount of chat lines that must be sent in the interval for the timer to be activated can be set, ensuring the timer only runs when chat activity is high enough.
 
-You can find your timers here: <https://streamelements.com/dashboard/bot/timers>
+You can find your timers here: [Dashboard](https://streamelements.com/dashboard/bot/timers)

Diff for: docs/chatbot/variables/time.md

@@ -9,7 +9,7 @@ tags:
 
 ## $(time.timezone)
 
-Displays the time in the given timezone. A list can be found here: <https://nodatime.org/TimeZones>
+Displays the time in the given timezone. A list can be found here [Timezones](https://nodatime.org/TimeZones).
 
 #### Parameters
 

Diff for: docs/chatbot/variables/touser.md

@@ -7,7 +7,7 @@ tags:
 
 # $(touser)
 
-Displays either the first word after the command $[1], or the sender’s name. This is an alias for ${1|sender}
+Displays either the first word after the command $[1], or the sender’s name. This is an alias for $(1|sender)
 
 #### Parameters
 

Diff for: docusaurus.config.js

@@ -0,0 +1,132 @@
+import { themes as prismThemes } from "prism-react-renderer";
+import type { Config } from "@docusaurus/types";
+import type * as Preset from "@docusaurus/preset-classic";
+
+const config: Config = {
+  title: "StreamElements Docs",
+  tagline: "The official documentation for StreamElements",
+  favicon: "/favicon.ico",
+
+  // Set the production url of your site here
+  url: "https://docs.streamelements.com",
+  // Set the /<baseUrl>/ pathname under which your site is served
+  // For GitHub pages deployment, it is often '/<projectName>/'
+  baseUrl: "/",
+  trailingSlash: false,
+
+  // GitHub pages deployment config.
+  // If you aren't using GitHub pages, you don't need these.
+  organizationName: "StreamElements", // Usually your GitHub org/user name.
+  projectName: "docs", // Usually your repo name.
+
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
+
+  // Even if you don't use internalization, 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"],
+  },
+
+  plugins: [],
+
+  presets: [
+    [
+      "classic",
+      {
+        docs: {
+          sidebarPath: "./sidebars.ts",
+          editUrl: "https://github.com/Streamelements/docs/tree/master/",
+          routeBasePath: "/",
+          showLastUpdateAuthor: false,
+          showLastUpdateTime: true,
+        },
+        blog: false,
+        theme: {
+          customCss: "./src/css/custom.css",
+        },
+      } satisfies Preset.Options,
+    ],
+  ],
+
+  themeConfig: {
+    image: "img/open_graph_preview.jpg",
+    navbar: {
+      title: "StreamElements Docs",
+    },
+    metadata: [
+      {
+        name: "keywords",
+        content:
+          "StreamElements, Commands, Timers, Variables, Twitch, YouTube, Command Variables, Chatbot Modules, Chatbot Timers, Spam Filters, Documentation, Guides, Tutorials",
+      },
+      { name: "twitter:card", content: "summary_large_image" },
+    ],
+    headTags: [
+      {
+        tagName: 'link',
+        attributes: {
+          rel: 'preconnect',
+          href: 'https://docs.streamelements.com',
+        },
+      },
+    ],
+    colorMode: {
+      respectPrefersColorScheme: true,
+      defaultMode: "dark",
+    },
+    footer: {
+      style: "dark",
+      links: [
+        {
+          title: "Docs",
+          items: [
+            {
+              label: "Getting Started",
+              to: "/chatbot/gettingstarted/customcommands/creating",
+            },
+            {
+              label: "Variables",
+              to: "/chatbot/variables",
+            },
+          ],
+        },
+        {
+          title: "Community",
+          items: [
+            {
+              label: "Twitch",
+              href: "https://twitch.tv/StreamElements",
+            },
+            {
+              label: "Discord",
+              href: "https://discord.gg/se",
+            },
+            {
+              label: "Twitter",
+              href: "https://twitter.com/StreamElements",
+            },
+          ],
+        },
+        {
+          title: "More",
+          items: [
+            {
+              label: "GitHub",
+              href: "https://github.com/StreamElements",
+            },
+          ],
+        },
+      ],
+      copyright: `Copyright © ${new Date().getFullYear()} StreamElements.`,
+    },
+    prism: {
+      theme: prismThemes.github,
+      darkTheme: prismThemes.dracula,
+    },
+  } satisfies Preset.ThemeConfig,
+};
+
+export default config;