From 0c7160d037ddf9deb567a4379cdf67f74428b8eb Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sat, 1 Mar 2025 02:02:00 +0800
Subject: [PATCH] fix(provider-transformers): ui

Signed-off-by: Neko Ayaka <neko@ayaka.moe>
---
 packages/provider-transformers/playground/src/App.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/provider-transformers/playground/src/App.vue b/packages/provider-transformers/playground/src/App.vue
index 85f4faa14..dbb8e7b60 100644
--- a/packages/provider-transformers/playground/src/App.vue
+++ b/packages/provider-transformers/playground/src/App.vue
@@ -16,7 +16,9 @@ const toggleDark = useToggle(isDark)
 const modelId = ref('Xenova/all-MiniLM-L6-v2')
 const input = ref('Hello, world!')
 const results = ref<any>()
+
 const loadingItems = ref<(InitiateProgressInfo | ProgressStatusInfo)[]>([])
+const loadingItemsSet = new Set<string>()
 
 const transformersProvider = createTransformers({ embedWorkerURL })
 
@@ -29,6 +31,11 @@ async function load() {
     onProgress: (progress) => {
       switch (progress.status) {
         case 'initiate':
+          if (loadingItemsSet.has(progress.file)) {
+            return
+          }
+
+          loadingItemsSet.add(progress.file)
           loadingItems.value.push(progress)
           break
 
@@ -37,8 +44,10 @@ async function load() {
             if (item.file === progress.file) {
               return { ...item, ...progress }
             }
+
             return item
           })
+
           break
 
         case 'done':
@@ -72,7 +81,7 @@ async function handleLoad() {
           href="https://github.com/moeru-ai/xsai"
         >xsai</a> Playground
       </h1>
-      <div flex flex-row gap-2>
+      <div flex flex-row items-center gap-2>
         <button text-lg @click="() => toggleDark()">
           <div v-if="isDark" i-solar:moon-stars-bold-duotone />
           <div v-else i-solar:sun-bold />