@zero-dependency/dom 0.3.0 → 0.5.0

package/dist/fetcher.d.ts

@@ -0,0 +1,25 @@
+interface FetcherInit extends Pick<RequestInit, 'headers' | 'credentials' | 'mode' | 'cache' | 'redirect' | 'referrerPolicy'> {
+}
+interface FetcherRequest extends Omit<RequestInit, 'method'> {
+}
+declare type RequestMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export declare class Fetcher {
+    private readonly baseURL;
+    private readonly baseInit;
+    constructor(baseURL: string, baseInit: FetcherInit);
+    request<T>(path: string, init: FetcherRequest & {
+        method: RequestMethods;
+    }): Promise<T>;
+    get<T>(path: string, init?: FetcherRequest): Promise<T>;
+    post<T>(path: string, init?: FetcherRequest): Promise<T>;
+}
+export declare function fetcher<T = unknown>(...args: Parameters<typeof fetch>): Promise<T>;
+export declare class FetcherError<T> extends Error {
+    response: Response;
+    data: T;
+    constructor({ response, data }: {
+        response: Response;
+        data: T;
+    });
+}
+export {};

package/dist/html.d.ts

@@ -2,7 +2,7 @@ declare type Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{
     style: Partial<CSSStyleDeclaration>;
 } & Omit<HTMLElementTagNameMap[T], 'style'>>;
 declare type Children = (string | Node | HTMLElement)[];
-export declare function el<T extends keyof HTMLElementTagNameMap>(tag: T, attributes?: Attributes<T>, ...children: Children): HTMLElementTagNameMap[T];
+export declare function el<T extends keyof HTMLElementTagNameMap>(tag: T, attributes?: Children | Attributes<T>, ...children: Children): HTMLElementTagNameMap[T];
 export declare function text(str: string): Text;
 export declare function nbsp(): Text;
 export {};

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export { waitObserveElement } from './waitObserveElement.js';
 export { domReady } from './domReady.js';
 export { debounce } from './debounce.js';
 export { el, text, nbsp } from './html.js';
+export { fetcher, Fetcher, FetcherError } from './fetcher.js';

package/dist/index.es.js

