fix(remember volumes): being exported as [object Object]

Closes #117

src/pages/inject/index.tsx

@@ -1,5 +1,5 @@
 import type { AvailableLocales } from "@/src/i18n";
-import type { ContentSendOnlyMessageMappings, Messages, StorageChanges, configuration, configurationKeys } from "@/src/types";
+import type { ContentSendOnlyMessageMappings, Messages, RememberedVolumes, StorageChanges, configuration, configurationKeys } from "@/src/types";
 
 import { getVideoHistory, setVideoHistory } from "@/src/features/videoHistory/utils";
 import { defaultConfiguration } from "@/src/utils/constants";
@@ -108,12 +108,9 @@ document.addEventListener("yte-message-from-youtube", () => {
 				break;
 			}
 			case "setRememberedVolume": {
-				/**
-				 * Sets the remembered volume in the local storage.
-				 *
-				 * @type {number}
-				 */
-				void chrome.storage.local.set({ remembered_volumes: JSON.stringify({ ...message.data }) });
+				const { remembered_volumes: existingRememberedVolumeStringified } = await chrome.storage.local.get("remembered_volumes");
+				const existingRememberedVolumes = parseStoredValue(existingRememberedVolumeStringified as string) as RememberedVolumes;
+				void chrome.storage.local.set({ remembered_volumes: JSON.stringify({ ...existingRememberedVolumes, ...message.data }) });
 				break;
 			}
 			case "extensionURL": {

src/types/index.ts

@@ -38,7 +38,7 @@ export const screenshotFormat = ["png", "jpg", "webp"] as const;
 export type ScreenshotFormat = (typeof screenshotFormat)[number];
 export const modifierKey = ["altKey", "ctrlKey", "shiftKey"] as const;
 export type ModifierKey = (typeof modifierKey)[number];
-
+export type RememberedVolumes = { shortsPageVolume?: number; watchPageVolume?: number };
 export type configuration = {
 	enable_automatic_theater_mode: boolean;
 	enable_automatically_set_quality: boolean;
@@ -62,10 +62,7 @@ export type configuration = {
 	osd_display_type: OnScreenDisplayType;
 	player_quality: YoutubePlayerQualityLevel;
 	player_speed: number;
-	remembered_volumes: {
-		shortsPageVolume?: number;
-		watchPageVolume?: number;
-	};
+	remembered_volumes: RememberedVolumes;
 	screenshot_format: ScreenshotFormat;
 	screenshot_save_as: ScreenshotType;
 	scroll_wheel_volume_control_modifier_key: ModifierKey;
@@ -109,7 +106,7 @@ export type RequestDataMessage<Type extends string, D> = Prettify<
 >;
 export type ContentSendOnlyMessageMappings = {
 	pageLoaded: SendDataMessage<"send_data", "content", "pageLoaded", undefined>;
-	setRememberedVolume: SendDataMessage<"send_data", "content", "setRememberedVolume", { shortsPageVolume?: number; watchPageVolume?: number }>;
+	setRememberedVolume: SendDataMessage<"send_data", "content", "setRememberedVolume", RememberedVolumes>;
 };
 export type ExtensionSendOnlyMessageMappings = {
 	automaticTheaterModeChange: DataResponseMessage<"automaticTheaterModeChange", { automaticTheaterModeEnabled: boolean }>;