fix build

interface/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite build --watch",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"

interface/src/App.d.ts

@@ -1,10 +0,0 @@
-export interface SettingsState {
-    notificationCollector: boolean;
-    lessonAlerts: boolean;
-    animatedBackground: boolean;
-    animatedBackgroundSpeed: boolean;
-    customThemeColor: string;
-    betterSEQTAPlus: boolean;
-}
-declare const App: React.FC;
-export default App;

interface/src/App.tsx

@@ -1,5 +1,5 @@
 // App.tsx
-import { useState } from 'react';
+import React, { useState } from 'react';
 import TabbedContainer from './components/TabbedContainer';
 import Settings from './pages/Settings';
 import logo from './assets/betterseqta-dark-full.png';

interface/src/components/ColorPicker.tsx

@@ -1,7 +1,5 @@
-// TODO: Create types for ColorPicker
-// @ts-expect-error No typescript declarations available
 import ColorPicker from 'react-best-gradient-color-picker';
-import { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 
 interface ColorPickerProps {
   color: string;

interface/src/declarations.d.ts

@@ -1 +0,0 @@
-declare module '*.png';

interface/src/index.d.ts

@@ -1 +0,0 @@
-declare module '*.png';

interface/src/main.d.ts

@@ -1 +1,6 @@
 import './index.css';
+
+declare module "*.png";
+declare module "*.svg";
+declare module "*.jpeg";
+declare module "*.jpg";

interface/tailwind.config.js

@@ -4,7 +4,6 @@ export default {
     "./index.html",
     "./src/**/*.{js,ts,jsx,tsx}",
   ],
-  important: true,
   darkMode: "class",
   theme: {
     fontSize: {

interface/tsconfig.json

@@ -20,6 +20,6 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["../src/src"],
+  "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.json

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2016",
+    "useDefineForClassFields": true,
+    "lib": ["ES2016", "DOM", "DOM.Iterable"],
+    "module": "ES2015",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": false,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": false,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+}