@kosdev-code/kos-ui-sdk 3.0.23 → 3.0.24

package/index.js

@@ -11375,6 +11375,8 @@ let UsbUpdateContainerModelImpl = class {
   updateActiveUpdate(update) {
     this._activeUpdate = update;
   }
+  _isSearching = false;
+  _hasSearched = false;
   // -------------------LIFECYCLE----------------------------
   get isUsbInserted() {
     return this.storageService.isStorageInserted;
@@ -11382,27 +11384,43 @@ let UsbUpdateContainerModelImpl = class {
   get hasAvailableUpdates() {
     return this._models.data.length > 0;
   }
+  get isSearchingUpdates() {
+    return this._isSearching;
+  }
+  get noAvailableUpdates() {
+    return this.isUsbInserted && this._hasSearched && !this._isSearching && this._models.data.length === 0;
+  }
   async syncAvailableUpdates() {
-    const updates = await getAvailableUpdates();
     kosAction(() => {
-      const allKeys = updates.map(
-        (update) => `${update.deviceId}-${update.manifestId}`
-      );
-      this._models.data.filter((model) => !allKeys.includes(model.id)).forEach((model) => this.removeModel(model.id));
-      updates.forEach((update) => {
-        const modelId = `${update.deviceId}-${update.manifestId}`;
-        const model = UsbUpdate.instance(modelId).forceUpdate.options({
-          ...update,
-          createTime: new Date(update.createTime)
-        }).build();
-        this.addModel(model);
-      });
-      if (this.data.length === 1) {
-        this.updateActiveUpdate(this.data[0]);
-      } else {
-        this.clearActiveUpdate();
-      }
+      this._isSearching = true;
     });
+    try {
+      const updates = await getAvailableUpdates();
+      kosAction(() => {
+        const allKeys = updates.map(
+          (update) => `${update.deviceId}-${update.manifestId}`
+        );
+        this._models.data.filter((model) => !allKeys.includes(model.id)).forEach((model) => this.removeModel(model.id));
+        updates.forEach((update) => {
+          const modelId = `${update.deviceId}-${update.manifestId}`;
+          const model = UsbUpdate.instance(modelId).forceUpdate.options({
+            ...update,
+            createTime: new Date(update.createTime)
+          }).build();
+          this.addModel(model);
+        });
+        if (this.data.length === 1) {
+          this.updateActiveUpdate(this.data[0]);
+        } else {
+          this.clearActiveUpdate();
+        }
+      });
+    } finally {
+      kosAction(() => {
+        this._isSearching = false;
+        this._hasSearched = true;
+      });
+    }
   }
   usbInsertedEffect() {
     if (this.isUsbInserted) {
@@ -11410,6 +11428,10 @@ let UsbUpdateContainerModelImpl = class {
     } else {
       this._models.clear();
       this.clearActiveUpdate();
+      kosAction(() => {
+        this._hasSearched = false;
+        this._isSearching = false;
+      });
     }
   }
   async init() {
@@ -11433,7 +11455,12 @@ __decorateClass$9([
   kosChild
 ], UsbUpdateContainerModelImpl.prototype, "_models", 2);
 __decorateClass$9([
-  kosModelEffect({ dependencies: (model) => [model.isUsbInserted] })
+  kosModelEffect({
+    dependencies: (model) => [
+      model.isUsbInserted,
+      model.storageService.data.length
+    ]
+  })
 ], UsbUpdateContainerModelImpl.prototype, "usbInsertedEffect", 1);
 UsbUpdateContainerModelImpl = __decorateClass$9([
   kosModel(MODEL_TYPE$8)
@@ -14629,17 +14656,28 @@ const useUsbUpdateContainer = () => {
   const [inserted, setInserted] = useState(false);
   const [updateAvailable, setUpdateAvailable] = useState(false);
   const [updates, setUpdates] = useState([]);
+  const [isSearching, setIsSearching] = useState(false);
+  const [noUpdates, setNoUpdates] = useState(false);
   useEffect(() => {
     const disposer = kosAutoEffect(() => {
       setInserted(result.model?.isUsbInserted ?? false);
       setUpdateAvailable(result.model?.hasAvailableUpdates ?? false);
       setUpdates(result.model?.data ?? []);
+      setIsSearching(result.model?.isSearchingUpdates ?? false);
+      setNoUpdates(result.model?.noAvailableUpdates ?? false);
     });
     return () => {
       disposer();
     };
   }, [result.model]);
-  return { ...result, inserted, updateAvailable, updates };
+  return {
+    ...result,
+    inserted,
+    updateAvailable,
+    updates,
+    isSearching,
+    noUpdates
+  };
 };
 function withUsbUpdateContainer(WrappedComponent) {
   return (props) => {