Keep local storage keys as constants (#34)

Author: vsakkas

index.html

@@ -136,14 +136,20 @@
     </div>
 
     <script>
+        // LocalStorage keys
+        const SHIRO_THEME = 'shiroTheme';
+        const SHIRO_COUNT_MODE = 'shiroCountMode';
+        const SHIRO_SAVED_TEXT = 'shiroSavedText';
+        const SHIRO_CURSOR_POSITION = 'shiroCursorPosition';
+
         class Shiro {
             constructor() {
                 this.editor = document.getElementById('editor');
                 this.controls = document.querySelectorAll('.controls');
                 this.countDisplay = document.getElementById('count');
-                this.theme = localStorage.getItem('shiroTheme') ||
+                this.theme = localStorage.getItem(SHIRO_THEME) ||
                     (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
-                this.countMode = localStorage.getItem('shiroCountMode') || 'words';
+                this.countMode = localStorage.getItem(SHIRO_COUNT_MODE) || 'words';
                 this.visible = true;
 
                 this.init();
@@ -248,21 +254,21 @@
             }
 
             saveText() {
-                localStorage.setItem('shiroSavedText', this.editor.value);
+                localStorage.setItem(SHIRO_SAVED_TEXT, this.editor.value);
             }
 
             loadText() {
-                this.editor.value = localStorage.getItem('shiroSavedText') || '';
+                this.editor.value = localStorage.getItem(SHIRO_SAVED_TEXT) || '';
                 this.loadCursorPosition();
                 this.updateCount();
             }
 
             saveCursorPosition() {
-                localStorage.setItem('shiroCursorPosition', this.editor.selectionStart);
+                localStorage.setItem(SHIRO_CURSOR_POSITION, this.editor.selectionStart);
             }
 
             loadCursorPosition() {
-                const saved = localStorage.getItem('shiroCursorPosition');
+                const saved = localStorage.getItem(SHIRO_CURSOR_POSITION);
                 if (saved) {
                     const position = parseInt(saved);
                     setTimeout(() => {
@@ -289,7 +295,7 @@
 
             toggleCountMode() {
                 this.countMode = this.countMode === 'words' ? 'characters' : 'words';
-                localStorage.setItem('shiroCountMode', this.countMode);
+                localStorage.setItem(SHIRO_COUNT_MODE, this.countMode);
                 this.updateCount();
             }
 
@@ -311,7 +317,7 @@
             setTheme(theme = this.theme) {
                 document.documentElement.setAttribute('data-theme', theme);
                 document.querySelector('[data-action="theme"]').textContent = theme === 'dark' ? 'Light' : 'Dark';
-                localStorage.setItem('shiroTheme', theme);
+                localStorage.setItem(SHIRO_THEME, theme);
                 this.theme = theme;
             }
 
@@ -344,7 +350,7 @@
                 setTimeout(() => {
                     this.editor.value = '';
                     this.editor.style.opacity = '1';
-                    localStorage.removeItem('shiroSavedText');
+                    localStorage.removeItem(SHIRO_SAVED_TEXT);
                     this.updateCount();
                 }, 300);
             }