From 595076acc5709eca246571bb7f58996bfe17de98 Mon Sep 17 00:00:00 2001
From: Boris Fritscher <boris@fritscher.ch>
Date: Mon, 22 Jan 2024 17:02:45 +0100
Subject: [PATCH 1/5] feat: Support cloning collections #38

---
 src/components/collection/CollectionUi.vue |  1 -
 src/pages/Collections.vue                  | 85 ++++++++++++++++++----
 src/shared/api.ts                          | 10 +++
 src/store/node/actions.ts                  | 17 ++++-
 4 files changed, 97 insertions(+), 16 deletions(-)

diff --git a/src/components/collection/CollectionUi.vue b/src/components/collection/CollectionUi.vue
index 8ada7e8..26874bc 100644
--- a/src/components/collection/CollectionUi.vue
+++ b/src/components/collection/CollectionUi.vue
@@ -159,7 +159,6 @@ export default defineComponent({
   props: {
     initialSchema: {
       type: Object as () => CollectionCreateSchema | CollectionSchema | CollectionUpdateSchema,
-      required: true,
       default: () =>
         ({
           name: '',
diff --git a/src/pages/Collections.vue b/src/pages/Collections.vue
index 655a3f6..c027cc6 100644
--- a/src/pages/Collections.vue
+++ b/src/pages/Collections.vue
@@ -2,40 +2,74 @@
   <q-page padding>
     <collection-create></collection-create>
     <q-table
-
       :filter="filter"
       :columns="columns"
       :rows="$store.state.node.data.collections"
       row-key="name"
       :pagination="{ rowsPerPage: 0, sortBy: 'name' }"
     >
-     <template v-slot:body="props">
+      <template v-slot:body="props">
         <q-tr :props="props">
           <q-td key="name" :props="props">
-            <q-btn no-caps flat :to="`/collection/${props.row.name}/search`" size="1.2em" class="text-bold">{{ props.row.name }}</q-btn>
+            <q-btn
+              no-caps
+              flat
+              :to="`/collection/${props.row.name}/search`"
+              size="1.2em"
+              class="text-bold"
+              >{{ props.row.name }}</q-btn
+            >
           </q-td>
           <q-td key="actions" :props="props">
             <q-btn flat round icon="sym_s_more_vert">
               <q-menu>
-                <q-item dense clickable :to="`/collection/${props.row.name}/document`">
+                <q-item
+                  dense
+                  clickable
+                  :to="`/collection/${props.row.name}/document`"
+                >
                   <q-item-section>Import</q-item-section>
                   <q-item-section avatar>
                     <q-avatar icon="sym_s_file_upload" />
                   </q-item-section>
                 </q-item>
-                <q-item dense clickable @click="exportCollection(props.row.name)">
+                <q-item
+                  dense
+                  clickable
+                  @click="exportCollection(props.row.name)"
+                >
                   <q-item-section>Export</q-item-section>
                   <q-item-section avatar>
                     <q-avatar icon="sym_s_file_download" />
                   </q-item-section>
                 </q-item>
-                <q-item dense clickable :to="`/collection/${props.row.name}/schema`">
+                <q-item
+                  dense
+                  clickable
+                  :to="`/collection/${props.row.name}/schema`"
+                >
                   <q-item-section>Edit</q-item-section>
                   <q-item-section avatar>
                     <q-avatar icon="sym_s_data_object" />
                   </q-item-section>
                 </q-item>
-                <q-item dense clickable flat style="color: #DE3B39" @click="drop(props.row.name)">
+                <q-item
+                  dense
+                  clickable
+                  @click="cloneCollection(props.row.name)"
+                >
+                  <q-item-section>Clone Schema</q-item-section>
+                  <q-item-section avatar>
+                    <q-avatar icon="sym_s_content_copy" />
+                  </q-item-section>
+                </q-item>
+                <q-item
+                  dense
+                  clickable
+                  flat
+                  style="color: #de3b39"
+                  @click="drop(props.row.name)"
+                >
                   <q-item-section>Delete</q-item-section>
                   <q-item-section avatar>
                     <q-avatar icon="sym_s_delete" />
@@ -45,15 +79,19 @@
             </q-btn>
           </q-td>
           <q-td key="num_documents" :props="props">
-            <q-btn no-caps flat :to="`/collection/${props.row.name}/search`">{{ props.row.num_documents }} <q-icon name="sym_s_search"  size="1em" right /></q-btn>
+            <q-btn no-caps flat :to="`/collection/${props.row.name}/search`"
+              >{{ props.row.num_documents }}
+              <q-icon name="sym_s_search" size="1em" right
+            /></q-btn>
           </q-td>
           <q-td key="schema_fields" :props="props">
-            <q-btn no-caps flat :to="`/collection/${props.row.name}/schema`" >{{ props.row.fields.length || 0 }} <q-icon  name="sym_s_data_object" size="1em" right /></q-btn>
+            <q-btn no-caps flat :to="`/collection/${props.row.name}/schema`"
+              >{{ props.row.fields.length || 0 }}
+              <q-icon name="sym_s_data_object" size="1em" right
+            /></q-btn>
           </q-td>
           <q-td key="created_at" :props="props">
-            {{
-              new Date(props.row.created_at * 1000).toLocaleString()
-            }}
+            {{ new Date(props.row.created_at * 1000).toLocaleString() }}
           </q-td>
         </q-tr>
       </template>
@@ -77,7 +115,7 @@
 
 <script lang="ts">
 import CollectionCreate from 'src/components/collection/CollectionCreate.vue';
-import { defineComponent } from 'vue';;
+import { defineComponent } from 'vue';
 export default defineComponent({
   components: { CollectionCreate },
   name: 'Collections',
@@ -156,6 +194,25 @@ export default defineComponent({
           void this.$store.dispatch('node/dropCollection', name);
         });
     },
-  }
+    cloneCollection(collectionName: string) {
+      this.$q
+        .dialog({
+          title: 'Clone Schema',
+          message: 'Provide name for new collection? (documents are not copied!, only schema, currations and synonyms)',
+          prompt: {
+            model: '',
+            type: 'text',
+          },
+          cancel: true,
+          persistent: true,
+        })
+        .onOk((destinationName) => {
+          void this.$store.dispatch('node/cloneCollectionSchema', {
+            collectionName,
+            destinationName,
+          });
+        });
+    },
+  },
 });
 </script>
diff --git a/src/shared/api.ts b/src/shared/api.ts
index ab3e1af..a539fe2 100644
--- a/src/shared/api.ts
+++ b/src/shared/api.ts
@@ -151,4 +151,14 @@ export class Api {
       throw Error(err.response?.data?.message || err.message)
     });
   }
+
+  //eslint-disable-next-line @typescript-eslint/no-explicit-any
+  public post(url:string, body?:any):Promise<any>|void {
+    return this.axiosClient?.post(url, body).then(r => {
+      return {data: r.data};
+      }).catch(err => {
+      throw Error(err.response?.data?.message || err.message)
+    });
+  }
+
 }
