From 9de6e8feaffd4bed91893c602ecc7deab1b6f7a6 Mon Sep 17 00:00:00 2001
From: sethburkart123 <seth.burkart@hills.adventist.edu.au>
Date: Fri, 1 Nov 2024 17:37:20 +1100
Subject: [PATCH] feat: move svelte interface to 'src/interface'

---
 src/SEQTA.ts                                              | 6 +++---
 .../components/Button.svelte                              | 0
 .../components/CodeEditor.svelte                          | 0
 .../components/ColourPicker.css                           | 0
 .../components/ColourPicker.svelte                        | 0
 .../components/ColourPicker.tsx                           | 0
 .../components/MotionDiv.svelte                           | 0
 .../components/PickerSwatch.svelte                        | 0
 .../components/Select.svelte                              | 0
 .../components/SkeletonLoader.svelte                      | 0
 .../components/Slider.svelte                              | 0
 .../components/Spinner.svelte                             | 0
 src/{svelte-interface => interface}/components/Switch.css | 0
 .../components/Switch.svelte                              | 0
 .../components/TabbedContainer.css                        | 0
 .../components/TabbedContainer.svelte                     | 0
 .../components/store/Backgrounds.svelte                   | 4 ++--
 .../components/store/CoverSwiper.svelte                   | 2 +-
 .../components/store/FilterPanel.svelte                   | 0
 .../components/store/Header.svelte                        | 0
 .../components/store/ThemeCard.svelte                     | 0
 .../components/store/ThemeGrid.svelte                     | 2 +-
 .../components/store/ThemeModal.svelte                    | 2 +-
 .../components/themeCreator/divider.svelte                | 0
 .../components/themes/BackgroundItem.svelte               | 0
 .../components/themes/BackgroundSelector.svelte           | 4 ++--
 .../components/themes/BackgroundUploader.svelte           | 0
 .../components/themes/ThemeSelector.svelte                | 2 +-
 .../components/utils/ReactAdapter.svelte                  | 0
 .../hooks/BackgroundDataLoader.ts                         | 0
 .../hooks/BackgroundUpdates.ts                            | 0
 .../hooks/SettingsPopup.ts                                | 0
 src/{svelte-interface => interface}/hooks/ThemeUpdates.ts | 0
 .../hooks/backgroundState.svelte.ts                       | 0
 src/{svelte-interface => interface}/index.css             | 0
 src/{svelte-interface => interface}/index.html            | 0
 src/{svelte-interface => interface}/index.ts              | 0
 src/{svelte-interface => interface}/main.d.ts             | 0
 src/{svelte-interface => interface}/main.ts               | 0
 src/{svelte-interface => interface}/pages/settings.svelte | 0
 .../pages/settings/general.svelte                         | 6 +++---
 .../pages/settings/shortcuts.svelte                       | 4 ++--
 .../pages/settings/theme.svelte                           | 6 +++---
 src/{svelte-interface => interface}/pages/store.svelte    | 0
 .../pages/themeCreator.svelte                             | 8 ++++----
 .../types/SettingsProps.ts                                | 0
 src/{svelte-interface => interface}/types/Theme.ts        | 0
 .../utils/standalone.svelte.ts                            | 0
 .../utils/themeImageHandlers.ts                           | 0
 src/manifests/firefox.ts                                  | 2 +-
 src/manifests/manifest.json                               | 2 +-
 src/seqta/ui/ImageBackgrounds.ts                          | 2 +-
 src/seqta/ui/ThemeCreator.ts                              | 4 ++--
 src/seqta/ui/renderStore.ts                               | 4 ++--
 src/seqta/ui/themes/saveTheme.ts                          | 2 +-
 tsconfig.json                                             | 2 +-
 vite.config.ts                                            | 2 +-
 57 files changed, 33 insertions(+), 33 deletions(-)
 rename src/{svelte-interface => interface}/components/Button.svelte (100%)
 rename src/{svelte-interface => interface}/components/CodeEditor.svelte (100%)
 rename src/{svelte-interface => interface}/components/ColourPicker.css (100%)
 rename src/{svelte-interface => interface}/components/ColourPicker.svelte (100%)
 rename src/{svelte-interface => interface}/components/ColourPicker.tsx (100%)
 rename src/{svelte-interface => interface}/components/MotionDiv.svelte (100%)
 rename src/{svelte-interface => interface}/components/PickerSwatch.svelte (100%)
 rename src/{svelte-interface => interface}/components/Select.svelte (100%)
 rename src/{svelte-interface => interface}/components/SkeletonLoader.svelte (100%)
 rename src/{svelte-interface => interface}/components/Slider.svelte (100%)
 rename src/{svelte-interface => interface}/components/Spinner.svelte (100%)
 rename src/{svelte-interface => interface}/components/Switch.css (100%)
 rename src/{svelte-interface => interface}/components/Switch.svelte (100%)
 rename src/{svelte-interface => interface}/components/TabbedContainer.css (100%)
 rename src/{svelte-interface => interface}/components/TabbedContainer.svelte (100%)
 rename src/{svelte-interface => interface}/components/store/Backgrounds.svelte (98%)
 rename src/{svelte-interface => interface}/components/store/CoverSwiper.svelte (97%)
 rename src/{svelte-interface => interface}/components/store/FilterPanel.svelte (100%)
 rename src/{svelte-interface => interface}/components/store/Header.svelte (100%)
 rename src/{svelte-interface => interface}/components/store/ThemeCard.svelte (100%)
 rename src/{svelte-interface => interface}/components/store/ThemeGrid.svelte (97%)
 rename src/{svelte-interface => interface}/components/store/ThemeModal.svelte (98%)
 rename src/{svelte-interface => interface}/components/themeCreator/divider.svelte (100%)
 rename src/{svelte-interface => interface}/components/themes/BackgroundItem.svelte (100%)
 rename src/{svelte-interface => interface}/components/themes/BackgroundSelector.svelte (97%)
 rename src/{svelte-interface => interface}/components/themes/BackgroundUploader.svelte (100%)
 rename src/{svelte-interface => interface}/components/themes/ThemeSelector.svelte (99%)
 rename src/{svelte-interface => interface}/components/utils/ReactAdapter.svelte (100%)
 rename src/{svelte-interface => interface}/hooks/BackgroundDataLoader.ts (100%)
 rename src/{svelte-interface => interface}/hooks/BackgroundUpdates.ts (100%)
 rename src/{svelte-interface => interface}/hooks/SettingsPopup.ts (100%)
 rename src/{svelte-interface => interface}/hooks/ThemeUpdates.ts (100%)
 rename src/{svelte-interface => interface}/hooks/backgroundState.svelte.ts (100%)
 rename src/{svelte-interface => interface}/index.css (100%)
 rename src/{svelte-interface => interface}/index.html (100%)
 rename src/{svelte-interface => interface}/index.ts (100%)
 rename src/{svelte-interface => interface}/main.d.ts (100%)
 rename src/{svelte-interface => interface}/main.ts (100%)
 rename src/{svelte-interface => interface}/pages/settings.svelte (100%)
 rename src/{svelte-interface => interface}/pages/settings/general.svelte (96%)
 rename src/{svelte-interface => interface}/pages/settings/shortcuts.svelte (97%)
 rename src/{svelte-interface => interface}/pages/settings/theme.svelte (82%)
 rename src/{svelte-interface => interface}/pages/store.svelte (100%)
 rename src/{svelte-interface => interface}/pages/themeCreator.svelte (97%)
 rename src/{svelte-interface => interface}/types/SettingsProps.ts (100%)
 rename src/{svelte-interface => interface}/types/Theme.ts (100%)
 rename src/{svelte-interface => interface}/utils/standalone.svelte.ts (100%)
 rename src/{svelte-interface => interface}/utils/themeImageHandlers.ts (100%)

