Format images in table in Github description

github_img_table.js

const textarea = document.querySelector('textarea[name="pull_request[body]"]');
const text = textarea.value;
const lines = text.split("\n")
const images = lines.filter(line => {
  return line.includes("https://user-images");
});

let output = '';
let imgs = images.map(image => {
  const match = image.match(/\((.*?)\)/);

  if (match) {
    return `<img src=${match[1]} width=${1200/images.length} />`;
  }
});

// remove undefined
imgs = imgs.filter(e => e);

// construct table
output += `|`;
imgs.forEach(img => {
  output += `          |`;
});

output += `\n|`;
imgs.forEach(img => {
  output += ` -------- |`;
});

output += `\n|`;
imgs.forEach(img => {
  output += ` ${img} |`;
});

const non_images = lines.filter(line => {
  return !line.includes("https://user-images");
});

const insertIndex = lines.findIndex(line => {
  return line.includes("https://user-images");
});

non_images.splice(insertIndex, 0, output);

result = non_images.join('\n');

textarea.value = result;