fixes

Author: SilvVF

app/db/sql/queries/tag_quries.sql

@@ -15,4 +15,7 @@ WHERE mod_id = :id AND tag_name = :oldName;
 INSERT OR IGNORE INTO tag(tag_name, mod_id) VALUES(:tagName, :modId);
 
 -- name: DeleteTag :exec
-DELETE FROM tag WHERE tag_name = :name AND mod_id = :modId;
+DELETE FROM tag WHERE tag_name = :name AND mod_id = :modId;
+
+-- name: SelectTagsByModId :many
+SELECT * FROM tag WHERE mod_id = :modId;

app/db/tag_quries.sql.go

@@ -8,7 +8,7 @@ export default function AsyncImage(props: AsyncImageProps) {
     const ref = useRef<HTMLImageElement>(null)
 
     useLayoutEffect(() => {
-        const uri = ref?.current?.src
+        const uri = props.src
         if (!uri) return
         if (uri.startsWith("file://")) {
             ReadImageFile(uri).then((base64) => {
@@ -20,5 +20,5 @@ export default function AsyncImage(props: AsyncImageProps) {
         }
     }, [props.src, ref])
 
-    return <img {...props} />
+    return <img ref={ref} {...props} />
 }

app/frontend/src/components/AsyncImage.tsx

@@ -1,8 +1,8 @@
 import { CancelFn } from "@/lib/tsutils";
 import { useEffect } from "react";
-import { CreateCustomCharacter, CreatePlaylist, DeleteCharacter, DeleteModById, DeletePlaylistById, DeleteTextureById, InsertTag, InsertTagForAllModsByCharacterIds, RenameMod, RenameTexture, SelectCharactersByGame, SelectCharacterWithModsTagsAndTextures, SelectClosestCharacter, SelectModById, SelectModsByCharacterName, SelectModsByGbId, SelectPlaylistWithModsAndTags, UpdateDisableAllModsByGame, UpdateModEnabledById, UpdateModGbId, UpdateModImages, UpdateModsEnabledFromSlice, UpdatePlaylistName, UpdateTextureEnabledById } from "wailsjs/go/dbh/DbHelper";
+import { CreateCustomCharacter, CreatePlaylist, DeleteCharacter, DeleteModById, DeletePlaylistById, DeleteTag, DeleteTextureById, InsertTag, InsertTagForAllModsByCharacterIds, RenameMod, RenameTexture, SelectCharactersByGame, SelectCharacterWithModsTagsAndTextures, SelectClosestCharacter, SelectModById, SelectModsByCharacterName, SelectModsByGbId, SelectPlaylistWithModsAndTags, SelectTagsByModId, UpdateDisableAllModsByGame, UpdateModEnabledById, UpdateModGbId, UpdateModImages, UpdateModsEnabledFromSlice, UpdatePlaylistName, UpdateTextureEnabledById } from "wailsjs/go/dbh/DbHelper";
 import { SplitTexture } from "wailsjs/go/main/App";
-import { EventsEmit, EventsOn, LogDebug } from "wailsjs/runtime/runtime";
+import { EventsEmit, EventsOn, LogDebug, LogError } from "wailsjs/runtime/runtime";
 
 
 type DBKey = "characters" | "mods" | "tags" | "playlist" | "all"
@@ -11,20 +11,31 @@ const DBEvent = "DB_EVENT"
 type DBEventData = DBKey[]
 
 const subscribeToDbUpdates = (key: DBKey[] | DBKey, callback: () => void, runOnStart: boolean = false): CancelFn => {
+    const runCallbackCatching = () => {
+        try {
+            callback()
+        } catch (e: any) {
+            if (e instanceof Error) {
+                LogError("subscribe listener failed with unhandled Error: " + e.message);
+            } else {
+                LogError("subscribe listener failed with unknown error" + e);
+            }
+        }
+    }
 
     if (runOnStart) {
-        callback()
+        runCallbackCatching()
     }
 
     return EventsOn(DBEvent, (keys: DBEventData) => {
         LogDebug("received DBEVENT event keys=" + keys)
         if (typeof key === 'string') {
             if (key === "all" || keys.includes(key)) {
-                callback()
+                runCallbackCatching()
             }
         } else {
             if (key.any((k) => k === "all" || keys.includes(k))) {
-                callback()
+                runCallbackCatching()
             }
         }
     })
@@ -43,8 +54,8 @@ const broadcastCharacterUpdate = () => EventsEmit(DBEvent, ["characters"])
 const broadcastModsUpdate = () => EventsEmit(DBEvent, ["mods"])
 const broadcastTagsUpdate = () => EventsEmit(DBEvent, ["tags"])
 const broadcastPlaylistUpdate = () => EventsEmit(DBEvent, ["playlist"])
-//const broadcastMultiUpdate = (keys: DBKey[]) => EventsEmit(DBEvent, keys)
 
+//const broadcastMultiUpdate = (keys: DBKey[]) => EventsEmit(DBEvent, keys)
 const DB = {
     onValueChangedListener: subscribeToDbUpdates,
     deleteMod: async (id: number) => {
@@ -121,6 +132,12 @@ const DB = {
     },
     updatePlaylistName: (id: number, name: string) => {
         return UpdatePlaylistName(id, name).then(broadcastPlaylistUpdate)
+    },
+    selectTagsByModId: (modId: number) => {
+        return SelectTagsByModId(modId)
+    },
+    deleteTag: (modId: number, name: string) => {
+        return DeleteTag(name, modId).then(broadcastTagsUpdate)
     }
 }
 

app/frontend/src/data/database.ts

@@ -77,7 +77,7 @@ export function useStateProducer<T extends any>(
   producer: (
     update: (value: T) => void,
     onDispose: (dipose: () => void) => void,
-  ) => Promise<void>,
+  ) => void,
   keys: ReadonlyArray<unknown> = []
 ): T {
   const [value, setValue] = useState(defaultValue);
@@ -107,8 +107,7 @@ export function useStateProducer<T extends any>(
           disposeFn = dispose
           disposeIfAborted()
         }
-      )
-        .catch((e) => LogError(e));
+      );
     } catch (e: any) {
       LogError(e);
     }