@@ -1,60 +1,96 @@
-function i(e, o, n = document.body) {
-  const t = new MutationObserver((r) => {
-    for (const u of r) {
-      const c = u.target.querySelector(e);
-      c && o(c);
+function a(n, e, t = document.body) {
+  const r = new MutationObserver((s) => {
+    for (const o of s) {
+      const c = o.target;
+      c.matches?.(n) && e(c);
     }
   });
-  return t.observe(n, {
+  return r.observe(t, {
     attributes: !0,
     childList: !0,
     subtree: !0
-  }), t;
+  }), r;
 }
-function d(e, o = !0, n = document.body) {
+function m(n, e) {
   return new Promise((t) => {
-    const r = i(
-      e,
-      (u) => {
-        o && r.disconnect(), t(u);
+    const r = document.querySelector(n);
+    r && t(r);
+    const s = a(
+      n,
+      (o) => {
+        s.disconnect(), t(o);
       },
-      n
+      e
     );
   });
 }
-async function a() {
+async function h() {
   if (document.readyState == "loading")
-    return new Promise((e) => {
-      document.addEventListener("DOMContentLoaded", () => e(), {
+    return new Promise((n) => {
+      document.addEventListener("DOMContentLoaded", () => n(), {
         once: !0
       });
     });
 }
-function m(e, o = 500) {
-  let n;
-  return (...t) => {
-    n && clearTimeout(n), n = setTimeout(() => {
-      e(...t);
-    }, o);
+function f(n, e = 500) {
+  let t;
+  return (...r) => {
+    t && clearTimeout(t), t = setTimeout(() => {
+      n(...r);
+    }, e);
   };
 }
-function b(e, o, ...n) {
-  const t = document.createElement(e);
-  return Object.assign(t, o), t.append(...n), t;
+function b(n, e, ...t) {
+  const r = document.createElement(n);
+  return Array.isArray(e) ? r.append(...e) : (Object.assign(r, e), r.append(...t)), r;
 }
-function s(e) {
-  return document.createTextNode(e);
+function i(n) {
+  return document.createTextNode(n);
 }
-function f() {
-  return s("\xA0");
+function l() {
+  return i("\xA0");
+}
+class w {
+  constructor(e, t) {
+    this.baseURL = e, this.baseInit = t;
+  }
+  async request(e, t) {
+    const r = new URL(e, this.baseURL);
+    return await u(r, { ...this.baseInit, ...t });
+  }
+  async get(e, t) {
+    return await this.request(e, { ...t, method: "GET" });
+  }
+  async post(e, t) {
+    return await this.request(e, { ...t, method: "POST" });
+  }
+}
+async function u(...n) {
+  const e = await fetch(...n), t = await e.json();
+  if (e.ok)
+    return t;
+  throw new d({
+    response: e,
+    data: t
+  });
+}
+class d extends Error {
+  response;
+  data;
+  constructor({ response: e, data: t }) {
+    super(e.statusText), this.name = "FetcherError", this.response = e, this.data = t;
+  }
 }
 export {
-  m as debounce,
-  a as domReady,
+  w as Fetcher,
+  d as FetcherError,
+  f as debounce,
+  h as domReady,
   b as el,
-  f as nbsp,
-  i as observeElement,
-  s as text,
-  d as waitObserveElement
+  u as fetcher,
+  l as nbsp,
+  a as observeElement,
+  i as text,
+  m as waitObserveElement
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = (mutation.target as Element).querySelector(selector)\n      if (el) {\n        callback(el as T)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  disconnect = true,\n  target = document.body\n): Promise<T> {\n  return new Promise((resolve) => {\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        if (disconnect) {\n          observer.disconnect()\n        }\n\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  Object.assign(el, attributes)\n  el.append(...children)\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","disconnect","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp"],"mappings":"AAAO,SAASA,EACdC,GACAC,GACAC,IAAS,SAAS,MACA;AAClB,QAAMC,IAAW,IAAI,iBAAiB,CAACC,MAAc;AACnD,eAAWC,KAAYD,GAAW;AAChC,YAAME,IAAMD,EAAS,OAAmB,cAAcL,CAAQ;AAC9D,MAAIM,KACFL,EAASK,CAAO;AAAA,IAEpB;AAAA,EAAA,CACD;AAED,SAAAH,EAAS,QAAQD,GAAQ;AAAA,IACvB,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,EAAA,CACV,GAEMC;AACT;ACnBO,SAASI,EACdP,GACAQ,IAAa,IACbN,IAAS,SAAS,MACN;AACL,SAAA,IAAI,QAAQ,CAACO,MAAY;AAC9B,UAAMN,IAAWJ;AAAA,MACfC;AAAA,MACA,CAACM,MAAO;AACN,QAAIE,KACFL,EAAS,WAAW,GAGtBM,EAAQH,CAAE;AAAA,MACZ;AAAA,MACAJ;AAAA,IAAA;AAAA,EACF,CACD;AACH;ACpBA,eAAsBQ,IAA0B;AAC1C,MAAA,SAAS,cAAc;AAClB,WAAA,IAAI,QAAQ,CAACD,MAAY;AAC9B,eAAS,iBAAiB,oBAAoB,MAAMA,EAAA,GAAW;AAAA,QAC7D,MAAM;AAAA,MAAA,CACP;AAAA,IAAA,CACF;AAEL;ACRgB,SAAAE,EACdC,GACAC,IAAQ,KACsD;AAC1D,MAAAC;AAEJ,SAAO,IAAIC,MAAS;AAClB,IAAID,KACF,aAAaA,CAAS,GAGxBA,IAAY,WAAW,MAAM;AAC3B,MAAAF,EAAG,GAAGG,CAAI;AAAA,OACTF,CAAK;AAAA,EAAA;AAEZ;ACRgB,SAAAP,EACdU,GACAC,MACGC,GACuB;AACpBZ,QAAAA,IAAK,SAAS,cAAcU,CAAG;AAC9B,gBAAA,OAAOV,GAAIW,CAAU,GAC5BX,EAAG,OAAO,GAAGY,CAAQ,GACdZ;AACT;AAEO,SAASa,EAAKC,GAAmB;AAC/B,SAAA,SAAS,eAAeA,CAAG;AACpC;AAEO,SAASC,IAAa;AAC3B,SAAOF,EAAK,MAAQ;AACtB;"}
+{"version":3,"file":"index.es.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts","../src/fetcher.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target: Node = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = mutation.target as T\n      if (el.matches?.(selector)) {\n        callback(el)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  target?: Node\n): Promise<T> {\n  return new Promise((resolve) => {\n    const el = document.querySelector<T>(selector)\n    if (el) {\n      resolve(el)\n    }\n\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        observer.disconnect()\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Children | Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  if (Array.isArray(attributes)) {\n    el.append(...attributes)\n  } else {\n    Object.assign(el, attributes)\n    el.append(...children)\n  }\n\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n","interface FetcherInit\n  extends Pick<\n    RequestInit,\n    'headers' | 'credentials' | 'mode' | 'cache' | 'redirect' | 'referrerPolicy'\n  > {}\n\ninterface FetcherRequest extends Omit<RequestInit, 'method'> {}\n\ntype RequestMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'\n\nexport class Fetcher {\n  constructor(\n    private readonly baseURL: string,\n    private readonly baseInit: FetcherInit\n  ) {}\n\n  async request<T>(\n    path: string,\n    init: FetcherRequest & { method: RequestMethods }\n  ): Promise<T> {\n    const url = new URL(path, this.baseURL)\n    return await fetcher<T>(url, { ...this.baseInit, ...init })\n  }\n\n  async get<T>(path: string, init?: FetcherRequest): Promise<T> {\n    return await this.request(path, { ...init, method: 'GET' })\n  }\n\n  async post<T>(path: string, init?: FetcherRequest): Promise<T> {\n    return await this.request(path, { ...init, method: 'POST' })\n  }\n}\n\nexport async function fetcher<T = unknown>(\n  ...args: Parameters<typeof fetch>\n): Promise<T> {\n  const response = await fetch(...args)\n  const data = (await response.json()) as T\n\n  if (response.ok) {\n    return data\n  }\n\n  throw new FetcherError({\n    response,\n    data\n  })\n}\n\nexport class FetcherError<T> extends Error {\n  response: Response\n  data: T\n\n  constructor({ response, data }: { response: Response; data: T }) {\n    super(response.statusText)\n\n    this.name = 'FetcherError'\n    this.response = response\n    this.data = data\n  }\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp","Fetcher","baseURL","baseInit","path","init","url","fetcher","response","data","FetcherError"],"mappings":"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"}

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(e=typeof globalThis<"u"?globalThis:e||self,r(e["@zero-dependency/dom"]={}))})(this,function(e){"use strict";function r(t,u,o=document.body){const n=new MutationObserver(i=>{for(const d of i){const s=d.target.querySelector(t);s&&u(s)}});return n.observe(o,{attributes:!0,childList:!0,subtree:!0}),n}function f(t,u=!0,o=document.body){return new Promise(n=>{const i=r(t,d=>{u&&i.disconnect(),n(d)},o)})}async function m(){if(document.readyState=="loading")return new Promise(t=>{document.addEventListener("DOMContentLoaded",()=>t(),{once:!0})})}function a(t,u=500){let o;return(...n)=>{o&&clearTimeout(o),o=setTimeout(()=>{t(...n)},u)}}function l(t,u,...o){const n=document.createElement(t);return Object.assign(n,u),n.append(...o),n}function c(t){return document.createTextNode(t)}function b(){return c("\xA0")}e.debounce=a,e.domReady=m,e.el=l,e.nbsp=b,e.observeElement=r,e.text=c,e.waitObserveElement=f,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(r,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(r=typeof globalThis<"u"?globalThis:r||self,s(r["@zero-dependency/dom"]={}))})(this,function(r){"use strict";function s(n,e,t=document.body){const o=new MutationObserver(i=>{for(const c of i){const f=c.target;f.matches?.(n)&&e(f)}});return o.observe(t,{attributes:!0,childList:!0,subtree:!0}),o}function m(n,e){return new Promise(t=>{const o=document.querySelector(n);o&&t(o);const i=s(n,c=>{i.disconnect(),t(c)},e)})}async function h(){if(document.readyState=="loading")return new Promise(n=>{document.addEventListener("DOMContentLoaded",()=>n(),{once:!0})})}function l(n,e=500){let t;return(...o)=>{t&&clearTimeout(t),t=setTimeout(()=>{n(...o)},e)}}function b(n,e,...t){const o=document.createElement(n);return Array.isArray(e)?o.append(...e):(Object.assign(o,e),o.append(...t)),o}function u(n){return document.createTextNode(n)}function y(){return u("\xA0")}class w{constructor(e,t){this.baseURL=e,this.baseInit=t}async request(e,t){const o=new URL(e,this.baseURL);return await a(o,{...this.baseInit,...t})}async get(e,t){return await this.request(e,{...t,method:"GET"})}async post(e,t){return await this.request(e,{...t,method:"POST"})}}async function a(...n){const e=await fetch(...n),t=await e.json();if(e.ok)return t;throw new d({response:e,data:t})}class d extends Error{response;data;constructor({response:e,data:t}){super(e.statusText),this.name="FetcherError",this.response=e,this.data=t}}r.Fetcher=w,r.FetcherError=d,r.debounce=l,r.domReady=h,r.el=b,r.fetcher=a,r.nbsp=y,r.observeElement=s,r.text=u,r.waitObserveElement=m,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
 //# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.umd.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = (mutation.target as Element).querySelector(selector)\n      if (el) {\n        callback(el as T)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  disconnect = true,\n  target = document.body\n): Promise<T> {\n  return new Promise((resolve) => {\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        if (disconnect) {\n          observer.disconnect()\n        }\n\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  Object.assign(el, attributes)\n  el.append(...children)\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","disconnect","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp"],"mappings":"+OAAO,SAASA,EACdC,EACAC,EACAC,EAAS,SAAS,KACA,CAClB,MAAMC,EAAW,IAAI,iBAAkBC,GAAc,CACnD,UAAWC,KAAYD,EAAW,CAChC,MAAME,EAAMD,EAAS,OAAmB,cAAcL,CAAQ,EAC1DM,GACFL,EAASK,CAAO,CAEpB,CAAA,CACD,EAED,OAAAH,EAAS,QAAQD,EAAQ,CACvB,WAAY,GACZ,UAAW,GACX,QAAS,EAAA,CACV,EAEMC,CACT,CCnBO,SAASI,EACdP,EACAQ,EAAa,GACbN,EAAS,SAAS,KACN,CACL,OAAA,IAAI,QAASO,GAAY,CAC9B,MAAMN,EAAWJ,EACfC,EACCM,GAAO,CACFE,GACFL,EAAS,WAAW,EAGtBM,EAAQH,CAAE,CACZ,EACAJ,CAAA,CACF,CACD,CACH,CCpBA,eAAsBQ,GAA0B,CAC1C,GAAA,SAAS,YAAc,UAClB,OAAA,IAAI,QAASD,GAAY,CAC9B,SAAS,iBAAiB,mBAAoB,IAAMA,EAAA,EAAW,CAC7D,KAAM,EAAA,CACP,CAAA,CACF,CAEL,CCRgB,SAAAE,EACdC,EACAC,EAAQ,IACsD,CAC1D,IAAAC,EAEJ,MAAO,IAAIC,IAAS,CACdD,GACF,aAAaA,CAAS,EAGxBA,EAAY,WAAW,IAAM,CAC3BF,EAAG,GAAGG,CAAI,GACTF,CAAK,CAAA,CAEZ,CCRgB,SAAAP,EACdU,EACAC,KACGC,EACuB,CACpBZ,MAAAA,EAAK,SAAS,cAAcU,CAAG,EAC9B,cAAA,OAAOV,EAAIW,CAAU,EAC5BX,EAAG,OAAO,GAAGY,CAAQ,EACdZ,CACT,CAEO,SAASa,EAAKC,EAAmB,CAC/B,OAAA,SAAS,eAAeA,CAAG,CACpC,CAEO,SAASC,GAAa,CAC3B,OAAOF,EAAK,MAAQ,CACtB"}
+{"version":3,"file":"index.umd.js","sources":["../src/observeElement.ts","../src/waitObserveElement.ts","../src/domReady.ts","../src/debounce.ts","../src/html.ts","../src/fetcher.ts"],"sourcesContent":["export function observeElement<T extends Element = Element>(\n  selector: string,\n  callback: (el: T) => void,\n  target: Node = document.body\n): MutationObserver {\n  const observer = new MutationObserver((mutations) => {\n    for (const mutation of mutations) {\n      const el = mutation.target as T\n      if (el.matches?.(selector)) {\n        callback(el)\n      }\n    }\n  })\n\n  observer.observe(target, {\n    attributes: true,\n    childList: true,\n    subtree: true\n  })\n\n  return observer\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitObserveElement<T extends Element = Element>(\n  selector: string,\n  target?: Node\n): Promise<T> {\n  return new Promise((resolve) => {\n    const el = document.querySelector<T>(selector)\n    if (el) {\n      resolve(el)\n    }\n\n    const observer = observeElement<T>(\n      selector,\n      (el) => {\n        observer.disconnect()\n        resolve(el)\n      },\n      target\n    )\n  })\n}\n","export async function domReady(): Promise<void> {\n  if (document.readyState == 'loading') {\n    return new Promise((resolve) => {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    })\n  }\n}\n","export function debounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 500\n): (this: ThisParameterType<T>, ...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>\n\n  return (...args) => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n    }\n\n    timeoutId = setTimeout(() => {\n      fn(...args)\n    }, delay)\n  }\n}\n","// prettier-ignore\ntype Attributes<T extends keyof HTMLElementTagNameMap> = Partial<{\n  style: Partial<CSSStyleDeclaration>\n} & Omit<HTMLElementTagNameMap[T], 'style'>>\n\ntype Children = (string | Node | HTMLElement)[]\n\nexport function el<T extends keyof HTMLElementTagNameMap>(\n  tag: T,\n  attributes?: Children | Attributes<T>,\n  ...children: Children\n): HTMLElementTagNameMap[T] {\n  const el = document.createElement(tag)\n  if (Array.isArray(attributes)) {\n    el.append(...attributes)\n  } else {\n    Object.assign(el, attributes)\n    el.append(...children)\n  }\n\n  return el\n}\n\nexport function text(str: string): Text {\n  return document.createTextNode(str)\n}\n\nexport function nbsp(): Text {\n  return text('\\u00a0')\n}\n","interface FetcherInit\n  extends Pick<\n    RequestInit,\n    'headers' | 'credentials' | 'mode' | 'cache' | 'redirect' | 'referrerPolicy'\n  > {}\n\ninterface FetcherRequest extends Omit<RequestInit, 'method'> {}\n\ntype RequestMethods = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'\n\nexport class Fetcher {\n  constructor(\n    private readonly baseURL: string,\n    private readonly baseInit: FetcherInit\n  ) {}\n\n  async request<T>(\n    path: string,\n    init: FetcherRequest & { method: RequestMethods }\n  ): Promise<T> {\n    const url = new URL(path, this.baseURL)\n    return await fetcher<T>(url, { ...this.baseInit, ...init })\n  }\n\n  async get<T>(path: string, init?: FetcherRequest): Promise<T> {\n    return await this.request(path, { ...init, method: 'GET' })\n  }\n\n  async post<T>(path: string, init?: FetcherRequest): Promise<T> {\n    return await this.request(path, { ...init, method: 'POST' })\n  }\n}\n\nexport async function fetcher<T = unknown>(\n  ...args: Parameters<typeof fetch>\n): Promise<T> {\n  const response = await fetch(...args)\n  const data = (await response.json()) as T\n\n  if (response.ok) {\n    return data\n  }\n\n  throw new FetcherError({\n    response,\n    data\n  })\n}\n\nexport class FetcherError<T> extends Error {\n  response: Response\n  data: T\n\n  constructor({ response, data }: { response: Response; data: T }) {\n    super(response.statusText)\n\n    this.name = 'FetcherError'\n    this.response = response\n    this.data = data\n  }\n}\n"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitObserveElement","resolve","domReady","debounce","fn","delay","timeoutId","args","tag","attributes","children","text","str","nbsp","Fetcher","baseURL","baseInit","path","init","url","fetcher","response","data","FetcherError"],"mappings":"+OAAO,SAASA,EACdC,EACAC,EACAC,EAAe,SAAS,KACN,CAClB,MAAMC,EAAW,IAAI,iBAAkBC,GAAc,CACnD,UAAWC,KAAYD,EAAW,CAChC,MAAME,EAAKD,EAAS,OAChBC,EAAG,UAAUN,CAAQ,GACvBC,EAASK,CAAE,CAEf,CAAA,CACD,EAED,OAAAH,EAAS,QAAQD,EAAQ,CACvB,WAAY,GACZ,UAAW,GACX,QAAS,EAAA,CACV,EAEMC,CACT,CCnBgB,SAAAI,EACdP,EACAE,EACY,CACL,OAAA,IAAI,QAASM,GAAY,CACxB,MAAAF,EAAK,SAAS,cAAiBN,CAAQ,EACzCM,GACFE,EAAQF,CAAE,EAGZ,MAAMH,EAAWJ,EACfC,EACCM,GAAO,CACNH,EAAS,WAAW,EACpBK,EAAQF,CAAE,CACZ,EACAJ,CAAA,CACF,CACD,CACH,CCrBA,eAAsBO,GAA0B,CAC1C,GAAA,SAAS,YAAc,UAClB,OAAA,IAAI,QAASD,GAAY,CAC9B,SAAS,iBAAiB,mBAAoB,IAAMA,EAAA,EAAW,CAC7D,KAAM,EAAA,CACP,CAAA,CACF,CAEL,CCRgB,SAAAE,EACdC,EACAC,EAAQ,IACsD,CAC1D,IAAAC,EAEJ,MAAO,IAAIC,IAAS,CACdD,GACF,aAAaA,CAAS,EAGxBA,EAAY,WAAW,IAAM,CAC3BF,EAAG,GAAGG,CAAI,GACTF,CAAK,CAAA,CAEZ,CCRgB,SAAAN,EACdS,EACAC,KACGC,EACuB,CACpBX,MAAAA,EAAK,SAAS,cAAcS,CAAG,EACjC,OAAA,MAAM,QAAQC,CAAU,EAC1BV,EAAG,OAAO,GAAGU,CAAU,GAEhB,OAAA,OAAOV,EAAIU,CAAU,EAC5BV,EAAG,OAAO,GAAGW,CAAQ,GAGhBX,CACT,CAEO,SAASY,EAAKC,EAAmB,CAC/B,OAAA,SAAS,eAAeA,CAAG,CACpC,CAEO,SAASC,GAAa,CAC3B,OAAOF,EAAK,MAAQ,CACtB,CCnBO,MAAMG,CAAQ,CACnB,YACmBC,EACAC,EACjB,CAFiB,KAAA,QAAAD,EACA,KAAA,SAAAC,CAChB,CAEH,MAAM,QACJC,EACAC,EACY,CACZ,MAAMC,EAAM,IAAI,IAAIF,EAAM,KAAK,OAAO,EAC/B,OAAA,MAAMG,EAAWD,EAAK,CAAE,GAAG,KAAK,SAAU,GAAGD,CAAA,CAAM,CAC5D,CAEA,MAAM,IAAOD,EAAcC,EAAmC,CACrD,OAAA,MAAM,KAAK,QAAQD,EAAM,CAAE,GAAGC,EAAM,OAAQ,KAAA,CAAO,CAC5D,CAEA,MAAM,KAAQD,EAAcC,EAAmC,CACtD,OAAA,MAAM,KAAK,QAAQD,EAAM,CAAE,GAAGC,EAAM,OAAQ,MAAA,CAAQ,CAC7D,CACF,CAEA,eAAsBE,KACjBb,EACS,CACZ,MAAMc,EAAW,MAAM,MAAM,GAAGd,CAAI,EAC9Be,EAAQ,MAAMD,EAAS,OAE7B,GAAIA,EAAS,GACJ,OAAAC,EAGT,MAAM,IAAIC,EAAa,CACrB,SAAAF,EACA,KAAAC,CAAA,CACD,CACH,CAEO,MAAMC,UAAwB,KAAM,CACzC,SACA,KAEA,YAAY,CAAE,SAAAF,EAAU,KAAAC,GAAyC,CAC/D,MAAMD,EAAS,UAAU,EAEzB,KAAK,KAAO,eACZ,KAAK,SAAWA,EAChB,KAAK,KAAOC,CACd,CACF"}

package/dist/observeElement.d.ts

@@ -1 +1 @@
-export declare function observeElement<T extends Element = Element>(selector: string, callback: (el: T) => void, target?: HTMLElement): MutationObserver;
+export declare function observeElement<T extends Element = Element>(selector: string, callback: (el: T) => void, target?: Node): MutationObserver;

package/dist/waitObserveElement.d.ts

@@ -1 +1 @@
-export declare function waitObserveElement<T extends Element = Element>(selector: string, disconnect?: boolean, target?: HTMLElement): Promise<T>;
+export declare function waitObserveElement<T extends Element = Element>(selector: string, target?: Node): Promise<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zero-dependency/dom",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.umd.js",