powr-sdk-web 3.0.0 → 3.0.2

package/dist/plexx/admin.js

@@ -7,13 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _button = require("../ui/button");
-var _input = require("../ui/input");
-var _label = require("../ui/label");
-var _card = require("../ui/card");
 var _lucideReact = require("lucide-react");
 var _reactToastify = require("react-toastify");
-require("react-toastify/dist/ReactToastify.css");
 var _react2 = require("@monaco-editor/react");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t4 in e) "default" !== _t4 && {}.hasOwnProperty.call(e, _t4) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t4)) && (i.get || i.set) ? o(f, _t4, i) : f[_t4] = e[_t4]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -34,7 +29,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
   var projectId = _ref.projectId,
     _ref$apiUrl = _ref.apiUrl,
-    apiUrl = _ref$apiUrl === void 0 ? "https://api.powrbase.cloud" : _ref$apiUrl,
+    apiUrl = _ref$apiUrl === void 0 ? "https://api.powrbase.cloud/plexx" : _ref$apiUrl,
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? "default" : _ref$theme,
     onRouteAdded = _ref.onRouteAdded,
@@ -429,20 +424,20 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     className: "text-2xl font-bold text-gray-900"
   }, "Plexx Routes Management"), /*#__PURE__*/_react["default"].createElement("p", {
     className: "text-gray-600 mt-1"
-  }, "Manage your dynamic API routes and endpoints")), /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  }, "Manage your dynamic API routes and endpoints")), /*#__PURE__*/_react["default"].createElement("button", {
     onClick: function onClick() {
       setShowAddModal(true);
       setAddUserInput('');
       setAddOutput('');
       setTestMode(null);
     },
-    className: "bg-orange-600 hover:bg-orange-700"
+    className: "bg-orange-600 hover:bg-orange-700 text-white px-4 py-2 rounded-md flex items-center"
   }, /*#__PURE__*/_react["default"].createElement(_lucideReact.Plus, {
     className: "size-4 mr-2"
   }), "Add Route")), /*#__PURE__*/_react["default"].createElement("div", {
     className: "grid grid-cols-1 md:grid-cols-1 gap-4 mt-6"
-  }, /*#__PURE__*/_react["default"].createElement(_card.Card, null, /*#__PURE__*/_react["default"].createElement(_card.CardContent, {
-    className: "p-4"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "bg-white p-4 rounded-lg shadow-md"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex items-center"
   }, /*#__PURE__*/_react["default"].createElement(_lucideReact.Route, {
@@ -453,9 +448,11 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     className: "text-sm font-medium text-gray-600"
   }, "Total Routes"), /*#__PURE__*/_react["default"].createElement("p", {
     className: "text-2xl font-bold text-gray-900"
-  }, routes.length)))))), /*#__PURE__*/_react["default"].createElement(_card.Card, {
+  }, routes.length))))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "mt-6"
-  }, /*#__PURE__*/_react["default"].createElement(_card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_card.CardTitle, null, "All API Routes")), /*#__PURE__*/_react["default"].createElement(_card.CardContent, null, routes.length === 0 ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react["default"].createElement("h2", {
+    className: "text-xl font-bold text-gray-800 mb-4"
+  }, "All API Routes"), routes.length === 0 ? /*#__PURE__*/_react["default"].createElement("div", {
     className: "text-center py-8 text-gray-500"
   }, /*#__PURE__*/_react["default"].createElement(_lucideReact.Route, {
     className: "size-12 mx-auto mb-4 text-gray-300"
@@ -466,7 +463,9 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
   }, routes.map(function (route) {
     return /*#__PURE__*/_react["default"].createElement("div", {
       key: route._id,
-      className: "flex items-center justify-between p-4 border rounded-lg hover:bg-gray-50"
+      className: "bg-white p-4 rounded-lg shadow-md hover:bg-gray-50"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "flex items-center justify-between"
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "flex-1"
     }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -477,17 +476,15 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
       className: "text-xs text-gray-400 font-mono bg-gray-100 px-2 py-1 rounded"
     }, route.code)))), /*#__PURE__*/_react["default"].createElement("div", {
       className: "flex items-center space-x-2"
-    }, /*#__PURE__*/_react["default"].createElement(_button.Button, {
-      variant: "ghost",
-      size: "sm",
+    }, /*#__PURE__*/_react["default"].createElement("button", {
       onClick: function onClick() {
         return handleEditClick(route);
       },
-      className: "p-2 hover:bg-gray-100"
+      className: "p-2 hover:bg-gray-100 rounded-md"
     }, /*#__PURE__*/_react["default"].createElement(_lucideReact.Edit, {
       className: "size-4 text-gray-500"
-    }))));
-  })))), showAddModal && /*#__PURE__*/_react["default"].createElement("div", {
+    })))));
+  }))), showAddModal && /*#__PURE__*/_react["default"].createElement("div", {
     className: "fixed inset-0 flex items-center justify-center bg-black/50 z-50"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "bg-white rounded-2xl shadow-xl p-6 w-full max-w-3xl overflow-y-auto max-h-[90vh]"
@@ -495,8 +492,9 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     className: "text-xl font-bold text-gray-800 mb-6"
   }, "Add New Route"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "space-y-4"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_label.Label, {
-    htmlFor: "name"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "name",
+    className: "block text-sm font-medium text-gray-700"
   }, "Code * ", /*#__PURE__*/_react["default"].createElement("span", {
     className: "text-xs text-gray-400"
   }, "(Use ", /*#__PURE__*/_react["default"].createElement("code", null, "userInput"), " to access test input)")), /*#__PURE__*/_react["default"].createElement(_react2.Editor, {
@@ -527,41 +525,42 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     placeholder: "Enter test input if required"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex justify-end gap-4 mt-4"
-  }, /*#__PURE__*/_react["default"].createElement(_button.Button, {
-    className: "bg-orange-600 text-white hover:bg-orange-700",
+  }, /*#__PURE__*/_react["default"].createElement("button", {
     onClick: handleTestAddCode,
-    disabled: loading
+    disabled: loading,
+    className: "bg-orange-600 text-white hover:bg-orange-700 px-4 py-2 rounded-md"
   }, "Test Code")), addOutput && /*#__PURE__*/_react["default"].createElement("div", {
     className: "mt-6"
   }, /*#__PURE__*/_react["default"].createElement("label", {
     className: "block text-sm font-medium text-gray-700 mb-1"
   }, "Output"), /*#__PURE__*/_react["default"].createElement("pre", {
     className: "bg-gray-800 text-green-200 p-4 rounded-md overflow-auto max-h-64"
-  }, addOutput))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_label.Label, {
-    htmlFor: "path"
-  }, "Route *"), /*#__PURE__*/_react["default"].createElement(_input.Input, {
+  }, addOutput))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "path",
+    className: "block text-sm font-medium text-gray-700"
+  }, "Route *"), /*#__PURE__*/_react["default"].createElement("input", {
+    type: "text",
     id: "path",
     name: "path",
-    type: "text",
     value: formData.path,
     onChange: handleInputChange,
     placeholder: "welcome",
-    required: true
+    required: true,
+    className: "w-full border border-gray-300 rounded-md p-2 focus:outline-none focus:border-orange-600 focus:ring-1 focus:ring-orange-600"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex justify-end gap-4 mt-6"
-  }, /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  }, /*#__PURE__*/_react["default"].createElement("button", {
     onClick: function onClick() {
       setShowAddModal(false);
       setAddUserInput('');
       setAddOutput('');
       setTestMode(null);
     },
-    variant: "outline",
-    className: "bg-gray-300 text-gray-700 hover:bg-gray-400"
-  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_button.Button, {
+    className: "bg-gray-300 text-gray-700 hover:bg-gray-400 px-4 py-2 rounded-md"
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement("button", {
     onClick: handleSubmit,
     disabled: isSubmitting,
-    className: "bg-orange-600 text-white hover:bg-orange-700"
+    className: "bg-orange-600 text-white hover:bg-orange-700 px-4 py-2 rounded-md"
   }, isSubmitting ? /*#__PURE__*/_react["default"].createElement(_lucideReact.Loader, {
     className: "animate-spin size-5 mx-auto"
   }) : 'Add Route')))), showEditModal && editingRoute && /*#__PURE__*/_react["default"].createElement("div", {
@@ -572,8 +571,9 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     className: "text-xl font-bold text-gray-800 mb-6"
   }, "Edit Route: /", editingRoute.route), /*#__PURE__*/_react["default"].createElement("div", {
     className: "space-y-4"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_label.Label, {
-    htmlFor: "name"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: "name",
+    className: "block text-sm font-medium text-gray-700"
   }, "Code * ", /*#__PURE__*/_react["default"].createElement("span", {
     className: "text-xs text-gray-400"
   }, "(Use ", /*#__PURE__*/_react["default"].createElement("code", null, "userInput"), " to access test input)")), /*#__PURE__*/_react["default"].createElement(_react2.Editor, {
@@ -604,10 +604,10 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     placeholder: "Enter test input if required"
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex justify-end gap-4 mt-4"
-  }, /*#__PURE__*/_react["default"].createElement(_button.Button, {
-    className: "bg-orange-600 text-white hover:bg-orange-700",
+  }, /*#__PURE__*/_react["default"].createElement("button", {
     onClick: handleTestEditCode,
-    disabled: loading
+    disabled: loading,
+    className: "bg-orange-600 text-white hover:bg-orange-700 px-4 py-2 rounded-md"
   }, "Test Code")), editOutput && /*#__PURE__*/_react["default"].createElement("div", {
     className: "mt-6"
   }, /*#__PURE__*/_react["default"].createElement("label", {
@@ -616,7 +616,7 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
     className: "bg-gray-800 text-green-200 p-4 rounded-md overflow-auto max-h-64"
   }, editOutput)))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "flex justify-end gap-4 mt-6"
-  }, /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  }, /*#__PURE__*/_react["default"].createElement("button", {
     onClick: function onClick() {
       setShowEditModal(false);
       setEditingRoute(null);
@@ -627,12 +627,11 @@ var PowrBasePlexxAdmin = function PowrBasePlexxAdmin(_ref) {
       setEditOutput('');
       setTestMode(null);
     },
-    variant: "outline",
-    className: "bg-gray-300 text-gray-700 hover:bg-gray-400"
-  }, "Cancel"), /*#__PURE__*/_react["default"].createElement(_button.Button, {
+    className: "bg-gray-300 text-gray-700 hover:bg-gray-400 px-4 py-2 rounded-md"
+  }, "Cancel"), /*#__PURE__*/_react["default"].createElement("button", {
     onClick: handleEditSubmit,
     disabled: isSubmitting,
-    className: "bg-orange-600 text-white hover:bg-orange-700"
+    className: "bg-orange-600 text-white hover:bg-orange-700 px-4 py-2 rounded-md"
   }, isSubmitting ? /*#__PURE__*/_react["default"].createElement(_lucideReact.Loader, {
     className: "animate-spin size-5 mx-auto"
   }) : 'Update Route')))), /*#__PURE__*/_react["default"].createElement("iframe", {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "3.0.0",
+    "version": "3.0.2",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",