From d495f49a3504083a5c4ced9bbd7f03e3cdbeb62a Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Sat, 15 Feb 2025 18:15:43 +0100
Subject: [PATCH] Split settings into multiple files

---
 src/components/ResultItemVault.svelte |   2 +-
 src/main.ts                           |   8 +-
 src/settings.ts                       | 907 --------------------------
 src/settings/index.ts                 | 164 +++++
 src/settings/settings-behavior.ts     | 187 ++++++
 src/settings/settings-danger.ts       |  97 +++
 src/settings/settings-http.ts         |  66 ++
 src/settings/settings-indexing.ts     | 161 +++++
 src/settings/settings-ui.ts           |  98 +++
 src/settings/settings-weighting.ts    | 107 +++
 src/settings/utils.ts                 |  92 +++
 11 files changed, 977 insertions(+), 912 deletions(-)
 delete mode 100644 src/settings.ts
 create mode 100644 src/settings/index.ts
 create mode 100644 src/settings/settings-behavior.ts
 create mode 100644 src/settings/settings-danger.ts
 create mode 100644 src/settings/settings-http.ts
 create mode 100644 src/settings/settings-indexing.ts
 create mode 100644 src/settings/settings-ui.ts
 create mode 100644 src/settings/settings-weighting.ts
 create mode 100644 src/settings/utils.ts

