carbon/lib/constants.js

import toHash from 'tohash'

export const FONTS = [
  { id: 'Anonymous Pro', name: 'Anonymous Pro' },
  { id: 'Droid Sans Mono', name: 'Droid Sans Mono' },
  { id: 'Fantasque Sans Mono', name: 'Fantasque Sans Mono' },
  { id: 'Fira Code', name: 'Fira Code' },
  { id: 'Hack', name: 'Hack' },
  { id: 'IBM Plex Mono', name: 'IBM Plex Mono' },
  { id: 'Inconsolata', name: 'Inconsolata' },
  { id: 'Iosevka', name: 'Iosevka' },
  { id: 'Monoid', name: 'Monoid' },
  { id: 'Source Code Pro', name: 'Source Code Pro' },
  { id: 'Space Mono', name: 'Space Mono' },
  { id: 'Ubuntu Mono', name: 'Ubuntu Mono' }
]

export const THEMES = [
  {
    id: '3024-night',
    name: '3024 Night'
  },
  {
    id: 'blackboard',
    name: 'Blackboard'
  },
  {
    id: 'base16-dark',
    name: 'Base 16 (Dark)'
  },
  {
    id: 'base16-light',
    name: 'Base 16 (Light)',
    light: true
  },
  {
    id: 'cobalt',
    name: 'Cobalt'
  },
  {
    id: 'dracula',
    name: 'Dracula'
  },
  {
    id: 'duotone-dark',
    name: 'Duotone'
  },
  {
    id: 'hopscotch',
    name: 'Hopscotch'
  },
  {
    id: 'lucario',
    name: 'Lucario'
  },
  {
    id: 'material',
    name: 'Material'
  },
  {
    id: 'monokai',
    name: 'Monokai'
  },
  {
    id: 'night-owl',
    name: 'Night Owl'
  },
  {
    id: 'nord',
    name: 'Nord'
  },
  {
    id: 'oceanic-next',
    name: 'Oceanic Next'
  },
  {
    id: 'one-light',
    name: 'One Light',
    light: true
  },
  {
    id: 'one-dark',
    name: 'One Dark'
  },
  {
    id: 'panda-syntax',
    name: 'Panda'
  },
  {
    id: 'paraiso-dark',
    name: 'Paraiso'
  },
  {
    id: 'seti',
    name: 'Seti'
  },
  {
    id: 'solarized dark',
    name: 'Solarized (Dark)',
    link: 'solarized'
  },
  {
    id: 'solarized light',
    name: 'Solarized (Light)',
    link: 'solarized',
    light: true
  },
  {
    id: 'tomorrow-night-bright',
    name: 'Tomorrow Night'
  },
  {
    id: 'twilight',
    name: 'Twilight'
  },
  {
    id: 'verminal',
    name: 'Verminal'
  },
  {
    id: 'yeti',
    name: 'Yeti',
    light: true
  },
  {
    id: 'zenburn',
    name: 'Zenburn'
  }
]

export const THEMES_HASH = toHash(THEMES)

