Refactor DynamicCommandsTable.

Author: vLuckyyy

components/docs/eternalcore/DynamicCommandsTable.tsx

@@ -16,45 +16,48 @@ interface RawCommand {
   arguments?: string[];
 }
 
+interface RawPermission {
+  name?: string;
+  permissions?: string[];
+  descriptions?: string[];
+}
+
 export default function DynamicCommandsTable() {
   const [commands, setCommands] = useState<Command[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
 
   useEffect(() => {
-    fetch(
-      "https://raw.githubusercontent.com/EternalCodeTeam/EternalCore/refs/heads/master/raw_commands_docs.json"
-    )
+    fetch("https://raw.githubusercontent.com/EternalCodeTeam/EternalCore/refs/heads/master/raw_eternalcore_documentation.json")
       .then((res) => {
         if (!res.ok) throw new Error("Failed to fetch commands");
         return res.json();
       })
-      .then((data: unknown) => {
-        if (!Array.isArray(data)) {
+      .then((data: any) => {
+        if (!data || typeof data !== "object" || (!Array.isArray(data.commands) && !Array.isArray(data.permissions))) {
           setError("Invalid data formatting received from server");
           return;
         }
 
-        const processedCommands = data.map((cmd: unknown) => {
-          const rawCmd = cmd as RawCommand;
-          return {
-            name: rawCmd.name || "Unknown",
-            permission:
-              Array.isArray(rawCmd.permissions) && rawCmd.permissions.length > 0
-                ? rawCmd.permissions[0]
-                : "-",
-            description:
-              Array.isArray(rawCmd.descriptions) && rawCmd.descriptions.length > 0
-                ? rawCmd.descriptions[0]
-                : "-",
-            arguments:
-              Array.isArray(rawCmd.arguments) && rawCmd.arguments.length > 0
-                ? rawCmd.arguments.join(", ")
-                : "-",
-          };
-        });
+        const commandsData = (data.commands || []).map((cmd: RawCommand): Command => ({
+          name: `/${cmd.name?.trim() || "unknown"}`,
+          permission: cmd.permissions?.[0] || "-",
+          description: cmd.descriptions?.[0] || "-",
+          arguments: cmd.arguments?.join(", ") || "-",
+        }));
+
+        const permissionsData = (data.permissions || []).map((perm: RawPermission): Command => ({
+          name: perm.name?.trim() || "Unknown",
+          permission: perm.permissions?.[0] || "-",
+          description: perm.descriptions?.[0] || "-",
+          arguments: "-",
+        }));
+
+        const combined = [...commandsData, ...permissionsData].sort((a, b) =>
+          a.name.replace(/^\//, "").localeCompare(b.name.replace(/^\//, ""), "pl", { sensitivity: "base" })
+        );
 
-        setCommands(processedCommands);
+        setCommands(combined);
       })
       .catch((e) => {
         setError((e as Error).message);
@@ -67,27 +70,25 @@ export default function DynamicCommandsTable() {
   if (!commands.length) return <div>No commands found.</div>;
 
   return (
-    <div>
-      <table>
-        <thead>
-        <tr>
-          <th>Name</th>
-          <th>Permission</th>
-          <th>Description</th>
-          <th>Arguments</th>
+    <table>
+      <thead>
+      <tr>
+        <th>Source</th>
+        <th>Permission</th>
+        <th>Description</th>
+        <th>Arguments</th>
+      </tr>
+      </thead>
+      <tbody>
+      {commands.map((c) => (
+        <tr key={`${c.name}-${c.permission}`}>
+          <td>{c.name}</td>
+          <td>{c.permission}</td>
+          <td>{c.description}</td>
+          <td>{c.arguments}</td>
         </tr>
-        </thead>
-        <tbody>
-        {commands.map((c) => (
-          <tr key={c.name}>
-            <td>{c.name}</td>
-            <td>{c.permission}</td>
-            <td>{c.description}</td>
-            <td>{c.arguments}</td>
-          </tr>
-        ))}
-        </tbody>
-      </table>
-    </div>
+      ))}
+      </tbody>
+    </table>
   );
 }

content/docs/eternalcombat/features.mdx

@@ -3,6 +3,8 @@ title: Features & Commands
 description: Comprehensive guide to EternalCombat features, commands, and permissions
 ---
 
+import { AlertBox } from "../../../components/ui/alert-box";
+
 ## 📋 Command Reference
 
 ### Basic Commands
@@ -92,6 +94,6 @@ description: Comprehensive guide to EternalCombat features, commands, and permis
 - **World-Specific Settings**: Per-world configuration
 - **Border Settings**: World border integration
 
-<Alert type="info">
+<AlertBox type="info">
  Need help? Join our <a href="https://discord.gg/FQ7jmGBd6c">Discord server</a> or check our <a href="https://github.com/EternalCodeTeam/EternalCombat/issues">GitHub issues</a>.
-</Alert>
+</AlertBox>