diff --git a/src/SEQTA.ts b/src/SEQTA.ts
index 435d0989..2d9911c5 100644
--- a/src/SEQTA.ts
+++ b/src/SEQTA.ts
@@ -35,9 +35,9 @@ import coursesicon from '@/seqta/icons/coursesIcon'
 import iframeCSS from '@/css/iframe.scss?raw'
 import injectedCSS from '@/css/injected.scss?inline'
 import documentLoadCSS from '@/css/documentload.scss?inline'
-import renderSvelte from '@/svelte-interface/main'
-import Settings from '@/svelte-interface/pages/settings.svelte'
-import { settingsPopup } from './svelte-interface/hooks/SettingsPopup'
+import renderSvelte from '@/interface/main'
+import Settings from '@/interface/pages/settings.svelte'
+import { settingsPopup } from './interface/hooks/SettingsPopup'
 
 let SettingsClicked = false
 export let MenuOptionsOpen = false
diff --git a/src/svelte-interface/components/Button.svelte b/src/interface/components/Button.svelte
similarity index 100%
rename from src/svelte-interface/components/Button.svelte
rename to src/interface/components/Button.svelte
diff --git a/src/svelte-interface/components/CodeEditor.svelte b/src/interface/components/CodeEditor.svelte
similarity index 100%
rename from src/svelte-interface/components/CodeEditor.svelte
rename to src/interface/components/CodeEditor.svelte
diff --git a/src/svelte-interface/components/ColourPicker.css b/src/interface/components/ColourPicker.css
similarity index 100%
rename from src/svelte-interface/components/ColourPicker.css
rename to src/interface/components/ColourPicker.css
diff --git a/src/svelte-interface/components/ColourPicker.svelte b/src/interface/components/ColourPicker.svelte
similarity index 100%
rename from src/svelte-interface/components/ColourPicker.svelte
rename to src/interface/components/ColourPicker.svelte
diff --git a/src/svelte-interface/components/ColourPicker.tsx b/src/interface/components/ColourPicker.tsx
similarity index 100%
rename from src/svelte-interface/components/ColourPicker.tsx
rename to src/interface/components/ColourPicker.tsx
diff --git a/src/svelte-interface/components/MotionDiv.svelte b/src/interface/components/MotionDiv.svelte
similarity index 100%
rename from src/svelte-interface/components/MotionDiv.svelte
rename to src/interface/components/MotionDiv.svelte
diff --git a/src/svelte-interface/components/PickerSwatch.svelte b/src/interface/components/PickerSwatch.svelte
similarity index 100%
rename from src/svelte-interface/components/PickerSwatch.svelte
rename to src/interface/components/PickerSwatch.svelte
diff --git a/src/svelte-interface/components/Select.svelte b/src/interface/components/Select.svelte
similarity index 100%
rename from src/svelte-interface/components/Select.svelte
rename to src/interface/components/Select.svelte
diff --git a/src/svelte-interface/components/SkeletonLoader.svelte b/src/interface/components/SkeletonLoader.svelte
similarity index 100%
rename from src/svelte-interface/components/SkeletonLoader.svelte
rename to src/interface/components/SkeletonLoader.svelte
diff --git a/src/svelte-interface/components/Slider.svelte b/src/interface/components/Slider.svelte
similarity index 100%
rename from src/svelte-interface/components/Slider.svelte
rename to src/interface/components/Slider.svelte
diff --git a/src/svelte-interface/components/Spinner.svelte b/src/interface/components/Spinner.svelte
similarity index 100%
rename from src/svelte-interface/components/Spinner.svelte
rename to src/interface/components/Spinner.svelte
diff --git a/src/svelte-interface/components/Switch.css b/src/interface/components/Switch.css
similarity index 100%
rename from src/svelte-interface/components/Switch.css
rename to src/interface/components/Switch.css
diff --git a/src/svelte-interface/components/Switch.svelte b/src/interface/components/Switch.svelte
similarity index 100%
rename from src/svelte-interface/components/Switch.svelte
rename to src/interface/components/Switch.svelte
diff --git a/src/svelte-interface/components/TabbedContainer.css b/src/interface/components/TabbedContainer.css
similarity index 100%
rename from src/svelte-interface/components/TabbedContainer.css
rename to src/interface/components/TabbedContainer.css
diff --git a/src/svelte-interface/components/TabbedContainer.svelte b/src/interface/components/TabbedContainer.svelte
similarity index 100%
rename from src/svelte-interface/components/TabbedContainer.svelte
rename to src/interface/components/TabbedContainer.svelte
diff --git a/src/svelte-interface/components/store/Backgrounds.svelte b/src/interface/components/store/Backgrounds.svelte
similarity index 98%
rename from src/svelte-interface/components/store/Backgrounds.svelte
rename to src/interface/components/store/Backgrounds.svelte
index 34e40a6c..43cc0287 100644
--- a/src/svelte-interface/components/store/Backgrounds.svelte
+++ b/src/interface/components/store/Backgrounds.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-  import { hasEnoughStorageSpace, isIndexedDBSupported, writeData, openDatabase, readAllData, deleteData } from '@/svelte-interface/hooks/BackgroundDataLoader';
+  import { hasEnoughStorageSpace, isIndexedDBSupported, writeData, openDatabase, readAllData, deleteData } from '@/interface/hooks/BackgroundDataLoader';
   import { setTheme } from '@/seqta/ui/themes/setTheme';
   import Spinner from '../Spinner.svelte';
   import { settingsState } from '@/seqta/utils/listeners/SettingsState'
   import Fuse from 'fuse.js';
