@taybart/corvid 0.0.5 → 0.0.7

package/dist/dom.d.ts

@@ -16,6 +16,7 @@ type elOpts = {
 };
 export declare class el {
     el: HTMLElement | null;
+    query: string;
     constructor(opts: string | elOpts);
     /*** get ***/
     value(): string;
@@ -28,15 +29,9 @@ export declare class el {
     }): this;
     src(url: string): this;
     style(style: Object | string): this;
+    addClass(className: string): this;
+    removeClass(className: string): this;
     listen(event: string, cb: (ev: Event) => void): this;
     onClick(cb: (ev: Event) => void): this;
 }
-/*** url params ***/
-export declare class params {
-    params: URLSearchParams;
-    constructor(p?: Object);
-    set(p: Object): this;
-    toString(): string;
-    static render(p: Object): string;
-}
 export {};

package/dist/index.js

@@ -24,7 +24,6 @@ var dom_namespaceObject = {};
 __webpack_require__.r(dom_namespaceObject);
 __webpack_require__.d(dom_namespaceObject, {
     el: ()=>el,
-    params: ()=>dom_params,
     ready: ()=>ready
 });
 var style_namespaceObject = {};
@@ -39,6 +38,7 @@ __webpack_require__.d(style_namespaceObject, {
 var network_namespaceObject = {};
 __webpack_require__.r(network_namespaceObject);
 __webpack_require__.d(network_namespaceObject, {
+    params: ()=>network_params,
     request: ()=>request
 });
 var local_storage_namespaceObject = {};
@@ -67,18 +67,18 @@ class el {
         return '';
     }
     parent(parent) {
-        if (!this.el) throw new Error('no element');
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
         parent.appendChild(this.el);
         return this;
     }
     child(ch) {
         var _this_el;
-        if (!this.el) throw new Error('no element');
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
         null == (_this_el = this.el) || _this_el.appendChild(ch);
         return this;
     }
     inner(content, { force = false, text = false } = {}) {
-        if (!this.el) throw new Error('no element');
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
         if (this.el instanceof HTMLIFrameElement && !force) this.el.src = content;
         else if (this.el instanceof HTMLInputElement && !force) this.el.value = content;
         else if (text) this.el.textContent = content;
@@ -100,8 +100,18 @@ class el {
         }
         return this;
     }
+    addClass(className) {
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
+        this.el.classList.add(className);
+        return this;
+    }
+    removeClass(className) {
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
+        this.el.classList.remove(className);
+        return this;
+    }
     listen(event, cb) {
-        if (!this.el) throw new Error('no element');
+        if (!this.el) throw new Error(`no element from query: ${this.query}`);
         this.el.addEventListener(event, cb);
         return this;
     }
@@ -110,12 +120,16 @@ class el {
     }
     constructor(opts){
         _define_property(this, "el", void 0);
+        _define_property(this, "query", void 0);
+        this.query = '';
         if ('string' == typeof opts) {
+            this.query = opts;
             this.el = document.querySelector(opts);
             return;
         }
         const { query, type, content, parent, create } = opts;
         if (query) {
+            this.query = query;
             this.el = document.querySelector(query);
             if (!this.el && type && create) this.el = document.createElement(type);
         } else if (type) this.el = document.createElement(type);
@@ -124,26 +138,6 @@ class el {
         if (this.el && parent) parent.appendChild(this.el);
     }
 }
-class dom_params {
-    set(p) {
-        for (let [k, v] of Object.entries(p))this.params.set(k, v);
-        return this;
-    }
-    toString() {
-        return this.params.toString();
-    }
-    static render(p) {
-        const params = new URLSearchParams();
-        if (p) for (let [k, v] of Object.entries(p))params.set(k, v);
-        return params.toString();
-    }
-    constructor(p){
-        _define_property(this, "params", void 0);
-        this.params = new URLSearchParams();
-        if (p) for (let [k, v] of Object.entries(p))this.params.set(k, v);
-        return this;
-    }
-}
 function cssVar(name) {
     const style = window.getComputedStyle(document.body);
     return style.getPropertyValue(name);
@@ -176,6 +170,26 @@ function network_define_property(obj, key, value) {
     else obj[key] = value;
     return obj;
 }
+class network_params {
+    set(p) {
+        for (let [k, v] of Object.entries(p))this.params.set(k, v);
+        return this;
+    }
+    toString() {
+        return this.params.toString();
+    }
+    static render(p) {
+        const params = new URLSearchParams();
+        if (p) for (let [k, v] of Object.entries(p))params.set(k, v);
+        return params.toString();
+    }
+    constructor(p){
+        network_define_property(this, "params", void 0);
+        this.params = new URLSearchParams();
+        if (p) for (let [k, v] of Object.entries(p))this.params.set(k, v);
+        return this;
+    }
+}
 class request {
     auth(token) {
         this.opts.headers.Authorization = `Bearer ${token}`;
@@ -189,11 +203,14 @@ class request {
         this.opts.body = body;
         return this;
     }
-    async do({ path, overrideBody, overrideSuccess } = {}) {
+    async do({ path, override } = {}) {
         if (this.opts.auth) this.opts.headers.Authorization = `Bearer ${this.opts.auth}`;
-        const body = overrideBody || this.opts.body;
+        if (!override) override = {};
+        const body = override.body || this.opts.body;
         let url = this.opts.url;
         if (path) url = `${this.opts.url}${path}`;
+        const params = override.params || this.opts.params;
+        if (params) url = `${url}?${params.toString()}`;
         const res = await fetch(url, {
             method: this.opts.method,
             headers: {
@@ -203,14 +220,14 @@ class request {
             },
             body: JSON.stringify(body)
         });
-        const success = overrideSuccess || this.opts.success;
+        const success = override.success || this.opts.success;
         if (res.status !== success) {
             const body = await res.json();
-            throw new Error(`bad response ${res.status} !== ${this.opts.success}, body: ${body}`);
+            throw new Error(`bad response ${res.status} !== ${success}, body: ${body}`);
         }
         return await res.json();
     }
-    constructor(opts){
+    constructor(opts = {}){
         network_define_property(this, "opts", void 0);
         if (opts.type && 'json' !== opts.type) throw new Error('this class only provides json requests');
         if (!opts.url) throw new Error('must provide url');

package/dist/network.d.ts

@@ -1,21 +1,33 @@
+/*** url params ***/
+export declare class params {
+    params: URLSearchParams;
+    constructor(p?: Object);
+    set(p: Object): this;
+    toString(): string;
+    static render(p: Object): string;
+}
 export type requestOpts = {
-    url: string;
-    type: 'json';
-    method: 'GET' | 'POST' | 'PUT' | 'DELETE';
-    headers: Record<string, string>;
-    auth: string;
-    body: Object;
-    success: number;
+    url?: string;
+    type?: 'json';
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    params?: typeof params;
+    headers?: Record<string, string>;
+    auth?: string;
+    body?: Object;
+    success?: number;
 };
 export declare class request {
     opts: requestOpts;
-    constructor(opts: requestOpts);
+    constructor(opts?: requestOpts);
     auth(token: string): this;
     basicAuth(username: string, password: string): this;
     body(body: Object): this;
-    do({ path, overrideBody, overrideSuccess, }?: {
+    do({ path, override, }?: {
         path?: string;
-        overrideBody?: Object;
-        overrideSuccess?: number;
+        override?: {
+            success?: number;
+            params?: any;
+            body?: Object;
+        };
     }): Promise<any>;
 }

package/package.json

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