Merge pull request #2 from oslook/feature-socketio

Feature Socket.IO Support

Author: oslook

CHANGELOG.md

@@ -0,0 +1,18 @@
+# Changelog
+
+## [0.0.2] - 2025-01-10
+
+### Added
+- GitHub repository link with star count in the header
+- Version number display in the header
+
+### Changed
+- Improved UI styling for protocol selector dropdown
+- Reduced font size in message input area for better readability
+- Removed default WebSocket/Socket.IO URLs for better security
+- Updated header layout with better alignment and spacing
+- Enhanced dropdown menu with modern styling and custom arrow
+
+### Fixed
+- Protocol switching no longer automatically sets predefined URLs
+- Better handling of connection state when switching protocols

README.md

@@ -50,4 +50,9 @@ A powerful and user-friendly WebSocket testing client for developers.
 - Zero external dependencies for core functionality
 - Secure local storage for saved data
 
-Perfect for developers who need a reliable, feature-rich WebSocket testing tool right in their browser.
+Perfect for developers who need a reliable, feature-rich WebSocket testing tool right in their browser.
+
+
+Test Websoket: wss://ws.postman-echo.com/raw
+Test Socket.IO: https://ws.postman-echo.com/socketio
+

package-lock.json

@@ -9,12 +9,16 @@
     "eject": "react-scripts eject"
   },
   "dependencies": {
+    "date-fns": "^4.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.4.0",
     "react-scripts": "5.0.1",
+    "socket.io-client": "^4.7.4",
     "typescript": "^4.9.5"
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@types/chrome": "^0.0.254",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",

package.json

@@ -1,8 +1,8 @@
 {
   "manifest_version": 3,
-  "name": "Quick WebSocket Client",
-  "version": "0.0.1",
-  "description": "A powerful WebSocket testing client with support for ws/wss protocols. Features JSON formatting, connection monitoring, message history, and persistent storage. Perfect for developers testing WebSocket APIs, with a clean, modern interface for real-time testing and debugging.",
+  "name": "Quick WebSocket Client with Socket.IO",
+  "version": "0.0.2",
+  "description": "Construct custom Web Socket requests and handle responses to directly test your Web Socket services,Includes Socket.IO support.",
   "action": {
     "default_icon": "icon.png"
   },
@@ -15,4 +15,4 @@
     "48": "icon.png",
     "128": "icon.png"
   }
-} 
+}