-  import { backgroundUpdates } from '@/svelte-interface/hooks/BackgroundUpdates'
+  import { backgroundUpdates } from '@/interface/hooks/BackgroundUpdates'
 
   type Background = { id: string; category: string; type: string; lowResUrl: string; highResUrl: string; name: string; description: string; featured?: boolean };
   let { searchTerm } = $props<{ searchTerm: string }>();
diff --git a/src/svelte-interface/components/store/CoverSwiper.svelte b/src/interface/components/store/CoverSwiper.svelte
similarity index 97%
rename from src/svelte-interface/components/store/CoverSwiper.svelte
rename to src/interface/components/store/CoverSwiper.svelte
index 76b99e94..acfd560e 100644
--- a/src/svelte-interface/components/store/CoverSwiper.svelte
+++ b/src/interface/components/store/CoverSwiper.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import { fade } from 'svelte/transition';
-  import type { Theme } from '@/svelte-interface/types/Theme';
+  import type { Theme } from '@/interface/types/Theme';
   import { register, type SwiperContainer } from 'swiper/element/bundle';
 
   let { coverThemes, setDisplayTheme } = $props<{ coverThemes: Theme[], setDisplayTheme: (theme: Theme) => void  }>();
diff --git a/src/svelte-interface/components/store/FilterPanel.svelte b/src/interface/components/store/FilterPanel.svelte
similarity index 100%
rename from src/svelte-interface/components/store/FilterPanel.svelte
rename to src/interface/components/store/FilterPanel.svelte
diff --git a/src/svelte-interface/components/store/Header.svelte b/src/interface/components/store/Header.svelte
similarity index 100%
rename from src/svelte-interface/components/store/Header.svelte
rename to src/interface/components/store/Header.svelte
diff --git a/src/svelte-interface/components/store/ThemeCard.svelte b/src/interface/components/store/ThemeCard.svelte
similarity index 100%
rename from src/svelte-interface/components/store/ThemeCard.svelte
rename to src/interface/components/store/ThemeCard.svelte
diff --git a/src/svelte-interface/components/store/ThemeGrid.svelte b/src/interface/components/store/ThemeGrid.svelte
similarity index 97%
rename from src/svelte-interface/components/store/ThemeGrid.svelte
rename to src/interface/components/store/ThemeGrid.svelte
index d5dbdf88..6f56120c 100644
--- a/src/svelte-interface/components/store/ThemeGrid.svelte
+++ b/src/interface/components/store/ThemeGrid.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Theme } from '@/svelte-interface/types/Theme'
+  import type { Theme } from '@/interface/types/Theme'
   import ThemeCard from './ThemeCard.svelte';
 
   let { themes, searchTerm, setDisplayTheme } = $props<{ themes: Theme[]; searchTerm: string, setDisplayTheme: (theme: Theme) => void }>();
