@taybart/corvid 0.1.3 → 0.1.5

package/dist/dom.d.ts

@@ -12,7 +12,7 @@ export declare function onKey(key: string, cb: (ev: {
     alt: boolean;
     meta: boolean;
     shift: boolean;
-}) => void): void;
+}) => void, verbose?: boolean): () => void;
 export declare function els(query: string, verbose?: boolean): el[];
 /*** element ***/
 type elOpts = {
@@ -36,6 +36,7 @@ export declare class el {
     parent(parent: HTMLElement | el): this;
     appendChild(ch: HTMLElement | el): this;
     child(ch: HTMLElement | el): this;
+    prependChild(ch: HTMLElement | el): this;
     empty(): this;
     content(content: any, { text }?: {
         text?: boolean;

package/dist/index.js

@@ -242,15 +242,22 @@ function dom_define_property(obj, key, value) {
 function ready(cb) {
     window.addEventListener('DOMContentLoaded', cb);
 }
-function onKey(key, cb) {
-    window.addEventListener('keydown', (ev)=>{
+function onKey(key, cb, verbose = false) {
+    const log = new logger(verbose ? utils_logLevel.debug : utils_logLevel.none, 'onKey');
+    log.debug(`adding ${key} keydown listener`);
+    const handler = (ev)=>{
         if (ev.key === key) cb({
             ctrl: ev.ctrlKey,
             alt: ev.altKey,
             meta: ev.metaKey,
             shift: ev.shiftKey
         });
-    });
+    };
+    window.addEventListener('keydown', handler);
+    return ()=>{
+        log.debug(`removing ${key} listener`);
+        window.removeEventListener('keydown', handler);
+    };
 }
 function els(query, verbose = false) {
     return Array.from(document.querySelectorAll(query)).map((n)=>new dom_el(n, verbose));
@@ -283,6 +290,12 @@ class dom_el {
         else this.el.appendChild(ch);
         return this;
     }
+    prependChild(ch) {
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
+        if (ch instanceof dom_el) this.el.prepend(ch.el);
+        else this.el.prepend(ch);
+        return this;
+    }
     empty() {
         if (this.el) this.el.innerHTML = '';
         return this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taybart/corvid",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {

package/dist/qr.d.ts

@@ -1,22 +0,0 @@
-interface QRCodeConfig {
-    text: string;
-    size?: number;
-    ecLevel?: 'L' | 'M' | 'Q' | 'H';
-    minVersion?: number;
-    maxVersion?: number;
-    quiet?: number;
-    radius?: number;
-    background?: string | null;
-    fill?: string | GradientFill;
-    left?: number;
-    top?: number;
-}
-interface GradientFill {
-    type: 'linear-gradient' | 'radial-gradient';
-    position: number[];
-    colorStops: Array<[number, string]>;
-}
-export default class QrCreator {
-    static render(config: QRCodeConfig, element: HTMLElement | HTMLCanvasElement): void;
-}
-export {};