@trops/dash-core 0.1.105 → 0.1.107

package/dist/index.esm.js

@@ -36384,6 +36384,23 @@ var RegistryPackageDetail = function RegistryPackageDetail(_ref) {
             }, idx);
           })
         })]
+      }), widget.appOrigin && /*#__PURE__*/jsxs("div", {
+        className: "flex items-center gap-1.5 text-xs opacity-50",
+        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: "laptop",
+          className: "h-3 w-3"
+        }), /*#__PURE__*/jsxs("span", {
+          children: ["Built for ", widget.appOrigin]
+        })]
+      }), widget.missingApis && widget.missingApis.length > 0 && /*#__PURE__*/jsx("div", {
+        className: "p-2 rounded bg-yellow-900/30 border border-yellow-700",
+        children: /*#__PURE__*/jsxs("p", {
+          className: "text-xs text-yellow-400",
+          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+            icon: "triangle-exclamation",
+            className: "mr-1"
+          }), "Incompatible \u2014 requires", " ", widget.missingApis.join(", "), " API", widget.missingApis.length !== 1 ? "s" : ""]
+        })
       }), widget.repository && /*#__PURE__*/jsxs("div", {
         children: [/*#__PURE__*/jsx("span", {
           className: "text-xs font-semibold opacity-50 mb-1 block",
@@ -36429,6 +36446,10 @@ function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.lengt
  * Extracted from EnhancedWidgetDropdown so the same logic can power the
  * Discover tab inside AppSettingsModal (and anywhere else).
  *
+ * Options:
+ *   filterByCapabilities – if true (default), only show packages compatible
+ *                          with the app's API capabilities
+ *
  * Returns:
  *   packages      – raw package objects from the registry
  *   flatWidgets   – flattened widget entries with `isRegistry: true`
@@ -36439,8 +36460,13 @@ function _arrayLikeToArray$2(r, a) { (null == a || a > r.length) && (a = r.lengt
  *   installError  – install error string (or null)
  *   search()      – manually trigger a search
  *   installPackage(widget) – install a specific registry widget
+ *   showAllPackages / setShowAllPackages – toggle to show incompatible packages
+ *   appCapabilities – the app's API namespaces
  */
 var useRegistrySearch = function useRegistrySearch() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$filterByCapabili = _ref.filterByCapabilities,
+    filterByCapabilities = _ref$filterByCapabili === void 0 ? true : _ref$filterByCapabili;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
@@ -36469,10 +36495,22 @@ var useRegistrySearch = function useRegistrySearch() {
     _useState12 = _slicedToArray(_useState11, 2),
     installError = _useState12[0],
     setInstallError = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    showAllPackages = _useState14[0],
+    setShowAllPackages = _useState14[1];
+
+  // Discover app capabilities from window.mainApi
+  var appCapabilities = useMemo(function () {
+    if (typeof window !== "undefined" && window.mainApi) {
+      return Object.keys(window.mainApi);
+    }
+    return [];
+  }, []);
   var search = useCallback(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(query) {
       var _window$mainApi;
-      var result, pkgs, widgets, _iterator, _step, pkg, _iterator2, _step2, widget, _t;
+      var filters, result, pkgs, capSet, widgets, _iterator, _step, pkg, allApiProviders, _iterator2, _step2, p, _iterator3, _step3, w, _iterator5, _step5, _p, missingApis, _iterator4, _step4, widget, _t;
       return _regeneratorRuntime.wrap(function (_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -36487,23 +36525,71 @@ var useRegistrySearch = function useRegistrySearch() {
             setIsLoading(true);
             setError(null);
             _context.prev = 2;
+            filters = {};
+            if (filterByCapabilities && !showAllPackages && appCapabilities.length) {
+              filters.appCapabilities = appCapabilities;
+            }
             _context.next = 3;
-            return window.mainApi.registry.search(query !== null && query !== void 0 ? query : searchQuery, {});
+            return window.mainApi.registry.search(query !== null && query !== void 0 ? query : searchQuery, filters);
           case 3:
             result = _context.sent;
             pkgs = result.packages || [];
             setPackages(pkgs);
 
             // Flatten packages into widget entries
+            capSet = new Set(appCapabilities.map(function (c) {
+              return c.toLowerCase();
+            }));
             widgets = [];
             _iterator = _createForOfIteratorHelper$2(pkgs);
             try {
               for (_iterator.s(); !(_step = _iterator.n()).done;) {
                 pkg = _step.value;
-                _iterator2 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                // Compute missing APIs for the entire package
+                allApiProviders = [];
+                _iterator2 = _createForOfIteratorHelper$2(pkg.providers || []);
                 try {
                   for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                    widget = _step2.value;
+                    p = _step2.value;
+                    if (p.providerClass === "api" && p.required !== false) {
+                      allApiProviders.push(p.type);
+                    }
+                  }
+                } catch (err) {
+                  _iterator2.e(err);
+                } finally {
+                  _iterator2.f();
+                }
+                _iterator3 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                try {
+                  for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                    w = _step3.value;
+                    _iterator5 = _createForOfIteratorHelper$2(w.providers || []);
+                    try {
+                      for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+                        _p = _step5.value;
+                        if (_p.providerClass === "api" && _p.required !== false) {
+                          allApiProviders.push(_p.type);
+                        }
+                      }
+                    } catch (err) {
+                      _iterator5.e(err);
+                    } finally {
+                      _iterator5.f();
+                    }
+                  }
+                } catch (err) {
+                  _iterator3.e(err);
+                } finally {
+                  _iterator3.f();
+                }
+                missingApis = _toConsumableArray(new Set(allApiProviders)).filter(function (api) {
+                  return !capSet.has(api.toLowerCase());
+                });
+                _iterator4 = _createForOfIteratorHelper$2(pkg.widgets || []);
+                try {
+                  for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+                    widget = _step4.value;
                     widgets.push({
                       key: "".concat(pkg.name, "/").concat(widget.name),
                       name: widget.displayName || widget.name,
@@ -36521,13 +36607,16 @@ var useRegistrySearch = function useRegistrySearch() {
                       downloadUrl: pkg.downloadUrl || "",
                       repository: pkg.repository || "",
                       publishedAt: pkg.publishedAt || "",
-                      packageWidgets: pkg.widgets || []
+                      packageWidgets: pkg.widgets || [],
+                      appOrigin: pkg.appOrigin || null,
+                      packageProviders: pkg.providers || [],
+                      missingApis: missingApis
                     });
                   }
                 } catch (err) {
-                  _iterator2.e(err);
+                  _iterator4.e(err);
                 } finally {
-                  _iterator2.f();
+                  _iterator4.f();
                 }
               }
             } catch (err) {
@@ -36555,9 +36644,9 @@ var useRegistrySearch = function useRegistrySearch() {
       }, _callee, null, [[2, 4, 5, 6]]);
     }));
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
-  }(), [searchQuery]);
+  }(), [searchQuery, filterByCapabilities, showAllPackages, appCapabilities]);
 
   // Debounce search on query changes (300ms)
   useEffect(function () {
@@ -36568,9 +36657,9 @@ var useRegistrySearch = function useRegistrySearch() {
       return clearTimeout(timer);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [searchQuery]);
+  }, [searchQuery, showAllPackages]);
   var installPackage = useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(widget) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(widget) {
       var packageName, downloadUrl, packageVersion, resolvedUrl, _t2;
       return _regeneratorRuntime.wrap(function (_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -36606,7 +36695,7 @@ var useRegistrySearch = function useRegistrySearch() {
       }, _callee2, null, [[2, 4, 5, 6]]);
     }));
     return function (_x2) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }(), []);
   var retry = useCallback(function () {
@@ -36623,7 +36712,10 @@ var useRegistrySearch = function useRegistrySearch() {
     installError: installError,
     search: search,
     installPackage: installPackage,
-    retry: retry
+    retry: retry,
+    showAllPackages: showAllPackages,
+    setShowAllPackages: setShowAllPackages,
+    appCapabilities: appCapabilities
   };
 };
 
@@ -36649,7 +36741,9 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
     isInstalling = _useRegistrySearch.isInstalling,
     installError = _useRegistrySearch.installError,
     installPackage = _useRegistrySearch.installPackage,
-    retry = _useRegistrySearch.retry;
+    retry = _useRegistrySearch.retry,
+    showAllPackages = _useRegistrySearch.showAllPackages,
+    setShowAllPackages = _useRegistrySearch.setShowAllPackages;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     selectedPackageName = _useState2[0],
@@ -36814,10 +36908,15 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
       className: "space-y-1",
       children: packages.map(function (pkg) {
         var widgetCount = (pkg.widgets || []).length;
+        // Check if this package has incompatible API dependencies
+        var pkgWidget = flatWidgets.find(function (w) {
+          return w.packageName === pkg.name;
+        });
+        var hasIncompatible = (pkgWidget === null || pkgWidget === void 0 ? void 0 : pkgWidget.missingApis) && pkgWidget.missingApis.length > 0;
         return /*#__PURE__*/jsx(Sidebar.Item, {
           icon: /*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: "cube",
-            className: "h-3.5 w-3.5"
+            icon: hasIncompatible ? "triangle-exclamation" : "cube",
+            className: "h-3.5 w-3.5 ".concat(hasIncompatible ? "text-yellow-500" : "")
           }),
           onClick: function onClick() {
             return setSelectedPackageName(pkg.name);
@@ -36843,14 +36942,24 @@ var DiscoverWidgetsDetail = function DiscoverWidgetsDetail(_ref) {
           children: "Back"
         })]
       })
-    }), /*#__PURE__*/jsx("div", {
+    }), /*#__PURE__*/jsxs("div", {
       className: "flex-shrink-0 px-4 py-3",
-      children: /*#__PURE__*/jsx(SearchInput, {
+      children: [/*#__PURE__*/jsx(SearchInput, {
         value: searchQuery,
         onChange: setSearchQuery,
         placeholder: "Search packages...",
         inputClassName: "py-1.5 text-xs"
-      })
+      }), /*#__PURE__*/jsxs("label", {
+        className: "flex items-center gap-1.5 mt-2 text-xs opacity-50 cursor-pointer select-none",
+        children: [/*#__PURE__*/jsx("input", {
+          type: "checkbox",
+          checked: showAllPackages,
+          onChange: function onChange(e) {
+            return setShowAllPackages(e.target.checked);
+          },
+          className: "rounded"
+        }), "Show all packages"]
+      })]
     }), /*#__PURE__*/jsx("div", {
       className: "flex-1 min-h-0 overflow-y-auto px-2",
       children: listBody