import morph from 'morphmorph' import omitBy from 'lodash.omitby' const SETTINGS_KEY = 'CARBON_STATE' const PRESETS_KEY = 'CARBON_PRESETS' const assignSettings = morph.assign(SETTINGS_KEY) const assignPresets = morph.assign(PRESETS_KEY) const parse = v => { try { return JSON.parse(v) } catch (e) { // pass } } export const toggle = stateField => state => ({ [stateField]: !state[stateField] }) // https://gist.github.com/alexgibson/1704515 // TODO use https://github.com/sindresorhus/escape-goat/ export const escapeHtml = s => { if (typeof s === 'string') { return s .replace(//g, '>') .replace(/\//g, '/') } } export const unescapeHtml = s => { if (typeof s === 'string') { return s .replace(/</g, '<') .replace(/>/g, '>') .replace(///g, '/') } } export const getSettings = morph.compose( parse, escapeHtml, morph.get(SETTINGS_KEY) ) export const getPresets = morph.compose( parse, morph.get(PRESETS_KEY) ) export const saveSettings = (window, v) => assignSettings(window, JSON.stringify(v)) export const savePresets = (window, v) => assignPresets(window, JSON.stringify(v)) export const clearSettings = () => localStorage.removeItem(SETTINGS_KEY) export const fileToDataURL = blob => new Promise(res => { const reader = new FileReader() reader.onload = e => res(e.target.result) reader.readAsDataURL(blob) }) export const formatCode = async code => { const prettier = await import('prettier/standalone') const babylonParser = await import('prettier/parser-babylon') return prettier.format(code, { parser: 'babylon', plugins: [babylonParser], semi: false, singleQuote: true }) } export const omit = (object, keys) => omitBy(object, (_, k) => keys.indexOf(k) > -1) export const stringifyRGBA = obj => `rgba(${obj.r},${obj.g},${obj.b},${obj.a})` export const capitalize = s => s.charAt(0).toUpperCase() + s.slice(1)