diff --git a/src/svelte-interface/components/store/ThemeModal.svelte b/src/interface/components/store/ThemeModal.svelte
similarity index 98%
rename from src/svelte-interface/components/store/ThemeModal.svelte
rename to src/interface/components/store/ThemeModal.svelte
index fa473064..72f83170 100644
--- a/src/svelte-interface/components/store/ThemeModal.svelte
+++ b/src/interface/components/store/ThemeModal.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Theme } from '@/svelte-interface/types/Theme'
+  import type { Theme } from '@/interface/types/Theme'
   import { fade } from 'svelte/transition';
   import { animate, spring } from 'motion';
 
diff --git a/src/svelte-interface/components/themeCreator/divider.svelte b/src/interface/components/themeCreator/divider.svelte
similarity index 100%
rename from src/svelte-interface/components/themeCreator/divider.svelte
rename to src/interface/components/themeCreator/divider.svelte
diff --git a/src/svelte-interface/components/themes/BackgroundItem.svelte b/src/interface/components/themes/BackgroundItem.svelte
similarity index 100%
rename from src/svelte-interface/components/themes/BackgroundItem.svelte
rename to src/interface/components/themes/BackgroundItem.svelte
diff --git a/src/svelte-interface/components/themes/BackgroundSelector.svelte b/src/interface/components/themes/BackgroundSelector.svelte
similarity index 97%
rename from src/svelte-interface/components/themes/BackgroundSelector.svelte
rename to src/interface/components/themes/BackgroundSelector.svelte
index 695e865d..c745b825 100644
--- a/src/svelte-interface/components/themes/BackgroundSelector.svelte
+++ b/src/interface/components/themes/BackgroundSelector.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-  import { hasEnoughStorageSpace, isIndexedDBSupported, writeData, openDatabase, readAllData, deleteData } from '@/svelte-interface/hooks/BackgroundDataLoader'
+  import { hasEnoughStorageSpace, isIndexedDBSupported, writeData, openDatabase, readAllData, deleteData } from '@/interface/hooks/BackgroundDataLoader'
   import BackgroundUploader from './BackgroundUploader.svelte';
   import BackgroundItem from './BackgroundItem.svelte'
   import { onMount, onDestroy } from 'svelte'
   import { loadBackground } from '@/seqta/ui/ImageBackgrounds'
   import { delay } from 'lodash'
