import type { StructuredViewMode } from './types'

const MODES: StructuredViewMode[] = ['list', 'table', 'kanban', 'gallery']

export function structuredViewStorageKey(notebookId: string) {
  return `memento-structured-view-${notebookId}`
}

export function parseStructuredViewMode(value: string | null | undefined): StructuredViewMode {
  if (value && (MODES as string[]).includes(value)) return value as StructuredViewMode
  return 'list'
}

export function getStructuredViewPreference(notebookId: string): StructuredViewMode {
  if (typeof window === 'undefined') return 'list'
  return parseStructuredViewMode(localStorage.getItem(structuredViewStorageKey(notebookId)))
}

export function setStructuredViewPreference(notebookId: string, mode: StructuredViewMode) {
  if (typeof window === 'undefined') return
  localStorage.setItem(structuredViewStorageKey(notebookId), mode)
}