@christianriedl/media 1.0.267 → 1.0.269

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/media",
-  "version": "1.0.267",
+  "version": "1.0.269",
   "description": "RIC media interfaces",
 
   "main": "dist/index.js",
@@ -18,7 +18,7 @@
   "author": "Christian Riedl",
   "license": "ISC",
   "dependencies": {
-    "@christianriedl/utils": "^1.0.119",
+    "@christianriedl/utils": "^1.0.120",
     "@christianriedl/rest": "^1.0.84",
     "@christianriedl/epg": "^1.0.43"
   },

package/src/views/DocumentsPage.vue

@@ -1,11 +1,16 @@
 <script setup lang="ts">
     import { inject, ref, reactive, watch, computed, onMounted, StyleValue } from 'vue';
     import { useRouter, useRoute } from 'vue-router';
-    import { IAppState, appStateSymbol, appConfigSymbol, EScope, Helper } from '@christianriedl/utils';
+    import { IAppState, Dictionary, appStateSymbol, appConfigSymbol, EScope, Helper } from '@christianriedl/utils';
     import { getOpenAISymbol, IOpenAIServiceWithVectorStore } from '@christianriedl/utils';
     import { getMediaBinSymbol, getMediaInstanceSymbol, IDocumentInfo, IMediaAppConfig } from '@christianriedl/media';
     import FileUpload from '../components/FileUpload.vue';
 
+    interface IID {
+	fileId: string;
+	vectorStore: string;
+    }
+
     const route = useRoute();
     const router = useRouter();
     const appState = inject(appStateSymbol)!;
@@ -30,7 +35,6 @@
     const directoryInfos = reactive<IDocumentInfo[]>([]);
     const fileInfos = reactive<IDocumentInfo[]>([]);
     const heightStyle = computed<StyleValue>(() => { return { height: appState.bodyHeight.value + 'px', overflowY: 'auto' } });
-    const inVectorStore = reactive<Dictionary<string>>({});
 
     onMounted(() => {
 	mediaService.log.trace('Documents created');
@@ -43,15 +47,6 @@
 	else {
 	    path.value = "";
 	}
-	aiService.initializeVectorStore()
-	    .then(() => {
-		for (const key in aiService.vectorStore) {
-		    const store = aiService.vectorStore[key];
-		    for (const file in store.files) {
-			inVectorStore[store.files[file]] = key;
-		    }
-		}
-	    });
 	getItems(path.value);
     }
     watch(() => route.query, () => start());
@@ -84,7 +79,9 @@
 	mediaService.log.trace(`At ${path.value} : search ${files.length} files`);
     }
     function download(name: string, folder?: string) {
-	cccccctefcfkhjggitufgrlhcebiccnlcctfrkghrkrd
+	if (!folder)
+	    folder = path.value;
+	let url = mediaService.getFileUrl(folder.length > 0 ? (folder + '/' + name) : name);
 	const i = name.lastIndexOf('.');
 	if (i > 0) {
 	    const ext = name.substring(i + 1);
@@ -149,23 +146,31 @@
 	}
 	return false;
     }
