export const URLS = {
  audio: '/static/data_store/peaks/animism_episode_01_0910.mp3',
  peaks: '/static/data_store/peaks/peaks.json',
  text: '/static/data_store/peaks/text.txt',
}

export const WAVEFORM_SIZE = 300

export const ZOOM_STEPS = [
  1,
  2,
  3,
  10,
  20,
  30,
  60,
]

export const ZOOM_LABEL_STEPS = [
  20,
  60,
  60,
  300,
  600,
  600,
  1200,
]

export const ZOOM_TICK_STEPS = [
  5,
  10,
  30,
  60,
  60,
  60,
  600,
]

export const HEADER_MARGIN = 50
export const INNER_HEIGHT = window.innerHeight - HEADER_MARGIN

export const ROMAN_NUMERALS = [
  'I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX', 'X',
  'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX',
]

export const TEXT_ANNOTATION_TYPES = new Set([
  'section_heading', 'heading_text', 'sentence', 'paragraph_end', 'pullquote_credit',
])

export const MEDIA_ANNOTATION_TYPES = new Set([
  'image', 'carousel', 'grid', 'gallery',
  'video',
  'vitrine',
])

export const MEDIA_LABEL_TYPES = {
  image: 'Image Gallery',
  gallery: 'Image Gallery',
  carousel: 'Image Gallery',
  grid: 'Image Gallery',
  video: 'Video',
  vitrine: 'Vitrine',
}

export const INLINE_UTILITY_ANNOTATION_TYPES = new Set([
  'intro', 'schedule',
])

export const FULLSCREEN_UTILITY_ANNOTATION_TYPES = new Set([
  'curtain',
])

export const GALLERY_UTILITY_ANNOTATION_TYPES = new Set([
  'gallery_advance',
])

export const CURTAIN_COLORS = [
  { label: 'white', backgroundColor: '#ffffff', textColor: '#000000' },
  { label: 'light gray', backgroundColor: '#eeeeee', textColor: '#000000' },
  { label: 'dark blue', backgroundColor: '#1a1f33', textColor: '#ffffff' },
  { label: 'dark gray', backgroundColor: '#222222', textColor: '#ffffff' },
  { label: 'black', backgroundColor: '#000000', textColor: '#ffffff' },
]

export const BLACK_WHITE_SELECT_OPTIONS = [
  { label: 'white', name: 'white'},
  { label: 'black', name: 'black'},
]

export const CURTAIN_COLOR_SELECT_OPTIONS = CURTAIN_COLORS.map(color => ({
  label: color.label,
  name: color.label,
}))

export const CURTAIN_COLOR_LOOKUP = CURTAIN_COLORS.reduce((a,b) => {
  a[b.label] = b
  return a
}, {})

export const DISPLAY_SIZE = 2000
export const DISPLAY_QUALITY= 80
export const THUMBNAIL_SIZE = 320
export const THUMBNAIL_QUALITY = 80

export const GROWL = {
  OPENING_MESSAGE: "Start the episode by clicking play or scroll to browse on your own.",
  REACHED_END_OF_FIRST_SECTION: "Click \"Next\" to advance the exhibition.",
}

export const VIDEO_SCRUBBER_HIDE_DELAY = 2000