export const LANGUAGES = [
  {
    name: 'Auto',
    mode: 'auto'
  },
  {
    name: 'Apache',
    mode: 'apache',
    mime: 'text/apache',
    custom: true
  },
  {
    name: 'Bash',
    mode: 'shell',
    mime: 'application/x-sh'
  },
  {
    name: 'Plain Text',
    mode: 'text'
  },
  {
    name: 'C',
    mode: 'clike',
    mime: 'text/x-csrc',
    short: 'c'
  },
  {
    name: 'C++',
    mode: 'clike',
    mime: 'text/x-c++src',
    short: 'cpp'
  },
  {
    name: 'C#',
    mode: 'clike',
    mime: 'text/x-csharp',
    short: 'cs'
  },
  {
    name: 'Clojure',
    mode: 'clojure'
  },
  {
    name: 'Cobol',
    mode: 'cobol'
  },
  {
    name: 'CoffeeScript',
    mode: 'coffeescript'
  },
  {
    name: 'Crystal',
    mode: 'crystal'
  },
  {
    name: 'CSS',
    mode: 'css'
  },
  {
    name: 'D',
    mode: 'd'
  },
  {
    name: 'Dart',
    mode: 'dart'
  },
  {
    name: 'Diff',
    mode: 'diff',
    mime: 'text/x-diff'
  },
  {
    name: 'Django',
    mode: 'django'
  },
  {
    name: 'Docker',
    mode: 'dockerfile'
  },
  {
    name: 'Elixir',
    mode: 'elixir',
    custom: true
  },
  {
    name: 'Elm',
    mode: 'elm'
  },
  {
    name: 'Erlang',
    mode: 'erlang'
  },
  {
    name: 'Fortran',
    mode: 'fortran'
  },
  {
    name: 'F#',
    mode: 'mllike'
  },
  {
    name: 'GraphQL',
    mode: 'graphql',
    custom: true
  },
  {
    name: 'Go',
    mode: 'go'
  },
  {
    name: 'Groovy',
    mode: 'groovy'
  },
  {
    name: 'Handlebars',
    mode: 'handlebars'
  },
  {
    name: 'Haskell',
    mode: 'haskell'
  },
  {
    name: 'Haxe',
    mode: 'haxe'
  },
  {
    name: 'HTML',
    mode: 'htmlmixed'
  },
  {
    name: 'Java',
    mode: 'clike',
    mime: 'text/x-java',
    short: 'java'
  },
  {
    name: 'JavaScript',
    mode: 'javascript',
    short: 'javascript'
  },
  {
    name: 'JSON',
    mode: 'javascript',
    mime: 'application/json',
    short: 'json'
  },
  {
    name: 'JSX',
    mode: 'jsx'
  },
  {
    name: 'Julia',
    mode: 'julia'
  },
  {
    name: 'Kotlin',
    mode: 'clike',
    mime: 'text/x-kotlin',
    short: 'kotlin'
  },
  {
    name: 'LaTeX',
    mode: 'stex'
  },
  {
    name: 'Lisp',
    mode: 'commonlisp'
  },
  {
    name: 'Lua',
    mode: 'lua'
  },
  {
    name: 'Markdown',
    mode: 'markdown'
  },
  {
    name: 'Mathematica',
    mode: 'mathematica'
  },
  {
    name: 'MATLAB/Octave',
    mode: 'octave',
    mime: 'text/x-octave'
  },
  {
    name: 'MySQL',
    mode: 'sql',
    mime: 'text/x-mysql',
    short: 'mysql'
  },
  {
    name: 'N-Triples',
    mode: 'ntriples',
    mime: 'application/n-triples'
  },
  {
    name: 'NGINX',
    mode: 'nginx'
  },
  {
    name: 'Nim',
    mode: 'nimrod',
    custom: true
  },
  {
    name: 'Objective C',
    mode: 'clike',
    mime: 'text/x-objectivec',
    short: 'objectivec'
  },
  {
    name: 'OCaml',
    mode: 'mllike'
  },
  {
    name: 'Pascal',
    mode: 'pascal'
  },
  {
    name: 'Perl',
    mode: 'perl'
  },
  {
    name: 'PHP',
    mode: 'php',
    mime: 'text/x-php',
    short: 'php'
  },
  {
    name: 'PowerShell',
    mode: 'powershell'
  },
  {
    name: 'Python',
    mode: 'python'
  },
  {
    name: 'R',
    mode: 'r'
  },
  {
    name: 'Ruby',
    mode: 'ruby'
  },
  {
    name: 'Rust',
    mode: 'rust'
  },
  {
    name: 'Sass',
    mode: 'sass'
  },
  {
    name: 'Scala',
    mode: 'clike',
    mime: 'text/x-scala',
    short: 'scala'
  },
  {
    name: 'Smalltalk',
    mode: 'smalltalk'
  },
  {
    name: 'SPARQL',
    mode: 'sparql',
    mime: 'application/sparql-query'
  },
  {
    name: 'SQL',
    mode: 'sql'
  },
  {
    name: 'Stylus',
    mode: 'stylus',
    mime: 'stylus'
  },
  {
    name: 'Swift',
    mode: 'swift'
  },
  {
    name: 'TCL',
    mode: 'tcl'
  },
  {
    name: 'TOML',
    mode: 'toml'
  },
  {
    name: 'Turtle',
    mode: 'turtle',
    mime: 'text/turtle'
  },
  {
    name: 'TypeScript',
    mode: 'javascript',
    mime: 'application/typescript',
    short: 'typescript'
  },
  {
    name: 'VB.NET',
    mode: 'vb'
  },
  {
    name: 'Verilog',
    mode: 'verilog'
  },
  {
    name: 'VHDL',
    mode: 'vhdl'
  },
  {
    name: 'Vue',
    mode: 'vue'
  },
  {
    name: 'XML',
    mode: 'xml'
  },
  {
    name: 'YAML',
    mode: 'yaml'
  }
]

export const EXPORT_SIZES = [
  { id: '1x', name: '1x', value: 1 },
  { id: '2x', name: '2x', value: 2 },
  { id: '4x', name: '4x', value: 4 }
]

export const EXPORT_SIZES_HASH = toHash(EXPORT_SIZES)

export const LANGUAGE_MIME_HASH = toHash(LANGUAGES, 'mime')
export const LANGUAGE_MODE_HASH = toHash(LANGUAGES, 'mode')
export const LANGUAGE_NAME_HASH = toHash(LANGUAGES, 'short')

