a8427b950e
- Add updateState to useEffect dependency array - Remove ineffective biome-ignore suppression comment - Fix formatting in userPreferences.ts per biome rules
95 lines
2.3 KiB
TypeScript
95 lines
2.3 KiB
TypeScript
import type { ExportFormat, ExportQuality } from "@/lib/exporter";
|
|
import type { AspectRatio } from "@/utils/aspectRatioUtils";
|
|
|
|
const PREFS_KEY = "openscreen_user_preferences";
|
|
|
|
const VALID_ASPECT_RATIOS: readonly string[] = [
|
|
"16:9",
|
|
"9:16",
|
|
"1:1",
|
|
"4:3",
|
|
"4:5",
|
|
"16:10",
|
|
"10:16",
|
|
"native",
|
|
];
|
|
|
|
export interface UserPreferences {
|
|
/** Default padding % */
|
|
padding: number;
|
|
/** Default aspect ratio */
|
|
aspectRatio: AspectRatio;
|
|
/** Default export quality */
|
|
exportQuality: ExportQuality;
|
|
/** Default export format */
|
|
exportFormat: ExportFormat;
|
|
}
|
|
|
|
const DEFAULT_PREFS: UserPreferences = {
|
|
padding: 50,
|
|
aspectRatio: "16:9",
|
|
exportQuality: "good",
|
|
exportFormat: "mp4",
|
|
};
|
|
|
|
function safeJsonParse(text: string | null): Record<string, unknown> | null {
|
|
if (!text) return null;
|
|
try {
|
|
return JSON.parse(text);
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Load persisted user preferences from localStorage.
|
|
* Returns defaults for any missing or invalid fields.
|
|
*/
|
|
export function loadUserPreferences(): UserPreferences {
|
|
let raw: Record<string, unknown> | null = null;
|
|
try {
|
|
raw = safeJsonParse(localStorage.getItem(PREFS_KEY));
|
|
} catch {
|
|
return { ...DEFAULT_PREFS };
|
|
}
|
|
if (!raw || typeof raw !== "object") return { ...DEFAULT_PREFS };
|
|
|
|
return {
|
|
padding:
|
|
typeof raw.padding === "number" &&
|
|
Number.isFinite(raw.padding) &&
|
|
raw.padding >= 0 &&
|
|
raw.padding <= 100
|
|
? raw.padding
|
|
: DEFAULT_PREFS.padding,
|
|
aspectRatio:
|
|
typeof raw.aspectRatio === "string" && VALID_ASPECT_RATIOS.includes(raw.aspectRatio)
|
|
? (raw.aspectRatio as AspectRatio)
|
|
: DEFAULT_PREFS.aspectRatio,
|
|
exportQuality:
|
|
raw.exportQuality === "medium" ||
|
|
raw.exportQuality === "good" ||
|
|
raw.exportQuality === "source"
|
|
? (raw.exportQuality as ExportQuality)
|
|
: DEFAULT_PREFS.exportQuality,
|
|
exportFormat:
|
|
raw.exportFormat === "gif" || raw.exportFormat === "mp4"
|
|
? (raw.exportFormat as ExportFormat)
|
|
: DEFAULT_PREFS.exportFormat,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* Persist user preferences to localStorage.
|
|
* Only the explicitly provided fields are updated.
|
|
*/
|
|
export function saveUserPreferences(partial: Partial<UserPreferences>): void {
|
|
const current = loadUserPreferences();
|
|
const merged = { ...current, ...partial };
|
|
try {
|
|
localStorage.setItem(PREFS_KEY, JSON.stringify(merged));
|
|
} catch {
|
|
// localStorage may be unavailable (e.g. private browsing quota exceeded)
|
|
}
|
|
}
|