chore: merge pull request #1 from lucassm02/feature/searchbar

Major Overhaul: SASL Authentication, Auto-Update, and UI/UX Enhancements

Author: lucassm02

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.github/workflows/github-pages.yml

@@ -2,7 +2,7 @@ name: Deploy website
 
 on:
   push:
-    branches: ['main']
+    branches: ["main"]
 
   workflow_dispatch:
 
@@ -12,7 +12,7 @@ permissions:
   id-token: write
 
 concurrency:
-  group: 'pages'
+  group: "pages"
   cancel-in-progress: false
 
 jobs:
@@ -29,7 +29,7 @@ jobs:
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: './website'
+          path: "./website"
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

.gitignore

@@ -13,7 +13,6 @@ dist-ssr
 *.local
 
 # Editor directories and files
-.vscode/*
 !.vscode/extensions.json
 .idea
 .DS_Store
@@ -200,4 +199,7 @@ dist
 .DS_Store
 
 /release
+/cert
+
+*.db
 

.prettierrc

@@ -0,0 +1,9 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "printWidth": 80,
+  "endOfLine": "lf"
+}

.vscode/launch.json

@@ -0,0 +1,17 @@
+{
+  // Use o IntelliSense para saber mais sobre os atributos possíveis.
+  // Focalizar para exibir as descrições dos atributos existentes.
+  // Para obter mais informações, acesse: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "attach",
+      "protocol": "inspector",
+      "restart": true,
+      "name": "DEBUG",
+      "skipFiles": ["<node_internals>/**"],
+      "outFiles": ["${workspaceFolder}/**/*.js"]
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,41 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "cSpell.words": [
+    "cachedump",
+    "memgui",
+    "memjs",
+    "Sasl",
+    "SASL",
+    "seald",
+    "unmaximize",
+    "unmaximized",
+    "Uturn"
+  ],
+  "editor.tabSize": 2,
+  "editor.insertSpaces": true,
+  "files.eol": "\n",
+  "prettier.useEditorConfig": true,
+  "prettier.endOfLine": "lf",
+  "prettier.tabWidth": 2,
+  "prettier.singleQuote": false,
+  "prettier.trailingComma": "none"
+}

CHANGELOG.md

