perf: lazy loading improvements

src/background.ts

@@ -49,7 +49,7 @@ browser.runtime.onMessage.addListener(
         break;
 
       case "setDefaultStorage":
-        SetStorageValue(DefaultValues);
+        SetStorageValue(getDefaultValues());
         break;
 
       case "sendNews":
@@ -64,59 +64,71 @@ browser.runtime.onMessage.addListener(
   },
 );
 
-const DefaultValues: SettingsState = {
-  onoff: true,
-  animatedbk: true,
-  bksliderinput: "50",
-  transparencyEffects: false,
-  lessonalert: true,
-  defaultmenuorder: [],
-  menuitems: {
-    assessments: { toggle: true },
-    courses: { toggle: true },
-    dashboard: { toggle: true },
-    documents: { toggle: true },
-    forums: { toggle: true },
-    goals: { toggle: true },
-    home: { toggle: true },
-    messages: { toggle: true },
-    myed: { toggle: true },
-    news: { toggle: true },
-    notices: { toggle: true },
-    portals: { toggle: true },
-    reports: { toggle: true },
-    settings: { toggle: true },
-    timetable: { toggle: true },
-    welcome: { toggle: true },
-  },
-  menuorder: [],
-  subjectfilters: {},
-  selectedTheme: "",
-  selectedColor:
-    "linear-gradient(40deg, rgba(201,61,0,1) 0%, RGBA(170, 5, 58, 1) 100%)",
-  originalSelectedColor: "",
-  DarkMode: true,
-  animations: true,
-  assessmentsAverage: true,
-  defaultPage: "home",
-  shortcuts: [
-    {
-      name: "Outlook",
-      enabled: true,
+function detectLowEndDevice(): boolean {
+  // Check for low-end hardware indicators
+  const lowCoreCount = navigator.hardwareConcurrency && navigator.hardwareConcurrency < 4;
+  const lowMemory = (navigator as any).deviceMemory && (navigator as any).deviceMemory <= 2;
+  
+  return lowCoreCount || lowMemory;
+}
+
+function getDefaultValues(): SettingsState {
+  const isLowEndDevice = detectLowEndDevice();
+
+  return {
+    onoff: true,
+    animatedbk: true,
+    bksliderinput: "50",
+    transparencyEffects: false,
+    lessonalert: true,
+    defaultmenuorder: [],
+    menuitems: {
+      assessments: { toggle: true },
+      courses: { toggle: true },
+      dashboard: { toggle: true },
+      documents: { toggle: true },
+      forums: { toggle: true },
+      goals: { toggle: true },
+      home: { toggle: true },
+      messages: { toggle: true },
+      myed: { toggle: true },
+      news: { toggle: true },
+      notices: { toggle: true },
+      portals: { toggle: true },
+      reports: { toggle: true },
+      settings: { toggle: true },
+      timetable: { toggle: true },
+      welcome: { toggle: true },
     },
-    {
-      name: "Office",
-      enabled: true,
-    },
-    {
-      name: "Google",
-      enabled: true,
-    },
-  ],
-  customshortcuts: [],
-  lettergrade: false,
-  newsSource: "australia",
-};
+    menuorder: [],
+    subjectfilters: {},
+    selectedTheme: "",
+    selectedColor:
+      "linear-gradient(40deg, rgba(201,61,0,1) 0%, RGBA(170, 5, 58, 1) 100%)",
+    originalSelectedColor: "",
+    DarkMode: true,
+    animations: !isLowEndDevice,
+    assessmentsAverage: true,
+    defaultPage: "home",
+    shortcuts: [
+      {
+        name: "Outlook",
+        enabled: true,
+      },
+      {
+        name: "Office",
+        enabled: true,
+      },
+      {
+        name: "Google",
+        enabled: true,
+      },
+    ],
+    customshortcuts: [],
+    lettergrade: false,
+    newsSource: "australia",
+  };
+}
 
 function SetStorageValue(object: any) {
   for (var i in object) {
@@ -124,78 +136,11 @@ function SetStorageValue(object: any) {
   }
 }
 
-function convertBksliderToSpeed(bksliderinput: number): number {
-  const minBase = 50;
-  const maxBase = 150;
-
-  const scaledValue =
-    2 + ((maxBase - bksliderinput) / (maxBase - minBase)) ** 4;
-  const baseSpeed = 3;
-
-  const speed = baseSpeed / scaledValue;
-  return speed;
-}
-
-async function migrateLegacySettings() {
-  const storage = (await browser.storage.local.get(
-    null,
-  )) as unknown as SettingsState;
-
-  // Animated Background Migration
-  if ("animatedbk" in storage || "bksliderinput" in storage) {
-    const animatedSettings = {
-      enabled: storage.animatedbk ?? true,
-      speed: storage.bksliderinput
-        ? convertBksliderToSpeed(parseFloat(storage.bksliderinput))
-        : 1,
-    };
-    await browser.storage.local.set({
-      "plugin.animated-background.settings": animatedSettings,
-    });
-  }
-
-  // Assessments Average Migration
-  if ("assessmentsAverage" in storage || "lettergrade" in storage) {
-    const assessmentsSettings = {
-      enabled: storage.assessmentsAverage ?? true,
-      lettergrade: storage.lettergrade ?? false,
-    };
-    await browser.storage.local.set({
-      "plugin.assessments-average.settings": assessmentsSettings,
-    });
-  }
-
-  if ("selectedTheme" in storage) {
-    const themesSettings = { enabled: true };
-    await browser.storage.local.set({
-      "plugin.themes.settings": themesSettings,
-    });
-  }
-  if (storage.notificationCollector !== false) {
-    await browser.storage.local.set({
-      "plugin.notificationCollector.settings": { enabled: true },
-    });
-  } else {
-    await browser.storage.local.set({
-      "plugin.notificationCollector.settings": { enabled: false },
-    });
-  }
-
-  const keysToRemove = [
-    "animatedbk",
-    "bksliderinput",
-    "assessmentsAverage",
-    "lettergrade",
-  ];
-  await browser.storage.local.remove(keysToRemove);
-}
-
 browser.runtime.onInstalled.addListener(function (event) {
   browser.storage.local.remove(["justupdated"]);
   browser.storage.local.remove(["data"]);
 
   if (event.reason == "install" || event.reason == "update") {
     browser.storage.local.set({ justupdated: true });
-    migrateLegacySettings();
   }
 });