Add Memcached slabs info

Author: RobiNN1

assets/css/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -865,6 +865,11 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
   }
+  .md\:grid-cols-4 {
+    @media (width >= 48rem) {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+  }
   .md\:grid-cols-10 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(10, minmax(0, 1fr));

src/Dashboards/Memcached/MemcachedTrait.php

@@ -31,9 +31,8 @@ private function panels(): string {
                     'title'    => $title ?? null,
                     'moreinfo' => true,
                     'data'     => [
-                        'Version'          => $info['version'],
-                        'Open connections' => $info['curr_connections'],
-                        'Uptime'           => Format::seconds($info['uptime']),
+                        'Version' => $info['version'],
+                        'Uptime'  => Format::seconds($info['uptime']),
                     ],
                 ],
                 [
@@ -396,6 +395,38 @@ private function commandsStats(): string {
         return $this->template->render('dashboards/memcached', ['commands' => $commands]);
     }
 
+    /**
+     * @throws MemcachedException
+     */
+    private function slabs(): string {
+        $slabs_stats = $this->memcached->getSlabsStats();
+
+        $slabs = array_map(static function ($slab) {
+            return [
+                'Chunk Size'        => Format::bytes($slab['chunk_size']),
+                'Chunks per Page'   => Format::number($slab['chunks_per_page']),
+                'Total Pages'       => Format::number($slab['total_pages']),
+                'Total Chunks'      => Format::number($slab['total_chunks']),
+                'Used Chunks'       => Format::number($slab['used_chunks']),
+                'Free Chunks'       => Format::number($slab['free_chunks']),
+                'Free Chunks (End)' => Format::number($slab['free_chunks_end']),
+                'GET Hits'          => Format::number($slab['get_hits']),
+                'SET Commands'      => Format::number($slab['cmd_set']),
+                'DELETE Hits'       => Format::number($slab['delete_hits']),
+                'INCREMENT Hits'    => Format::number($slab['incr_hits']),
+                'DECREMENT Hits'    => Format::number($slab['decr_hits']),
+                'CAS Hits'          => Format::number($slab['cas_hits']),
+                'CAS Bad Value'     => Format::number($slab['cas_badval']),
+                'TOUCH Hits'        => Format::number($slab['touch_hits']),
+            ];
+        }, $slabs_stats['slabs']);
+
+        return $this->template->render('dashboards/memcached', [
+            'slabs' => $slabs,
+            'meta'  => $slabs_stats['meta'],
+        ]);
+    }
+
     /**
      * @throws MemcachedException
      */
@@ -411,6 +442,10 @@ private function mainDashboard(): string {
             return $this->commandsStats();
         }
 
+        if (Http::get('tab') === 'slabs') {
+            return $this->slabs();
+        }
+
         $keys = $this->getAllKeys();
 
         if (isset($_GET['export_btn'])) {

src/Dashboards/Memcached/PHPMem.php

@@ -69,6 +69,8 @@ public function flush(): bool {
     }
 
     /**
+     * @param 'settings'|'items'|'sizes'|'slabs'|'conns'|null $type
+     *
      * @return array<string, mixed>
      *
      * @throws MemcachedException
@@ -88,6 +90,30 @@ public function getServerStats(?string $type = null): array {
         return $stats;
     }
 
+    /**
+     * @return array<string, mixed>
+     *
+     * @throws MemcachedException
+     */
+    public function getSlabsStats(): array {
+        $stats = $this->getServerStats('slabs');
+        $result = [
+            'slabs' => [],
+            'meta'  => [],
+        ];
+
+        foreach ($stats as $key => $value) {
+            if (str_contains($key, ':')) {
+                [$slab_id, $field] = explode(':', $key, 2);
+                $result['slabs'][$slab_id][$field] = $value;
+            } else {
+                $result['meta'][$key] = $value;
+            }
+        }
+
+        return $result;
+    }
+
     public function isConnected(): bool {
         try {
             $stats = $this->getServerStats();
@@ -150,7 +176,7 @@ public function getKeys(): array {
     }
 
     /**
-     * Convert raw key line to an array.
+     * Convert a raw key line to an array.
      *
      * @return array<string, string|int>
      */
@@ -237,7 +263,7 @@ public function version(): string {
     /**
      * Run command.
      *
-     * These commands should work but not guaranteed to work on any server:
+     * These commands should work but are not guaranteed to work on any server:
      *
      * set|add|replace|append|prepend  <key> <flags> <ttl> <bytes>\r\n<value>\r\n
      * cas <key> <flags> <exptime> <bytes> <cas unique>\r\n
@@ -271,8 +297,8 @@ public function version(): string {
      * verbosity <level>\r\n
      * quit\r\n
      *
-     * Note: \r\n is added automatically to the end
-     * and \r\n (as a plain string) is converted to a real end of line.
+     * Note: \r\n is added automatically to the end,
+     * and \r\n (as a plain string) is converted to a real end of the line.
      *
      * @link https://github.com/memcached/memcached/blob/master/doc/protocol.txt
      *

templates/dashboards/memcached.twig

@@ -2,6 +2,7 @@
     links: {
         'keys': 'Keys',
         'commands_stats': 'Commands Stats',
+        'slabs': 'Slabs',
     },
 }) }}
 
@@ -34,3 +35,21 @@
         </div>
     </div>
 {% endif %}
+
+{% if get('tab') == 'slabs' %}
+    <div class="px-6 py-4 rounded-sm bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
+        <div class="flex items-center gap-4 mb-4">
+            <div class="font-semibold text-gray-600 dark:text-gray-300">Total memory allocated to slab pages</div>
+            <div class="text-sm font-semibold text-gray-900 dark:text-white">{{ meta.total_malloced|bytes }}</div>
+        </div>
+
+        <div class="md:grid md:grid-cols-4 md:gap-4">
+            {% for slab, data in slabs %}
+                {{ include('partials/panel.twig', {
+                    panel_title: 'Slab ' ~ slab,
+                    array: data,
+                }) }}
+            {% endfor %}
+        </div>
+    </div>
+{% endif %}