writer.js

   1 document.addEventListener('DOMContentLoaded', () => {
   2         var wpinput = document.getElementById('wptitle');
   3         var wpbutton = wpinput.parentNode.appendChild(document.createElement('button'));
   4         wpbutton.type = 'button';
   5         wpbutton.append('Copy');
   6         wpbutton.onclick = () => {
   7                 let wptitle = wpinput.value || document.getElementById('form').value;
   8                 let wplang = document.getElementById('lang').value.substr(0, 2); // crude iso-639-3→2
   9                 let wpapi = `https://${wplang}.wikipedia.org/w/api.php`;
  10                 let wppage = wpapi+'?action=parse&format=json&origin=*&prop=text&page='+wptitle;
  11                 fetch(wppage).then(res => res.json()).then(json => {
  12                         if (json.error) throw `error returned: ${json.error.info}`;
  13                         wpinput.value = json.parse.title;
  14                         let imginput = document.getElementById('source');
  15                         if (imginput.value) return;
  16                         let wpimages = json.parse.text['*'].match(/<img\s[^>]+>/g);
  17                         let wpselect = wpinput.parentNode.appendChild(document.createElement('ul'));
  18                         wpselect.className = 'popup';
  19                         wpimages.forEach(img => {
  20                                 let selectitem = wpselect.appendChild(document.createElement('li'));
  21                                 selectitem.insertAdjacentHTML('beforeend', img);
  22                                 selectitem.onclick = e => {
  23                                         let imgsrc = e.target.src
  24                                                 .replace(/^(?=\/\/)/, 'https:')
  25                                                 .replace(/\/thumb(\/.+)\/[^\/]+$/, '$1');
  26                                         imginput.value = imgsrc;
  27                                         wpselect.remove();
  28                                         return false;
  29                                 };
  30                         });
  31                 }).catch(error => alert(error));
  32                 return false;
  33         };
  34
  35         let imgpreview = document.getElementById('sourcepreview');
  36         if (imgpreview) {
  37                 let imginput = document.getElementById('source');
  38                 imginput.parentNode.parentNode.append(imgpreview); // separate row
  39                 let previewbutton = imginput.parentNode.appendChild(document.createElement('button'));
  40                 previewbutton.type = 'button';
  41                 previewbutton.append('View');
  42                 previewbutton.onclick = () => {
  43                         previewbutton.childNodes[0].nodeValue = imgpreview.hidden ? 'Hide' : 'View';
  44                         imgpreview.hidden = !imgpreview.hidden;
  45                 };
  46         }
  47 });