-  import { backgroundUpdates } from '@/svelte-interface/hooks/BackgroundUpdates'
+  import { backgroundUpdates } from '@/interface/hooks/BackgroundUpdates'
 
   let { isEditMode, selectNoBackground = $bindable(), selectedBackground = $bindable() } = $props<{ isEditMode: boolean, selectNoBackground: () => void, selectedBackground: string | null }>();
   let backgrounds = $state<{ id: string; type: string; blob: Blob | null; url?: string }[]>([]);
diff --git a/src/svelte-interface/components/themes/BackgroundUploader.svelte b/src/interface/components/themes/BackgroundUploader.svelte
similarity index 100%
rename from src/svelte-interface/components/themes/BackgroundUploader.svelte
rename to src/interface/components/themes/BackgroundUploader.svelte
diff --git a/src/svelte-interface/components/themes/ThemeSelector.svelte b/src/interface/components/themes/ThemeSelector.svelte
similarity index 99%
rename from src/svelte-interface/components/themes/ThemeSelector.svelte
rename to src/interface/components/themes/ThemeSelector.svelte
index 04545ada..7692e965 100644
--- a/src/svelte-interface/components/themes/ThemeSelector.svelte
+++ b/src/interface/components/themes/ThemeSelector.svelte
@@ -9,7 +9,7 @@
   import { setTheme } from '@/seqta/ui/themes/setTheme'
   import { deleteTheme } from '@/seqta/ui/themes/deleteTheme'
   import { OpenStorePage } from '@/seqta/ui/renderStore'
-  import { themeUpdates } from '@/svelte-interface/hooks/ThemeUpdates'
+  import { themeUpdates } from '@/interface/hooks/ThemeUpdates'
   import { closeExtensionPopup } from '@/SEQTA'
 
   let themes = $state<ThemeList | null>(null);
