sentry/static/app/components/replays/preferences/replayPreferences.tsx

import localStorage from 'sentry/utils/localStorage';

const LOCAL_STORAGE_KEY = 'replay-config';

export type ReplayPrefs = {
  isSkippingInactive: boolean;
  playbackSpeed: number;
};

const DEFAULT_PREFS = {
  isSkippingInactive: true,
  playbackSpeed: 1,
};

export interface PrefsStrategy {
  get: () => ReplayPrefs;
  set: (prefs: ReplayPrefs) => void;
}

export const StaticReplayPreferences: PrefsStrategy = {
  get: (): ReplayPrefs => DEFAULT_PREFS,
  set: () => {},
};

export const LocalStorageReplayPreferences: PrefsStrategy = {
  get: (): ReplayPrefs => {
    const parsed = JSON.parse(localStorage.getItem(LOCAL_STORAGE_KEY) || '{}');
    return {...DEFAULT_PREFS, ...parsed};
  },
  set: (prefs: ReplayPrefs) =>
    localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(prefs)),
};