feat: add docs and dev plugins

src/plugins/built-in/notificationCollector/index.ts

@@ -1,33 +1,29 @@
-import type { Plugin, PluginSettings } from '../../core/types';
-
-interface NotificationCollectorSettings extends PluginSettings {
-  enabled: {
-    type: 'boolean';
-    default: boolean;
-    title: string;
-    description: string;
-  };
-}
+import type { Plugin } from '../../core/types';
+import { BasePlugin, BooleanSetting } from '../../core/settings';
 
 interface NotificationCollectorStorage {
   lastNotificationCount: number;
   lastCheckedTime: string;
 }
 
-const notificationCollectorPlugin: Plugin<NotificationCollectorSettings, NotificationCollectorStorage> = {
+class NotificationCollectorPluginClass extends BasePlugin {
+  @BooleanSetting({
+    default: true,
+    title: "Notification Collector",
+    description: "Uncaps the 9+ limit for notifications, showing the real number.",
+  })
+  enabled!: boolean;
+}
+
+// Create an instance to extract settings
+const settingsInstance = new NotificationCollectorPluginClass();
+
+const notificationCollectorPlugin: Plugin<typeof settingsInstance.settings, NotificationCollectorStorage> = {
   id: 'notificationCollector',
   name: 'Notification Collector',
   description: 'Collects and displays SEQTA notifications',
   version: '1.0.0',
-  settings: {
-    enabled: {
-      type: 'boolean',
-      default: true,
-      title: 'Notification Collector',
-      description: 'Uncaps the 9+ limit for notifications, showing the real number.',
-    }
-  },
-
+  settings: settingsInstance.settings,
   run: async (api) => {
     let pollInterval: number | null = null;
 
@@ -95,8 +91,8 @@ const notificationCollectorPlugin: Plugin<NotificationCollectorSettings, Notific
       });
     }
 
-    const enabledCallback = (enabled: boolean) => {
-      if (enabled) {
+    const enabledCallback = (value: any) => {
+      if (value) {
         startPolling();
       } else {
         stopPolling();

src/plugins/built-in/test/index.ts

@@ -0,0 +1,31 @@
+import type { Plugin } from '../../core/types';
+import { BasePlugin, BooleanSetting } from '../../core/settings';
+
+class TestPluginClass extends BasePlugin {
+  @BooleanSetting({
+    default: true,
+    title: "Test Plugin",
+    description: "A test plugin for BetterSEQTA+",
+  })
+  enabled!: boolean;
+}
+
+const settingsInstance = new TestPluginClass();
+
+const testPlugin: Plugin<typeof settingsInstance.settings> = {
+  id: 'test',
+  name: 'Test Plugin',
+  description: 'A test plugin for BetterSEQTA+',
+  version: '1.0.0',
+  settings: settingsInstance.settings,
+
+  run: async (api) => {
+    console.log('Test plugin running');
+
+    api.seqta.onPageChange((page) => {
+      console.log('Page changed to', page);
+    });
+  }
+};
+
+export default testPlugin;

src/plugins/built-in/timetable/index.ts

@@ -1,38 +1,35 @@
 import { settingsState } from '@/seqta/utils/listeners/SettingsState';
-import type { Plugin, PluginSettings } from '../../core/types';
+import type { Plugin } from '../../core/types';
 import { convertTo12HourFormat } from '@/seqta/utils/convertTo12HourFormat';
 import { waitForElm } from '@/seqta/utils/waitForElm';
+import { BasePlugin, BooleanSetting } from '../../core/settings';
 
-interface TimetableSettings extends PluginSettings {
-  enabled: {
-    type: 'boolean';
-    default: boolean;
-    title: string;
-    description: string;
-  };
+// Define only the typed settings - no need for redundant interface
+class TimetablePluginClass extends BasePlugin {
+  @BooleanSetting({
+    default: true,
+    title: "Timetable Enhancer",
+    description: "Adds extra features to the timetable view."
+  })
+  enabled!: boolean;
 }
 
-const timetablePlugin: Plugin<TimetableSettings> = {
+// Create an instance to extract settings
+const settingsInstance = new TimetablePluginClass();
+
+const timetablePlugin: Plugin<typeof settingsInstance.settings> = {
   id: 'timetable',
   name: 'Timetable Enhancer',
   description: 'Adds extra features to the timetable view',
   version: '1.0.0',
-  settings: {
-    enabled: {
-      type: 'boolean',
-      default: true,
-      title: 'Timetable Enhancer',
-      description: 'Adds extra features to the timetable view.',
-    }
-  },
-
+  settings: settingsInstance.settings,
   run: async (api) => {
     if (api.settings.enabled) {
       api.seqta.onMount('.timetablepage', handleTimetable)
     }
     
-    const enabledCallback = (enabled: boolean) => {
-      if (enabled) {
+    const enabledCallback = (value: any) => {
+      if (value) {
         api.seqta.onMount('.timetablepage', handleTimetable)
       } else {
         const timetablePage = document.querySelector('.timetablepage')
@@ -277,19 +274,16 @@ function handleTimetableAssessmentHide(): void {
 
   function hideElements(): void {
     const entries = document.querySelectorAll(".entry")
+    
     entries.forEach((entry: Element) => {
       const entryEl = entry as HTMLElement
-      if (!entryEl.classList.contains("assessment") && !(entryEl.style.opacity === "0.3")) {
-        entryEl.style.opacity = "0.3"
-      } else {
-        entryEl.style.opacity = "1"
+      if (!entryEl.classList.contains("assessment")) {
+        entryEl.style.opacity = entryEl.style.opacity === "0.3" ? "1" : "0.3"
       }
     })
   }
 
-  hideOn.addEventListener("click", () => {
-    hideElements()
-  })
+  hideOn.addEventListener("click", hideElements)
 }
 
 export default timetablePlugin;