diff --git a/src/svelte-interface/components/utils/ReactAdapter.svelte b/src/interface/components/utils/ReactAdapter.svelte
similarity index 100%
rename from src/svelte-interface/components/utils/ReactAdapter.svelte
rename to src/interface/components/utils/ReactAdapter.svelte
diff --git a/src/svelte-interface/hooks/BackgroundDataLoader.ts b/src/interface/hooks/BackgroundDataLoader.ts
similarity index 100%
rename from src/svelte-interface/hooks/BackgroundDataLoader.ts
rename to src/interface/hooks/BackgroundDataLoader.ts
diff --git a/src/svelte-interface/hooks/BackgroundUpdates.ts b/src/interface/hooks/BackgroundUpdates.ts
similarity index 100%
rename from src/svelte-interface/hooks/BackgroundUpdates.ts
rename to src/interface/hooks/BackgroundUpdates.ts
diff --git a/src/svelte-interface/hooks/SettingsPopup.ts b/src/interface/hooks/SettingsPopup.ts
similarity index 100%
rename from src/svelte-interface/hooks/SettingsPopup.ts
rename to src/interface/hooks/SettingsPopup.ts
diff --git a/src/svelte-interface/hooks/ThemeUpdates.ts b/src/interface/hooks/ThemeUpdates.ts
similarity index 100%
rename from src/svelte-interface/hooks/ThemeUpdates.ts
rename to src/interface/hooks/ThemeUpdates.ts
diff --git a/src/svelte-interface/hooks/backgroundState.svelte.ts b/src/interface/hooks/backgroundState.svelte.ts
similarity index 100%
rename from src/svelte-interface/hooks/backgroundState.svelte.ts
rename to src/interface/hooks/backgroundState.svelte.ts
diff --git a/src/svelte-interface/index.css b/src/interface/index.css
similarity index 100%
rename from src/svelte-interface/index.css
rename to src/interface/index.css
diff --git a/src/svelte-interface/index.html b/src/interface/index.html
similarity index 100%
rename from src/svelte-interface/index.html
rename to src/interface/index.html
diff --git a/src/svelte-interface/index.ts b/src/interface/index.ts
similarity index 100%
rename from src/svelte-interface/index.ts
rename to src/interface/index.ts
diff --git a/src/svelte-interface/main.d.ts b/src/interface/main.d.ts
similarity index 100%
rename from src/svelte-interface/main.d.ts
rename to src/interface/main.d.ts
diff --git a/src/svelte-interface/main.ts b/src/interface/main.ts
similarity index 100%
rename from src/svelte-interface/main.ts
rename to src/interface/main.ts
diff --git a/src/svelte-interface/pages/settings.svelte b/src/interface/pages/settings.svelte
similarity index 100%
rename from src/svelte-interface/pages/settings.svelte
rename to src/interface/pages/settings.svelte
diff --git a/src/svelte-interface/pages/settings/general.svelte b/src/interface/pages/settings/general.svelte
similarity index 96%
rename from src/svelte-interface/pages/settings/general.svelte
rename to src/interface/pages/settings/general.svelte
index c603f7b6..915f1f69 100644
--- a/src/svelte-interface/pages/settings/general.svelte
+++ b/src/interface/pages/settings/general.svelte
@@ -2,13 +2,13 @@
   import Switch from "../../components/Switch.svelte"
   import Button from "../../components/Button.svelte"
   import Slider from "../../components/Slider.svelte"
-  import Select from "@/svelte-interface/components/Select.svelte"
+  import Select from "@/interface/components/Select.svelte"
 
   import browser from "webextension-polyfill"
   
-  import type { SettingsList } from "@/svelte-interface/types/SettingsProps"
+  import type { SettingsList } from "@/interface/types/SettingsProps"
   import { settingsState } from "@/seqta/utils/listeners/SettingsState.ts"
-  import PickerSwatch from "@/svelte-interface/components/PickerSwatch.svelte"
+  import PickerSwatch from "@/interface/components/PickerSwatch.svelte"
   import hideSensitiveContent from "@/seqta/ui/dev/hideSensitiveContent"
 
   const { showColourPicker } = $props<{ showColourPicker: () => void }>();
diff --git a/src/svelte-interface/pages/settings/shortcuts.svelte b/src/interface/pages/settings/shortcuts.svelte
similarity index 97%
rename from src/svelte-interface/pages/settings/shortcuts.svelte
rename to src/interface/pages/settings/shortcuts.svelte
index c0a125e8..056f3d68 100644
--- a/src/svelte-interface/pages/settings/shortcuts.svelte
+++ b/src/interface/pages/settings/shortcuts.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import MotionDiv from '@/svelte-interface/components/MotionDiv.svelte';
+  import MotionDiv from '@/interface/components/MotionDiv.svelte';
   import { settingsState } from "@/seqta/utils/listeners/SettingsState.ts"
