feat: ✨ Regex flags on cursorModal

SkepticMystic · Oct 25, 2021 · 25a2403 · 25a2403
1 parent 576cfcf
commit 25a2403
Show file tree

Hide file tree

Showing 2 changed files with 92 additions and 65 deletions.
diff --git a/main.js b/main.js
diff --git a/src/Components/QueryModal.svelte b/src/Components/QueryModal.svelte
@@ -6,60 +6,55 @@
   export let modal: CursorsModal;
   export let plugin: ACPlugin;
 
-  let inputEl: HTMLInputElement;
+  let queryEl: HTMLInputElement;
+  let flagsEl: HTMLInputElement;
   let regexQEl: HTMLInputElement;
 
-  onMount(() => inputEl.focus());
+  onMount(() => queryEl.focus());
 </script>
 
 <div class="inputEls">
-  <input bind:this={inputEl} type="text" placeholder="Search Query" />
+  <input bind:this={queryEl} type="text" placeholder="Search Query" />
   <button
     on:click={() => {
-      const query = inputEl.value;
-      const q = { name: "", query, flags: "", regexQ: regexQEl.checked };
+      const q = {
+        name: "",
+        query: queryEl.value,
+        flags: flagsEl.value,
+        regexQ: regexQEl.checked,
+      };
       const { selection, offset } = modal.getSelectionAndOffset();
       modal.submit(q, selection, offset);
     }}>Submit</button
   >
 
+  <input bind:this={flagsEl} type="text" placeholder="Regex flags" width="10" />
   <input bind:this={regexQEl} type="checkbox" name="regexQ" checked />
   <label for="regexQ">Regex</label>
 </div>
 
 <div class="savedQs">
   <ol>
-    {#each plugin.settings.savedQueries as savedQ}
+    {#each plugin.settings.savedQueries as q}
       <li class="savedQ">
         <span
           class="savedQ-name"
           on:click={(e) => {
-            // @ts-ignore
-            const name = e.target.textContent;
-            const q = plugin.settings.savedQueries.find(
-              (savedQ) => savedQ.name === name
-            );
-
             const { selection, offset } = modal.getSelectionAndOffset();
             modal.submit(q, selection, offset);
           }}
         >
-          {savedQ.name}
+          {q.name}
         </span>
         <span>→</span>
         <span
           class="savedQ-query"
           on:click={(e) => {
-            // @ts-ignore
-            const query = e.target.textContent;
-            const q = plugin.settings.savedQueries.find(
-              (savedQ) => savedQ.query === query
-            );
             const { selection, offset } = modal.getSelectionAndOffset();
             modal.submit(q, selection, offset);
           }}
         >
-          {savedQ.query}
+          /{q.query}/{q.flags}
         </span>
       </li>
     {/each}