@trops/dash-core 0.1.110 → 0.1.112

package/dist/index.js

@@ -35802,12 +35802,6 @@ var ThemesSection = function ThemesSection(_ref) {
     saveAndSelectTheme(key, preset);
     setGenerateMode(GENERATE_MODES.NONE);
   }
-  function handleCreateFromRandom() {
-    if (!dashApi || !appId) return;
-    var theme = generateRandomTheme();
-    var key = theme.id;
-    saveAndSelectTheme(key, theme);
-  }
   function handleCreateFromHarmony(theme) {
     if (!dashApi || !appId) return;
     var key = theme.id;
@@ -35891,43 +35885,6 @@ var ThemesSection = function ThemesSection(_ref) {
         className: "text-xs opacity-50",
         children: themeVariant === "dark" ? "Dark" : "Light"
       })]
-    }), dashApi && appId && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col gap-1 px-2 py-3 border-b ".concat(rowStyles.borderColor || ""),
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "text-[10px] font-semibold opacity-30 uppercase tracking-wider px-2 pb-1",
-        children: "Generate"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "swatchbook",
-          className: "h-3 w-3"
-        }),
-        active: generateMode === GENERATE_MODES.PRESETS,
-        onClick: function onClick() {
-          setGenerateMode(GENERATE_MODES.PRESETS);
-          setSelectedThemeKey(null);
-        },
-        className: generateMode === GENERATE_MODES.PRESETS ? "bg-white/10 opacity-100" : "",
-        children: "From Presets"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "shuffle",
-          className: "h-3 w-3"
-        }),
-        onClick: handleCreateFromRandom,
-        children: "Random"
-      }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Sidebar.Item, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
-          icon: "droplet",
-          className: "h-3 w-3"
-        }),
-        active: generateMode === GENERATE_MODES.COLOR,
-        onClick: function onClick() {
-          setGenerateMode(GENERATE_MODES.COLOR);
-          setSelectedThemeKey(null);
-        },
-        className: generateMode === GENERATE_MODES.COLOR ? "bg-white/10 opacity-100" : "",
-        children: "From Color"
-      })]
     }), /*#__PURE__*/jsxRuntime.jsxs(DashReact.Sidebar.Content, {
       children: [themeEntries.map(function (_ref4) {
         var _ref5 = _slicedToArray(_ref4, 2),
@@ -37980,6 +37937,13 @@ var AuthenticatedView = function AuthenticatedView(_ref3) {
             return p.name === updatedPkg.name && p.scope === updatedPkg.scope ? _objectSpread$2(_objectSpread$2({}, p), updatedPkg) : p;
           });
         });
+      },
+      onPackageDeleted: function onPackageDeleted(deletedPkg) {
+        setPackages(function (prev) {
+          return prev.filter(function (p) {
+            return !(p.name === deletedPkg.name && p.scope === deletedPkg.scope);
+          });
+        });
       }
     })]
   });
@@ -38120,7 +38084,8 @@ var ProfileCard = function ProfileCard(_ref4) {
 var PackagesList = function PackagesList(_ref5) {
   var packages = _ref5.packages,
     loading = _ref5.loading,
-    onPackageUpdated = _ref5.onPackageUpdated;
+    onPackageUpdated = _ref5.onPackageUpdated,
+    onPackageDeleted = _ref5.onPackageDeleted;
   var _useState1 = React.useState(null),
     _useState10 = _slicedToArray(_useState1, 2),
     editingPkg = _useState10[0],
@@ -38160,6 +38125,10 @@ var PackagesList = function PackagesList(_ref5) {
           onSaved: function onSaved(updated) {
             setEditingPkg(null);
             onPackageUpdated(updated);
+          },
+          onDeleted: function onDeleted() {
+            setEditingPkg(null);
+            onPackageDeleted(pkg);
           }
         }, "".concat(pkg.scope, "/").concat(pkg.name));
       })
