@trops/dash-core 0.1.364 → 0.1.365

package/dist/index.js

@@ -46137,6 +46137,10 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
     _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 () {
@@ -46146,8 +46150,26 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
     setVisibility("public");
     setIsPublishing(false);
     setResult(null);
+    setPackageInfo(null);
   }, [isOpen]);
 
+  // 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;
@@ -46355,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,
@@ -46390,9 +46415,9 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
               children: [/*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "opacity-50 w-28 flex-shrink-0",
                 children: "Local"
-              }), /*#__PURE__*/jsxRuntime.jsxs("span", {
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
                 className: "font-mono text-xs opacity-80",
-                children: [widget.scope ? "@".concat(widget.scope, "/") : "", (widget.name || "").replace(/^@[^/]+\//, "")]
+                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",
@@ -46401,7 +46426,7 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
                 children: "Publishing as"
               }), /*#__PURE__*/jsxRuntime.jsxs("span", {
                 className: "font-mono text-xs text-indigo-300",
-                children: [username ? "@".concat(username, "/") : "", (widget.name || "").replace(/^@[^/]+\//, ""), /*#__PURE__*/jsxRuntime.jsxs("span", {
+                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]
                 })]
@@ -46415,6 +46440,31 @@ var PublishWidgetModal = function PublishWidgetModal(_ref) {
                 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",