diff --git a/src/components/ResultItemVault.svelte b/src/components/ResultItemVault.svelte
index d11e79e..fa9cbef 100644
--- a/src/components/ResultItemVault.svelte
+++ b/src/components/ResultItemVault.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { showExcerpt } from '../settings'
+  import { showExcerpt } from '../settings/index'
   import type { ResultNote } from '../globals'
   import {
     getExtension,
diff --git a/src/main.ts b/src/main.ts
index 8f9828b..46e31e4 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -12,14 +12,14 @@ import {
 } from './components/modals'
 import {
   getDefaultSettings,
-  isCacheEnabled,
-  isPluginDisabled,
   loadSettings,
-  type OmnisearchSettings,
-  saveSettings,
   SettingsTab,
   showExcerpt,
 } from './settings'
+import type { OmnisearchSettings } from './settings/utils'
+import { isCacheEnabled } from './settings/utils'
+import { saveSettings } from './settings/utils'
+import { isPluginDisabled } from './settings/utils'
 import {
   eventBus,
   EventNames,
diff --git a/src/settings.ts b/src/settings.ts
deleted file mode 100644
index 684a55d..0000000
--- a/src/settings.ts
+++ /dev/null
@@ -1,907 +0,0 @@
-// noinspection CssUnresolvedCustomProperty
-import {
-  App,
-  Notice,
-  Platform,
-  Plugin,
-  PluginSettingTab,
-  Setting,
-  SliderComponent,
-} from 'obsidian'
-import { writable } from 'svelte/store'
-import { K_DISABLE_OMNISEARCH, RecencyCutoff } from './globals'
-import type OmnisearchPlugin from './main'
-import { enableVerboseLogging, getCtrlKeyLabel } from './tools/utils'
-import { debounce } from 'lodash-es'
-
-interface WeightingSettings {
-  weightBasename: number
-  weightDirectory: number
-  weightH1: number
-  weightH2: number
-  weightH3: number
-  weightUnmarkedTags: number
-}
-
-export interface OmnisearchSettings extends WeightingSettings {
-  weightCustomProperties: { name: string; weight: number }[]
-  /** Enables caching to speed up indexing */
-  useCache: boolean
-  /** Respect the "excluded files" Obsidian setting by downranking results ignored files */
-  hideExcluded: boolean
-  /** Boost more recent files */
-  recencyBoost: RecencyCutoff
-  /** downrank files in the given folders */
-  downrankedFoldersFilters: string[]
-  /** Ignore diacritics when indexing files */
-  ignoreDiacritics: boolean
-  ignoreArabicDiacritics: boolean
-
-  /** Extensions of plain text files to index, in addition to .md */
-  indexedFileTypes: string[]
-  /** Custom title field */
-  displayTitle: string
-  /** Enable PDF indexing */
-  PDFIndexing: boolean
-  /** Enable Images indexing */
-  imagesIndexing: boolean
-  /** Enable Office documents indexing */
-  officeIndexing: boolean
-  /** Enable image ai indexing */
-  aiImageIndexing: boolean
-
-  /** Enable indexing of unknown files */
-  unsupportedFilesIndexing: 'yes' | 'no' | 'default'
-  /** Activate the small 🔍 button on Obsidian's ribbon */
-  ribbonIcon: boolean
-  /** Display the small contextual excerpt in search results */
-  showExcerpt: boolean
-  /** Number of embeds references to display in search results */
-  maxEmbeds: number
-  /** Render line returns with <br> in excerpts */
-  renderLineReturnInExcerpts: boolean
-  /** Enable a "create note" button in the Vault Search modal */
-  showCreateButton: boolean
-  /** Re-execute the last query when opening Omnisearch */
-  showPreviousQueryResults: boolean
-  /** Key for the welcome message when Obsidian is updated. A message is only shown once. */
-  welcomeMessage: string
-  /** If a query returns 0 result, try again with more relax conditions */
-  simpleSearch: boolean
-  tokenizeUrls: boolean
-  highlight: boolean
-  splitCamelCase: boolean
-  openInNewPane: boolean
-  verboseLogging: boolean
-  vimLikeNavigationShortcut: boolean
-  fuzziness: '0' | '1' | '2'
-  httpApiEnabled: boolean
-  httpApiPort: string
-  httpApiNotice: boolean
-
-  DANGER_httpHost: string | null
-  DANGER_forceSaveCache: boolean
-}
-
-/**
- * A store to reactively toggle the `showExcerpt` setting on the fly
- */
-export const showExcerpt = writable(false)
-
-const needsARestart = `<strong style="color: var(--text-accent)">Needs a restart to fully take effect.</strong>`
-
-export class SettingsTab extends PluginSettingTab {
-  plugin: OmnisearchPlugin
-
-  constructor(plugin: OmnisearchPlugin) {
-    super(plugin.app, plugin)
-    this.plugin = plugin
-
-    showExcerpt.subscribe(async v => {
-      settings.showExcerpt = v
-      await saveSettings(this.plugin)
-    })
-  }
-
-  display(): void {
-    const { containerEl } = this
-    const database = this.plugin.database
-    const textExtractor = this.plugin.getTextExtractor()
-
-    const clearCacheDebounced = debounce(async () => {
-      await database.clearCache()
-    }, 1000)
-
-    const aiImageAnalyzer = this.plugin.getAIImageAnalyzer()
-    containerEl.empty()
-
-    if (this.app.loadLocalStorage(K_DISABLE_OMNISEARCH) == '1') {
-      const span = containerEl.createEl('span')
-      span.innerHTML = `<strong style="color: var(--text-accent)">⚠️ OMNISEARCH IS DISABLED ⚠️</strong>`
-    }
-
-    // Settings main title
-    containerEl.createEl('h1', { text: 'Omnisearch' })
-
-    // Sponsor link - Thank you!
-    const divSponsor = containerEl.createDiv()
-    divSponsor.innerHTML = `
-        <iframe sandbox="allow-top-navigation-by-user-activation" src="https://github.com/sponsors/scambier/button" title="Sponsor scambier" height="35" width="116" style="border: 0;"></iframe>
-        <a href='https://ko-fi.com/B0B6LQ2C' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://cdn.ko-fi.com/cdn/kofi2.png?v=3' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a> 
-    `
-
-    //#region Indexing
-
-    new Setting(containerEl)
-      .setName('Indexing')
-      .setHeading()
-      .setDesc(
-        htmlDescription(`⚠️ <span style="color: var(--text-accent)">Changing indexing settings will clear the cache, and requires a restart of Obsidian.</span><br/><br/>
-        ${
-          textExtractor
-            ? `👍 You have installed <a href="https://github.com/scambier/obsidian-text-extractor">Text Extractor</a>, Omnisearch can use it to index PDFs and images contents.
-            <br />Text extraction only works on desktop, but the cache can be synchronized with your mobile device.`
-            : `⚠️ Omnisearch requires <a href="https://github.com/scambier/obsidian-text-extractor">Text Extractor</a> to index PDFs and images.`
-        }
-        ${
-          aiImageAnalyzer
-            ? `<br/>👍 You have installed <a href="https://github.com/Swaggeroo/obsidian-ai-image-analyzer">AI Image Analyzer</a>, Omnisearch can use it to index images contents with ai.`
-            : `<br/>⚠️ Omnisearch requires <a href="https://github.com/Swaggeroo/obsidian-ai-image-analyzer">AI Image Analyzer</a> to index images with ai.`
-        }`)
-      )
-
-    // PDF Indexing
-    new Setting(containerEl)
-      .setName(`PDFs content indexing ${textExtractor ? '' : '⚠️ Disabled'}`)
-      .setDesc(
-        htmlDescription(
-          `Omnisearch will use Text Extractor to index the content of your PDFs.`
-        )
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.PDFIndexing).onChange(async v => {
-          await database.clearCache()
-          settings.PDFIndexing = v
-          await saveSettings(this.plugin)
-        })
-      )
-      .setDisabled(!textExtractor)
-
-    // Images Indexing
-    new Setting(containerEl)
-      .setName(`Images OCR indexing ${textExtractor ? '' : '⚠️ Disabled'}`)
-      .setDesc(
-        htmlDescription(
-          `Omnisearch will use Text Extractor to OCR your images and index their content.`
-        )
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.imagesIndexing).onChange(async v => {
-          await database.clearCache()
-          settings.imagesIndexing = v
-          await saveSettings(this.plugin)
-        })
-      )
-      .setDisabled(!textExtractor)
-
-    // Office Documents Indexing
-    const indexOfficesDesc = new DocumentFragment()
-    indexOfficesDesc.createSpan({}, span => {
-      span.innerHTML = `Omnisearch will use Text Extractor to index the content of your office documents (currently <pre style="display:inline">.docx</pre> and <pre style="display:inline">.xlsx</pre>).`
-    })
-    new Setting(containerEl)
-      .setName(
-        `Documents content indexing ${textExtractor ? '' : '⚠️ Disabled'}`
-      )
-      .setDesc(indexOfficesDesc)
-      .addToggle(toggle =>
-        toggle.setValue(settings.officeIndexing).onChange(async v => {
-          await database.clearCache()
-          settings.officeIndexing = v
-          await saveSettings(this.plugin)
-        })
-      )
-      .setDisabled(!textExtractor)
-
-    // AI Images Indexing
-    const aiIndexImagesDesc = new DocumentFragment()
-    aiIndexImagesDesc.createSpan({}, span => {
-      span.innerHTML = `Omnisearch will use AI Image Analyzer to index the content of your images with ai.`
-    })
-    new Setting(containerEl)
-      .setName(`Images AI indexing ${aiImageAnalyzer ? '' : '⚠️ Disabled'}`)
-      .setDesc(aiIndexImagesDesc)
-      .addToggle(toggle =>
-        toggle.setValue(settings.aiImageIndexing).onChange(async v => {
-          await database.clearCache()
-          settings.aiImageIndexing = v
-          await saveSettings(this.plugin)
-        })
-      )
-      .setDisabled(!aiImageAnalyzer)
-
-    // Index filenames of unsupported files
-    new Setting(containerEl)
-      .setName('Index paths of unsupported files')
-      .setDesc(
-        htmlDescription(`
-      Omnisearch can index file<strong>names</strong> of "unsupported" files, such as e.g. <pre style="display:inline">.mp4</pre>
-      or non-extracted PDFs & images.<br/>
-      "Obsidian setting" will respect the value of "Files & Links > Detect all file extensions".`)
-      )
-      .addDropdown(dropdown => {
-        dropdown
-          .addOptions({ yes: 'Yes', no: 'No', default: 'Obsidian setting' })
-          .setValue(settings.unsupportedFilesIndexing)
-          .onChange(async v => {
-            await clearCacheDebounced()
-            ;(settings.unsupportedFilesIndexing as any) = v
-            await saveSettings(this.plugin)
-          })
-      })
-
-    // Custom display title
-    new Setting(containerEl)
-      .setName('Set frontmatter property key as title')
-      .setDesc(
-        htmlDescription(`If you have a custom property in your notes that you want to use as the title in search results. If you set this to '#heading', then use the first heading from a file as the title.<br>
-          Leave empty to disable.`)
-      )
-      .addText(component => {
-        component.setValue(settings.displayTitle).onChange(async v => {
-          await clearCacheDebounced()
-          settings.displayTitle = v
-          await saveSettings(this.plugin)
-        })
-      })
-
-    // Additional text files to index
-    new Setting(containerEl)
-      .setName('Additional TEXT files to index')
-      .setDesc(
-        htmlDescription(`In addition to standard <code>md</code> files, Omnisearch can also index other <strong style="color: var(--text-accent)">PLAINTEXT</strong> files.<br/>
-      Add extensions separated by a space, without the dot. Example: "<code>txt org csv</code>".<br />
-      ⚠️ <span style="color: var(--text-accent)">Using extensions of non-plaintext files (like .pptx) WILL cause crashes,
-      because Omnisearch will try to index their content.</span>`)
-      )
-      .addText(component => {
-        component
-          .setValue(settings.indexedFileTypes.join(' '))
-          .setPlaceholder('Example: txt org csv')
-          .onChange(async v => {
-            await database.clearCache()
-            settings.indexedFileTypes = v.split(' ')
-            await saveSettings(this.plugin)
-          })
-      })
-
-    //#endregion Indexing
-
-    //#region Behavior
-
-    new Setting(containerEl).setName('Behavior').setHeading()
-
-    // Caching
-    new Setting(containerEl)
-      .setName('Save index to cache')
-      .setDesc(
-        'Enable caching to speed up indexing time. In rare cases, the cache write may cause a crash in Obsidian. This option will disable itself if it happens.'
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.useCache).onChange(async v => {
-          settings.useCache = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Show previous query results
-    new Setting(containerEl)
-      .setName('Show previous query results')
-      .setDesc('Re-executes the previous query when opening Omnisearch.')
-      .addToggle(toggle =>
-        toggle.setValue(settings.showPreviousQueryResults).onChange(async v => {
-          settings.showPreviousQueryResults = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Respect excluded files
-    new Setting(containerEl)
-      .setName('Respect Obsidian\'s "Excluded Files"')
-      .setDesc(
-        `By default, files that are in Obsidian\'s "Options > Files & Links > Excluded Files" list are downranked in results.
-        Enable this option to completely hide them.`
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.hideExcluded).onChange(async v => {
-          settings.hideExcluded = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    new Setting(containerEl)
-      .setName('Recency boost (experimental)')
-      .setDesc('Files that have been modified more recently than [selected cutoff] are given a higher rank.')
-      .addDropdown(dropdown =>
-        dropdown
-          .addOptions({
-            [RecencyCutoff.Disabled]: 'Disabled',
-            [RecencyCutoff.Day]: '24 hours',
-            [RecencyCutoff.Week]: '7 days',
-            [RecencyCutoff.Month]: '30 days',
-          })
-          .setValue(settings.recencyBoost)
-          .onChange(async v => {
-            settings.recencyBoost = v as RecencyCutoff
-            await saveSettings(this.plugin)
-          })
-      )
-
-    // Downranked files
-    new Setting(containerEl)
-      .setName('Folders to downrank in search results')
-      .setDesc(
-        `Folders to downrank in search results. Files in these folders will be downranked in results.  They will still be indexed for tags, unlike excluded files.  Folders should be comma delimited.`
-      )
-      .addText(component => {
-        component
-          .setValue(settings.downrankedFoldersFilters.join(','))
-          .setPlaceholder('Example: src,p2/dir')
-          .onChange(async v => {
-            let folders = v.split(',')
-            folders = folders.map(f => f.trim())
-            settings.downrankedFoldersFilters = folders
-            await saveSettings(this.plugin)
-          })
-      })
-
-    // Split CamelCaseWords
-    new Setting(containerEl)
-      .setName('Split CamelCaseWords')
-      .setDesc(
-        htmlDescription(`Enable this if you want to be able to search for CamelCaseWords as separate words.<br/>        
-        ⚠️ <span style="color: var(--text-accent)">Changing this setting will clear the cache.</span><br>
-        ${needsARestart}`)
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.splitCamelCase).onChange(async v => {
-          await database.clearCache()
-          settings.splitCamelCase = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Simpler search
-    new Setting(containerEl)
-      .setName('Simpler search')
-      .setDesc(
-        `Enable this if Obsidian often freezes while making searches.
-        Words shorter than 3 characters won't be used as prefixes; this can reduce search delay but will return fewer results.`
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.simpleSearch).onChange(async v => {
-          settings.simpleSearch = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Extract URLs
-    // Crashes on iOS
-    if (!Platform.isIosApp) {
-      new Setting(containerEl)
-        .setName('Tokenize URLs')
-        .setDesc(
-          `Enable this if you want to be able to search for URLs as separate words.
-        This setting has a strong impact on indexing performance, and can crash Obsidian under certain conditions.`
-        )
-        .addToggle(toggle =>
-          toggle.setValue(settings.tokenizeUrls).onChange(async v => {
-            settings.tokenizeUrls = v
-            await saveSettings(this.plugin)
-          })
-        )
-    }
-
-    // Open in new pane
-    new Setting(containerEl)
-      .setName('Open in new pane')
-      .setDesc(
-        'Open and create files in a new pane instead of the current pane.'
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.openInNewPane).onChange(async v => {
-          settings.openInNewPane = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Set Vim like navigation keys
-    new Setting(containerEl)
-      .setName('Set Vim like navigation keys')
-      .setDesc(
-        `Navigate down the results with ${getCtrlKeyLabel()} + J/N, or navigate up with ${getCtrlKeyLabel()} + K/P.`
-      )
-      .addToggle(toggle =>
-        toggle
-          .setValue(settings.vimLikeNavigationShortcut)
-          .onChange(async v => {
-            settings.vimLikeNavigationShortcut = v
-            await saveSettings(this.plugin)
-          })
-      )
-
-    // Fuzziness
-    new Setting(containerEl)
-      .setName('Fuzziness')
-      .setDesc(
-        "Define the level of fuzziness for the search. The higher the fuzziness, the more results you'll get."
-      )
-      .addDropdown(dropdown =>
-        dropdown
-          .addOptions({
-            0: 'Exact match',
-            1: 'Not too fuzzy',
-            2: 'Fuzzy enough',
-          })
-          .setValue(settings.fuzziness)
-          .onChange(async v => {
-            if (!['0', '1', '2'].includes(v)) {
-              v = '2'
-            }
-            settings.fuzziness = v as '0' | '1' | '2'
-            await saveSettings(this.plugin)
-          })
-      )
-
-    //#endregion Behavior
-
-    //#region User Interface
-
-    new Setting(containerEl).setName('User Interface').setHeading()
-
-    // Show Ribbon Icon
-    new Setting(containerEl)
-      .setName('Show ribbon button')
-      .setDesc('Add a button on the sidebar to open the Vault search modal.')
-      .addToggle(toggle =>
-        toggle.setValue(settings.ribbonIcon).onChange(async v => {
-          settings.ribbonIcon = v
-          await saveSettings(this.plugin)
-          if (v) {
-            this.plugin.addRibbonButton()
-          } else {
-            this.plugin.removeRibbonButton()
-          }
-        })
-      )
-
-    // Show context excerpt
-    new Setting(containerEl)
-      .setName('Show excerpts')
-      .setDesc(
-        'Shows the contextual part of the note that matches the search. Disable this to only show filenames in results.'
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.showExcerpt).onChange(async v => {
-          showExcerpt.set(v)
-        })
-      )
-
-    // Show embeds
-    new Setting(containerEl)
-      .setName('Show embed references')
-      .setDesc(
-        htmlDescription(`Some results are <a href="https://help.obsidian.md/Linking+notes+and+files/Embed+files">embedded</a> in other notes.<br>
-          This setting controls the maximum number of embeds to show in the search results. Set to 0 to disable.<br>
-          Also works with Text Extractor for embedded images and documents.`)
-      )
-      .addSlider(cb => {
-        cb.setLimits(0, 10, 1)
-          .setValue(settings.maxEmbeds)
-          .setDynamicTooltip()
-          .onChange(async v => {
-            settings.maxEmbeds = v
-            await saveSettings(this.plugin)
-          })
-      })
-
-    // Keep line returns in excerpts
-    new Setting(containerEl)
-      .setName('Render line return in excerpts')
-      .setDesc(
-        'Activate this option to render line returns in result excerpts.'
-      )
-      .addToggle(toggle =>
-        toggle
-          .setValue(settings.renderLineReturnInExcerpts)
-          .onChange(async v => {
-            settings.renderLineReturnInExcerpts = v
-            await saveSettings(this.plugin)
-          })
-      )
-
-    // Show "Create note" button
-    new Setting(containerEl)
-      .setName('Show "Create note" button')
-      .setDesc(
-        htmlDescription(`Shows a button next to the search input, to create a note.
-        Acts the same as the <code>shift ↵</code> shortcut, can be useful for mobile device users.`)
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.showCreateButton).onChange(async v => {
-          settings.showCreateButton = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Highlight results
-    new Setting(containerEl)
-      .setName('Highlight matching words in results')
-      .setDesc(
-        'Will highlight matching results when enabled. See README for more customization options.'
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.highlight).onChange(async v => {
-          settings.highlight = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    //#endregion User Interface
-
-    //#region Results Weighting
-
-    const defaultSettings = getDefaultSettings(this.app)
-
-    new Setting(containerEl).setName('Results weighting').setHeading()
-
-    new Setting(containerEl)
-      .setName(
-        `File name & declared aliases (default: ${defaultSettings.weightBasename})`
-      )
-      .addSlider(cb => this.weightSlider(cb, 'weightBasename'))
-
-    new Setting(containerEl)
-      .setName(`File directory (default: ${defaultSettings.weightDirectory})`)
-      .addSlider(cb => this.weightSlider(cb, 'weightDirectory'))
-
-    new Setting(containerEl)
-      .setName(`Headings level 1 (default: ${defaultSettings.weightH1})`)
-      .addSlider(cb => this.weightSlider(cb, 'weightH1'))
-
-    new Setting(containerEl)
-      .setName(`Headings level 2 (default: ${defaultSettings.weightH2})`)
-      .addSlider(cb => this.weightSlider(cb, 'weightH2'))
-
-    new Setting(containerEl)
-      .setName(`Headings level 3 (default: ${defaultSettings.weightH3})`)
-      .addSlider(cb => this.weightSlider(cb, 'weightH3'))
-
-    new Setting(containerEl)
-      .setName(`Tags (default: ${defaultSettings.weightUnmarkedTags})`)
-      .addSlider(cb => this.weightSlider(cb, 'weightUnmarkedTags'))
-
-    //#region Specific tags
-
-    new Setting(containerEl)
-      .setName('Header properties fields')
-      .setDesc(
-        'You can set custom weights for values of header properties (e.g. "keywords"). Weights under 1.0 will downrank the results.'
-      )
-
-    for (let i = 0; i < settings.weightCustomProperties.length; i++) {
-      const item = settings.weightCustomProperties[i]
-      new Setting(containerEl)
-        .setName((i + 1).toString() + '.')
-        // TODO: add autocompletion from app.metadataCache.getAllPropertyInfos()
-        .addText(text => {
-          text
-            .setPlaceholder('Property name')
-            .setValue(item.name)
-            .onChange(async v => {
-              item.name = v
-              await saveSettings(this.plugin)
-            })
-        })
-        .addSlider(cb => {
-          cb.setLimits(0.1, 5, 0.1)
-            .setValue(item.weight)
-            .setDynamicTooltip()
-            .onChange(async v => {
-              item.weight = v
-              await saveSettings(this.plugin)
-            })
-        })
-        // Remove the tag
-        .addButton(btn => {
-          btn.setButtonText('Remove')
-          btn.onClick(async () => {
-            settings.weightCustomProperties.splice(i, 1)
-            await saveSettings(this.plugin)
-            this.display()
-          })
-        })
-    }
-
-    // Add a new custom tag
-    new Setting(containerEl).addButton(btn => {
-      btn.setButtonText('Add a new property')
-      btn.onClick(_cb => {
-        settings.weightCustomProperties.push({ name: '', weight: 1 })
-        this.display()
-      })
-    })
-
-    //#endregion Specific tags
-
-    //#endregion Results Weighting
-
-    //#region HTTP Server
-
-    if (!Platform.isMobile) {
-      new Setting(containerEl)
-        .setName('API Access Through HTTP')
-        .setHeading()
-        .setDesc(
-          htmlDescription(
-            `Omnisearch can be used through a simple HTTP server (<a href="https://publish.obsidian.md/omnisearch/Public+API+%26+URL+Scheme#HTTP+Server">more information</a>).`
-          )
-        )
-
-      new Setting(containerEl)
-        .setName('Enable the HTTP server')
-        .addToggle(toggle =>
-          toggle.setValue(settings.httpApiEnabled).onChange(async v => {
-            settings.httpApiEnabled = v
-            if (v) {
-              this.plugin.apiHttpServer.listen(settings.httpApiPort)
-            } else {
-              this.plugin.apiHttpServer.close()
-            }
-            await saveSettings(this.plugin)
-          })
-        )
-
-      new Setting(containerEl).setName('HTTP Port').addText(component => {
-        component
-          .setValue(settings.httpApiPort)
-          .setPlaceholder('51361')
-          .onChange(async v => {
-            if (parseInt(v) > 65535) {
-              v = settings.httpApiPort
-              component.setValue(settings.httpApiPort)
-            }
-            settings.httpApiPort = v
-            if (settings.httpApiEnabled) {
-              this.plugin.apiHttpServer.close()
-              this.plugin.apiHttpServer.listen(settings.httpApiPort)
-            }
-            await saveSettings(this.plugin)
-          })
-      })
-
-      new Setting(containerEl)
-        .setName('Show a notification when the server starts')
-        .setDesc(
-          'Will display a notification if the server is enabled, at Obsidian startup.'
-        )
-        .addToggle(toggle =>
-          toggle.setValue(settings.httpApiNotice).onChange(async v => {
-            settings.httpApiNotice = v
-            await saveSettings(this.plugin)
-          })
-        )
-    }
-
-    //#endregion HTTP Server
-
-    //#region Debugging
-
-    new Setting(containerEl).setName('Debugging').setHeading()
-
-    new Setting(containerEl)
-      .setName('Enable verbose logging')
-      .setDesc(
-        "Adds a LOT of logs for debugging purposes. Don't forget to disable it."
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.verboseLogging).onChange(async v => {
-          settings.verboseLogging = v
-          enableVerboseLogging(v)
-          await saveSettings(this.plugin)
-        })
-      )
-
-    //#endregion Debugging
-
-    //#region Danger Zone
-    new Setting(containerEl).setName('Danger Zone').setHeading()
-
-    // Ignore diacritics
-    new Setting(containerEl)
-      .setName('Ignore diacritics')
-      .setDesc(
-        htmlDescription(`Normalize diacritics in search terms. Words like "brûlée" or "žluťoučký" will be indexed as "brulee" and "zlutoucky".<br/>
-        ⚠️ <span style="color: var(--text-accent)">You probably should <strong>NOT</strong> disable this.</span><br>
-        ⚠️ <span style="color: var(--text-accent)">Changing this setting will clear the cache.</span><br>
-        ${needsARestart}`)
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.ignoreDiacritics).onChange(async v => {
-          await database.clearCache()
-          settings.ignoreDiacritics = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    new Setting(containerEl)
-      .setName('Ignore Arabic diacritics (beta)')
-      .addToggle(toggle =>
-        toggle.setValue(settings.ignoreArabicDiacritics).onChange(async v => {
-          await database.clearCache()
-          settings.ignoreArabicDiacritics = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Disable Omnisearch
-    const disableDesc = new DocumentFragment()
-    disableDesc.createSpan({}, span => {
-      span.innerHTML = `Disable Omnisearch on this device only.<br>
-        ${needsARestart}`
-    })
-    new Setting(containerEl)
-      .setName('Disable on this device')
-      .setDesc(disableDesc)
-      .addToggle(toggle =>
-        toggle.setValue(isPluginDisabled(this.app)).onChange(async v => {
-          if (v) {
-            this.app.saveLocalStorage(K_DISABLE_OMNISEARCH, '1')
-            new Notice('Omnisearch - Disabled. Please restart Obsidian.')
-          } else {
-            this.app.saveLocalStorage(K_DISABLE_OMNISEARCH) // No value = unset
-            new Notice('Omnisearch - Enabled. Please restart Obsidian.')
-          }
-        })
-      )
-
-    // Force save cache
-    new Setting(containerEl)
-      .setName('Force save the cache')
-      .setDesc(
-        htmlDescription(`Omnisearch has a security feature that automatically disables cache writing if it cannot fully perform the operation.<br>
-        Use this option to force the cache to be saved, even if it causes a crash.<br>
-        ⚠️ <span style="color: var(--text-accent)">Enabling this setting could lead to crash loops</span>`)
-      )
-      .addToggle(toggle =>
-        toggle.setValue(settings.DANGER_forceSaveCache).onChange(async v => {
-          settings.DANGER_forceSaveCache = v
-          await saveSettings(this.plugin)
-        })
-      )
-
-    // Clear cache data
-    if (isCacheEnabled()) {
-      new Setting(containerEl)
-        .setName('Clear cache data')
-        .setDesc(
-          htmlDescription(`Erase all Omnisearch cache data.
-          Use this if Omnisearch results are inconsistent, missing, or appear outdated.<br>
-          ${needsARestart}`)
-        )
-        .addButton(btn => {
-          btn.setButtonText('Clear cache')
-          btn.onClick(async () => {
-            await database.clearCache()
-          })
-        })
-    }
-
-    //#endregion Danger Zone
-  }
-
-  weightSlider(cb: SliderComponent, key: keyof WeightingSettings): void {
-    cb.setLimits(1, 10, 0.5)
-      .setValue(settings[key])
-      .setDynamicTooltip()
-      .onChange(async v => {
-        settings[key] = v
-        await saveSettings(this.plugin)
-      })
-  }
-}
-
-export function getDefaultSettings(app: App): OmnisearchSettings {
-  return {
-    useCache: true,
-    hideExcluded: false,
-    recencyBoost: RecencyCutoff.Disabled,
-    downrankedFoldersFilters: [] as string[],
-    ignoreDiacritics: true,
-    ignoreArabicDiacritics: false,
-    indexedFileTypes: [] as string[],
-    displayTitle: '',
-    PDFIndexing: false,
-    officeIndexing: false,
-    imagesIndexing: false,
-    aiImageIndexing: false,
-    unsupportedFilesIndexing: 'default',
-    splitCamelCase: false,
-    openInNewPane: false,
-    vimLikeNavigationShortcut: app.vault.getConfig('vimMode') as boolean,
-
-    ribbonIcon: true,
-    showExcerpt: true,
-    maxEmbeds: 5,
-    renderLineReturnInExcerpts: true,
-    showCreateButton: false,
-    highlight: true,
-    showPreviousQueryResults: true,
-    simpleSearch: false,
-    tokenizeUrls: false,
-    fuzziness: '1',
-
-    weightBasename: 10,
-    weightDirectory: 7,
-    weightH1: 6,
-    weightH2: 5,
-    weightH3: 4,
-    weightUnmarkedTags: 2,
-    weightCustomProperties: [] as { name: string; weight: number }[],
-
-    httpApiEnabled: false,
-    httpApiPort: '51361',
-    httpApiNotice: true,
-
-    welcomeMessage: '',
-    verboseLogging: false,
-
-    DANGER_httpHost: null,
-    DANGER_forceSaveCache: false,
-  }
-}
-
-let settings: OmnisearchSettings
-
-function htmlDescription(innerHTML: string): DocumentFragment {
-  const desc = new DocumentFragment()
-  desc.createSpan({}, span => {
-    span.innerHTML = innerHTML
-  })
-  return desc
-}
-
-// /**
-//  * @deprecated
-//  */
-// export function getSettings(): OmnisearchSettings {
-//   if (!settings) {
-//     settings = Object.assign({}, getDefaultSettings()) as OmnisearchSettings
-//   }
-//   return settings
-// }
-
-export async function loadSettings(
-  plugin: Plugin
-): Promise<OmnisearchSettings> {
-  settings = Object.assign(
-    {},
-    getDefaultSettings(plugin.app),
-    await plugin.loadData()
-  )
-  showExcerpt.set(settings.showExcerpt)
-  enableVerboseLogging(settings.verboseLogging)
-  return settings
-}
-
-export async function saveSettings(plugin: Plugin): Promise<void> {
-  await plugin.saveData(settings)
-}
-
-export function isPluginDisabled(app: App): boolean {
-  return app.loadLocalStorage(K_DISABLE_OMNISEARCH) === '1'
-}
-
-export function isCacheEnabled(): boolean {
-  return !Platform.isIosApp && settings.useCache
-}
diff --git a/src/settings/index.ts b/src/settings/index.ts
new file mode 100644
index 0000000..55b9ff0
--- /dev/null
+++ b/src/settings/index.ts
@@ -0,0 +1,164 @@
+// noinspection CssUnresolvedCustomProperty
+import {
+  App,
+  Plugin,
+  PluginSettingTab,
+  Setting,
+} from 'obsidian'
+import { writable } from 'svelte/store'
+import { K_DISABLE_OMNISEARCH, RecencyCutoff } from '../globals'
+import type OmnisearchPlugin from '../main'
+import { enableVerboseLogging } from '../tools/utils'
+import { injectSettingsIndexing } from './settings-indexing'
+import { type OmnisearchSettings, saveSettings } from './utils'
+import { injectSettingsBehavior } from './settings-behavior'
+import { injectSettingsUserInterface } from './settings-ui'
+import { injectSettingsWeighting } from './settings-weighting'
+import { injectSettingsHttp } from './settings-http'
+import { injectSettingsDanger } from './settings-danger'
+
+/**
+ * A store to reactively toggle the `showExcerpt` setting on the fly
+ */
+export const showExcerpt = writable(false)
+
+export class SettingsTab extends PluginSettingTab {
+  plugin: OmnisearchPlugin
+
+  constructor(plugin: OmnisearchPlugin) {
+    super(plugin.app, plugin)
+    this.plugin = plugin
+
+    showExcerpt.subscribe(async v => {
+      settings.showExcerpt = v
+      await saveSettings(this.plugin)
+    })
+  }
+
+  display(): void {
+    const { containerEl } = this
+    const database = this.plugin.database
+
+    containerEl.empty()
+
+    if (this.app.loadLocalStorage(K_DISABLE_OMNISEARCH) == '1') {
+      const span = containerEl.createEl('span')
+      span.innerHTML = `<strong style="color: var(--text-accent)">⚠️ OMNISEARCH IS DISABLED ⚠️</strong>`
+    }
+
+    // Settings main title
+    containerEl.createEl('h1', { text: 'Omnisearch' })
+
+    // Sponsor link - Thank you!
+    const divSponsor = containerEl.createDiv()
+    divSponsor.innerHTML = `
+        <iframe sandbox="allow-top-navigation-by-user-activation" src="https://github.com/sponsors/scambier/button" title="Sponsor scambier" height="35" width="116" style="border: 0;"></iframe>
+        <a href='https://ko-fi.com/B0B6LQ2C' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://cdn.ko-fi.com/cdn/kofi2.png?v=3' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a> 
+    `
+
+    injectSettingsIndexing(this.plugin, settings, containerEl)
+    injectSettingsBehavior(this.plugin, settings, containerEl)
+    injectSettingsUserInterface(this.plugin, settings, containerEl)
+    injectSettingsWeighting(this.plugin, settings, containerEl, this.display)
+    injectSettingsHttp(this.plugin, settings, containerEl)
+    injectSettingsDanger(this.plugin, settings, containerEl)
+
+    //#region Debugging
+
+    new Setting(containerEl).setName('Debugging').setHeading()
+
+    new Setting(containerEl)
+      .setName('Enable verbose logging')
+      .setDesc(
+        "Adds a LOT of logs for debugging purposes. Don't forget to disable it."
+      )
+      .addToggle(toggle =>
+        toggle.setValue(settings.verboseLogging).onChange(async v => {
+          settings.verboseLogging = v
+          enableVerboseLogging(v)
+          await saveSettings(this.plugin)
+        })
+      )
+
+    //#endregion Debugging
+
+    //#region Danger Zone
+
+    //#endregion Danger Zone
+  }
+}
+
+export function getDefaultSettings(app: App): OmnisearchSettings {
+  return {
+    useCache: true,
+    hideExcluded: false,
+    recencyBoost: RecencyCutoff.Disabled,
+    downrankedFoldersFilters: [] as string[],
+    ignoreDiacritics: true,
+    ignoreArabicDiacritics: false,
+    indexedFileTypes: [] as string[],
+    displayTitle: '',
+    PDFIndexing: false,
+    officeIndexing: false,
+    imagesIndexing: false,
+    aiImageIndexing: false,
+    unsupportedFilesIndexing: 'default',
+    splitCamelCase: false,
+    openInNewPane: false,
+    vimLikeNavigationShortcut: app.vault.getConfig('vimMode') as boolean,
+
+    ribbonIcon: true,
+    showExcerpt: true,
+    maxEmbeds: 5,
+    renderLineReturnInExcerpts: true,
+    showCreateButton: false,
+    highlight: true,
+    showPreviousQueryResults: true,
+    simpleSearch: false,
+    tokenizeUrls: false,
+    fuzziness: '1',
+
+    weightBasename: 10,
+    weightDirectory: 7,
+    weightH1: 6,
+    weightH2: 5,
+    weightH3: 4,
+    weightUnmarkedTags: 2,
+    weightCustomProperties: [] as { name: string; weight: number }[],
+
+    httpApiEnabled: false,
+    httpApiPort: '51361',
+    httpApiNotice: true,
+
+    welcomeMessage: '',
+    verboseLogging: false,
+
+    DANGER_httpHost: null,
+    DANGER_forceSaveCache: false,
+  }
+}
+
+export let settings: OmnisearchSettings
+
+// /**
+//  * @deprecated
+//  */
+// export function getSettings(): OmnisearchSettings {
+//   if (!settings) {
+//     settings = Object.assign({}, getDefaultSettings()) as OmnisearchSettings
+//   }
+//   return settings
+// }
+
+export async function loadSettings(
+  plugin: Plugin
+): Promise<OmnisearchSettings> {
+  settings = Object.assign(
+    {},
+    getDefaultSettings(plugin.app),
+    await plugin.loadData()
+  )
+  showExcerpt.set(settings.showExcerpt)
+  enableVerboseLogging(settings.verboseLogging)
+  return settings
+}
diff --git a/src/settings/settings-behavior.ts b/src/settings/settings-behavior.ts
new file mode 100644
index 0000000..49f9202
--- /dev/null
+++ b/src/settings/settings-behavior.ts
@@ -0,0 +1,187 @@
+import { Platform, Setting } from 'obsidian'
+import type { OmnisearchSettings } from './utils'
+import { saveSettings } from './utils'
+import { htmlDescription, needsARestart } from './utils'
+import type OmnisearchPlugin from 'src/main'
+import { RecencyCutoff } from 'src/globals'
+import { getCtrlKeyLabel } from 'src/tools/utils'
+
+export function injectSettingsBehavior(
+  plugin: OmnisearchPlugin,
+  settings: OmnisearchSettings,
+  containerEl: HTMLElement
+) {
+  const database = plugin.database
+
+  new Setting(containerEl).setName('Behavior').setHeading()
+
+  // Caching
+  new Setting(containerEl)
+    .setName('Save index to cache')
+    .setDesc(
+      'Enable caching to speed up indexing time. In rare cases, the cache write may cause a crash in Obsidian. This option will disable itself if it happens.'
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.useCache).onChange(async v => {
+        settings.useCache = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Show previous query results
+  new Setting(containerEl)
+    .setName('Show previous query results')
+    .setDesc('Re-executes the previous query when opening Omnisearch.')
+    .addToggle(toggle =>
+      toggle.setValue(settings.showPreviousQueryResults).onChange(async v => {
+        settings.showPreviousQueryResults = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Respect excluded files
+  new Setting(containerEl)
+    .setName('Respect Obsidian\'s "Excluded Files"')
+    .setDesc(
+      `By default, files that are in Obsidian\'s "Options > Files & Links > Excluded Files" list are downranked in results.
+        Enable this option to completely hide them.`
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.hideExcluded).onChange(async v => {
+        settings.hideExcluded = v
+        await saveSettings(plugin)
+      })
+    )
+
+  new Setting(containerEl)
+    .setName('Recency boost (experimental)')
+    .setDesc(
+      'Files that have been modified more recently than [selected cutoff] are given a higher rank.'
+    )
+    .addDropdown(dropdown =>
+      dropdown
+        .addOptions({
+          [RecencyCutoff.Disabled]: 'Disabled',
+          [RecencyCutoff.Day]: '24 hours',
+          [RecencyCutoff.Week]: '7 days',
+          [RecencyCutoff.Month]: '30 days',
+        })
+        .setValue(settings.recencyBoost)
+        .onChange(async v => {
+          settings.recencyBoost = v as RecencyCutoff
+          await saveSettings(plugin)
+        })
+    )
+
+  // Downranked files
+  new Setting(containerEl)
+    .setName('Folders to downrank in search results')
+    .setDesc(
+      `Folders to downrank in search results. Files in these folders will be downranked in results.  They will still be indexed for tags, unlike excluded files.  Folders should be comma delimited.`
+    )
+    .addText(component => {
+      component
+        .setValue(settings.downrankedFoldersFilters.join(','))
+        .setPlaceholder('Example: src,p2/dir')
+        .onChange(async v => {
+          let folders = v.split(',')
+          folders = folders.map(f => f.trim())
+          settings.downrankedFoldersFilters = folders
+          await saveSettings(plugin)
+        })
+    })
+
+  // Split CamelCaseWords
+  new Setting(containerEl)
+    .setName('Split CamelCaseWords')
+    .setDesc(
+      htmlDescription(`Enable this if you want to be able to search for CamelCaseWords as separate words.<br/>        
+        ⚠️ <span style="color: var(--text-accent)">Changing this setting will clear the cache.</span><br>
+        ${needsARestart}`)
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.splitCamelCase).onChange(async v => {
+        await database.clearCache()
+        settings.splitCamelCase = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Simpler search
+  new Setting(containerEl)
+    .setName('Simpler search')
+    .setDesc(
+      `Enable this if Obsidian often freezes while making searches.
+        Words shorter than 3 characters won't be used as prefixes; this can reduce search delay but will return fewer results.`
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.simpleSearch).onChange(async v => {
+        settings.simpleSearch = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Extract URLs
+  // Crashes on iOS
+  if (!Platform.isIosApp) {
+    new Setting(containerEl)
+      .setName('Tokenize URLs')
+      .setDesc(
+        `Enable this if you want to be able to search for URLs as separate words.
+        This setting has a strong impact on indexing performance, and can crash Obsidian under certain conditions.`
+      )
+      .addToggle(toggle =>
+        toggle.setValue(settings.tokenizeUrls).onChange(async v => {
+          settings.tokenizeUrls = v
+          await saveSettings(plugin)
+        })
+      )
+  }
+
+  // Open in new pane
+  new Setting(containerEl)
+    .setName('Open in new pane')
+    .setDesc('Open and create files in a new pane instead of the current pane.')
+    .addToggle(toggle =>
+      toggle.setValue(settings.openInNewPane).onChange(async v => {
+        settings.openInNewPane = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Set Vim like navigation keys
+  new Setting(containerEl)
+    .setName('Set Vim like navigation keys')
+    .setDesc(
+      `Navigate down the results with ${getCtrlKeyLabel()} + J/N, or navigate up with ${getCtrlKeyLabel()} + K/P.`
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.vimLikeNavigationShortcut).onChange(async v => {
+        settings.vimLikeNavigationShortcut = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Fuzziness
+  new Setting(containerEl)
+    .setName('Fuzziness')
+    .setDesc(
+      "Define the level of fuzziness for the search. The higher the fuzziness, the more results you'll get."
+    )
+    .addDropdown(dropdown =>
+      dropdown
+        .addOptions({
+          0: 'Exact match',
+          1: 'Not too fuzzy',
+          2: 'Fuzzy enough',
+        })
+        .setValue(settings.fuzziness)
+        .onChange(async v => {
+          if (!['0', '1', '2'].includes(v)) {
+            v = '2'
+          }
+          settings.fuzziness = v as '0' | '1' | '2'
+          await saveSettings(plugin)
+        })
+    )
+}
diff --git a/src/settings/settings-danger.ts b/src/settings/settings-danger.ts
new file mode 100644
index 0000000..eabc265
--- /dev/null
+++ b/src/settings/settings-danger.ts
@@ -0,0 +1,97 @@
+import { Notice, Setting } from 'obsidian'
+import type { OmnisearchSettings } from './utils'
+import { isCacheEnabled } from './utils'
+import { saveSettings } from './utils'
+import { htmlDescription, isPluginDisabled, needsARestart } from './utils'
+import type OmnisearchPlugin from 'src/main'
+import { K_DISABLE_OMNISEARCH } from 'src/globals'
+
+export function injectSettingsDanger(
+  plugin: OmnisearchPlugin,
+  settings: OmnisearchSettings,
+  containerEl: HTMLElement
+) {
+  const database = plugin.database
+
+  new Setting(containerEl).setName('Danger Zone').setHeading()
+
+  // Ignore diacritics
+  new Setting(containerEl)
+    .setName('Ignore diacritics')
+    .setDesc(
+      htmlDescription(`Normalize diacritics in search terms. Words like "brûlée" or "žluťoučký" will be indexed as "brulee" and "zlutoucky".<br/>
+      ⚠️ <span style="color: var(--text-accent)">You probably should <strong>NOT</strong> disable this.</span><br>
+      ⚠️ <span style="color: var(--text-accent)">Changing this setting will clear the cache.</span><br>
+      ${needsARestart}`)
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.ignoreDiacritics).onChange(async v => {
+        await database.clearCache()
+        settings.ignoreDiacritics = v
+        await saveSettings(plugin)
+      })
+    )
+
+  new Setting(containerEl)
+    .setName('Ignore Arabic diacritics (beta)')
+    .addToggle(toggle =>
+      toggle.setValue(settings.ignoreArabicDiacritics).onChange(async v => {
+        await database.clearCache()
+        settings.ignoreArabicDiacritics = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Disable Omnisearch
+  const disableDesc = new DocumentFragment()
+  disableDesc.createSpan({}, span => {
+    span.innerHTML = `Disable Omnisearch on this device only.<br>
+      ${needsARestart}`
+  })
+  new Setting(containerEl)
+    .setName('Disable on this device')
+    .setDesc(disableDesc)
+    .addToggle(toggle =>
+      toggle.setValue(isPluginDisabled(plugin.app)).onChange(async v => {
+        if (v) {
+          plugin.app.saveLocalStorage(K_DISABLE_OMNISEARCH, '1')
+          new Notice('Omnisearch - Disabled. Please restart Obsidian.')
+        } else {
+          plugin.app.saveLocalStorage(K_DISABLE_OMNISEARCH) // No value = unset
+          new Notice('Omnisearch - Enabled. Please restart Obsidian.')
+        }
+      })
+    )
+
+  // Force save cache
+  new Setting(containerEl)
+    .setName('Force save the cache')
+    .setDesc(
+      htmlDescription(`Omnisearch has a security feature that automatically disables cache writing if it cannot fully perform the operation.<br>
+      Use this option to force the cache to be saved, even if it causes a crash.<br>
+      ⚠️ <span style="color: var(--text-accent)">Enabling this setting could lead to crash loops</span>`)
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.DANGER_forceSaveCache).onChange(async v => {
+        settings.DANGER_forceSaveCache = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Clear cache data
+  if (isCacheEnabled()) {
+    new Setting(containerEl)
+      .setName('Clear cache data')
+      .setDesc(
+        htmlDescription(`Erase all Omnisearch cache data.
+        Use this if Omnisearch results are inconsistent, missing, or appear outdated.<br>
+        ${needsARestart}`)
+      )
+      .addButton(btn => {
+        btn.setButtonText('Clear cache')
+        btn.onClick(async () => {
+          await database.clearCache()
+        })
+      })
+  }
+}
diff --git a/src/settings/settings-http.ts b/src/settings/settings-http.ts
new file mode 100644
index 0000000..b791e73
--- /dev/null
+++ b/src/settings/settings-http.ts
@@ -0,0 +1,66 @@
+import { Platform, Setting } from 'obsidian'
+import type { OmnisearchSettings } from './utils'
+import { saveSettings } from './utils'
+import { htmlDescription } from './utils'
+import type OmnisearchPlugin from 'src/main'
+
+export function injectSettingsHttp(
+  plugin: OmnisearchPlugin,
+  settings: OmnisearchSettings,
+  containerEl: HTMLElement
+) {
+  if (!Platform.isMobile) {
+    new Setting(containerEl)
+      .setName('API Access Through HTTP')
+      .setHeading()
+      .setDesc(
+        htmlDescription(
+          `Omnisearch can be used through a simple HTTP server (<a href="https://publish.obsidian.md/omnisearch/Public+API+%26+URL+Scheme#HTTP+Server">more information</a>).`
+        )
+      )
+
+    new Setting(containerEl)
+      .setName('Enable the HTTP server')
+      .addToggle(toggle =>
+        toggle.setValue(settings.httpApiEnabled).onChange(async v => {
+          settings.httpApiEnabled = v
+          if (v) {
+            plugin.apiHttpServer.listen(settings.httpApiPort)
+          } else {
+            plugin.apiHttpServer.close()
+          }
+          await saveSettings(plugin)
+        })
+      )
+
+    new Setting(containerEl).setName('HTTP Port').addText(component => {
+      component
+        .setValue(settings.httpApiPort)
+        .setPlaceholder('51361')
+        .onChange(async v => {
+          if (parseInt(v) > 65535) {
+            v = settings.httpApiPort
+            component.setValue(settings.httpApiPort)
+          }
+          settings.httpApiPort = v
+          if (settings.httpApiEnabled) {
+            plugin.apiHttpServer.close()
+            plugin.apiHttpServer.listen(settings.httpApiPort)
+          }
+          await saveSettings(plugin)
+        })
+    })
+
+    new Setting(containerEl)
+      .setName('Show a notification when the server starts')
+      .setDesc(
+        'Will display a notification if the server is enabled, at Obsidian startup.'
+      )
+      .addToggle(toggle =>
+        toggle.setValue(settings.httpApiNotice).onChange(async v => {
+          settings.httpApiNotice = v
+          await saveSettings(plugin)
+        })
+      )
+  }
+}
diff --git a/src/settings/settings-indexing.ts b/src/settings/settings-indexing.ts
new file mode 100644
index 0000000..0f212c3
--- /dev/null
+++ b/src/settings/settings-indexing.ts
@@ -0,0 +1,161 @@
+import { Setting } from 'obsidian'
+import type { OmnisearchSettings } from './utils'
+import { saveSettings } from './utils'
+import { htmlDescription } from './utils'
+import type OmnisearchPlugin from 'src/main'
+import { debounce } from 'lodash-es'
+
+export function injectSettingsIndexing(
+  plugin: OmnisearchPlugin,
+  settings: OmnisearchSettings,
+  containerEl: HTMLElement
+) {
+  const textExtractor = plugin.getTextExtractor()
+  const aiImageAnalyzer = plugin.getAIImageAnalyzer()
+  const database = plugin.database
+
+  const clearCacheDebounced = debounce(async () => {
+    await database.clearCache()
+  }, 1000)
+
+  new Setting(containerEl)
+    .setName('Indexing')
+    .setHeading()
+    .setDesc(
+      htmlDescription(`⚠️ <span style="color: var(--text-accent)">Changing indexing settings will clear the cache, and requires a restart of Obsidian.</span><br/><br/>
+        ${
+          textExtractor
+            ? `👍 You have installed <a href="https://github.com/scambier/obsidian-text-extractor">Text Extractor</a>, Omnisearch can use it to index PDFs and images contents.
+            <br />Text extraction only works on desktop, but the cache can be synchronized with your mobile device.`
+            : `⚠️ Omnisearch requires <a href="https://github.com/scambier/obsidian-text-extractor">Text Extractor</a> to index PDFs and images.`
+        }
+        ${
+          aiImageAnalyzer
+            ? `<br/>👍 You have installed <a href="https://github.com/Swaggeroo/obsidian-ai-image-analyzer">AI Image Analyzer</a>, Omnisearch can use it to index images contents with ai.`
+            : `<br/>⚠️ Omnisearch requires <a href="https://github.com/Swaggeroo/obsidian-ai-image-analyzer">AI Image Analyzer</a> to index images with ai.`
+        }`)
+    )
+
+  // PDF Indexing
+  new Setting(containerEl)
+    .setName(`PDFs content indexing ${textExtractor ? '' : '⚠️ Disabled'}`)
+    .setDesc(
+      htmlDescription(
+        `Omnisearch will use Text Extractor to index the content of your PDFs.`
+      )
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.PDFIndexing).onChange(async v => {
+        await database.clearCache()
+        settings.PDFIndexing = v
+        await saveSettings(plugin)
+      })
+    )
+    .setDisabled(!textExtractor)
+
+  // Images Indexing
+  new Setting(containerEl)
+    .setName(`Images OCR indexing ${textExtractor ? '' : '⚠️ Disabled'}`)
+    .setDesc(
+      htmlDescription(
+        `Omnisearch will use Text Extractor to OCR your images and index their content.`
+      )
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.imagesIndexing).onChange(async v => {
+        await database.clearCache()
+        settings.imagesIndexing = v
+        await saveSettings(plugin)
+      })
+    )
+    .setDisabled(!textExtractor)
+
+  // Office Documents Indexing
+  const indexOfficesDesc = new DocumentFragment()
+  indexOfficesDesc.createSpan({}, span => {
+    span.innerHTML = `Omnisearch will use Text Extractor to index the content of your office documents (currently <pre style="display:inline">.docx</pre> and <pre style="display:inline">.xlsx</pre>).`
+  })
+  new Setting(containerEl)
+    .setName(`Documents content indexing ${textExtractor ? '' : '⚠️ Disabled'}`)
+    .setDesc(indexOfficesDesc)
+    .addToggle(toggle =>
+      toggle.setValue(settings.officeIndexing).onChange(async v => {
+        await database.clearCache()
+        settings.officeIndexing = v
+        await saveSettings(plugin)
+      })
+    )
+    .setDisabled(!textExtractor)
+
+  // AI Images Indexing
+  const aiIndexImagesDesc = new DocumentFragment()
+  aiIndexImagesDesc.createSpan({}, span => {
+    span.innerHTML = `Omnisearch will use AI Image Analyzer to index the content of your images with ai.`
+  })
+  new Setting(containerEl)
+    .setName(`Images AI indexing ${aiImageAnalyzer ? '' : '⚠️ Disabled'}`)
+    .setDesc(aiIndexImagesDesc)
+    .addToggle(toggle =>
+      toggle.setValue(settings.aiImageIndexing).onChange(async v => {
+        await database.clearCache()
+        settings.aiImageIndexing = v
+        await saveSettings(plugin)
+      })
+    )
+    .setDisabled(!aiImageAnalyzer)
+
+  // Index filenames of unsupported files
+  new Setting(containerEl)
+    .setName('Index paths of unsupported files')
+    .setDesc(
+      htmlDescription(`
+      Omnisearch can index file<strong>names</strong> of "unsupported" files, such as e.g. <pre style="display:inline">.mp4</pre>
+      or non-extracted PDFs & images.<br/>
+      "Obsidian setting" will respect the value of "Files & Links > Detect all file extensions".`)
+    )
+    .addDropdown(dropdown => {
+      dropdown
+        .addOptions({ yes: 'Yes', no: 'No', default: 'Obsidian setting' })
+        .setValue(settings.unsupportedFilesIndexing)
+        .onChange(async v => {
+          await clearCacheDebounced()
+          ;(settings.unsupportedFilesIndexing as any) = v
+          await saveSettings(plugin)
+        })
+    })
+
+  // Custom display title
+  new Setting(containerEl)
+    .setName('Set frontmatter property key as title')
+    .setDesc(
+      htmlDescription(`If you have a custom property in your notes that you want to use as the title in search results. If you set this to '#heading', then use the first heading from a file as the title.<br>
+          Leave empty to disable.`)
+    )
+    .addText(component => {
+      component.setValue(settings.displayTitle).onChange(async v => {
+        await clearCacheDebounced()
+        settings.displayTitle = v
+        await saveSettings(plugin)
+      })
+    })
+
+  // Additional text files to index
+  new Setting(containerEl)
+    .setName('Additional TEXT files to index')
+    .setDesc(
+      htmlDescription(`In addition to standard <code>md</code> files, Omnisearch can also index other <strong style="color: var(--text-accent)">PLAINTEXT</strong> files.<br/>
+      Add extensions separated by a space, without the dot. Example: "<code>txt org csv</code>".<br />
+      ⚠️ <span style="color: var(--text-accent)">Using extensions of non-plaintext files (like .pptx) WILL cause crashes,
+      because Omnisearch will try to index their content.</span>`)
+    )
+    .addText(component => {
+      component
+        .setValue(settings.indexedFileTypes.join(' '))
+        .setPlaceholder('Example: txt org csv')
+        .onChange(async v => {
+          await database.clearCache()
+          settings.indexedFileTypes = v.split(' ')
+          await saveSettings(plugin)
+        })
+    })
+}
diff --git a/src/settings/settings-ui.ts b/src/settings/settings-ui.ts
new file mode 100644
index 0000000..a84ebaa
--- /dev/null
+++ b/src/settings/settings-ui.ts
@@ -0,0 +1,98 @@
+import { Setting } from 'obsidian'
+import type OmnisearchPlugin from 'src/main'
+import { showExcerpt } from '.'
+import type { OmnisearchSettings } from './utils'
+import { saveSettings } from './utils'
+import { htmlDescription } from './utils'
+
+export function injectSettingsUserInterface(
+  plugin: OmnisearchPlugin,
+  settings: OmnisearchSettings,
+  containerEl: HTMLElement
+) {
+  new Setting(containerEl).setName('User Interface').setHeading()
+
+  // Show Ribbon Icon
+  new Setting(containerEl)
+    .setName('Show ribbon button')
+    .setDesc('Add a button on the sidebar to open the Vault search modal.')
+    .addToggle(toggle =>
+      toggle.setValue(settings.ribbonIcon).onChange(async v => {
+        settings.ribbonIcon = v
+        await saveSettings(plugin)
+        if (v) {
+          plugin.addRibbonButton()
+        } else {
+          plugin.removeRibbonButton()
+        }
+      })
+    )
+
+  // Show context excerpt
+  new Setting(containerEl)
+    .setName('Show excerpts')
+    .setDesc(
+      'Shows the contextual part of the note that matches the search. Disable this to only show filenames in results.'
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.showExcerpt).onChange(async v => {
+        showExcerpt.set(v)
+      })
+    )
+
+  // Show embeds
+  new Setting(containerEl)
+    .setName('Show embed references')
+    .setDesc(
+      htmlDescription(`Some results are <a href="https://help.obsidian.md/Linking+notes+and+files/Embed+files">embedded</a> in other notes.<br>
+            This setting controls the maximum number of embeds to show in the search results. Set to 0 to disable.<br>
+            Also works with Text Extractor for embedded images and documents.`)
+    )
+    .addSlider(cb => {
+      cb.setLimits(0, 10, 1)
+        .setValue(settings.maxEmbeds)
+        .setDynamicTooltip()
+        .onChange(async v => {
+          settings.maxEmbeds = v
+          await saveSettings(plugin)
+        })
+    })
+
+  // Keep line returns in excerpts
+  new Setting(containerEl)
+    .setName('Render line return in excerpts')
+    .setDesc('Activate this option to render line returns in result excerpts.')
+    .addToggle(toggle =>
+      toggle.setValue(settings.renderLineReturnInExcerpts).onChange(async v => {
+        settings.renderLineReturnInExcerpts = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Show "Create note" button
+  new Setting(containerEl)
+    .setName('Show "Create note" button')
+    .setDesc(
+      htmlDescription(`Shows a button next to the search input, to create a note.
+          Acts the same as the <code>shift ↵</code> shortcut, can be useful for mobile device users.`)
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.showCreateButton).onChange(async v => {
+        settings.showCreateButton = v
+        await saveSettings(plugin)
+      })
+    )
+
+  // Highlight results
+  new Setting(containerEl)
+    .setName('Highlight matching words in results')
+    .setDesc(
+      'Will highlight matching results when enabled. See README for more customization options.'
+    )
+    .addToggle(toggle =>
+      toggle.setValue(settings.highlight).onChange(async v => {
+        settings.highlight = v
+        await saveSettings(plugin)
+      })
+    )
+}
diff --git a/src/settings/settings-weighting.ts b/src/settings/settings-weighting.ts
new file mode 100644
index 0000000..8b7f438
--- /dev/null
+++ b/src/settings/settings-weighting.ts
@@ -0,0 +1,107 @@
+import { Setting, SliderComponent } from 'obsidian'
+import {
+  getDefaultSettings,
+} from 'src/settings'
+import type { OmnisearchSettings } from './utils'
+import { saveSettings } from './utils'
+import type { WeightingSettings } from './utils'
+import type OmnisearchPlugin from 'src/main'
+
+export function injectSettingsWeighting(
+  plugin: OmnisearchPlugin,
+  settings: OmnisearchSettings,
+  containerEl: HTMLElement,
+  refreshDisplay: () => void
+) {
+  function weightSlider(
+    cb: SliderComponent,
+    key: keyof WeightingSettings
+  ): void {
+    cb.setLimits(1, 10, 0.5)
+      .setValue(settings[key])
+      .setDynamicTooltip()
+      .onChange(async v => {
+        settings[key] = v
+        await saveSettings(plugin)
+      })
+  }
+
+  const defaultSettings = getDefaultSettings(plugin.app)
+
+  new Setting(containerEl).setName('Results weighting').setHeading()
+
+  new Setting(containerEl)
+    .setName(
+      `File name & declared aliases (default: ${defaultSettings.weightBasename})`
+    )
+    .addSlider(cb => weightSlider(cb, 'weightBasename'))
+
+  new Setting(containerEl)
+    .setName(`File directory (default: ${defaultSettings.weightDirectory})`)
+    .addSlider(cb => weightSlider(cb, 'weightDirectory'))
+
+  new Setting(containerEl)
+    .setName(`Headings level 1 (default: ${defaultSettings.weightH1})`)
+    .addSlider(cb => weightSlider(cb, 'weightH1'))
+
+  new Setting(containerEl)
+    .setName(`Headings level 2 (default: ${defaultSettings.weightH2})`)
+    .addSlider(cb => weightSlider(cb, 'weightH2'))
+
+  new Setting(containerEl)
+    .setName(`Headings level 3 (default: ${defaultSettings.weightH3})`)
+    .addSlider(cb => weightSlider(cb, 'weightH3'))
+
+  new Setting(containerEl)
+    .setName(`Tags (default: ${defaultSettings.weightUnmarkedTags})`)
+    .addSlider(cb => weightSlider(cb, 'weightUnmarkedTags'))
+
+  new Setting(containerEl)
+    .setName('Header properties fields')
+    .setDesc(
+      'You can set custom weights for values of header properties (e.g. "keywords"). Weights under 1.0 will downrank the results.'
+    )
+
+  for (let i = 0; i < settings.weightCustomProperties.length; i++) {
+    const item = settings.weightCustomProperties[i]
+    new Setting(containerEl)
+      .setName((i + 1).toString() + '.')
+      // TODO: add autocompletion from app.metadataCache.getAllPropertyInfos()
+      .addText(text => {
+        text
+          .setPlaceholder('Property name')
+          .setValue(item.name)
+          .onChange(async v => {
+            item.name = v
+            await saveSettings(plugin)
+          })
+      })
+      .addSlider(cb => {
+        cb.setLimits(0.1, 5, 0.1)
+          .setValue(item.weight)
+          .setDynamicTooltip()
+          .onChange(async v => {
+            item.weight = v
+            await saveSettings(plugin)
+          })
+      })
+      // Remove the tag
+      .addButton(btn => {
+        btn.setButtonText('Remove')
+        btn.onClick(async () => {
+          settings.weightCustomProperties.splice(i, 1)
+          await saveSettings(plugin)
+          refreshDisplay()
+        })
+      })
+  }
+
+  // Add a new custom tag
+  new Setting(containerEl).addButton(btn => {
+    btn.setButtonText('Add a new property')
+    btn.onClick(_cb => {
+      settings.weightCustomProperties.push({ name: '', weight: 1 })
+      refreshDisplay()
+    })
+  })
+}
diff --git a/src/settings/utils.ts b/src/settings/utils.ts
new file mode 100644
index 0000000..aacf066
--- /dev/null
+++ b/src/settings/utils.ts
@@ -0,0 +1,92 @@
+import { App, Platform, Plugin } from 'obsidian'
+import { K_DISABLE_OMNISEARCH, RecencyCutoff } from 'src/globals'
+import { settings } from '.'
+
+export function htmlDescription(innerHTML: string): DocumentFragment {
+  const desc = new DocumentFragment()
+  desc.createSpan({}, span => {
+    span.innerHTML = innerHTML
+  })
+  return desc
+}
+
+export const needsARestart = `<strong style="color: var(--text-accent)">Needs a restart to fully take effect.</strong>`
+
+export interface WeightingSettings {
+  weightBasename: number
+  weightDirectory: number
+  weightH1: number
+  weightH2: number
+  weightH3: number
+  weightUnmarkedTags: number
+}
+export function isPluginDisabled(app: App): boolean {
+  return app.loadLocalStorage(K_DISABLE_OMNISEARCH) === '1'
+}
+
+export async function saveSettings(plugin: Plugin): Promise<void> {
+  await plugin.saveData(settings)
+}
+
+export function isCacheEnabled(): boolean {
+  return !Platform.isIosApp && settings.useCache
+}
+export interface OmnisearchSettings extends WeightingSettings {
+  weightCustomProperties: { name: string; weight: number }[]
+  /** Enables caching to speed up indexing */
+  useCache: boolean
+  /** Respect the "excluded files" Obsidian setting by downranking results ignored files */
+  hideExcluded: boolean
+  /** Boost more recent files */
+  recencyBoost: RecencyCutoff
+  /** downrank files in the given folders */
+  downrankedFoldersFilters: string[]
+  /** Ignore diacritics when indexing files */
+  ignoreDiacritics: boolean
+  ignoreArabicDiacritics: boolean
+
+  /** Extensions of plain text files to index, in addition to .md */
+  indexedFileTypes: string[]
+  /** Custom title field */
+  displayTitle: string
+  /** Enable PDF indexing */
+  PDFIndexing: boolean
+  /** Enable Images indexing */
+  imagesIndexing: boolean
+  /** Enable Office documents indexing */
+  officeIndexing: boolean
+  /** Enable image ai indexing */
+  aiImageIndexing: boolean
+
+  /** Enable indexing of unknown files */
+  unsupportedFilesIndexing: 'yes' | 'no' | 'default'
+  /** Activate the small 🔍 button on Obsidian's ribbon */
+  ribbonIcon: boolean
+  /** Display the small contextual excerpt in search results */
+  showExcerpt: boolean
+  /** Number of embeds references to display in search results */
+  maxEmbeds: number
+  /** Render line returns with <br> in excerpts */
+  renderLineReturnInExcerpts: boolean
+  /** Enable a "create note" button in the Vault Search modal */
+  showCreateButton: boolean
+  /** Re-execute the last query when opening Omnisearch */
+  showPreviousQueryResults: boolean
+  /** Key for the welcome message when Obsidian is updated. A message is only shown once. */
+  welcomeMessage: string
+  /** If a query returns 0 result, try again with more relax conditions */
+  simpleSearch: boolean
+  tokenizeUrls: boolean
+  highlight: boolean
+  splitCamelCase: boolean
+  openInNewPane: boolean
+  verboseLogging: boolean
+  vimLikeNavigationShortcut: boolean
+  fuzziness: '0' | '1' | '2'
+  httpApiEnabled: boolean
+  httpApiPort: string
+  httpApiNotice: boolean
+
+  DANGER_httpHost: string | null
+  DANGER_forceSaveCache: boolean
+}