@@ -38171,7 +38140,8 @@ var PackageItem = function PackageItem(_ref6) {
     isEditing = _ref6.isEditing,
     onEdit = _ref6.onEdit,
     onCancel = _ref6.onCancel,
-    onSaved = _ref6.onSaved;
+    onSaved = _ref6.onSaved,
+    onDeleted = _ref6.onDeleted;
   var _useState11 = React.useState({
       displayName: pkg.displayName || "",
       description: pkg.description || "",
@@ -38186,6 +38156,14 @@ var PackageItem = function PackageItem(_ref6) {
     _useState14 = _slicedToArray(_useState13, 2),
     saving = _useState14[0],
     setSaving = _useState14[1];
+  var _useState15 = React.useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    confirmingDelete = _useState16[0],
+    setConfirmingDelete = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    deleting = _useState18[0],
+    setDeleting = _useState18[1];
   function handleSave() {
     return _handleSave2.apply(this, arguments);
   }
@@ -38230,6 +38208,42 @@ var PackageItem = function PackageItem(_ref6) {
     }));
     return _handleSave2.apply(this, arguments);
   }
+  function handleDelete() {
+    return _handleDelete.apply(this, arguments);
+  }
+  function _handleDelete() {
+    _handleDelete = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _window$mainApi4, result;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            setDeleting(true);
+            _context4.prev = 1;
+            _context4.next = 2;
+            return (_window$mainApi4 = window.mainApi) === null || _window$mainApi4 === void 0 || (_window$mainApi4 = _window$mainApi4.registryAuth) === null || _window$mainApi4 === void 0 ? void 0 : _window$mainApi4.deletePackage(pkg.scope, pkg.name);
+          case 2:
+            result = _context4.sent;
+            if (result) {
+              onDeleted === null || onDeleted === void 0 || onDeleted();
+            }
+            _context4.next = 4;
+            break;
+          case 3:
+            _context4.prev = 3;
+            _context4["catch"](1);
+          case 4:
+            _context4.prev = 4;
+            setDeleting(false);
+            setConfirmingDelete(false);
+            return _context4.finish(4);
+          case 5:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[1, 3, 4, 5]]);
+    }));
+    return _handleDelete.apply(this, arguments);
+  }
   var updatedAt = pkg.updatedAt ? new Date(pkg.updatedAt).toLocaleDateString() : null;
   if (isEditing) {
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -38291,24 +38305,53 @@ var PackageItem = function PackageItem(_ref6) {
           })]
         })]
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex gap-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
-          title: saving ? "Saving..." : "Save",
-          onClick: handleSave,
-          disabled: saving
-        }), /*#__PURE__*/jsxRuntime.jsx("button", {
-          type: "button",
-          onClick: onCancel,
-          className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
-          children: "Cancel"
+        className: "flex items-center justify-between",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          children: confirmingDelete ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+              type: "button",
+              onClick: handleDelete,
+              disabled: deleting,
+              className: "text-xs text-red-400 hover:text-red-300 cursor-pointer font-medium",
+              children: deleting ? "Deleting..." : "Confirm Delete"
+            }), /*#__PURE__*/jsxRuntime.jsx("button", {
+              type: "button",
+              onClick: function onClick() {
+                return setConfirmingDelete(false);
+              },
+              className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
+              children: "Cancel"
+            })]
+          }) : /*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: function onClick() {
+              return setConfirmingDelete(true);
+            },
+            className: "text-xs text-red-400/70 hover:text-red-400 cursor-pointer",
+            children: "Delete"
+          })
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+            type: "button",
+            onClick: onCancel,
+            className: "text-xs opacity-50 hover:opacity-80 cursor-pointer",
+            children: "Cancel"
+          }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button, {
+            title: saving ? "Saving..." : "Save",
+            onClick: handleSave,
+            disabled: saving
+          })]
         })]
       })]
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "bg-white/5 rounded-lg p-3 flex items-start justify-between",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex-1 min-w-0 space-y-1",
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    onClick: onEdit,
+    className: "bg-white/5 rounded-lg p-3 cursor-pointer hover:bg-white/10 transition-colors",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-1",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center gap-2",
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
@@ -38328,12 +38371,7 @@ var PackageItem = function PackageItem(_ref6) {
         className: "text-[10px] opacity-40",
         children: ["Updated ", updatedAt]
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx("button", {
-      type: "button",
-      onClick: onEdit,
-      className: "flex-shrink-0 ml-2 text-xs opacity-40 hover:opacity-80 cursor-pointer",
-      children: "Edit"
-    })]
+    })
   });
 };
 var EditField = function EditField(_ref7) {