fix html files not being packaged for build

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')

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);
 }

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')