Use top-level await for startup

Module scripts can await directly, so the main() wrapper only added
indentation and an unobserved promise.

diff --git a/chordpro-web.js b/chordpro-web.js
index 546eba4b73a8574b277aa066f570d05445722af0..cfac467d8bf591a3c028ced7cb1b9a3a59086716 100644 (file)
--- a/chordpro-web.js
+++ b/chordpro-web.js
@@ -75,23 +75,18 @@ function renderChordpro(text) {
     render(song, el_song);
 }
 
-async function main() {
-    document.getElementById('open').addEventListener('change', async ev => renderChordpro(await ev.target.files[0].text()));
+document.getElementById('open').addEventListener('change', async ev => renderChordpro(await ev.target.files[0].text()));
 
-    const params = new URLSearchParams(document.location.search);
-    const loadURL = params.get('l');
-    if (loadURL) {
-        try {
-            const response = await fetch(loadURL);
-            if (response.ok) {
-                renderChordpro(await response.text());
-            } else {
-                console.warn('Failed to fetch', loadURL, ':', response.status, response.statusText);
-            }
-        } catch (error) {
-            console.warn('Failed to fetch', loadURL, ':', error);
+const loadURL = new URL(location).searchParams.get('l');
+if (loadURL) {
+    try {
+        const response = await fetch(loadURL);
+        if (response.ok) {
+            renderChordpro(await response.text());
+        } else {
+            console.warn('Failed to fetch', loadURL, ':', response.status, response.statusText);
         }
+    } catch (error) {
+        console.warn('Failed to fetch', loadURL, ':', error);
     }
 }
-
-main();