-  import Switch from "@/svelte-interface/components/Switch.svelte"
+  import Switch from "@/interface/components/Switch.svelte"
   import { onMount } from 'svelte';
 
   let isLoaded = $state(false);
diff --git a/src/svelte-interface/pages/settings/theme.svelte b/src/interface/pages/settings/theme.svelte
similarity index 82%
rename from src/svelte-interface/pages/settings/theme.svelte
rename to src/interface/pages/settings/theme.svelte
index 23cfce06..2adc065f 100644
--- a/src/svelte-interface/pages/settings/theme.svelte
+++ b/src/interface/pages/settings/theme.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import BackgroundSelector from "@/svelte-interface/components/themes/BackgroundSelector.svelte"
-  import ThemeSelector from "@/svelte-interface/components/themes/ThemeSelector.svelte"
-  import { standalone } from "@/svelte-interface/utils/standalone.svelte"
+  import BackgroundSelector from "@/interface/components/themes/BackgroundSelector.svelte"
+  import ThemeSelector from "@/interface/components/themes/ThemeSelector.svelte"
+  import { standalone } from "@/interface/utils/standalone.svelte"
   
   // backgrounds
   let selectedBackground = $state<string | null>(null);
diff --git a/src/svelte-interface/pages/store.svelte b/src/interface/pages/store.svelte
similarity index 100%
rename from src/svelte-interface/pages/store.svelte
rename to src/interface/pages/store.svelte
diff --git a/src/svelte-interface/pages/themeCreator.svelte b/src/interface/pages/themeCreator.svelte
similarity index 97%
rename from src/svelte-interface/pages/themeCreator.svelte
rename to src/interface/pages/themeCreator.svelte
index e566cf62..fe38fcaf 100644
--- a/src/svelte-interface/pages/themeCreator.svelte
+++ b/src/interface/pages/themeCreator.svelte
@@ -9,10 +9,10 @@
   import { settingsState } from '@/seqta/utils/listeners/SettingsState'
   import { getTheme } from '@/seqta/ui/themes/getTheme'
 
-  import Divider from '@/svelte-interface/components/themeCreator/divider.svelte'
-  import Switch from '@/svelte-interface/components/Switch.svelte'
-  import Button from '@/svelte-interface/components/Button.svelte'
-  import Slider from '@/svelte-interface/components/Slider.svelte'
+  import Divider from '@/interface/components/themeCreator/divider.svelte'
+  import Switch from '@/interface/components/Switch.svelte'
+  import Button from '@/interface/components/Button.svelte'
+  import Slider from '@/interface/components/Slider.svelte'
   import ColourPicker from '../components/ColourPicker.svelte'
   import CodeEditor from '../components/CodeEditor.svelte'
 
