update UI

excel.js

@@ -47,7 +47,7 @@ var path = WScript.Arguments(0);
 for (;;) {
     var cmd = WScript.StdIn.ReadLine();
     if (cmd == "exit") {
-        WScript.Echo("received exit");
+        WScript.Echo("excel sync: received exit");
         break;
     }
 

frontend/ui.ts

@@ -89,9 +89,11 @@ async function main() {
 
     const usage = document.createElement('div');
     usage.classList.add('alert', 'alert-info', 'alert-dismissible', 'fade', 'show')
-    usage.innerText = 
-        'This app keep sync with Excel and show the data in current(active) row so that you can see all columns without scrolling if there are too many columns.\n' +
-        'It assume there is a heading row in Excel and use the heading as the first column in the table. '
+    usage.innerHTML = `
+        This app keep sync with Excel and show the data in current(active) row so that you can see all columns without scrolling if there are too many columns.<br>
+        It assume there is a heading row in Excel and use the heading as the first column in the table. <br>
+        <b>Usage:</b> Click "Launch Excel to open file", Excel window will open (window might be flashing on taskbar instead of showing up, just click on the flashing icon to bring it up). Then open your file. Locate to any cell, you will see full row data below. 
+        `.trim()
     usage.style.marginTop = '10px'
 
     const launch = document.createElement('button');

jsr.json

@@ -1,5 +1,5 @@
 {
     "name": "@timepp/ev",
-    "version": "0.1.9",
+    "version": "0.1.10",
     "exports": "./launch.ts"
 }