@milaboratories/uikit 2.0.3 → 2.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",

package/src/components/PlBtnGhost/PlBtnGhost.vue

@@ -71,5 +71,6 @@ useRipple(btnRef);
     </span>
     <MaskIcon16 v-if="loading" name="loading" :size="size" />
     <MaskIcon16 v-else-if="icon" :name="icon" :size="size" />
+    <slot name="append" />
   </button>
 </template>

package/src/components/PlLogView/PlLogView.vue

@@ -42,6 +42,10 @@ const props = defineProps<{
    * Block output (Note: error and value take precedence over output property)
    */
   output?: ValueOrErrors<unknown>;
+  /**
+   * Max retries for AnyLogHandle fetch (with the same parameters)
+   */
+  maxRetries?: number;
   /**
    * @TODO
    */

package/src/components/PlLogView/useLogHandle.ts

@@ -1,4 +1,4 @@
-import { type Reactive, ref, watch } from 'vue';
+import { reactive, type Reactive, ref, watch } from 'vue';
 import { useTimeoutPoll, whenever } from '@vueuse/core';
 import type { AnyLogHandle, Platforma } from '@platforma-sdk/model';
 
@@ -17,9 +17,15 @@ function escapeRegExp(str: string) {
   return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }
 
-export function useLogHandle(props: Reactive<{ logHandle: AnyLogHandle | undefined; mockPlatforma?: Platforma; progressPrefix?: string }>) {
+export function useLogHandle(
+  props: Reactive<{ logHandle: AnyLogHandle | undefined; maxRetries?: number; mockPlatforma?: Platforma; progressPrefix?: string }>,
+) {
   const logState = ref<LogState>();
 
+  const data = reactive({
+    errorCount: 0,
+  });
+
   async function fetchLogs() {
     // making a snapshot of the ref
     let currentLogState: LogState | undefined = logState.value;
@@ -35,9 +41,11 @@ export function useLogHandle(props: Reactive<{ logHandle: AnyLogHandle | undefin
 
     // eslint-disable-next-line no-constant-condition
     while (true) {
+      const result = await platforma.logDriver.readText(currentLogState.logHandle, 100, currentLogState.lastOffset);
+
       currentLogState.error = undefined;
 
-      const result = await platforma.logDriver.readText(currentLogState.logHandle, 100, currentLogState.lastOffset);
+      data.errorCount = 0;
 
       if (result.shouldUpdateHandle) return;
 
@@ -63,7 +71,12 @@ export function useLogHandle(props: Reactive<{ logHandle: AnyLogHandle | undefin
   const fetchAndCatch = () =>
     fetchLogs().catch((err) => {
       if (logState.value) {
-        logState.value.error = err;
+        data.errorCount++;
+        if (data.errorCount > (props.maxRetries ?? 3)) {
+          logState.value.error = err;
+        } else {
+          console.warn('skip error:', err, 'retry...');
+        }
       }
     });
 
@@ -83,6 +96,7 @@ export function useLogHandle(props: Reactive<{ logHandle: AnyLogHandle | undefin
         timeoutPoll.pause();
       } else if (lh !== logState.value?.logHandle) {
         logState.value = { logHandle: lh, lastOffset: 0, lines: '', finished: false, error: undefined };
+        data.errorCount = 0;
         timeoutPoll.resume();
       }
     },