tldr: a lot of changes / modified guides

.github/contributing-example.md

@@ -23,10 +23,12 @@ $functionName[parameter;parameter]
 
 ## Example(s)
 
-[description - what the example does]:
+[description - what the example does]: ```javascript
 
-```javascript
 bot.command({...});
 
 // Example in non-handler format using bot.command and JS code-highlighting
-```
+
+```
+
+```

.github/workflows/deploy.yml

@@ -4,7 +4,7 @@ on:
   # Trigger the workflow every time you push to the `main` branch
   # Using a different branch name? Replace `main` with your branch’s name
   push:
-    branches: [ main ]
+    branches: [main]
   # Allows you to run this workflow manually from the Actions tab on GitHub.
   workflow_dispatch:
 
@@ -21,7 +21,8 @@ jobs:
       - name: Checkout your repository using git
         uses: actions/checkout@v3
       - name: Install, build, and upload your site
-        uses: withastro/action@v0
+        uses:
+          withastro/action@v0
           # with:
           # path: . # The root location of your Astro project inside the repository. (optional)
           # node-version: 16 # The specific version of Node that should be used to build your site. Defaults to 16. (optional)
@@ -36,4 +37,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v1
+        uses: actions/deploy-pages@v1

.gitignore

@@ -4,6 +4,7 @@
 # Production
 .env
 .astro
+/dist
 
 # Generated files
 .docusaurus

README.md

@@ -89,22 +89,23 @@ const bot = new AoiClient({
   },
 });
 
-// Create Interaction Ping
+// Create Interaction Ping Command
 bot.command({
   name: "create",
   code: `$createApplicationCommand[$guildID;ping;Pong!;true;slash]`,
 });
-
-// Ping Interaction Command
-bot.interactionCommand({
-  name: "ping",
-  prototype: "slash",
-  code: `$interactionReply[Pong! $pingms;;;;everyone;false]`,
-});
 ```
 
 ## Contribution
 
 [Refer to contribution documentation for more information](https://github.com/AkaruiDevelopment/aoi.js/blob/v6/.github/CONTRIBUTING.md)
 
 ## Our ♥️ Contributors
+
+### Aoi.js
+
+[![AkaruiDevelopment/aoi.js](https://contrib.rocks/image?repo=AkaruiDevelopment/aoi.js)](https://github.com/AkaruiDevelopment/aoi.js)
+
+### Documentation
+
+[![aoijs/website](https://contrib.rocks/image?repo=aoijs/website)](https://github.com/aoijs/website)

astro.config.mjs

@@ -3,10 +3,17 @@ import starlight from "@astrojs/starlight";
 import { rehypeHeadingIds } from "@astrojs/markdown-remark";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
 import react from "@astrojs/react";
+import expressiveCode from "astro-expressive-code";
 
+// https://astro.build/config
 export default defineConfig({
   site: "https://aoi.js.org",
   integrations: [
+    expressiveCode({
+      frames: {
+        showCopyToClipboardButton: true,
+      },
+    }),
     starlight({
       title: "aoi.js",
       favicon: "/favicon.png",
@@ -30,32 +37,97 @@ export default defineConfig({
           },
         },
         {
-					tag: 'meta',
-					attrs: { property: 'og:site_name', content: "aoi.js | Akarui Development" },
-				},
+          tag: "meta",
+          attrs: {
+            property: "og:site_name",
+            content: "aoi.js | Akarui Development",
+          },
+        },
         {
-					tag: 'meta',
-					attrs: { property: 'og:image', content: "https://raw.githubusercontent.com/aoijs/website/master/assets/images/aoijs-banner.png" },
-				},
-				{
-					tag: 'meta',
-					attrs: { property: 'twitter:image', content: "https://raw.githubusercontent.com/aoijs/website/master/assets/images/aoijs-banner.png" },
-				},
+          tag: "meta",
+          attrs: {
+            property: "og:image",
+            content:
+              "https://raw.githubusercontent.com/aoijs/website/master/assets/images/aoijs-banner.png",
+          },
+        },
+        {
+          tag: "meta",
+          attrs: {
+            property: "twitter:image",
+            content:
+              "https://raw.githubusercontent.com/aoijs/website/master/assets/images/aoijs-banner.png",
+          },
+        },
         {
-					tag: 'meta',
-					attrs: { property: 'theme-color', content: "#89CFF0" },
-				},
+          tag: "meta",
+          attrs: {
+            property: "theme-color",
+            content: "#89CFF0",
+          },
+        },
       ],
       sidebar: [
         {
           label: "Introduction",
           link: "/guides/setup",
         },
         {
-          label: 'Extensions',
-          autogenerate: { directory: 'extensions' },
-          collapsed: true
-        },    
+          label: "Extensions",
+          items: [
+            {
+              label: "Showcase",
+              link: "/extensions/showcase/",
+            },
+            {
+              label: "@akarui",
+              items: [
+                {
+                  label: "aoi.panel",
+                  autogenerate: {
+                    directory: "extensions/aoipanel",
+                  },
+                  collapsed: true,
+                },
+                {
+                  label: "aoi.music",
+                  items: [
+                    {
+                      label: "Getting Started",
+                      link: "/extensions/aoi.music/",
+                    },
+                    {
+                      label: "Events",
+                      link: "/extensions/aoimusic/events",
+                    },
+                    {
+                      label: "Functions",
+                      autogenerate: {
+                        directory: "extensions/aoimusic/functions",
+                      },
+                      collapsed: true,
+                    },
+                  ],
+                  collapsed: true,
+                },
+              ],
+            },
+            {
+              label: "Community Extensions",
+              items: [
+                {
+                  label: "aoi.canvas",
+                  link: "extensions/aoicanvas",
+                },
+                {
+                  label: "aoi.js-library",
+                  link: "extensions/aoijs-library",
+                },
+              ],
+            },
+          ],
+          collapsed: true,
+        },
         {
           label: "Guides",
           items: [
@@ -205,7 +277,11 @@ export default defineConfig({
         rehypeAutolinkHeadings,
         {
           behavior: "wrap",
-          properties: { ariaHidden: true, tabIndex: -1, class: "heading-link" },
+          properties: {
+            ariaHidden: true,
+            tabIndex: -1,
+            class: "heading-link",
+          },
         },
       ],
     ],