feat: Save the last selected rule. (#64)

Cargo.toml

@@ -30,5 +30,6 @@ features = [
   "HtmlTextAreaElement",
   "HtmlCollection",
   "InputEvent",
+  "Storage",
 ]
 version = "0.3"

src/lib.rs

@@ -41,6 +41,14 @@ fn create_element<T: JsCast>(tag: &str) -> T {
         .expect_throw("wrong element type")
 }
 
+fn storage() -> web_sys::Storage {
+    web_sys::window()
+        .unwrap_throw()
+        .local_storage()
+        .unwrap_throw()
+        .unwrap_throw()
+}
+
 fn listen_for_input() {
     let input = element::<Node>(".editor-input-text");
 
@@ -321,6 +329,12 @@ pub fn lint(grammar: JsValue) -> JsValue {
 
 #[wasm_bindgen(start)]
 pub fn start() {
+    if let Ok(last_selected) = storage().get_item("last-selected-rule") {
+        unsafe {
+            LAST_SELECTION = last_selected;
+        }
+    }
+
     listen_for_input();
 }
 

static/scripts/editor.ts

@@ -17,6 +17,9 @@ const outputDom =
   document.querySelector<HTMLTextAreaElement>(".editor-output")!;
 const modeBtn = document.querySelector<HTMLButtonElement>("#modeBtn")!;
 const formatBtn = document.querySelector<HTMLButtonElement>("#formatBtn")!;
+const editorInputSelect = document.querySelector<HTMLSelectElement>(
+  ".editor-input-select",
+);
 
 const windowHeight = window.innerHeight;
 
@@ -146,6 +149,11 @@ function getSavedCode() {
   return parsed || { grammar: "", input: "" };
 }
 
+function saveRule() {
+  const selectedRule = editorInputSelect?.value || "";
+  localStorage.setItem("last-selected-rule", selectedRule);
+}
+
 function wideMode() {
   modeBtn.onclick = restore;
   modeBtn.innerText = "Normal Mode";
@@ -186,3 +194,4 @@ init().then(() => {
 
 inputTextDom.addEventListener("input", saveCode);
 myCodeMirror.on("change", saveCode);
+editorInputSelect?.addEventListener("change", saveRule);