From cfeb7ede5b1d2c0687a0382cd4ee49a966e3fdef Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 31 Mar 2024 10:27:13 +1100
Subject: [PATCH] fix html files not being packaged for build

---
 src/SEQTA.ts                     | 3 +--
 src/seqta/ui/ImageBackgrounds.ts | 3 +--
 src/seqta/ui/ThemeCreator.ts     | 3 +--
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/SEQTA.ts b/src/SEQTA.ts
index a827a3bd..ce1c4431 100644
--- a/src/SEQTA.ts
+++ b/src/SEQTA.ts
@@ -30,7 +30,6 @@ import { updateBgDurations } from './seqta/ui/Animation'
 import { SettingsResizer } from "./seqta/ui/SettingsResizer";
 import documentLoadCSS from './css/documentload.scss?inline'
 import injectedCSS from './css/injected.scss?inline'
-import popup from './interface/index.html?url'
 
 declare global {
   interface Window {
@@ -911,7 +910,7 @@ function addExtensionSettings() {
   if (extensionContainer) extensionContainer.appendChild(extensionPopup)
 
   const extensionIframe: HTMLIFrameElement = document.createElement('iframe')
-  extensionIframe.src = `${browser.runtime.getURL(popup)}#settings/embedded`
+  extensionIframe.src = `${browser.runtime.getURL('src/interface/index.html')}#settings/embedded`
   extensionIframe.id = 'ExtensionIframe'
   extensionIframe.setAttribute('allowTransparency', 'true')
   extensionIframe.setAttribute('excludeDarkCheck', 'true')
diff --git a/src/seqta/ui/ImageBackgrounds.ts b/src/seqta/ui/ImageBackgrounds.ts
index 62acafcb..218ede48 100644
--- a/src/seqta/ui/ImageBackgrounds.ts
+++ b/src/seqta/ui/ImageBackgrounds.ts
@@ -1,6 +1,5 @@
 import browser from 'webextension-polyfill';
 import { SettingsState } from '../../types/storage';
-import backgroundURL from './background/background.html?url'
 
 export async function appendBackgroundToUI() {
   const settings = await browser.storage.local.get() as SettingsState;
@@ -14,6 +13,6 @@ export async function appendBackgroundToUI() {
   background.id = 'background';
   background.classList.add('imageBackground');
   background.setAttribute('excludeDarkCheck', 'true');
-  background.src = browser.runtime.getURL(backgroundURL);
+  background.src = browser.runtime.getURL('src/seqta/ui/background/background.html');
   parent!.appendChild(background);
 }
diff --git a/src/seqta/ui/ThemeCreator.ts b/src/seqta/ui/ThemeCreator.ts
index 372cf0d5..46da12af 100644
--- a/src/seqta/ui/ThemeCreator.ts
+++ b/src/seqta/ui/ThemeCreator.ts
@@ -1,5 +1,4 @@
 import browser from "webextension-polyfill";
-import popup from '../../interface/index.html?url'
 
 /**
  * Open the Theme Creator sidebar, it is an embedded page loaded similar to the extension popup
@@ -9,7 +8,7 @@ export function OpenThemeCreator() {
     const width = '300px'
 
     const themeCreatorIframe: HTMLIFrameElement = document.createElement('iframe')
-    themeCreatorIframe.src = `${browser.runtime.getURL(popup)}#themeCreator`
+    themeCreatorIframe.src = `${browser.runtime.getURL('src/interface/index.html')}#themeCreator`
     themeCreatorIframe.id = 'themeCreatorIframe'
     themeCreatorIframe.setAttribute('allowTransparency', 'true')
     themeCreatorIframe.setAttribute('excludeDarkCheck', 'true')