export const DEFAULT_LANGUAGE = 'auto'
export const DEFAULT_THEME = THEMES_HASH.seti
export const DEFAULT_BG_COLOR = 'rgba(171, 184, 195, 1)'
export const DEFAULT_EXPORT_SIZE = EXPORT_SIZES_HASH['2x']

export const COLORS = {
  BLACK: '#121212',
  PRIMARY: '#F8E81C',
  SECONDARY: '#fff',
  GRAY: '#858585',
  DARK_GRAY: '#393939',
  HOVER: '#1F1F1F',
  PURPLE: '#C198FB',
  RED: 'red'
}

export const DEFAULT_CODE = `const pluckDeep = key => obj => key.split('.').reduce((accum, key) => accum[key], obj)

const compose = (...fns) => res => fns.reduce((accum, next) => next(accum), res)

const unfold = (f, seed) => {
  const go = (f, seed, acc) => {
    const res = f(seed)
    return res ? go(f, res[1], acc.concat([res[0]])) : acc
  }
  return go(f, seed, [])
}`

if (typeof window !== 'undefined' && typeof window.navigator !== 'undefined') {
  const alreadyLoaded = new Set()

  LANGUAGES.filter(language => language.mode !== 'auto' && language.mode !== 'text').forEach(
    language => {
      if (language.mode && !alreadyLoaded.has(language.mode)) {
        alreadyLoaded.add(language.mode)
        language.custom
          ? require(`./custom/modes/${language.mode}`)
          : require(`codemirror/mode/${language.mode}/${language.mode}`)
      }
    }
  )
}

export const DEFAULT_SETTINGS = {
  paddingVertical: '56px',
  paddingHorizontal: '56px',
  marginVertical: '45px',
  marginHorizontal: '45px',
  backgroundImage: null,
  backgroundImageSelection: null,
  backgroundMode: 'color',
  backgroundColor: DEFAULT_BG_COLOR,
  dropShadow: true,
  dropShadowOffsetY: '20px',
  dropShadowBlurRadius: '68px',
  theme: DEFAULT_THEME.id,
  windowTheme: 'none',
  language: DEFAULT_LANGUAGE,
  fontFamily: 'Hack',
  fontSize: '14px',
  lineHeight: '133%',
  windowControls: true,
  widthAdjustment: true,
  lineNumbers: false,
  exportSize: '2x',
  watermark: false,
  squaredImage: false
}

export const DEFAULT_PRESET_ID = 'preset:4'

export const DEFAULT_PRESETS = [
  {
    ...DEFAULT_SETTINGS,
    icon: '/static/presets/4.png',
    id: DEFAULT_PRESET_ID
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(74,144,226,1)',
    dropShadow: false,
    theme: 'material',
    fontFamily: 'Fira Code',
    lineHeight: '152%',
    icon: '/static/presets/7.png',
    id: 'preset:7'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(248,231,28,1)',
    dropShadow: false,
    theme: 'blackboard',
    fontFamily: 'Fira Code',
    lineHeight: '152%',
    icon: '/static/presets/8.png',
    id: 'preset:8'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(182,162,145,1)',
    dropShadow: false,
    theme: 'zenburn',
    windowTheme: 'bw',
    lineHeight: '152%',
    icon: '/static/presets/9.png',
    id: 'preset:9'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(121,72,185,1)',
    dropShadow: false,
    theme: 'verminal',
    windowTheme: 'bw',
    fontFamily: 'Fira Code',
    fontSize: '14px',
    lineHeight: '143%',
    icon: '/static/presets/0.png',
    id: 'preset:0'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(239,40,44,1)',
    theme: 'one-light',
    lineHeight: '143%',
    icon: '/static/presets/1.png',
    id: 'preset:1'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(31,129,109,1)',
    dropShadow: false,
    theme: 'night-owl',
    lineHeight: '143%',
    windowControls: false,
    icon: '/static/presets/2.png',
    id: 'preset:2'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(249,237,212,1)',
    theme: 'twilight',
    fontFamily: 'IBM Plex Mono',
    lineHeight: '143%',
    icon: '/static/presets/3.png',
    id: 'preset:3'
  },

  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(222,171,99,1)',
    theme: 'duotone-dark',
    icon: '/static/presets/5.png',
    id: 'preset:5'
  },
  {
    ...DEFAULT_SETTINGS,
    backgroundColor: 'rgba(187,187,187,1)',
    dropShadowOffsetY: '3px',
    dropShadowBlurRadius: '13px',
    theme: 'solarized light',
    windowTheme: 'sharp',
    icon: '/static/presets/6.png',
    id: 'preset:6'
  }
]