Convert CSS to JS in Marketch panel

script.js

// Can be used with Custom JavaScript for Websites
// https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija
// but is necessary to allow 'local URLs' in chrome://extensions/

if (document.title.indexOf('Marketch') === 0) {
    $('.artboard').on('mouseup', () => setTimeout(init, 100));
}

function init () {
    const $code = $('textarea[name="code"]');
    let styles = $code.text().split('\n').map(line => (
        line.replace(';', '').split(':')
    ));
    
    styles = styles.map(([prop, value]) => ([
        snakeToCamel(prop),
        valueToJsValue(value)
    ]));
    
    styles = styles.reduce((text, style) => (
        `${text}${style[0]}: ${style[1]},\n`
    ), '');
    
    $code.text(styles);
}

function snakeToCamel (s) {
    return s.replace(/(\-\w)/g, function(m){return m[1].toUpperCase();});
}

function valueToJsValue (value) {
    if (isNumericValue(value)) {
        return parseFloat(value);
    }
    
    return `'${value}'`;
}

function isNumericValue (value) {
    return (new RegExp(/^-?[\d]+[px]?/)).test(value);
}