Merge pull request #77 from TheNextLvl-net/color-tags

NonSwag · web-flow · commit 4dd98f5cbbf0 · 2025-08-22T17:59:23.000+02:00
Added command coloring tags
diff --git a/bun.lock b/bun.lock
@@ -5,6 +5,7 @@
       "name": "thenextlvl-docs",
       "dependencies": {
         "@icons-pack/react-simple-icons": "^13.7.0",
+        "@shikijs/types": "^3.11.0",
         "fumadocs-core": "15.7.1",
         "fumadocs-mdx": "11.8.0",
         "fumadocs-ui": "15.7.1",
diff --git a/content/docs/characters/manage/actions.mdx b/content/docs/characters/manage/actions.mdx
@@ -54,7 +54,7 @@ Using `<player>` in a parameter will be replaced with the name of the player who
 To add a greeting action to a character named "Steve", use the following command:
 
 ```
-/character action add Steve greet any_click send-message Hello, <player>!
+/character action add <aqua>Steve</aqua> <yellow>greet</yellow> any_click send-message <green>Hello, <player>!</green>
 ```
 
 This action will be triggered on any click and sends `Hello, NonSwag!` if the player's name is NonSwag.
@@ -81,7 +81,7 @@ To set a cooldown for an action, use the command:
 #### Example [!toc] [#cooldown-set-example]
 
 ```
-/character action cooldown Steve greet 10s
+/character action cooldown <aqua>Steve</aqua> <yellow>greet</yellow> <green>10s</green>
 ```
 
 This sets a cooldown of **10 seconds** for the **greet** action of the character **Steve**.
@@ -94,7 +94,7 @@ To view the current cooldown for an action, use the command
 #### Example [!toc] [#cooldown-view-example]
 
 ```
-/character action cooldown Steve greet
+/character action cooldown <aqua>Steve</aqua> <yellow>greet</yellow>
 ```
 
 ---
@@ -112,7 +112,7 @@ To define a permission for an action, use the command
 #### Example [!toc] [#permission-set-example]
 
 ```
-/character action permission Steve greet set warm.welcome.permission
+/character action permission <aqua>Steve</aqua> <yellow>greet</yellow> set <green>warm.welcome.permission</green>
 ```
 
 ### Remove a Permission
@@ -123,7 +123,7 @@ To remove a permission for an action, use the command
 #### Example [!toc] [#permission-remove-example]
 
 ```
-/character action permission Steve greet remove
+/character action permission <aqua>Steve</aqua> <yellow>greet</yellow> remove
 ```
 
 ### View Current Permission
@@ -134,7 +134,7 @@ To view the current permission for an action, use the command
 #### Example [!toc] [#permission-view-example]
 
 ```
-/character action permission Steve greet
+/character action permission <aqua>Steve</aqua> <yellow>greet</yellow>
 ```
 
 ---
@@ -147,7 +147,7 @@ To remove a specific action from a character, use the command
 ### Example [!toc] [#remove-example]
 
 ```
-/character action remove Steve greet
+/character action remove <aqua>Steve</aqua> <yellow>greet</yellow>
 ```
 
 ---
@@ -159,6 +159,6 @@ List all actions configured for a character using `/character action list <chara
 ### Example [!toc] [#list-example]
 
 ```
-/character action list Steve
+/character action list <aqua>Steve</aqua>
 
 ```
diff --git a/content/docs/characters/manage/create.mdx b/content/docs/characters/manage/create.mdx
@@ -12,11 +12,11 @@ If you do not specify a type, the default type is `minecraft:player`.
 To create a player character named "Steve", you can use the following command:
 
 ```
-/character create Steve minecraft:player
+/character create <aqua>Steve</aqua> <yellow>minecraft:player</yellow>
 ```
 
 To create a zombie character named "Zed", you would use:
 
 ```
-/character create Zed minecraft:zombie
+/character create <aqua>Zed</aqua> <yellow>minecraft:zombie</yellow>
 ```
diff --git a/content/docs/characters/manage/delete.mdx b/content/docs/characters/manage/delete.mdx
@@ -15,5 +15,5 @@ Deleting a character is permanent and cannot be undone.
 ## Example [!toc]
 
 ```
-/character delete Steve
+/character delete <aqua>Steve</aqua>
 ```
diff --git a/content/docs/characters/manage/equipment.mdx b/content/docs/characters/manage/equipment.mdx
@@ -21,7 +21,7 @@ To equip an item in a specific slot for a character, use the command:
 To equip a diamond helmet for a character named "Guardian", use:
 
 ```
-/character equipment set Guardian head minecraft:diamond_helmet
+/character equipment set <aqua>Guardian</aqua> <yellow>head</yellow> <green>minecraft:diamond_helmet</green>
 ```
 
 ## Clearing Equipment
@@ -39,7 +39,7 @@ To clear a specific equipment slot for a character, use the command:
 To clear the chestplate slot for a character named "Warrior":
 
 ```
-/character equipment clear Warrior chest
+/character equipment clear <aqua>Warrior</aqua> <yellow>chest</yellow>
 ```
 
 ### Clear All Equipment
@@ -52,7 +52,7 @@ To clear all equipment slots for a character, use the command
 To clear all equipment for a character named "Mage":
 
 ```
-/character equipment clear Mage
+/character equipment clear <aqua>Mage</aqua>
 ```
 
 ## Available Equipment Slots
diff --git a/content/docs/characters/manage/skins.mdx b/content/docs/characters/manage/skins.mdx
@@ -32,13 +32,13 @@ you can use the command `/character skin set <character> player <player> [slim]`
 Classic skins can be applied using the following command:
 
 ```
-/character skin set MyCharacter player Notch
+/character skin set <aqua>MyCharacter</aqua> player <yellow>Notch</yellow>
 ```
 
 To apply a slim skin, just append the `slim` option:
 
 ```
-/character skin set MyCharacter player Notch slim
+/character skin set <aqua>MyCharacter</aqua> player <yellow>Notch</yellow> slim
 ```
 
 ## Applying a Skin from File
@@ -59,7 +59,7 @@ If the file is located in the server's main directory, you can use a relative pa
 To change a character's skin using a file, you can use the following command:
 
 ```
-/character skin set MyCharacter file "/home/skins/my_skin.png"
+/character skin set <aqua>MyCharacter</aqua> file <yellow>"/home/skins/my_skin.png"</yellow>
 ```
 
 ## Applying a Skin from URL
@@ -77,15 +77,15 @@ You can change a character's skin using a URL with the command
 To change a character's skin using a URL, you can use the following command:
 
 ```
-/character skin set MyCharacter url "https://example.com/skin.png"
+/character skin set <aqua>MyCharacter</aqua> url <yellow>"https://example.com/skin.png"</yellow>
 ```
 
 ## Resetting a Skin
 
 To reset a character's skin to default, you can use the following command:
 
 ```
-/character skin reset MyCharacter
+/character skin reset <aqua>MyCharacter</aqua>
 ```
 
 <Callout type="info">This will only reset the skin, not the skin layers.</Callout>
@@ -102,7 +102,7 @@ By default, all layers are shown. You can hide or show each layer individually.
 To hide a character's cape layer, you can use the following command:
 
 ```
-/character skin layer hide cape MyCharacter
+/character skin layer hide <aqua>cape</aqua> <yellow>MyCharacter</yellow>
 ```
 
 ### Available Skin Layers
diff --git a/content/docs/characters/manage/tag.mdx b/content/docs/characters/manage/tag.mdx
@@ -39,17 +39,17 @@ You can customize your character's nametag using the `/character tag` command.
 Set the nametag text:
 
 ```
-/character tag set text <rainbow>Hello there!</rainbow><newline><blue>Welcome to the game!</blue>
+/character tag set <aqua>Steve</aqua> text <yellow><rainbow>Hello there!</rainbow><newline><blue>Welcome to the game!</blue></yellow>
 ```
 
 Change the background color to red:
 
 ```
-/character tag set background-color red
+/character tag set <aqua>Steve</aqua> background-color <yellow>red</yellow>
 ```
 
 Reset the scale to default:
 
 ```
-/character tag reset scale
+/character tag reset <aqua>Steve</aqua> scale
 ```
diff --git a/content/docs/perworlds/manage/add.mdx b/content/docs/perworlds/manage/add.mdx
@@ -11,7 +11,7 @@ The `<world>` argument is the key of the world you want to add, and `<group>` is
 Adding all farmworlds to the group "farmworld":
 
 ```
-/world group add farmworld:normal farmworld
-/world group add farmworld:nether farmworld
-/world group add farmworld:the_end farmworld
+/world group add <aqua>farmworld:normal</aqua> <yellow>farmworld</yellow>
+/world group add <aqua>farmworld:nether</aqua> <yellow>farmworld</yellow>
+/world group add <aqua>farmworld:the_end</aqua> <yellow>farmworld</yellow>
 ```
diff --git a/content/docs/perworlds/manage/create.mdx b/content/docs/perworlds/manage/create.mdx
@@ -11,5 +11,5 @@ The `<name>` argument is the name you want to give to your world group.
 Creating a world group called "farmworld":
 
 ```
-/world group create farmworld
+/world group create <aqua>farmworld</aqua>
 ```
diff --git a/content/docs/perworlds/manage/delete.mdx b/content/docs/perworlds/manage/delete.mdx
@@ -18,5 +18,5 @@ Deleting a group is irreversible. Make sure to back up any important data before
 ### Example [!toc]
 
 ```
-/world group delete farmworld
+/world group delete <aqua>farmworld</aqua>
 ```
diff --git a/content/docs/perworlds/manage/options.mdx b/content/docs/perworlds/manage/options.mdx
@@ -19,13 +19,13 @@ The player state will not change when switching between worlds within the same g
 To disable a group entirely, you can use the command:
 
 ```
-/world group option enabled farmworld false
+/world group option enabled <aqua>farmworld</aqua> <yellow>false</yellow>
 ```
 
 To query the current value of an option, you can use the command:
 
 ```
-/world group option inventory farmworld
+/world group option inventory <aqua>farmworld</aqua>
 ```
 
 ## All available options [!toc]
diff --git a/content/docs/perworlds/manage/remove.mdx b/content/docs/perworlds/manage/remove.mdx
@@ -16,5 +16,5 @@ This will remove the specified world from the specified group.
 ### Example [!toc]
 
 ```
-/world group remove farmworld worlds:void
+/world group remove <aqua>farmworld</aqua> <yellow>worlds:void</yellow>
 ```
diff --git a/content/docs/worlds/manage/clone.mdx b/content/docs/worlds/manage/clone.mdx
@@ -15,11 +15,11 @@ The `template` option defines whether the cloned world should be regenerated or
 Example on how to create an exact copy of a world (1:1):
 
 ```
-/world clone worlds:my_world my_world_copy
+/world clone <aqua>worlds:my_world</aqua> <yellow>my_world_copy</yellow>
 ```
 
 Example on how to clone a world's generation settings (no region data, scoreboards, player data, etc.):
 
 ```
-/world clone worlds:my_world my_world_copy template
+/world clone <aqua>worlds:my_world</aqua> <yellow>my_world_copy</yellow> template
 ```
diff --git a/content/docs/worlds/manage/create.mdx b/content/docs/worlds/manage/create.mdx
@@ -17,7 +17,7 @@ If you don't specify any of these options, the default world settings will be us
 Creating a new world with the default settings:
 
 ```
-/world create "My New World"
+/world create <aqua>"My New World"</aqua>
 ```
 
 ## Using a world generator plugin
@@ -31,7 +31,7 @@ The generator argument takes the name of the plugin that provides the custom chu
 PlotSquared generation example:
 
 ```
-/world create city generator PlotSquared
+/world create <aqua>city</aqua> generator <yellow>PlotSquared</yellow>
 ```
 
 ## Defining the world type
@@ -54,7 +54,7 @@ The following types are available:
 Amplified world example:
 
 ```
-/world create Amplified type amplified
+/world create <aqua>Amplified</aqua> type <yellow>amplified</yellow>
 ```
 
 ## Using a flat world preset
@@ -73,7 +73,7 @@ Check out the [Creating a world preset](/docs/worlds/presets) documentation.
 Void world example:
 
 ```
-/world create "My Void World" preset the-void
+/world create <aqua>"My Void World"</aqua> preset <yellow>the-void</yellow>
 ```
 
 ## Additional options
@@ -94,19 +94,19 @@ Options are specified as `option value` pairs, and can be used in any given orde
 Creating a normal world with structures disabled, a bonus chest, and a specific seed:
 
 ```
-/world create "A cool new world" type normal structures false bonus-chest true seed 123456789
+/world create <aqua>"A cool new world"</aqua> type <yellow>normal</yellow> structures <green>false</green> bonus-chest <light_purple>true</light_purple> seed <gold>123456789</gold>
 ```
 
 Creating a nether world with a specificified key:
 
 ```
-/world create "My Nether World" type normal dimension nether key citybuild:farmworld/nether
+/world create <aqua>"My Nether World"</aqua> type <yellow>normal</yellow> dimension <green>nether</green> key <light_purple>citybuild:farmworld/nether</light_purple>
 ```
 
 To create a default world without any custom options, you can use:
 
 ```
-/world create "My Default World"
+/world create <aqua>"My Default World"</aqua>
 ```
 
 ## Available Dimensions
diff --git a/content/docs/worlds/manage/delete.mdx b/content/docs/worlds/manage/delete.mdx
@@ -26,11 +26,11 @@ Deleting a world is irreversible. Make sure to back up any important data before
 To simply delete a world, you can use the following command:
 
 ```
-/world delete worlds:my_world --confirm
+/world delete <aqua>worlds:my_world</aqua> <yellow>--confirm</yellow>
 ```
 
 To schedule the deletion of a world, you can use:
 
 ```
-/world delete minecraft:overworld --confirm --schedule
+/world delete <aqua>minecraft:overworld</aqua> <yellow>--confirm --schedule</yellow>
 ```
diff --git a/content/docs/worlds/manage/import.mdx b/content/docs/worlds/manage/import.mdx
@@ -21,23 +21,23 @@ Options are specified as `option value` pairs, and can be used in any given orde
 To import a specific dimension of a world, you can use the following command:
 
 ```
-/world import End key worlds:end dimension end
+/world import <aqua>End</aqua> key <yellow>worlds:end</yellow> dimension <green>end</green>
 ```
 
 To import a world with a specific generator, you can use the following command:
 
 ```
-/world import "My World" generator TheGeneratorPlugin
+/world import <aqua>"My World"</aqua> generator <yellow>TheGeneratorPlugin</yellow>
 ```
 
 To import a world with a different name, you can use:
 
 ```
-/world import "My World" name "New World Name"
+/world import <aqua>"My World"</aqua> name <yellow>"New World Name"</yellow>
 ```
 
 To import a world without any custom options, you can use:
 
 ```
-/world import Survival
+/world import <aqua>Survival</aqua>
 ```
diff --git a/content/docs/worlds/manage/links.mdx b/content/docs/worlds/manage/links.mdx
@@ -31,13 +31,13 @@ The `<destination>` world must be a `Nether` or `End` dimension.
 Linking an **Overworld** to a **Nether** world:
 
 ```
-/world link create farmworld:normal farmworld:nether
+/world link create <aqua>farmworld:normal</aqua> <yellow>farmworld:nether</yellow>
 ```
 
 Linking an **Overworld** to an **End** world:
 
 ```
-/world link create farmworld:normal farmworld:the_end
+/world link create <aqua>farmworld:normal</aqua> <yellow>farmworld:the_end</yellow>
 ```
 
 ## Removing world links
@@ -50,11 +50,11 @@ You can remove a link by using the command `/world link remove <world> <destinat
 Removing the link between an **Overworld** and a **Nether** world:
 
 ```
-/world link remove farmworld:normal farmworld:nether
+/world link remove <aqua>farmworld:normal</aqua> <yellow>farmworld:nether</yellow>
 ```
 
 Removing the link between an **Overworld** and an **End** world:
 
 ```
-/world link remove farmworld:normal farmworld:the_end
+/world link remove <aqua>farmworld:normal</aqua> <yellow>farmworld:the_end</yellow>
 ```
diff --git a/content/docs/worlds/manage/load-unload.mdx b/content/docs/worlds/manage/load-unload.mdx
diff --git a/package.json b/package.json
diff --git a/source.config.ts b/source.config.ts
diff --git a/src/app/docs/[[...slug]]/page.tsx b/src/app/docs/[[...slug]]/page.tsx
diff --git a/src/lib/command-colors.ts b/src/lib/command-colors.ts
diff --git a/src/lib/command-transformer.ts b/src/lib/command-transformer.ts
