whattheduck: Update histoire

web: Show image search result scores

Author: bperel

apps/web/src/pages/image-search-test.vue

@@ -21,7 +21,7 @@ meta:
             <img
               v-for="example in examples"
               :key="example.url"
-              :class="{ 'h-100': true, disabled: example.isCover !== isCover }"
+              :class="{ disabled: example.isCover !== isCover }"
               :src="example.url"
               @click="handleExampleClick(example)"
             />
@@ -103,7 +103,10 @@ const models = ref<
         return "error" in searchResults
           ? searchResults.errorDetails || "Error"
           : JSON.stringify(
-              searchResults.covers.map(({ issuecode }) => issuecode),
+              searchResults.covers.map(({ issuecode, score }) => ({
+                issuecode,
+                score,
+              })),
             );
       } catch (error) {
         return typeof error === "object" && "errorDetails" in error!
@@ -213,6 +216,7 @@ onMounted(async () => {
 <style scoped lang="scss">
 img {
   cursor: pointer;
+  height: 100px;
 
   &.disabled {
     opacity: 0.5;

apps/whattheduck/package.json

@@ -73,7 +73,7 @@
     "@eslint/compat": "^1.3.1",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.31.0",
-    "@histoire/plugin-vue": "^0.17.17",
+    "@histoire/plugin-vue": "1.0.0-alpha.2",
     "@intlify/eslint-plugin-vue-i18n": "^4.0.1",
     "@intlify/unplugin-vue-i18n": "^6.0.8",
     "@ionic/cli": "^7.2.1",
@@ -95,7 +95,7 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-vue": "^10.3.0",
     "globals": "^15.15.0",
-    "histoire": "^0.17.17",
+    "histoire": "1.0.0-alpha.2",
     "jsdom": "^24.1.3",
     "prettier": "^3.6.2",
     "typescript": "^5.8.3",

packages/api/services/story-search/index.ts

@@ -164,19 +164,19 @@ export const findSimilarImages = async (
       vector_similarity AS (
         SELECT 
           ev.entrycode,
-          VEC_DISTANCE_COSINE(ev.v, (SELECT v from inputVector)) as score
+          VEC_DISTANCE_COSINE(ev.v, (SELECT v from inputVector)) as similarity
         FROM inducks_entryurl_vector ev WHERE is_cover=${isCover} 
       )
       SELECT
         vector_similarity.entrycode,
-        vector_similarity.score,
+        1 - vector_similarity.similarity as score,
         e.issuecode,
         sv.storyversioncode
       FROM vector_similarity
       INNER JOIN inducks_entry e ON e.entrycode = vector_similarity.entrycode
       INNER JOIN inducks_storyversion sv ON sv.storyversioncode = e.storyversioncode
-      WHERE score < 0.15
-      ORDER BY score
+      WHERE similarity < 0.15
+      ORDER BY similarity
       LIMIT 5
     `;
     console.log("Query done, results:", results);