@trops/dash-core 0.1.181 → 0.1.182

package/dist/index.esm.js

@@ -38594,6 +38594,16 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     errors = _useState10[0],
     setErrors = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isWsTesting = _useState12[0],
+    setIsWsTesting = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    wsTestResult = _useState14[0],
+    setWsTestResult = _useState14[1];
+  var appContext = useContext(AppContext);
+  var dashApi = appContext === null || appContext === void 0 ? void 0 : appContext.dashApi;
   var nextRowIdRef = useRef(0);
   var nextRowId = function nextRowId() {
     return "ws_hdr_".concat(++nextRowIdRef.current);
@@ -38683,6 +38693,92 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
       });
     });
   }
+  function handleTestConnection() {
+    return _handleTestConnection.apply(this, arguments);
+  }
+  function _handleTestConnection() {
+    _handleTestConnection = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var headers, _iterator4, _step4, row, subprotoArray, testName, startTime, result, latency, _t;
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!(dashApi !== null && dashApi !== void 0 && dashApi.webSocket) || !url.trim() || !isValidWsUrl(url))) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            setIsWsTesting(true);
+            setWsTestResult(null);
+
+            // Build config from current form state (same as handleSave)
+            headers = {};
+            _iterator4 = _createForOfIteratorHelper$4(headerRows);
+            try {
+              for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                row = _step4.value;
+                if (row.key.trim()) {
+                  headers[row.key.trim()] = row.value;
+                }
+              }
+            } catch (err) {
+              _iterator4.e(err);
+            } finally {
+              _iterator4.f();
+            }
+            subprotoArray = subprotocols.split(",").map(function (s) {
+              return s.trim();
+            }).filter(Boolean);
+            testName = name.trim() || "__ws_test__";
+            startTime = Date.now();
+            _context.prev = 2;
+            _context.next = 3;
+            return dashApi.webSocket.connect(testName, {
+              url: url.trim(),
+              headers: Object.keys(headers).length > 0 ? headers : null,
+              subprotocols: subprotoArray.length > 0 ? subprotoArray : null,
+              credentials: Object.keys(credentials).length > 0 ? credentials : null
+            });
+          case 3:
+            result = _context.sent;
+            latency = Date.now() - startTime;
+            if (!result.error) {
+              _context.next = 4;
+              break;
+            }
+            setWsTestResult({
+              success: false,
+              message: result.message || "Connection failed"
+            });
+            _context.next = 5;
+            break;
+          case 4:
+            setWsTestResult({
+              success: true,
+              message: "Connected in ".concat(latency, "ms")
+            });
+            _context.next = 5;
+            return dashApi.webSocket.disconnect(testName)["catch"](function () {});
+          case 5:
+            _context.next = 7;
+            break;
+          case 6:
+            _context.prev = 6;
+            _t = _context["catch"](2);
+            setWsTestResult({
+              success: false,
+              message: (_t === null || _t === void 0 ? void 0 : _t.message) || "Connection failed"
+            });
+          case 7:
+            setIsWsTesting(false);
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 6]]);
+    }));
+    return _handleTestConnection.apply(this, arguments);
+  }
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col flex-1 min-h-0",
     children: [/*#__PURE__*/jsxs("div", {
@@ -38701,7 +38797,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
             return setName(value);
           },
           placeholder: "e.g., crypto-ws, stock-feed",
-          error: !!errors.name
+          inputClassName: errors.name ? "border-red-500" : ""
         }), errors.name && /*#__PURE__*/jsx("span", {
           className: "text-xs text-red-400",
           children: errors.name
@@ -38717,7 +38813,7 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
             return setUrl(value);
           },
           placeholder: "wss://api.example.com/ws or ws://localhost:8080",
-          error: !!errors.url
+          inputClassName: errors.url ? "border-red-500" : ""
         }), errors.url && /*#__PURE__*/jsx("span", {
           className: "text-xs text-red-400",
           children: errors.url
@@ -38825,17 +38921,32 @@ var WebSocketProviderForm = function WebSocketProviderForm(_ref) {
                 });
               },
               placeholder: "Enter ".concat(field),
-              error: !!errors["cred_".concat(field)]
+              inputClassName: errors["cred_".concat(field)] ? "border-red-500" : ""
             }), errors["cred_".concat(field)] && /*#__PURE__*/jsx("span", {
               className: "text-xs text-red-400",
               children: errors["cred_".concat(field)]
             })]
           }, field);
         })]
+      }), wsTestResult && /*#__PURE__*/jsx("div", {
+        className: "p-3 rounded-lg text-sm ".concat(wsTestResult.success ? "bg-green-900/30 border border-green-700 text-green-300" : "bg-red-900/30 border border-red-700 text-red-300"),
+        children: /*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: wsTestResult.success ? "circle-check" : "circle-exclamation"
+          }), /*#__PURE__*/jsx("span", {
+            children: wsTestResult.message
+          })]
+        })
       })]
     }), /*#__PURE__*/jsxs("div", {
       className: "flex-shrink-0 flex flex-row justify-end gap-2 px-6 py-4 border-t border-white/10",
-      children: [/*#__PURE__*/jsx(Button, {
+      children: [(dashApi === null || dashApi === void 0 ? void 0 : dashApi.webSocket) && /*#__PURE__*/jsx(Button, {
+        title: isWsTesting ? "Testing..." : "Test Connection",
+        onClick: handleTestConnection,
+        size: "sm",
+        disabled: !url.trim() || !isValidWsUrl(url)
+      }), /*#__PURE__*/jsx(Button, {
         title: "Cancel",
         onClick: onCancel,
         size: "sm"