Merge pull request #9 from revolter/feature/note-title-as-tab-title

index.html

@@ -25,7 +25,7 @@
 
 {%- endcapture -%}
 
-<textarea id="{{ textarea_id }}" placeholder="{{ textarea_placeholder}}" autofocus></textarea>
+<textarea id="{{ textarea_id }}" placeholder="{{ textarea_placeholder }}" autofocus></textarea>
 
 <script>
     function main() {
@@ -47,14 +47,17 @@
         const value = retrieveValue();
         const oldValue = textarea.value;
         textarea.value = value;
+        updateTitle(value);
         if (oldValue === '') {
             textarea.selectionStart = value.length;
         }
     }
 
     function addValueListener(textarea) {
         textarea.addEventListener('input', (event) => {
-            storeValue(event.target.value);
+            const value = event.target.value;
+            storeValue(value);
+            updateTitle(value);
         }, false);
     }
 
@@ -74,6 +77,18 @@
         window.location.hash = '#' + serialize(value);
     }
 
+    function updateTitle(value) {
+        const rawTitle = value.split('\n', 1)[0];
+        if (rawTitle === '') { return; }
+        const truncatedTitle = truncate(rawTitle, 30);
+        document.title = truncatedTitle + ' | ' + '{{ site.tagline }}';
+    }
+
+    function truncate(string, limit) {
+        if (string.length < limit) { return string; }
+        return string.slice(0, limit - 1) + "…";
+    }
+
     function serialize(value) {
         if (value === '') { return ''; }
         const data = new TextEncoder().encode(value);