@@ -2,6 +2,42 @@
 
 All notable changes to this project will be documented in this file. This project adheres to [Semantic Versioning](https://semver.org/) and uses the [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) format.
 
+## [1.0.0] - 2025-02-11
+
+### Added
+
+- **Welcome Screen** displaying a welcome message, a “Create New Connection” button, and a setup guide.
+- **Connection Creation/Editing Form** supporting username, password, and timeout (SASL).
+- **Disclaimer** about key management limitations when using SASL authentication.
+- **Enhanced Key Listing** with a search bar (including regex support) and a selectable number of displayed results.
+- **Auto-Update Functionality** to automatically refresh the key list.
+- **Data Visualization Modal** for detailed inspection of key values (e.g., JSON).
+- **Data Formats (TEXT, JSON, etc.)** when creating/editing keys.
+- **Statistics Screen** showing Memcached server metrics (uptime, connections, GET/SET, memory usage, slabs, etc.).
+
+### Changed
+
+- **Project Organization**:
+  - Added a routing system to improve navigation structure.
+  - Reconfigured folders and build settings to avoid conflicts.
+- **User Experience (UI/UX)**:
+  - Introduced new icons, logos, and layouts compatible with the application theme.
+  - Streamlined the flow for creating, editing, and viewing keys.
+  - Removed extra loading steps during auto-updates, making the process smoother.
+
+### Fixed
+
+- **More Robust Error Handling**, preventing application crashes with invalid inputs.
+- **Script path** and build process corrections.
+- **Window Title Handling** so it is not improperly displayed in browser environments.
+- **Form Value Type Conversion**, ensuring consistent data submission (e.g., numeric vs. string values).
+- **Local Storage** switched from `localStorage` to `API Storage` to bypass limitations and prevent data loss.
+- **Statistics Fields** adjustments, fixing calculations for requests per second and size metrics.
+
+### Removed
+
+- _(No existing features from the previous version were removed; any items not present before are simply not included.)_
+
 ## [0.1.0] - 2025-02-02
 
 ### Added

LICENCE.md

@@ -4,24 +4,24 @@
 
 This software, **MemGui**, is licensed under the following terms:
 
-## **1. Permissions**  
+## **1. Permissions**
 
 You are granted a limited, non-exclusive, non-transferable license to use this software for personal, educational, or non-commercial research purposes only.
 
-## **2. Restrictions**  
+## **2. Restrictions**
 
-You may NOT:  
+You may NOT:
 
-- Use this software for commercial purposes, including but not limited to selling, offering paid services, or integrating it into commercial products.  
-- Modify, adapt, or create derivative works of this software.  
-- Distribute, sublicense, or publicly share copies of this software or any portion of its code.  
-- Reverse-engineer, decompile, or attempt to extract the source code.  
+- Use this software for commercial purposes, including but not limited to selling, offering paid services, or integrating it into commercial products.
+- Modify, adapt, or create derivative works of this software.
+- Distribute, sublicense, or publicly share copies of this software or any portion of its code.
+- Reverse-engineer, decompile, or attempt to extract the source code.
 
-## **3. Disclaimer of Warranty**  
+## **3. Disclaimer of Warranty**
 
 THIS SOFTWARE IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY ARISING FROM THE USE OR INABILITY TO USE THIS SOFTWARE.
 
-## **4. Termination**  
+## **4. Termination**
 
 Any violation of these terms will result in the immediate termination of this license. The author reserves the right to revoke or modify this license at any time.
 

README.md

@@ -1,54 +1,66 @@
 # MemGUI
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/lucassm02/mem-gui/main/assets/mem-gui.svg" alt="MemGUI Logo" width="160" />
+  <img src="https://raw.githubusercontent.com/lucassm02/mem-gui/main/asset/images/logo-white.svg" alt="MemGUI Logo" width="160" />
 </p>
 
-**MemGUI** is a graphical user interface (GUI) for managing **Memcached** databases and cache. It provides an intuitive experience for listing, creating, editing, and deleting keys, overcoming some of Memcached's limitations. It also allows users to view key details such as **content size and TTL** and supports multiple simultaneous connections to different servers.
+[![Latest Release](https://img.shields.io/github/v/release/lucassm02/mem-gui?color=blue&label=Download)](https://github.com/lucassm02/mem-gui/releases)
+[![License: Non-Commercial Use Only](https://img.shields.io/badge/license-NCU-orange.svg)](LICENSE)
 
-## 📌 Features
+**MemGUI** is a modern, intuitive GUI for **Memcached**—perfect for anyone wanting to visualize, monitor, and manage cached data without wrestling with the command line. Whether you're handling a single Memcached instance or multiple servers at once, MemGUI makes your workflow faster and simpler.
 
-- **Complete Key Management**
-  - Create new keys.
-  - Edit existing keys (value and expiration time).
-  - Delete keys from the cache.
-  - View stored keys with details:
-    - Key name.
-    - Stored value.
-    - Expiration time (TTL).
-    - Content size.
+---
 
-- **Multi-Server Support**
-  - Connect to multiple Memcached instances.
-  - Seamlessly switch between active connections without closing them.
+## 🚀 Why MemGUI?
 
-- **User-Friendly Interface**
-  - Light and dark mode for an enhanced user experience.
-  - Simplified navigation for efficient key and server management.
+- **Visually Manage Keys**: Create, edit (with text or JSON data), delete, and monitor keys in real time.
+- **Auto-Refreshing Listings**: Keep an always up-to-date view of your keys—no manual refresh needed (unless you want to!).
+- **Advanced Search**: Filter keys by keywords or use regex for pinpoint accuracy.
+- **SASL Authentication**: Safely connect using username/password when your server requires it.
+- **In-Depth Stats**: Get instant insights on uptime, memory usage, cache hits, slab details, and more.
+- **Multi-Server Connections**: Easily switch between different Memcached servers without losing your flow.
+- **Easy Setup Guide**: An optional step-by-step tutorial helps newcomers get started in seconds.
+- **Dark & Light Themes**: Choose the interface style that feels best for you.
 
-## 🖼 Screenshots
+---
+
+## 📥 Installation
+
+To start using **MemGUI**, visit our [Releases page](https://github.com/lucassm02/mem-gui/releases). Two download options are provided:
 
-### Connection Screen
+1. **Portable (Unpacked)**
 
-![Connection Screen](./screenshots/screnshot-00.png)
+   - No installation required. Just unzip and run the executable.
 
-### Key List
+2. **Setup (Installer)**
+   - A guided installation wizard that walks you through setup on your system.
 
-![Key List](./screenshots/screnshot-01.png)
-![Key List](./screenshots/screnshot-02.png)
-![Key List](./screenshots/screnshot-05.png)
+Pick the format you prefer and launch **MemGUI** to begin managing your Memcached servers!
 
-### Key Creating
+---
+
+## 🖼 Screenshots
 
-![Key List](./screenshots/screnshot-04.png)
+![Home](./screenshot/00-home.png)
+![Help](./screenshot/01-help.png)
+![Connection](./screenshot/02-connection.png)
+![Advanced Connection](./screenshot/03-advanced-connection.png)
+![Empty List](./screenshot/04-empty-list.png)
+![Create key](./screenshot/05-create-key.png)
+![List](./screenshot/06-list.png)
+![Details](./screenshot/07-details.png)
+![Edit key](./screenshot/08-edit-key.png)
+![Auto refresh](./screenshot/09-auto-refresh.png)
+![Filters](./screenshot/10-filter.png)
+![Statistics](./screenshot/11-statistics.png)
 
-### Key Editing
+---
 
-![Key Editing](./screenshots/screnshot-03.png)
+## 🤝 Contributing
 
-### Switch Connection
+While **MemGUI** is licensed for **non-commercial use**, we welcome feedback and collaboration! Feel free to [open an issue](https://github.com/lucassm02/mem-gui/issues) or submit a pull request if you spot improvements, bugs, or have feature requests.
 
-![Switch Connection](./screenshots/screnshot-06.png)
+---
 
 ## 📜 License