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
  48         let translist = document.getElementById('trans');
  49         if (translist) {
  50                 let transadd = translist.appendChild(document.createElement('li'));
  51                 let transselect = transadd.appendChild(document.createElement('select'));
  52                 transselect.appendChild(document.createElement('option'));
  53                 for (let langoption of document.getElementById('lang').options) {
  54                         if (document.getElementById('trans-'+langoption.value)) continue;
  55                         let transoption = document.createElement('option');
  56                         transoption.value = langoption.value;
  57                         transoption.append(langoption.label);
  58                         transselect.appendChild(transoption);
  59                 }
  60                 transselect.onchange = e => {
  61                         let inputlang = e.target.selectedOptions[0];
  62                         let transadded = translist.insertBefore(document.createElement('li'), transadd);
  63                         let translabel = transadded.appendChild(document.createElement('label'));
  64                         translabel.append(inputlang.label.replace(/ (.+)/, ' ')); //TODO title = $1
  65                         let transinput = transadded.appendChild(document.createElement('input'));
  66                         transinput.name = 'trans-'+inputlang.value;
  67                         translabel.setAttribute('for', transinput.id = transinput.name);
  68                         inputlang.remove();
  69                         if (e.target.length <= 1) e.target.remove();
  70                         transinput.focus();
  71                 };
  72         }
  73 });