You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
carbon/lib/util.js

107 lines
2.5 KiB
JavaScript

import morph from 'morphmorph'
import omitBy from 'lodash.omitby'
import { htmlUnescape } from 'escape-goat'
const SETTINGS_KEY = 'CARBON_STATE'
const PRESETS_KEY = 'CARBON_PRESETS'
const THEMES_KEY = 'CARBON_THEMES'
const createAssigner = key => {
const assign = morph.assign(key)
return v => assign(localStorage, JSON.stringify(v))
}
const map = fn => obj => obj.map(fn)
export const omit = keys => object => omitBy(object, (_, k) => keys.indexOf(k) > -1)
export const saveSettings = morph.compose(
createAssigner(SETTINGS_KEY),
omit(['code', 'backgroundImage', 'backgroundImageSelection', 'themes', 'highlights', 'fontUrl'])
)
export const savePresets = morph.compose(
createAssigner(PRESETS_KEY),
map(omit(['backgroundImageSelection']))
)
export const saveThemes = createAssigner(THEMES_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, '&lt;')
.replace(/>/g, '&gt;')
.replace(/\//g, '&#x2F;')
}
}
export const unescapeHtml = s => {
if (typeof s === 'string') {
return htmlUnescape(s).replace(/&#x2F;/g, '/')
}
}
export const getSettings = morph.compose(
parse,
escapeHtml,
morph.get(SETTINGS_KEY)
)
export const getPresets = morph.compose(
parse,
morph.get(PRESETS_KEY)
)
export const getThemes = morph.compose(
parse,
morph.get(THEMES_KEY)
)
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 fileToJSON = blob =>
new Promise(res => {
const reader = new FileReader()
reader.onload = e => res(parse(e.target.result))
reader.readAsText(blob)
})
export const formatCode = async code => {
const prettier = await import('prettier/standalone')
const babylonParser = await import('prettier/parser-babylon')
return prettier.format(code, {
parser: 'babel',
plugins: [babylonParser],
semi: false,
singleQuote: true
})
}
export const stringifyRGBA = obj => `rgba(${obj.r},${obj.g},${obj.b},${obj.a})`
export const capitalize = s => s.charAt(0).toUpperCase() + s.slice(1)
export const generateId = () =>
Math.random()
.toString(36)
.slice(2)