Make the search case-sensitive, non-combined, and moving average by default. Reverts the case sensitive/insensitive by default behavior from 366a29b

Author: jeremy-rifkin

ui/index.html

@@ -31,7 +31,7 @@ <h1>Together C & C++ Ngrams Viewer</h1>
 
             <input id="query" type="text" value="SFINAE, concepts" />
 
-            <button id="case-sensitive">Case-Sensitive</button>
+            <button id="case-insensitive">Case-Insensitive</button>
             <button id="combine-series">Combine Series</button>
             <button id="smooth">Moving Average</button>
 

ui/main.ts

@@ -11,16 +11,16 @@ import { occlusionY } from "./occlusion";
 
 class App {
     query_input: HTMLInputElement;
-    case_sensitive_button: HTMLElement;
+    case_insensitive_button: HTMLElement;
     combine_button: HTMLElement;
     smooth_button: HTMLElement;
     error: HTMLElement;
     chart: HTMLElement;
     timing: HTMLElement;
 
     query: string;
-    case_sensitive = false;
-    combine = true;
+    case_insensitive = false;
+    combine = false;
     smooth = true;
 
     last_query_res: encoded_query_response = {
@@ -32,8 +32,8 @@ class App {
         this.query_input = document.getElementById("query")! as HTMLInputElement;
         this.query = this.query_input.value;
         this.query_input.addEventListener("keyup", debounce(this.query_keystroke.bind(this), 500), false);
-        this.case_sensitive_button = document.getElementById("case-sensitive")!;
-        this.case_sensitive_button.addEventListener("click", this.case_sensitive_button_press.bind(this), false);
+        this.case_insensitive_button = document.getElementById("case-insensitive")!;
+        this.case_insensitive_button.addEventListener("click", this.case_insensitive_button_press.bind(this), false);
         this.combine_button = document.getElementById("combine-series")!;
         this.combine_button.addEventListener("click", this.combine_button_press.bind(this), false);
         this.smooth_button = document.getElementById("smooth")!;
@@ -47,8 +47,8 @@ class App {
         this.do_query();
     }
 
-    case_sensitive_button_press() {
-        this.case_sensitive = !this.case_sensitive;
+    case_insensitive_button_press() {
+        this.case_insensitive = !this.case_insensitive;
         this.set_button_states();
         this.do_query();
     }
@@ -66,7 +66,7 @@ class App {
     }
 
     set_button_states() {
-        this.case_sensitive_button.setAttribute("class", this.case_sensitive ? "on" : "");
+        this.case_insensitive_button.setAttribute("class", this.case_insensitive ? "on" : "");
         this.combine_button.setAttribute("class", this.combine ? "on" : "");
         this.smooth_button.setAttribute("class", this.smooth ? "on" : "");
     }
@@ -303,7 +303,7 @@ class App {
         this.timing.innerHTML = `Querying...`;
         const endpoint = `${maybe_slash(import.meta.env.BASE_URL)}query`;
         http_get(
-            `${endpoint}?q=${encodeURIComponent(this.query)}&ci=${!this.case_sensitive}&combine=${this.combine}`,
+            `${endpoint}?q=${encodeURIComponent(this.query)}&ci=${this.case_insensitive}&combine=${this.combine}`,
             (res: string | Error) => {
                 if (res instanceof Error) {
                     this.set_error(res.message);