Function bulkItemConvertColorInput

docs/ui/src/js/bulkConvertDialog.js:38–92

(e)

}

function bulkItemConvertColorInput(e) {
  let background = document.getElementById('bulkConvertBackground').value;
  let bulkInputs = document.getElementById('bulkConvertColors');
  let bulkValues = bulkInputs.value.replace(/\r\n/g, '\n').replace(/[,\/]/g, '\n').replace(' ', '').replace(/['\/]/g, '').replace(/["\/]/g, '').replace(' ', '').split('\n');
  bulkValues = bulkValues.map((value) => {
    return value.replace(' ', '');
  });
  for (let i = 0; i < bulkValues.length; i++) {
    // console.log(bulkValues[i])
    if (!bulkValues[i].startsWith('#')) {
      bulkValues[i] = '#' + bulkValues[i];
    }
  }

  let opts = ['HEX']; // By default, always include hex
  let checkboxes = document.getElementsByClassName('convertBulkColorspace');
  for (let i = 0; i < checkboxes.length; i++) {
    if (checkboxes[i].checked) opts.push(checkboxes[i].id.replace('checkboxConvert-', ''));
  }

  let colors = [];
  // add key colors for each input
  for (let i = 0; i < bulkValues.length; i++) {
    console.log(bulkValues[i]);
    let colorVal = chroma(bulkValues[i]).hex(); //d3.color(bulkValues[i]).formatHex()
    colors.push(colorVal);
  }

  let data = [];
  colors.map((c) => {
    data.push(createColorJson(c, opts, background));
  });

  const replacer = (key, value) => (value === null ? '' : value); // specify how you want to handle null values here
  const header = Object.keys(data[0]);
  const csv = [
    header.join(','), // header row first
    ...data.map((row) => header.map((fieldName) => JSON.stringify(row[fieldName], replacer)).join(','))
  ].join('\r\n');

  // console.log(csv)

  const csvData = Promise.resolve(csv);

  csvData.then((file) => {
    let filename = `converted_colors.csv`;
    var blob = new Blob([`${file}`], {type: 'text/plain'});

    saveAs(blob, filename);
  });

  cancelBulkConvert();

  bulkInputs.value = ' ';
}

function createColorJson(value, colorSpaces, background) {
  if (!chroma.valid(value)) {