diff --git a/src/store/node/actions.ts b/src/store/node/actions.ts
index 813959a..d11e6ec 100644
--- a/src/store/node/actions.ts
+++ b/src/store/node/actions.ts
@@ -239,7 +239,22 @@ const actions: ActionTree<NodeStateInterface, StateInterface> = {
       context.commit('setError', (error as Error).message);
     }
   },
-
+  async cloneCollectionSchema(context, payload: { collectionName: string, destinationName: string}) {
+    try {
+      context.commit('setError', null);
+      await context.getters.api.post(`/collections?src_name=${payload.collectionName}`, {name: payload.destinationName})
+      const collection = await context.getters.api.getCollection(payload.destinationName);
+      context.commit('setData', {
+        collections: context.state.data.collections.concat([collection]),
+      });
+      context.commit('setCurrentCollection', collection);
+      // eslint-disable-next-line
+      // @ts-ignore
+      this.$router.push(`/collection/${payload.destinationName}/schema`);
+    } catch (error) {
+      context.commit('setError', (error as Error).message);
+    }
+  },
   async deleteAlias(context, name: string) {
     await context.getters.api.deleteAlias(name);
     void context.dispatch('getAliases');

From 4cb65b6a17087204bc66ee18090f6c800869874a Mon Sep 17 00:00:00 2001
From: Boris Fritscher <boris@fritscher.ch>
Date: Mon, 22 Jan 2024 18:41:30 +0100
Subject: [PATCH 2/5] feat: Support locale and symbols_to_index in synonyms #39

---
 src/pages/Synonyms.vue | 58 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 56 insertions(+), 2 deletions(-)

diff --git a/src/pages/Synonyms.vue b/src/pages/Synonyms.vue
index 3b77c70..baf6937 100644
--- a/src/pages/Synonyms.vue
+++ b/src/pages/Synonyms.vue
@@ -45,8 +45,37 @@
             stack-label
             hide-dropdown-icon
             label="Synonyms"
+            hint="Enter a synonym and press enter"
           >
           </q-select>
+
+        </q-card-section>
+        <q-separator />
+        <q-card-section>
+          <div class="text-overline">Optional</div>
+          <q-select
+            filled
+            v-model="synonym.symbols_to_index"
+            multiple
+            use-chips
+            use-input
+            new-value-mode="add"
+            stack-label
+            hide-dropdown-icon
+            label="Symbols to Index"
+            hint="Enter a symbol (eg: +, - ) and press enter"
+          >
+          </q-select>
+          
+          <q-input
+            filled
+            stack-label
+            label="Locale"
+            v-model="synonym.locale"
+            class="q-mb-md"
+            hint="Leave blank to auto-detect"
+          ></q-input>
+
         </q-card-section>
 
         <q-card-actions align="right" class="bg-primary">
@@ -72,7 +101,6 @@
       :rows="$store.state.node.data.synonyms"
       :columns="columns"
       row-key="id"
-      :visible-columns="['id', 'type', 'root', 'synonyms', 'actions']"
       :pagination="{ rowsPerPage: 50, sortBy: 'name' }"
     >
       <template v-slot:top-left>
@@ -145,6 +173,8 @@ export default defineComponent({
       synonym: {
         root: '',
         synonyms: [],
+        locale: '',
+        symbols_to_index: []
       } as SynonymCreateSchema,
       id: nanoid(),
       columns: [
@@ -172,7 +202,21 @@ export default defineComponent({
         {
           label: 'Synonyms',
           name: 'synonyms',
-          field: (row: SynonymSchema) => JSON.stringify(row.synonyms),
+          field: (row: SynonymSchema) => row.synonyms.join(', '),
+          align: 'left',
+          sortable: true,
+        },
+        {
+          label: 'Symbols to Index',
+          name: 'symbols_to_index',
+          field: (row: SynonymSchema) => row.symbols_to_index?.join(', '),
+          align: 'left',
+          sortable: true,
+        },
+        {
+          label: 'Locale',
+          name: 'locale',
+          field: 'locale',
           align: 'left',
           sortable: true,
         },
@@ -202,6 +246,12 @@ export default defineComponent({
       if (this.type === this.types.ONE_WAY) {
         synonym.root = this.synonym.root;
       }
+      if (this.synonym.locale) {
+        synonym.locale = this.synonym.locale;
+      }
+      if (this.synonym.symbols_to_index && this.synonym.symbols_to_index.length > 0) {
+        synonym.symbols_to_index = this.synonym.symbols_to_index;
+      }
       await this.$store.dispatch('node/createSynonym', {
         id: this.id,
         synonym: synonym,
@@ -210,6 +260,8 @@ export default defineComponent({
       this.synonym = {
         root: '',
         synonyms: [],
+        locale: '',
+        symbols_to_index: []
       };
       this.expanded = false;
     },
@@ -217,6 +269,8 @@ export default defineComponent({
       this.id = synonym.id || nanoid();
       this.synonym = JSON.parse(JSON.stringify(synonym));
       this.type = this.synonym.root ? RootTypes.ONE_WAY : RootTypes.MULTI_WAY;
+      this.synonym.locale = this.synonym.locale || '';
+      this.synonym.symbols_to_index = this.synonym.symbols_to_index || [];
       this.expanded = true;
     },
     deleteSynonym(id: string) {

From bd8997641ddc3f99ca1ae40563880e4cb297c088 Mon Sep 17 00:00:00 2001
From: Boris Fritscher <boris@fritscher.ch>
Date: Mon, 22 Jan 2024 18:55:25 +0100
Subject: [PATCH 3/5] fix: url is not synced with selected collection when
 changing drop down #41

---
 src/store/node/actions.ts | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/store/node/actions.ts b/src/store/node/actions.ts
index d11e6ec..5cf1350 100644
--- a/src/store/node/actions.ts
+++ b/src/store/node/actions.ts
@@ -191,6 +191,16 @@ const actions: ActionTree<NodeStateInterface, StateInterface> = {
     context.commit('setCurrentCollection', collection);
     void context.dispatch('getSynonyms', collection.name);
     void context.dispatch('getOverrides', collection.name);
+    // eslint-disable-next-line
+    // @ts-ignore
+    if (this.$router.currentRoute.value.params?.name) {
+      // eslint-disable-next-line
+      // @ts-ignore
+      const params = { ...this.$router.currentRoute.value.params, name: collection.name };
+      // eslint-disable-next-line
+      // @ts-ignore
+      this.$router.push({ name: this.$router.currentRoute.value.name, params});
+    }
   },
   loadCurrentCollectionByName(context, collectionName: string) {
     return context.dispatch(

From 4ba0e395b25ae0c104be71805912c4ab886318b3 Mon Sep 17 00:00:00 2001
From: Boris Fritscher <boris@fritscher.ch>
Date: Mon, 22 Jan 2024 20:06:22 +0100
Subject: [PATCH 4/5] Use server version for api-docs links

---
 src/pages/ApiKeys.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ApiKeys.vue b/src/pages/ApiKeys.vue
index 917fd69..c8274d8 100644
--- a/src/pages/ApiKeys.vue
+++ b/src/pages/ApiKeys.vue
@@ -20,7 +20,7 @@
             color="info"
             flat
             dense
-            href="https://typesense.org/docs/0.23.1/api/api-keys.html#create-an-api-key"
+            :href="`https://typesense.org/docs/${$store.state.node.data.debug.version}/api/api-keys.html#create-an-api-key`"
             target="_blank"
             >Documentation</q-btn
           >

From d6bafdbc871a5c13882d081d64e2d725e9d72e37 Mon Sep 17 00:00:00 2001
From: Boris Fritscher <boris@fritscher.ch>
Date: Mon, 22 Jan 2024 22:10:49 +0100
Subject: [PATCH 5/5] feat: Support Search Presets #40

---
 src/components/NavMenu.vue  |   7 ++
 src/pages/SearchPresets.vue | 191 ++++++++++++++++++++++++++++++++++++
 src/router/routes.ts        |   1 +
 src/shared/api.ts           |  13 +++
 src/store/node/actions.ts   |  27 +++++
 src/store/node/state.ts     |   3 +
 6 files changed, 242 insertions(+)
 create mode 100644 src/pages/SearchPresets.vue

diff --git a/src/components/NavMenu.vue b/src/components/NavMenu.vue
index 0a0dd73..aeb5a8e 100644
--- a/src/components/NavMenu.vue
+++ b/src/components/NavMenu.vue
@@ -42,6 +42,13 @@
       <q-item-section> Analytics Rules </q-item-section>
     </q-item>
 
+    <q-item clickable v-ripple to="/searchpresets" exact>
+      <q-item-section avatar>
+        <q-icon name="sym_s_manage_search" />
+      </q-item-section>
+
+      <q-item-section> Search Presets </q-item-section>
+    </q-item>
 
     <q-separator spaced />
 
diff --git a/src/pages/SearchPresets.vue b/src/pages/SearchPresets.vue
new file mode 100644
index 0000000..4afbda4
--- /dev/null
+++ b/src/pages/SearchPresets.vue
@@ -0,0 +1,191 @@
+<template>
+  <q-page padding>
+    <q-expansion-item
+      expand-separator
+      icon="sym_s_add_circle"
+      expand-icon="sym_s_unfold_more"
+      expanded-icon="sym_s_unfold_less"
+      :label="`${isUpdate ? 'Update' : 'Add'} Search Preset`"
+      header-class="bg-primary text-white"
+      v-model="expanded"
+    >
+      <q-card style="height: 60vh" class="bg-surface column">
+        <q-card-section class="q-col-gutter-md row">
+          <q-input
+            class="col-12 col-sm-6"
+            v-model="preset.name"
+            label="Name"
+            filled
+            :rules="[(val) => !!val || 'Field is required']" />
+          <q-btn
+            type="a"
+            icon="sym_s_help"
+            no-caps
+            color="info"
+            flat
+            dense
+            :href="`https://typesense.org/docs/${$store.state.node.data.debug.version}/api/search.html#presets`"
+            target="_blank"
+            >Documentation</q-btn
+          >
+        </q-card-section>
+        <monaco-editor v-model="keyJson"></monaco-editor>
+        <q-banner inline-actions class="text-white bg-red" v-if="jsonError">
+          Invalid Format: {{ jsonError }}
+        </q-banner>
+
+        <q-card-actions align="right" class="bg-primary">
+          <q-btn
+            size="md"
+            padding="sm lg"
+            unelevated
+            color="primary"
+            :disable="!!jsonError"
+            @click="createSearchPreset()"
+            >{{ isUpdate ? 'Update' : 'Add' }} Preset</q-btn
+          >
+        </q-card-actions>
+      </q-card>
+    </q-expansion-item>
+
+    <q-table
+      class="q-mt-md"
+      title="Search Presets"
+      flat
+      bordered
+      :filter="filter"
+      :rows="$store.state.node.data.searchPresets"
+      :columns="columns"
+      row-key="id"
+    >
+      <template v-slot:top-left>
+        <div class="text-h6"><q-icon size="md" name="sym_s_manage_search" /> Search Presets</div>
+      </template>
+      <template v-slot:top-right>
+        <q-input
+          borderless
+          dense
+          debounce="300"
+          v-model="filter"
+          placeholder="Search"
+        >
+          <template v-slot:append>
+            <q-icon name="sym_s_search" />
+          </template>
+        </q-input>
+      </template>
+      <template v-slot:body-cell-actions_op="props">
+        <q-td class="text-right">
+          <q-btn
+            flat
+            color="primary"
+            @click="editSearchPreset(props.row)"
+            icon="sym_s_edit"
+            title="Edit"
+          ></q-btn>
+          <q-btn
+            flat
+            color="negative"
+            @click="deleteSearchPreset(props.row.name)"
+            icon="sym_s_delete_forever"
+            title="Delete"
+          ></q-btn>
+        </q-td>
+      </template>
+    </q-table>
+  </q-page>
+</template>
+
+<script lang="ts">
+import { PresetSchema } from 'typesense/lib/Typesense/Preset';
+import MonacoEditor from '../components/MonacoEditor.vue';
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'SearchPresets',
+  components: { MonacoEditor },
+  data() {
+    return {
+      jsonError: null as string | null,
+      preset: {
+        name: '',
+        value: {
+          'collection': 'products',
+          'q': '*',
+          'sort_by': 'popularity',
+        },
+      },
+      expanded: this.$store.state.node.data.searchPresets.length === 0,
+      filter: '',
+      columns: [
+        {
+          label: 'Name',
+          name: 'name',
+          field: 'name',
+          sortable: true,
+          align: 'left',
+        },
+        {
+          label: 'Search Parameters',
+          name: 'value',
+          field: (row: PresetSchema) => JSON.stringify(row.value),
+          sortable: true,
+          align: 'left',
+        },
+        {
+          label: 'Actions',
+          name: 'actions_op',
+          align: 'right',
+        },
+      ],
+    };
+  },
+  computed: {
+    keyJson: {
+      get(): string {
+        return JSON.stringify(this.preset.value, null, 2);
+      },
+      set(json: string) {
+        try {
+          this.preset.value = JSON.parse(json);
+          this.jsonError = null;
+        } catch (e) {
+          this.jsonError = (e as Error).message;
+        }
+      },
+    },
+    isUpdate(): boolean {
+      return this.$store.state.node.data.searchPresets
+        .map((p:any) => p.name)
+        .includes(this.preset.name);
+    },    
+  },
+  mounted() {
+    void this.$store.dispatch('node/getSearchPresets');
+  },
+  methods: {
+    async createSearchPreset() {
+      await this.$store.dispatch(
+        'node/upsertSearchPreset',
+        JSON.parse(JSON.stringify(this.preset))
+      );
+    },
+    editSearchPreset(preset: PresetSchema) {
+      this.preset = JSON.parse(JSON.stringify(preset));
+      this.expanded = true;
+    },
+    deleteSearchPreset(name: string) {
+      this.$q
+        .dialog({
+          title: 'Confirm',
+          message: `Delete preset ${name}?`,
+          cancel: true,
+          persistent: true,
+        })
+        .onOk(() => {
+          void this.$store.dispatch('node/deleteSearchPreset', name);
+        });
+    },
+  },
+});
+</script>
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 4673c51..4115850 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -9,6 +9,7 @@ const routes: RouteRecordRaw[] = [
       { path: 'aliases', component: () => import('pages/Aliases.vue') },
       { path: 'apikeys', component: () => import('pages/ApiKeys.vue') },
       { path: 'analyticsrules', component: () => import('pages/AnalyticsRules.vue') },
+      { path: 'searchpresets', component: () => import('pages/SearchPresets.vue') },
       { path: 'collections', component: () => import('pages/Collections.vue') },
       { path: 'collection/:name/document', component: () => import('pages/Document.vue') },
       { path: 'collection/:name/search', component: () => import('pages/Search.vue') },
diff --git a/src/shared/api.ts b/src/shared/api.ts
index a539fe2..580b726 100644
--- a/src/shared/api.ts
+++ b/src/shared/api.ts
@@ -8,6 +8,7 @@ import { SearchParams } from 'typesense/lib/Typesense/Documents';
 import { KeyCreateSchema } from 'typesense/lib/Typesense/Key';
 import { OverrideSchema } from 'typesense/lib/Typesense/Override';
 import { SynonymSchema } from 'typesense/lib/Typesense/Synonym';
+import { PresetCreateSchema } from 'typesense/lib/Typesense/Presets';
 import AnalyticsRule, { AnalyticsRuleCreateSchema } from 'typesense/lib/Typesense/AnalyticsRule';
 import AnalyticsRules from 'typesense/lib/Typesense/AnalyticsRules';
 
@@ -92,6 +93,18 @@ export class Api {
     return (this.typesenseClient?.analytics.rules(name) as AnalyticsRule).delete();
   }
 
+  public getSearchPresets() {
+    return this.typesenseClient?.presets().retrieve();
+  }
+
+  public upsertSearchPreset(name: string, preset: PresetCreateSchema) {
+    return this.typesenseClient?.presets().upsert(name, preset);
+  }
+
+  public deleteSearchPreset(name: string) {
+    return this.typesenseClient?.presets(name).delete();
+  }
+
   public getSynonyms(collectionName: string) {
     return this.typesenseClient?.collections(collectionName)
     .synonyms()
diff --git a/src/store/node/actions.ts b/src/store/node/actions.ts
index 5cf1350..79c8412 100644
--- a/src/store/node/actions.ts
+++ b/src/store/node/actions.ts
@@ -19,6 +19,7 @@ import { SearchParams } from 'typesense/lib/Typesense/Documents';
 import { Api } from 'src/shared/api';
 import { DebugResponseSchema } from 'typesense/lib/Typesense/Debug';
 import { AnalyticsRuleSchema } from 'typesense/lib/Typesense/AnalyticsRule';
+import { PresetSchema } from 'typesense/lib/Typesense/Preset';
 
 const actions: ActionTree<NodeStateInterface, StateInterface> = {
   connectionCheck(context) {
@@ -147,6 +148,32 @@ const actions: ActionTree<NodeStateInterface, StateInterface> = {
       context.commit('setError', (error as Error).message);
     }
   },
+  async getSearchPresets(context) {
+    await context.getters.api
+      .getSearchPresets()
+      .then((response: { presets: PresetSchema[] }) => {
+        context.commit('setData', {
+          searchPresets: response.presets,
+        });
+      })
+      .catch((err: Error) => {
+        console.log(err);
+        void context.dispatch('connectionCheck');
+      });
+  },
+  async deleteSearchPreset(context, name: string) {
+    await context.getters.api.deleteSearchPreset(name);
+    void context.dispatch('getSearchPresets');
+  },
+  async upsertSearchPreset(context, preset: any) {
+    try {
+      context.commit('setError', null);
+      await context.getters.api.upsertSearchPreset(preset.name, preset);
+      void context.dispatch('getSearchPresets');
+    } catch (error) {
+      context.commit('setError', (error as Error).message);
+    }
+  },
   getSynonyms(context, collectionName: string) {
     context.getters.api
       .getSynonyms(collectionName)
diff --git a/src/store/node/state.ts b/src/store/node/state.ts
index 94ac851..679571d 100644
--- a/src/store/node/state.ts
+++ b/src/store/node/state.ts
@@ -5,6 +5,7 @@ import { CollectionSchema } from 'typesense/lib/Typesense/Collection';
 import { NodeConfiguration } from 'typesense/lib/Typesense/Configuration';
 import { KeySchema } from 'typesense/lib/Typesense/Key';
 import { OverrideSchema } from 'typesense/lib/Typesense/Override';
+import { PresetSchema } from 'typesense/lib/Typesense/Preset';
 import { SynonymSchema } from 'typesense/lib/Typesense/Synonym';
 import { RouteLocationNormalized } from 'vue-router';
 
@@ -19,6 +20,7 @@ export interface NodeDataInterface {
   aliases: CollectionAliasSchema[];
   apiKeys: KeySchema[];
   analyticsRules: AnalyticsRuleSchema[];
+  searchPresets: PresetSchema[];
   overrides: OverrideSchema[];
   synonyms: SynonymSchema[];
 }
@@ -70,6 +72,7 @@ function state(): NodeStateInterface {
       aliases: [],
       apiKeys: [],
       analyticsRules: [],
+      searchPresets: [],
       overrides: [],
       synonyms: [],
     },