Random JS helper functions

reverse-obj-keys-and-vals.js

// https://stackoverflow.com/a/23013726/13727176
function swap(obj) {
  const ret = {};
  for (const key in obj) {
    ret[json[key]] = key;
  }
  return ret;
}

stylesObjToCSSString.js

function convertStylesObjToCSSString(
  stylesObj,
  propsAreClassNames = false,
  camelToKebap = true
) {
  return Object.entries(stylesObj)
    .map(([k, v]) => {
      if (camelToKebap) {
        k = k.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);
      }

      if (propsAreClassNames && !k.startsWith('.')) {
        k = '.' + k;
      }

      if (typeof v === 'object') {
        // key is CSS selector, value are its props (JS object!)
        v = convertStylesObjToCSSString(v);
        return `${k} {${v}}`;
      }
      return `${k}:${v}`;
    })
    .join(';');
}