-    function vectorColor(file: string): string | undefined {
-	if (inVectorStore[file]) {
-	    return 'warning';
+    function getFileId(file: string): IID | undefined {
+	if (aiService.vectorStore) {
+	    for (const key in aiService.vectorStore) {
+		const store = aiService.vectorStore[key];
+		for (const id in store.files) {
+		    if (store.files[id] == file) {
+			return { fileId: id, vectorStore: key };
+		    }
+		}
+	    }
 	}
 	return undefined;
     }
-    async function vectorStore(file: string) {
-	if (inVectorStore[file]) {
-	    if (window.confirm(`File is in vectorstore ${inVectorStore[file]}, delete ?`)) {
-		const store = aiService.vectorStore[inVectorStore[file]]
-		for (const vsf in store.files) {
-		    if (store.files[vsf] == file) {
-			if (await aiService.deleteFile(vsf))
-			    delete inVectorStore[file];
-			break;
-		    }
-		}
+    function vectorStoreClass(file: string): Dictionary<boolean> {
+	const cls: Dictionary<boolean> = { 'bg-office': true };
+	if (getFileId(file)) {
+	    cls['text-warning'] = true;
+	}
+	return cls;
+    }
+    async function vectorStore(file: string, folder?: string) {
+	const iid = getFileId(file);
+	if (iid) {
+	    if (window.confirm(`File is in vectorstore ${iid.vectorStore}, delete ?`)) {
+		const rc = await aiService.deleteFile(iid.fileId);
 	    }
 	}
 	else {
@@ -173,10 +178,8 @@
 	    if (name != null) {
 		if (!folder)
 		    folder = path.value;
-		let url = mediaService.getFileUrl(folder.length > 0 ? (folder + '/' + name) : name);
-		if (await aiService.addFile(url, name) {
-		    inVectorStore[file] = name;
-		}
+		let url = mediaService.getFileUrl(folder.length > 0 ? (folder + '/' + file) : file);
+		const rc = await aiService.addFile(url, name);
 	    }
 	}
     }
@@ -205,8 +208,7 @@
                 <v-divider />
             </v-row>
 	    <v-row v-for="file in fileNames" :key="file" class="text-decoration-underline text-primary">
-		<v-col cols="9"><p class="font-weight-medium text-decoration-underline text-primary" @click.stop="download(file)">{{file}}</p></v-col>
-		<v-col cols="1"><v-btn v-if="isAdmin" icon="$brain" class="bg-office" density="compact" variant="flat" :color="vectorColor(file)" @click.stop="vectorStore(file)"></v-btn></v-col>
+		<v-col cols="10"><p class="font-weight-medium text-decoration-underline text-primary" @click.stop="download(file)">{{file}}</p></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$share" class="bg-office" density="compact" variant="flat" @click.stop="shareFile(file)"></v-btn></v-col>
 		<v-col cols="1"><v-btn v-if="isAdmin" icon="$delete" class="bg-office" density="compact" variant="flat" @click.stop="deleteDirOrFile(file)"></v-btn></v-col>
 		<v-divider />
@@ -237,12 +239,13 @@
                 <v-col cols="1"><v-btn v-if="isAdmin" icon="$delete" class="bg-office" density="compact" variant="flat" @click.stop="deleteDirOrFile(dir.name)"></v-btn></v-col>
                 <v-divider />
             </v-row>
-            <v-row v-for="file in fileInfos" :key="file.name" class="text-decoration-underline text-primary">
-                <v-col cols="10"><p class="font-weight-medium text-decoration-underline text-primary" @click.stop="download(file.name, file.folder)">{{file.name}}<span>{{info(file)}}</span></p></v-col>
-                <v-col cols="1"><v-btn v-if="isAdmin" icon="$share" class="bg-office" density="compact" variant="flat" @click.stop="shareFile(file.name, file.folder)"></v-btn></v-col>
-                <v-col cols="1"><v-btn v-if="isAdmin" icon="$delete" class="bg-office" density="compact" variant="flat" @click.stop="deleteDirOrFile(file.name, file.folder)"></v-btn></v-col>
-                <v-divider />
-            </v-row>
+	    <v-row v-for="file in fileInfos" :key="file.name" class="text-decoration-underline text-primary">
+		<v-col cols="9"><p class="font-weight-medium text-decoration-underline text-primary" @click.stop="download(file.name, file.folder)">{{file.name}}<span>{{info(file)}}</span></p></v-col>
+		<v-col cols="1"><v-btn v-if="isAdmin" icon="$brain" :class="vectorStoreClass(file.name)" density="compact" variant="flat" @click.stop="vectorStore(file.name)"></v-btn></v-col>
+		<v-col cols="1"><v-btn v-if="isAdmin" icon="$share" class="bg-office" density="compact" variant="flat" @click.stop="shareFile(file.name, file.folder)"></v-btn></v-col>
+		<v-col cols="1"><v-btn v-if="isAdmin" icon="$delete" class="bg-office" density="compact" variant="flat" @click.stop="deleteDirOrFile(file.name, file.folder)"></v-btn></v-col>
+		<v-divider />
+	    </v-row>
         </v-container>
         <v-card-actions>
             <v-btn v-if="backVisible" @click="listBack">