fix(license): allow selecting license key from a file instead of copying

static/js/app.js

@@ -24,6 +24,49 @@ window.showToast = (message, icon) => {
     $(toast).toast('show');
 };
 
+window.readContentFromFile = (elm, type) =>
+    new Promise((resolve, reject) => {
+        const reader = new FileReader();
+
+        reader.addEventListener('load', event => {
+            let str = event.target.result;
+            switch (type) {
+                case 'base64': {
+                    // extract base64 content from a Data URI
+                    str = str.substring(event.target.result.indexOf(',') + 1);
+                    break;
+                }
+                case 'text':
+                default:
+                // do nothing
+            }
+            resolve(str);
+        });
+
+        reader.addEventListener('error', () => {
+            reject(new Error('Failed loading file'));
+        });
+
+        reader.addEventListener('abort', () => {
+            reject(new Error('Failed loading file'));
+        });
+
+        if (!elm.files || !elm.files[0]) {
+            let error = new Error('No file selected');
+            error.code = 'NoFileSelected';
+            return reject(error);
+        }
+
+        switch (type) {
+            case 'base64':
+                reader.readAsDataURL(elm.files[0]);
+                break;
+            case 'text':
+            default:
+                reader.readAsText(elm.files[0], 'UTF-8');
+        }
+    });
+
 document.addEventListener('DOMContentLoaded', () => {
     let toggleAllElements = (allElementsElm, otherElements, direction) => {
         if (!allElementsElm || !otherElements) {

views/config/ai.hbs

@@ -527,32 +527,6 @@
 
         let testPromptBtn = document.getElementById('prompt-test-btn');
 
-        const readFile = (elm) => {
-            return new Promise((resolve, reject) => {
-                const reader = new FileReader();
-
-                reader.addEventListener('load', (event) => {
-                    let str = event.target.result.substring(event.target.result.indexOf(',') + 1)
-
-                    resolve(str)
-                });
-
-                reader.addEventListener('error', () => {
-                    reject(new Error('Failed loading file'))
-                });
-
-                reader.addEventListener('abort', () => {
-                    reject(new Error('Failed loading file'))
-                });
-
-                if (!elm.files || !elm.files[0]) {
-                    return reject(new Error('No file selected'));
-                }
-
-                reader.readAsDataURL(elm.files[0]);
-            })
-        }
-
         let showError = message => {
             document.getElementById('testPromptError').classList.remove('d-none');
             document.getElementById('testPromptResponse').classList.add('d-none');
@@ -572,15 +546,15 @@
             document.getElementById('testPromptResponse').classList.add('d-none');
         }
 
-        let fileSelectElm = document.getElementById('emlEmail')
+        let fileSelectElm = document.getElementById('emlEmail');
 
         async function testPromptFn() {
             let emailFile;
 
             clearResponses();
 
             try {
-                emailFile = await readFile(fileSelectElm)
+                emailFile = await readContentFromFile(fileSelectElm, 'base64');
             } catch (err) {
                 return showError(err.message)
             }

views/config/license.hbs

@@ -154,7 +154,7 @@
                     referrerpolicy="{{referrerPolicy}}">license
                     central</a> (requires a paid subscription).</p>{{/if}}
 
-            <form method="post" action="/admin/config/license">
+            <form method="post" id="licenseForm" action="/admin/config/license">
                 <input type="hidden" name="crumb" id="crumb" value="{{crumb}}" />
 
                 <div class="form-group">
@@ -175,6 +175,11 @@
                     <small class="form-text text-muted">Paste or drag a license key file to this text box</small>
                 </div>
 
+                <div class="custom-file mb-3">
+                    <input type="file" class="custom-file-input" id="licenseFile">
+                    <label class="custom-file-label" for="licenseFile">Or choose the license key from a file…</label>
+                </div>
+
                 <div class="mb-4">
                     <button type="submit" class="btn btn-primary btn-icon-split">
                         <span class="icon text-white-50">
@@ -238,9 +243,35 @@
 
 <script>
     document.addEventListener('DOMContentLoaded', () => {
-        document.getElementById('unregister-license-link').addEventListener('click', e => {
-            e.preventDefault();
-            $('#deleteLicense').modal('show');
-        });
+        let deleteLicenseElm = document.getElementById('unregister-license-link');
+        if (deleteLicenseElm) {
+            deleteLicenseElm.addEventListener('click', e => {
+                e.preventDefault();
+                $('#deleteLicense').modal('show');
+            });
+        }
+
+        let fileSelectElm = document.getElementById('licenseFile');
+        let licenseTextElm = document.getElementById('licenseTextElement')
+        let loadFromFile = async () => {
+            try {
+                let licenseFileTxt = await readContentFromFile(fileSelectElm, 'text');
+                if (licenseFileTxt) {
+                    licenseTextElm.value = (licenseFileTxt || '').toString().trim();
+                    licenseTextElm.focus();
+                    licenseTextElm.select();
+                    //document.getElementById('licenseForm').submit();
+                }
+            } catch (err) {
+                if (err.code === 'NoFileSelected') {
+                    return
+                }
+                showToast('Failed to read license key file\n' + err.message, 'check-circle');
+                return
+            }
+        }
+
+        fileSelectElm.addEventListener('change', loadFromFile);
+
     });
 </script>