@trops/dash-core 0.1.363 → 0.1.365

package/dist/index.js

@@ -46117,22 +46117,30 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     authError = _useState4[0],
     setAuthError = _useState4[1];
-  var _useState5 = React.useState("patch"),
+  var _useState5 = React.useState(null),
     _useState6 = _slicedToArray(_useState5, 2),
-    bump = _useState6[0],
-    setBump = _useState6[1];
-  var _useState7 = React.useState("public"),
+    username = _useState6[0],
+    setUsername = _useState6[1];
+  var _useState7 = React.useState("patch"),
     _useState8 = _slicedToArray(_useState7, 2),
-    visibility = _useState8[0],
-    setVisibility = _useState8[1];
-  var _useState9 = React.useState(false),
+    bump = _useState8[0],
+    setBump = _useState8[1];
+  var _useState9 = React.useState("public"),
     _useState0 = _slicedToArray(_useState9, 2),
-    isPublishing = _useState0[0],
-    setIsPublishing = _useState0[1];
-  var _useState1 = React.useState(null),
+    visibility = _useState0[0],
+    setVisibility = _useState0[1];
+  var _useState1 = React.useState(false),
     _useState10 = _slicedToArray(_useState1, 2),
-    result = _useState10[0],
-    setResult = _useState10[1];
+    isPublishing = _useState10[0],
+    setIsPublishing = _useState10[1];
+  var _useState11 = React.useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    result = _useState12[0],
+    setResult = _useState12[1];
+  var _useState13 = React.useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    packageInfo = _useState14[0],
+    setPackageInfo = _useState14[1];
 
   // Reset modal state on open
   React.useEffect(function () {
@@ -46142,14 +46150,32 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
     setVisibility("public");
     setIsPublishing(false);
     setResult(null);
+    setPackageInfo(null);
   }, [isOpen]);
 
-  // Check auth status
+  // Inspect the package to get its metadata + component list
+  React.useEffect(function () {
+    if (!isOpen || !widget) return;
+    var cancelled = false;
+    var packageId = (widget === null || widget === void 0 ? void 0 : widget.packageId) || (widget === null || widget === void 0 ? void 0 : widget.name);
+    if (!packageId) return;
+    window.mainApi.registry.inspectWidgetPackage(packageId).then(function (res) {
+      if (cancelled) return;
+      if (res !== null && res !== void 0 && res.success) setPackageInfo(res);
+    })["catch"](function () {
+      /* ignore */
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [isOpen, widget]);
+
+  // Check auth status + fetch username for the "publishing as" preview
   React.useEffect(function () {
     if (!isOpen) return;
     var cancelled = false;
     _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var status;
+      var status, profile;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -46164,18 +46190,38 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
             }
             return _context.abrupt("return");
           case 2:
-            setAuthStatus(status !== null && status !== void 0 && status.authenticated ? "authenticated" : "unauthenticated");
-            _context.next = 4;
-            break;
+            if (!(status !== null && status !== void 0 && status.authenticated)) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 3;
+            return window.mainApi.registryAuth.getProfile();
           case 3:
-            _context.prev = 3;
+            profile = _context.sent;
+            if (!cancelled) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            setUsername((profile === null || profile === void 0 ? void 0 : profile.username) || null);
+            setAuthStatus(profile !== null && profile !== void 0 && profile.username ? "authenticated" : "unauthenticated");
+            _context.next = 6;
+            break;
+          case 5:
+            setAuthStatus("unauthenticated");
+          case 6:
+            _context.next = 8;
+            break;
+          case 7:
+            _context.prev = 7;
             _context["catch"](0);
             if (!cancelled) setAuthStatus("unauthenticated");
-          case 4:
+          case 8:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 3]]);
+      }, _callee, null, [[0, 7]]);
     }))();
     return function () {
       cancelled = true;
@@ -46331,7 +46377,10 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
         className: "flex-shrink-0 flex flex-row items-center justify-between p-4 border-b border-white/10",
         children: [/*#__PURE__*/jsxRuntime.jsxs("span", {
           className: "text-lg font-semibold truncate",
-          children: ["Publish \"", widget.displayName || widget.name, "\""]
+          children: ["Publish", " ", /*#__PURE__*/jsxRuntime.jsx("span", {
+            className: "font-mono text-base",
+            children: packageInfo !== null && packageInfo !== void 0 && packageInfo.localScope ? "@".concat(packageInfo.localScope, "/").concat(packageInfo.name) : widget.packageId || widget.name
+          })]
         }), /*#__PURE__*/jsxRuntime.jsx("button", {
           type: "button",
           onClick: handleClose,
@@ -46365,29 +46414,57 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
               className: "flex gap-2",
               children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "opacity-50 w-28 flex-shrink-0",
-                children: "Package"
-              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-                className: "font-mono text-xs",
-                children: [widget.scope ? "".concat(widget.scope, "/") : "", widget.name]
+                children: "Local"
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "font-mono text-xs opacity-80",
+                children: packageInfo !== null && packageInfo !== void 0 && packageInfo.localScope ? "@".concat(packageInfo.localScope, "/").concat(packageInfo.name) : widget.packageId || widget.name
               })]
             }), /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex gap-2 mt-1",
               children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "opacity-50 w-28 flex-shrink-0",
-                children: "Current"
+                children: "Publishing as"
               }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-                children: ["v", currentVersion]
+                className: "font-mono text-xs text-indigo-300",
+                children: [username ? "@".concat(username, "/") : "", (packageInfo === null || packageInfo === void 0 ? void 0 : packageInfo.name) || (widget.name || "").replace(/^@[^/]+\//, ""), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                  className: "text-gray-400",
+                  children: [" v", newVersion]
+                })]
               })]
             }), /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex gap-2 mt-1",
               children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "opacity-50 w-28 flex-shrink-0",
-                children: "Publishing as"
+                children: "Current"
               }), /*#__PURE__*/jsxRuntime.jsxs("span", {
-                className: "text-indigo-300",
-                children: ["v", newVersion]
+                children: ["v", currentVersion]
               })]
             })]
+          }), (packageInfo === null || packageInfo === void 0 ? void 0 : packageInfo.components) && packageInfo.components.length > 0 && /*#__PURE__*/jsxRuntime.jsxs("div", {
+            children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
+              className: "block text-sm font-medium opacity-70 mb-2",
+              children: ["Widgets in this package (", packageInfo.components.length, ")"]
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "bg-white/5 border border-white/10 rounded-lg divide-y divide-white/10 max-h-48 overflow-y-auto",
+              children: packageInfo.components.map(function (c) {
+                return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex items-center gap-2 px-3 py-2 text-sm",
+                  children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.FontAwesomeIcon, {
+                    icon: c.icon || "square",
+                    className: "h-3.5 w-3.5 opacity-60 flex-shrink-0"
+                  }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex-1 min-w-0",
+                    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+                      className: "font-medium truncate",
+                      children: c.displayName || c.name
+                    }), c.description && /*#__PURE__*/jsxRuntime.jsx("div", {
+                      className: "text-xs opacity-60 truncate",
+                      children: c.description
+                    })]
+                  })]
+                }, c.name);
+              })
+            })]
           }), /*#__PURE__*/jsxRuntime.jsxs("div", {
             children: [/*#__PURE__*/jsxRuntime.jsx("label", {
               className: "block text-sm font-medium opacity-70 mb-2",