sliftutils 0.15.0 → 0.16.0

package/.cursorrules

@@ -82,6 +82,10 @@ Coding Styles
     Never use inline styles, always use the CSS helper. 
 
     Don't use as any.
+    
+    DO NOT redeclare constants and copy their value. JUST IMPORT THEM!
+
+    DO NOT redeclare types. JUST IMPORT THEM!
 
 
 General Styling

package/index.d.ts

@@ -31,6 +31,13 @@ declare module "sliftutils/misc/getSecret" {
 
 }
 
+declare module "sliftutils/misc/matchFilter" {
+    export declare function matchFilter(filter: {
+        value: string;
+    }, value: string): boolean;
+
+}
+
 declare module "sliftutils/misc/types" {
     export declare function isDefined<T>(value: T | undefined | null): value is T;
 

package/misc/getSecret.ts

@@ -69,7 +69,6 @@ export const getSecret = cache(async function getSecret(key: string): Promise<st
                 preact.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 10 } },
                     preact.createElement("div", { style: { fontWeight: "bold" } }, `Enter secret for: ${key}`),
                     preact.createElement("input", {
-                        type: "password",
                         style: { padding: 10, fontSize: 16 },
                         onInput: (e: Event) => {
                             state.value = (e.target as HTMLInputElement).value;

package/misc/matchFilter.d.ts

@@ -0,0 +1,3 @@
+export declare function matchFilter(filter: {
+    value: string;
+}, value: string): boolean;

package/misc/matchFilter.ts

@@ -0,0 +1,15 @@
+export function matchFilter(filter: { value: string }, value: string) {
+    let filterValue = filter.value.toLowerCase().trim();
+    if (!filterValue) return true;
+    value = value.toLowerCase().trim();
+    return filterValue.split("|").some(part =>
+        part.split("&").every(part => {
+            part = part.trim();
+            if (part.startsWith("!")) {
+                part = part.slice(1).trim();
+                return !value.includes(part);
+            }
+            return value.includes(part);
+        })
+    );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sliftutils",
-    "version": "0.15.0",
+    "version": "0.16.0",
     "main": "index.js",
     "license": "MIT",
     "files": [

package/web/browser.tsx

@@ -14,6 +14,24 @@ class App extends preact.Component {
         count: 0,
     });
 
+    onKeyDown = (e: KeyboardEvent) => {
+        // Skip if the current target is an ipnut
+        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
+            return;
+        }
+        let hotkeySelector = `[data-hotkey="${e.code}"]`;
+        let elements = document.querySelectorAll(hotkeySelector);
+        for (let element of elements) {
+            (element as HTMLElement).click();
+        }
+    };
+    componentDidMount(): void {
+        document.addEventListener("keydown", this.onKeyDown);
+    }
+    componentWillUnmount(): void {
+        document.removeEventListener("keydown", this.onKeyDown);
+    }
+
     render() {
         return (
             <div className={css.pad2(20)}>