From 085af86d8674e9cfdc8fd596d118168e3fc82d95 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Sun, 24 May 2020 09:22:56 +0200
Subject: [PATCH] word edit: wikipedia copy button

Automatically find a matching title and return the first image from article
contents.
---
 writer.plp | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/writer.plp b/writer.plp
index 37424a8..24c5599 100644
--- a/writer.plp
+++ b/writer.plp
@@ -25,7 +25,34 @@ dd > img {
 	max-width: 300px;
 	display: block;
 }
+dd input ~ button {
+	margin-left: -5em;
+}
 </style>
+
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+	var wpinput = document.getElementById('wptitle');
+	var wpbutton = wpinput.parentNode.appendChild(document.createElement('button'));
+	wpbutton.type = 'button';
+	wpbutton.append('Copy');
+	wpbutton.onclick = () => {
+		let wptitle = wpinput.value || document.getElementById('form').value;
+		let wppage = 'https://en.wikipedia.org/w/api.php?action=parse&format=json&origin=*&prop=text&page='+wptitle;
+		fetch(wppage).then(res => res.json()).then(json => {
+			if (json.error) throw `error returned: ${json.error.info}`;
+			wpinput.value = json.parse.title;
+			let imginput = document.getElementById('source');
+			if (imginput.value) return;
+			let wpimages = json.parse.text['*'].match(/<img\s[^>]+/g);
+			imginput.value = wpimages[0].match(/\ssrc="([^"]+)"/)[1]
+				.replace(/^(?=\/\/)/, 'https:')
+				.replace(/\/thumb(\/.+)\/[^\/]+$/, '$1');
+		}).catch(error => alert(error));
+		return false;
+	};
+});
+</script>
 EOT
 });
 
@@ -44,12 +71,12 @@ my $db = eval {
 
 my @wordcols = (
 	form    => 'Translation',
+	wptitle => 'Wikipedia',
 	ref     => 'Reference',
 	cat     => 'Category',
 	lang    => 'Language',
 	source  => 'Image URL',
 	thumb   => 'Convert options',
-	wptitle => 'Wikipedia',
 );
 my ($find) = map {{id => $_}} $fields{id} || $Request || ();
 
-- 
2.30.0