Allowin thunks in eventHandlers. more progress on OS palette. adding fuzzy match to storeSearch

src/cg/01-stdlib.cg

@@ -1,5 +1,8 @@
-# TODO delete
-double = a \ a * 2;
+# nth : Int \ List a \ Maybe a
+nth = i list \ [i, list]
+  | [_, []] \ None
+  | [0, [x, ...xs]] \ (Some x)
+  | [n, [x, ...xs]] \ nth (n - 1) xs;
 
 # map : (a \ b) \ List a \ List b
 map = f list \ list

src/cg/05-palette.cg

@@ -1,4 +1,18 @@
-listRow = config \
+palette = config \
+  focusedIndex = 0;
+  windowHeight = 400;
+  windowWidth = 600;
+
+  results = take 10 (config.search config.state.query);
+
+  padding = 0;
+
+  textInputHeight = 40;
+  contentWidth = windowWidth - (padding * 2);
+  contentHeight = windowHeight - (padding * 2);
+  listHeight = contentHeight - 40;
+
+  paletteRow = config \
     color = (config.selected | True \ "rgba(255,255,255,0.2)" | False \ "transparent");
 
     Clickable {
@@ -17,20 +31,6 @@ listRow = config \
       }
     };
 
-palette = config \
-  focusedIndex = 0;
-  windowHeight = 400;
-  windowWidth = 600;
-
-  results = take 10 (config.search config.state.query);
-
-  padding = 0;
-
-  textInputHeight = 40;
-  contentWidth = windowWidth - (padding * 2);
-  contentHeight = windowHeight - (padding * 2);
-  listHeight = contentHeight - 40;
-
   Positioned {
     x = (config.viewport.width - windowWidth) / 2,
     y = (config.viewport.height - windowHeight) / 2,
@@ -44,7 +44,7 @@ palette = config \
             gap = 0,
             children = [
               textInput {
-                key = "query",
+                key = "palette-query",
                 initialValue = config.state.query,
                 initialFocus = True,
                 color = "white",
@@ -55,6 +55,7 @@ palette = config \
                 onKeyDown = key \ key
                   | ArrowUp \ config.state.focusedIndex := max 0 (config.state.focusedIndex - 1)
                   | ArrowDown \ config.state.focusedIndex := (config.state.focusedIndex + 1)
+                  | Enter \ (\ config.onSelect (unwrapOr "" (nth config.state.focusedIndex results)))
                   | _ \ NoOp
               },
               Clip {
@@ -62,7 +63,13 @@ palette = config \
                 h = listHeight,
                 child = Column {
                   gap = 1,
-                  children = mapWithIndex (t i \ listRow { child = t, w = contentWidth, h = textInputHeight, selected = (config.state.focusedIndex == i), onClick = NoOp }) results
+                  children = mapWithIndex (t i \ paletteRow {
+                    child = t,
+                    w = contentWidth,
+                    h = textInputHeight,
+                    selected = (config.state.focusedIndex == i),
+                    onClick = \ config.onSelect t
+                  }) results
                 }
               }
             ]

src/cg/10-os.cg

@@ -2,7 +2,7 @@ osState = {
   palette = {
     query = "",
     focusedIndex = 0,
-  }
+  },
 };
 
 init = {};
@@ -17,7 +17,7 @@ view = state viewport \
       palette {
         state = osState.palette,
         search = storeSearch,
-        onSelect = item \ debug "selected" item,
+        onSelect = item \ (debug "selected" item),
         viewport = viewport,
       }
     ]

src/parser.ts

@@ -101,7 +101,7 @@ export class Parser {
             return true;
         }
 
-        if (kind !== 'ident') {
+        if (kind !== 'ident' && kind !== 'underscore') {
             return false;
         }
 
@@ -109,7 +109,7 @@ export class Parser {
         while (true) {
             const token = this.peek(offset);
             if (token.kind === 'backslash') return true;
-            if (token.kind !== 'ident') return false;
+            if (token.kind !== 'ident' && token.kind !== 'underscore') return false;
             offset++;
         }
     }

src/runtime-compiled.ts

@@ -142,6 +142,12 @@ export function runAppCompiled(app: App, canvas: HTMLCanvasElement, rt: any) {
     }
 
     function handleEvent(event: any) {
+        // Thunk
+        if (typeof event === 'function') {
+            handleEvent(event(null));
+            return;
+        }
+
         if (!event || !event._tag) return;
 
         if (event._tag === 'Batch' && event._0) {

src/runtime-js.ts

@@ -35,15 +35,17 @@ export const _rt = {
         }
         return text.length * 10; // fallback
     },
+    fuzzyMatch: (query: string) => (target: string) => {
+        const q = query.toLowerCase();
+        const t = target.toLowerCase();
+        let qi = 0;
+        for (let ti = 0; ti < t.length && qi < q.length; ti++) {
+            if (t[ti] === q[qi]) qi++;
+        }
+        return { _tag: qi === q.length ? 'True' : 'False' };
+    },
     storeSearch: (query: string) => {
-        const results: string[] = [];
-        const searchTerm = query.toLowerCase();
-        for (const name of Object.keys(store)) {
-            if (searchTerm === '' || name.toLowerCase().includes(searchTerm)) {
-                results.push(name);
-            }
-        }
-        return results;
+        return Object.keys(store).filter(name => _rt.fuzzyMatch(query)(name)._tag === 'True');
     },
     getSource: (name: string) => {
         const ast = definitions.get(name);