mostly working, themes are broken, as are others.

src/SEQTA.ts

@@ -2,7 +2,7 @@
 import browser from 'webextension-polyfill';
 import { animate, spring, stagger } from 'motion';
 import Color from 'color';
-import Sortable, { AutoScroll } from 'sortablejs';
+import Sortable from 'sortablejs';
 
 import ShortcutLinks from './seqta/content/links.json';
 import MenuitemSVGKey from './seqta/content/MenuItemSVGKey.json';
@@ -20,7 +20,6 @@ import { updateBgDurations } from './seqta/ui/Animation';
 import { updateAllColors } from './seqta/ui/colors/Manager';
 import { appendBackgroundToUI } from './seqta/ui/ImageBackgrounds';
 import { enableCurrentTheme } from './seqta/ui/Themes';
-import { info } from 'autoprefixer';
 
 declare global {
   interface Window {
@@ -1044,7 +1043,7 @@ export function OpenMenuOptions() {
     result1.then(open, onError);
 
     try {
-      Sortable.mount(new AutoScroll());
+      Sortable.mount(new Sortable.AutoScroll());
   
       var el = document.querySelector('#menu > ul');
       var sortable = Sortable.create((el as HTMLElement), {
@@ -2042,8 +2041,9 @@ function CreateUpcomingSection(assessments: any, activeSubjects: any) {
     }
 
     CreateFilters(activeSubjects);
-
+    // @ts-ignore
     let type;
+    // @ts-ignore
     let class_;
 
     for (let i = 0; i < assessments.length; i++) {

src/background.ts

@@ -72,7 +72,7 @@ function reloadSeqtaPages() {
 // Helper function to handle setting permissions
 
 // Main message listener
-browser.runtime.onMessage.addListener((request, sender, sendResponse: any) => {
+browser.runtime.onMessage.addListener((request, sendResponse: any) => {
   switch (request.type) {
   case 'reloadTabs':
     reloadSeqtaPages();

src/seqta/ui/colors/Manager.ts

@@ -1,8 +1,8 @@
 import browser from 'webextension-polyfill'
-import { GetThresholdOfColor, GetCSSElement } from '../../../SEQTA.js';
+import { GetThresholdOfColor, GetCSSElement } from '../../../SEQTA';
-import { lightenAndPaleColor } from './lightenAndPaleColor.js';
+import { lightenAndPaleColor } from './lightenAndPaleColor';
-import ColorLuminance from './ColorLuminance.js';
+import ColorLuminance from './ColorLuminance';
-import { onError } from '../../utils/onError.js';
+import { onError } from '../../utils/onError';
 
 // Helper functions
 const setCSSVar = (varName: any, value: any) => document.documentElement.style.setProperty(varName, value);

src/seqta/utils/MessageListener.ts

@@ -1,14 +1,14 @@
 import browser from 'webextension-polyfill'
 
-import { MenuOptionsOpen, OpenMenuOptions, closeSettings } from '../../SEQTA.js';
+import { MenuOptionsOpen, OpenMenuOptions, closeSettings } from '../../SEQTA';
-import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme } from '../ui/Themes.js';
+import { deleteTheme, disableTheme, downloadTheme, listThemes, setTheme } from '../ui/Themes';
 
 export class MessageHandler {
   constructor() {
     browser.runtime.onMessage.addListener(this.routeMessage.bind(this));
   }
 
-  routeMessage(request: any, sender: any, sendResponse: any) {
+  routeMessage(request: any, sendResponse: any) {
     switch (request.info) {
 
     case 'EditSidebar':

src/seqta/utils/StorageListener.ts

@@ -8,9 +8,9 @@ import {
   addShortcuts,
   disableNotificationCollector,
   enableNotificationCollector,
-} from '../../SEQTA.js';
+} from '../../SEQTA';
-import { updateBgDurations } from '../ui/Animation.js';
+import { updateBgDurations } from '../ui/Animation';
-import { getDarkMode, updateAllColors } from '../ui/colors/Manager.js';
+import { getDarkMode, updateAllColors } from '../ui/colors/Manager';
 
 
 export default class StorageListener {

tsconfig.json

@@ -18,6 +18,6 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
   },
 }