diff --git a/src/svelte-interface/types/SettingsProps.ts b/src/interface/types/SettingsProps.ts
similarity index 100%
rename from src/svelte-interface/types/SettingsProps.ts
rename to src/interface/types/SettingsProps.ts
diff --git a/src/svelte-interface/types/Theme.ts b/src/interface/types/Theme.ts
similarity index 100%
rename from src/svelte-interface/types/Theme.ts
rename to src/interface/types/Theme.ts
diff --git a/src/svelte-interface/utils/standalone.svelte.ts b/src/interface/utils/standalone.svelte.ts
similarity index 100%
rename from src/svelte-interface/utils/standalone.svelte.ts
rename to src/interface/utils/standalone.svelte.ts
diff --git a/src/svelte-interface/utils/themeImageHandlers.ts b/src/interface/utils/themeImageHandlers.ts
similarity index 100%
rename from src/svelte-interface/utils/themeImageHandlers.ts
rename to src/interface/utils/themeImageHandlers.ts
diff --git a/src/manifests/firefox.ts b/src/manifests/firefox.ts
index a0016f9f..a9a5b7dc 100644
--- a/src/manifests/firefox.ts
+++ b/src/manifests/firefox.ts
@@ -8,7 +8,7 @@ const updatedFirefoxManifest = {
     scripts: [baseManifest.background.service_worker],
   },
   action: {
-    "default_popup": "svelte-interface/index.html#settings",
+    "default_popup": "interface/index.html#settings",
   },
   browser_specific_settings: {
     gecko: {
diff --git a/src/manifests/manifest.json b/src/manifests/manifest.json
index 3c0c8568..77492a26 100644
--- a/src/manifests/manifest.json
+++ b/src/manifests/manifest.json
@@ -10,7 +10,7 @@
   },
   "action": {
     "browser_style": true,
-    "default_popup": "svelte-interface/index.html#settings",
+    "default_popup": "interface/index.html#settings",
     "default_icon": {
       "32": "resources/icons/icon-32.png",
       "48": "resources/icons/icon-48.png",
diff --git a/src/seqta/ui/ImageBackgrounds.ts b/src/seqta/ui/ImageBackgrounds.ts
index bd58384b..449914df 100644
--- a/src/seqta/ui/ImageBackgrounds.ts
+++ b/src/seqta/ui/ImageBackgrounds.ts
@@ -1,4 +1,4 @@
-import { getDataById, isIndexedDBSupported } from '@/svelte-interface/hooks/BackgroundDataLoader';
+import { getDataById, isIndexedDBSupported } from '@/interface/hooks/BackgroundDataLoader';
 
 export async function appendBackgroundToUI() {
   const parent = document.getElementById('container');
diff --git a/src/seqta/ui/ThemeCreator.ts b/src/seqta/ui/ThemeCreator.ts
index 498aa380..253fabd9 100644
--- a/src/seqta/ui/ThemeCreator.ts
+++ b/src/seqta/ui/ThemeCreator.ts
@@ -1,5 +1,5 @@
-import renderSvelte from "@/svelte-interface/main"
-import themeCreator from "@/svelte-interface/pages/themeCreator.svelte"
+import renderSvelte from "@/interface/main"
+import themeCreator from "@/interface/pages/themeCreator.svelte"
 import { unmount } from "svelte"
 import { ClearThemePreview } from "./themes/UpdateThemePreview"
 
diff --git a/src/seqta/ui/renderStore.ts b/src/seqta/ui/renderStore.ts
index 078f1d43..7a20fa13 100644
--- a/src/seqta/ui/renderStore.ts
+++ b/src/seqta/ui/renderStore.ts
@@ -1,5 +1,5 @@
-import renderSvelte from '@/svelte-interface/main';
-import Store from '@/svelte-interface/pages/store.svelte'
+import renderSvelte from '@/interface/main';
+import Store from '@/interface/pages/store.svelte'
 
 import { unmount } from 'svelte'
 
diff --git a/src/seqta/ui/themes/saveTheme.ts b/src/seqta/ui/themes/saveTheme.ts
index 134ac23b..9ae3f094 100644
--- a/src/seqta/ui/themes/saveTheme.ts
+++ b/src/seqta/ui/themes/saveTheme.ts
@@ -1,7 +1,7 @@
 import localforage from 'localforage';
 import type { LoadedCustomTheme } from '@/types/CustomThemes';
 import { disableTheme } from './disableTheme';
-import { themeUpdates } from '@/svelte-interface/hooks/ThemeUpdates';
+import { themeUpdates } from '@/interface/hooks/ThemeUpdates';
 
 
 export const saveTheme = async (theme: LoadedCustomTheme) => {
diff --git a/tsconfig.json b/tsconfig.json
index ff789bbd..35efe6f5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -25,5 +25,5 @@
       "@/*": ["./src/*"]
     }
   },
-  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte", "src/svelte-interface/+layout.sveltes"]
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte", "src/interface/+layout.sveltes"]
 }
diff --git a/vite.config.ts b/vite.config.ts
index d17d4087..5db69c70 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -60,7 +60,7 @@ export default defineConfig({
     minify: false,
     rollupOptions: {
       input: {
-        settings: join(__dirname, 'src', 'svelte-interface', 'index.html')
+        settings: join(__dirname, 'src', 'interface', 'index.html')
       }
     }
   }