From 70005fb7dc193f122c29dcd196ea008e76680b46 Mon Sep 17 00:00:00 2001
From: Noureddin <noureddin95@gmail.com>
Date: Tue, 31 Oct 2023 23:18:27 +0300
Subject: [PATCH] imla: input txt manually via onkeydown for control

---
 b.js          | 15 +++++++++++++++
 index.html    | 35 ++++++++++++++++++++++++++++-------
 javascript.js | 19 ++++++++++++-------
 recite.html   |  1 +
 4 files changed, 56 insertions(+), 14 deletions(-)
 create mode 100644 b.js

diff --git a/b.js b/b.js
new file mode 100644
index 0000000..ca46ba1
--- /dev/null
+++ b/b.js
@@ -0,0 +1,15 @@
+
+function insert_in_field (el, ch) {
+  if (!ch) { return }
+  // https://stackoverflow.com/a/11077016 and comments, with modifications
+  const st = el.selectionStart
+  const en = el.selectionEnd
+  //
+  const before = el.value.substring(0, st)
+  const after  = el.value.substring(en, el.value.length)
+  //
+  el.value = before + ch + after
+  // restore cursor position
+  el.selectionStart = el.selectionEnd = st + ch.length
+}
+
diff --git a/index.html b/index.html
index 998d66c..4c98615 100644
--- a/index.html
+++ b/index.html
@@ -1444,6 +1444,22 @@ <h2 class="help-part">ملاحظات متفرقة</h2>
 
 // vim: set sw=2 ts=2 et fdm=marker colorcolumn=80:
 
+
+function insert_in_field (el, ch) {
+  if (!ch) { return }
+  // https://stackoverflow.com/a/11077016 and comments, with modifications
+  const st = el.selectionStart
+  const en = el.selectionEnd
+  //
+  const before = el.value.substring(0, st)
+  const after  = el.value.substring(en, el.value.length)
+  //
+  el.value = before + ch + after
+  // restore cursor position
+  el.selectionStart = el.selectionEnd = st + ch.length
+}
+
+
 // ligilumi: reading url parameters
 
 const MAX_JUZ  = 30
@@ -2037,19 +2053,24 @@ <h2 class="help-part">ملاحظات متفرقة</h2>
     }
 
     el_imla_txt.onkeydown = (ev) => {
-      if (!ev.altKey && !ev.ctrlKey && ev.key.length === 1
-          && ev.key.match(/[ \nء-غف-\u0652]/) == null
-      ) {
-        ev.preventDefault()  // refuse invalid characters
+      if (!ev.altKey && !ev.ctrlKey && ev.key.length === 1) {
+        ev.preventDefault()
+        if (ev.key.match(/^[ \nء-غف-\u0652]$/)) {
+          insert_in_field(el_imla_txt, ev.key)
+          txt_changed()
+        }
+      }
+      if (ev.composed) {  // can't handle it directly from ev, so let the
+        pasted = true     // default action, and handle it after the fact
       }
     }
 
-    el_imla_txt.oninput = txt_changed // https://stackoverflow.com/a/14029861
+    el_imla_txt.oninput = txt_changed  // https://stackoverflow.com/a/14029861
     el_imla_txt.onpaste = (e) => { pasted = true }
 
     // these are set in Uthmani; need to override if used Uthmani before Imlaai
-    document.onkeyup = () => {}
-    document.ondblclick = () => {}
+    document.onkeyup = null
+    document.ondblclick = null
 
   }
   else {
diff --git a/javascript.js b/javascript.js
index 41ae90d..de6a675 100644
--- a/javascript.js
+++ b/javascript.js
@@ -221,19 +221,24 @@ function _recite (o) {
     }
 
     el_imla_txt.onkeydown = (ev) => {
-      if (!ev.altKey && !ev.ctrlKey && ev.key.length === 1
-          && ev.key.match(/[ \nء-غف-\u0652]/) == null
-      ) {
-        ev.preventDefault()  // refuse invalid characters
+      if (!ev.altKey && !ev.ctrlKey && ev.key.length === 1) {
+        ev.preventDefault()
+        if (ev.key.match(/^[ \nء-غف-\u0652]$/)) {
+          insert_in_field(el_imla_txt, ev.key)
+          txt_changed()
+        }
+      }
+      if (ev.composed) {  // can't handle it directly from ev, so let the
+        pasted = true     // default action, and handle it after the fact
       }
     }
 
-    el_imla_txt.oninput = txt_changed // https://stackoverflow.com/a/14029861
+    el_imla_txt.oninput = txt_changed  // https://stackoverflow.com/a/14029861
     el_imla_txt.onpaste = (e) => { pasted = true }
 
     // these are set in Uthmani; need to override if used Uthmani before Imlaai
-    document.onkeyup = () => {}
-    document.ondblclick = () => {}
+    document.onkeyup = null
+    document.ondblclick = null
 
   }
   else {
diff --git a/recite.html b/recite.html
index d9904b5..0ad1887 100644
--- a/recite.html
+++ b/recite.html
@@ -191,6 +191,7 @@
 'use strict';
 
 <<!!cat a.js>>
+<<!!cat b.js>>
 <<!!cat ligilumi.js>>
 
 <<!!#cat test.js>>