Refactor documentation structure and styles; remove obsolete files, add new API and changelog entries, and enhance sidebar configuration

Author: jesperrichert

docs/api/index.mdx

@@ -0,0 +1,14 @@
+---
+title: Overview
+---
+
+Let's take a look at the API of DisBot.
+
+## DisBot API and Customer API
+
+:::danger Infomation
+Customner API is not available yet. Because the Customer Service is currently under development and offline.
+:::
+
+## Events API
+

docs/changelogs/index.mdx

@@ -0,0 +1,10 @@
+---
+title: DisBot 1.6.0b29s5 HotFix
+---
+
+**Changelog**:
+- Fixed API ERROR with the encryption
+ - Added Customer API
+ - Added and fixed weird Discord Avatar Change bug with the Disbot Image Service (you couldn't change the avatar in the dashboard)
+ - Fixed more bugs...
+- Just a small update and only visible on the Discord (currently) and it continues see our Discord Channels

docs/index.md docs/customer/index.mdxdocs/index.md renamed to docs/customer/index.mdx

@@ -1,3 +1,3 @@
 ---
 title: Overview
----
+---

docs/customization/index.mdx

@@ -0,0 +1,3 @@
+---
+title: Overview
+---

docs/features/autoroles.mdx

@@ -0,0 +1,3 @@
+---
+title: Autoroles
+---

docs/index.mdx

@@ -0,0 +1,42 @@
+---
+title: Overview
+---
+
+:::warning Docs in Progress
+The Docs are not done and some things are missing! [Contribute on GitHub](https://github.com/DisBotDevelopment/DisBot-Docs)
+:::
+
+## Introduction
+
+DisBot is a powerful Discord bot designed to enhance your server's functionality and user experience. With a wide range of features, including moderation tools, fun commands, and utility functions, DisBot is the perfect companion for any Discord community.
+It is built with TypeScript and is designed to be modular, allowing for easy customization and extension.
+
+## Features
+
+- **Autopuplish**: Automatically publish you messages in a channel to another channel.
+- **Autoreact**: Automatically react to messages in a channel with a specific emoji.
+- **AutoRole**: Automatically assign roles to new members when they join your server.
+- **Tickets**: Create and manage support tickets for your server members. (Advanced)
+- **Moderation**: Kick, ban, mute, and manage members in your server with ease.
+- **TempVC**: Create temporary voice channels for your server members.
+- **Notifications**: Send notifications to your server members about important events or updates. (Youtube, Twitch, etc.)
+- **Message Templates**: Create and manage message templates for your server members.
+- **Tag System**: Create and manage tags for your server members. (With custom Commands and Chat Commands (!tag))
+- **Information**: Get information about your server members, channels, and roles.
+- **Welcome**: Send welcome messages to new members when they join your server.
+- **Leave**: Send leave messages to members when they leave your server.
+- **Logging**: Log important events in your server, such as member joins, leaves, and bans.
+
+## Placeholders
+
+- Take a look at the [Placeholders](placeholders) page to see all available placeholders.
+- Placeholders are used to replace certain values in messages, such as user IDs, usernames, and server names.
+
+## API Reference
+
+- Take a look at the [API Reference](api) page to see all available API methods and events.
+- Events API is used to listen to events in your server, such as member joins, leaves, and bans.
+
+## Contact Us
+
+- For Contact use our Form at https://nexocrew.com/contact or join our [Discord Server](https://disbot.xyz/discord) for support and feedback.

docs/quick-start.md

@@ -0,0 +1,3 @@
+---
+title: Quick Start
+---

docs/quick-start.mdx

@@ -0,0 +1,33 @@
+import fs from "fs";
+import path from "path";
+
+const styles = ["sparkles", "booktext", "webhook", "route"];
+
+const output = [];
+
+for (const style of styles) {
+  const className = "style_" + style.replace(/\//g, "_");
+  const iconPath = `../../static/img/sidebar/${style}.png`;
+
+  output.push(`
+.${className} .menu__link {
+  position: relative;
+  padding-left: 2em;
+}
+.${className} .menu__link::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 1%;
+  transform: translateY(-50%);
+  width: 1em;
+  height: 1em;
+  background-image: url("${iconPath}");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+`);
+}
+
+fs.writeFileSync(path.join("./src/css/sidebar-style.css"), output.join("\n"));
+console.log("✅ sidebar-style.css wurde generiert!");

generate-sidebar-css.js

@@ -14,20 +14,51 @@ import type { SidebarsConfig } from '@docusaurus/plugin-content-docs';
  */
 const sidebars: SidebarsConfig = {
   // By default, Docusaurus generates a sidebar from the docs folder structure
-  tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
+  //tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }],
 
   // But you can create a sidebar manually
-  /*
+
   tutorialSidebar: [
-    'intro',
-    'hello',
+    'index',
+    'quick-start',
+    {
+      type: 'category',
+      label: 'Features',
+      items: ['features/autoroles'],
+    },
+    {
+      type: 'category',
+      label: 'API Reference',
+      items: [{
+        type: "doc",
+        id: "api/index",
+        label: "Overview",
+        className: "style_booktext"
+      }],
+      className: "style_route"
+    },
+    {
+      type: 'category',
+      label: 'Customization',
+      items: [{
+        type: "doc",
+        id: "customization/index",
+        label: "Introduction",
+        className: "style_booktext"
+      }],
+      className: "style_sparkles"
+    },
+    {
+      type: 'category',
+      label: 'Customer',
+      items: ['customer/index'],
+    },
     {
       type: 'category',
-      label: 'Tutorial',
-      items: ['tutorial-basics/create-a-document'],
+      label: 'Changelogs',
+      items: ['changelogs/index'],
     },
-  ],
-   */
+  ]
 };
 
 export default sidebars;