Allow phonetic search to be toggled in repo UI

Author: r-tae

api/src/common/elastic-index.js

@@ -61,7 +61,6 @@ export async function indexItem({ location = "workspace", configuration, item, c
                                 tokenizer: "standard",
                                 filter: [
                                     "lowercase",
-                                    "synonym_filter",
                                     "nyingarn-phonetic"
                                 ]
                             },

api/src/routes/repository.js

@@ -137,14 +137,22 @@ async function postRepositorySearchHandler(req) {
         );
     }
     if (req.body.text) {
+        let textQueries = [];
+        textQueries.push(
+            esb.matchQuery("name", req.body.text).fuzziness("AUTO"),
+            esb.matchQuery("description", req.body.text).fuzziness("AUTO"),
+        );
+        if (req.body.is_phonetic) {
+            textQueries.push(
+                esb.matchQuery("phoneticText", req.body.text).fuzziness("AUTO"),
+            );
+        } else {
+            textQueries.push(
+                esb.matchQuery("text", req.body.text).fuzziness("AUTO"),
+            );
+        }
         mustMatchQuery.push(
-            esb
-                .boolQuery()
-                .should([
-                    esb.matchQuery("name", req.body.text).fuzziness("AUTO"),
-                    esb.matchQuery("description", req.body.text).fuzziness("AUTO"),
-                    esb.matchQuery("text", req.body.text).fuzziness("AUTO"),
-                ])
+            esb.boolQuery().should(textQueries)
         );
     }
     let esbQuery = esb.requestBodySearch().query(esb.boolQuery().must(mustMatchQuery)).size(1000);

docker-compose.yml

@@ -136,13 +136,15 @@ services:
         command: ["npm", "run", "develop"]
 
     elastic:
-        image: elasticsearch:8.4.1
+        image: elasticsearch:8.16.0
         hostname: elastic
         environment:
             - discovery.type=single-node
             - ES_JAVA_OPTS=-Xms750m -Xmx750m
             - xpack.security.enabled=false
             - node.name=search
+        volumes:
+            - ./elasticsearch-plugins:/plugins
         ulimits:
             memlock:
                 soft: -1
@@ -154,6 +156,12 @@ services:
             - IPC_LOCK
         ports:
             - 9200:9200
+        command: >
+            /bin/sh -c "
+            ./bin/elasticsearch-plugin remove nyingarn-phonetic-search;
+            ./bin/elasticsearch-plugin install https://github.com/r-tae/nyingarn-phonetic-search/releases/download/v1.0.0/nyingarn-phonetic-search-1.0-SNAPSHOT.zip;
+            /usr/local/bin/docker-entrypoint.sh"
+
 
     edge:
         image: nginx:latest

ui-repository/src/components/home-page/Search.component.vue

@@ -41,6 +41,13 @@
                     @change="search"
                 />
             </el-form-item>
+            <el-form-item>
+                <el-checkbox
+                    v-model="data.form.is_phonetic"
+                    size="large"
+                    @blur="search"
+                    @change="search">phonetic search</el-checkbox>
+            </el-form-item>
             <el-form-item>
                 <el-button @click="search" size="large">
                     <i class="fa-solid fa-magnifying-glass fa-xl"></i>
@@ -114,7 +121,7 @@
 
 <script setup>
 import { ref, reactive, inject, onMounted } from "vue";
-import { ElAutocomplete, ElForm, ElFormItem, ElButton } from "element-plus";
+import { ElAutocomplete, ElForm, ElFormItem, ElCheckbox, ElButton } from "element-plus";
 import pluralize from "pluralize";
 import { useRouter } from "vue-router";
 import { useStore } from "vuex";

ui/src/components/Sidebar.component.vue

@@ -75,6 +75,7 @@ export default {
                     icon: "fa-solid fa-landmark",
                 },
                 { name: "Operations", path: "/admin/operations", icon: "fa-solid fa-cog" },
+                { name: "Search config", path: "/admin/search-config", icon: "fa-solid fa-ranking-star" },
             ],
         };
     },

ui/src/components/admin/AdminSearchConfig.component.vue

@@ -0,0 +1,48 @@
+<template>
+    <div class="flex flex-col space-y-4" v-loading="data.loading">
+        <div class="p-8 bg-red-200 rounded">
+            <div>
+                <textarea v-model="data.synonyms" placeholder="add synonyms"></textarea>
+            </div>
+        </div>
+        <div>
+            <el-button @click="setSynonyms">set synonyms</el-button>
+        </div>
+    </div>
+</template>
+
+<script setup>
+import { reactive, onMounted, onBeforeUnmount, inject } from "vue";
+
+const $http = inject("$http");
+
+let data = reactive({
+    loading: true,
+    synonyms: []
+});
+
+onMounted(async () => {
+    await getSynonyms();
+    // ({view} = setupCodeMirror());
+});
+
+onBeforeUnmount(async () => {
+    await setSynonyms();
+});
+
+async function getSynonyms() {
+    data.loading = true;
+    let response = await $http.get({ route: `/search-synonyms` });
+    data.synonyms = (await response.text())
+    data.loading = false;
+}
+
+async function setSynonyms() {
+    data.loading = true;
+    await $http.post({
+        route: `/search-synonyms`,
+        body: data.synonyms
+     });
+    data.loading = false;
+}
+</script>