@zero-dependency/dom 0.11.0 → 0.11.1

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function d(r,e,...t){const n=document.createElement(r);return typeof e=="string"?n.append(i(e)):Array.isArray(e)?n.append(...e):(Object.assign(n,e),Object.assign(n.style,e?.style)),t.length&&n.append(...t),n}function i(r){return document.createTextNode(r)}function f(){return i("\xA0")}async function m(){return new Promise(r=>{document.readyState=="loading"?document.addEventListener("DOMContentLoaded",()=>r(),{once:!0}):r()})}const p=["GET","POST","PUT","PATCH","DELETE"];class c{constructor(e,t){this.baseURL=e,this.baseInit=t;for(const n of p)this[n.toLowerCase()]=(s,o)=>this.request(s,{...o,method:n})}get;post;put;patch;delete;extends(e,t){const{url:n,init:s}=this.fetcherParameters(e,t);return new c(n,s)}async request(e,t){const{url:n,init:s}=this.fetcherParameters(e,t);return await a(n,s)}fetcherParameters(e,t){const n=w(this.baseURL,e),s=y(this.baseInit?.headers,t?.headers),o={...this.baseInit,...t,headers:s};return{url:n,init:o}}}async function a(...r){const e=await fetch(...r),t=await e.json();if(e.ok)return t;throw new u({response:e,data:t})}class u extends Error{response;data;constructor({response:e,data:t}){super(e.statusText),this.name="FetcherError",this.response=e,this.data=t}}function w(r,e){return e?r.replace(/\/+$/,"")+"/"+e.replace(/^\/+/,""):r}function y(...r){const e={};for(const t of r){const n=new Headers(t);for(const[s,o]of n.entries())o==null?delete e[s]:e[s]=o}return new Headers(e)}function h(r,e,t){const n=new MutationObserver((s,o)=>{for(const l of s)e(l,o)});return n.observe(r,{childList:!0,subtree:!0,...t}),n}function v(r,e=document.documentElement){return new Promise(t=>{function n(){const s=e.querySelector(r);s&&t(s)}h(e,(s,o)=>{n(),o.disconnect()})})}class E{#e={};on(e,t){const n=this.#e[e];return n?n.push(t):this.#e[e]=[t],this}addListener(e,t){return this.on(e,t)}once(e,t){const n=(...s)=>{this.off(e,n),t(...s)};return this.on(e,n),this}emit(e,...t){const n=this.#e[e]||[];for(let s=0;s<n.length;s++)n[s](...t);return Boolean(n.length)}off(e,t){return this.#e[e]&&(this.#e[e]=this.#e[e].filter(n=>n!==t)),this}removeListener(e,t){return this.off(e,t)}removeAllListeners(e){return e?delete this.#e[e]:this.#e={},this}eventNames(){return Reflect.ownKeys(this.#e)}listeners(e){return this.#e[e]}listenerCount(e){return this.#e[e]?.length??0}}class b extends E{constructor(){super();const{history:e,location:t}=window,{pushState:n,replaceState:s}=e;e.pushState=(...o)=>{n.apply(e,o),this.emit("pushState",t,o[0])},e.replaceState=(...o)=>{s.apply(e,o),this.emit("replaceState",t,o[0])},window.addEventListener("popstate",({state:o})=>{this.emit("popState",t,o)})}}const L=new b;exports.Fetcher=c;exports.FetcherError=u;exports.domReady=m;exports.el=d;exports.fetcher=a;exports.locationObserver=L;exports.nbsp=f;exports.observeElement=h;exports.text=i;exports.waitElement=v;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/html.ts","../src/fetcher.ts","../src/observeElement.ts","../src/waitElement.ts","../node_modules/.pnpm/@zero-dependency+emitter@1.1.1/node_modules/@zero-dependency/emitter/dist/index.es.js","../src/locationObserver.ts"],"sourcesContent":["// 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\n  if (typeof attributes === 'string') {\n    el.append(text(attributes))\n  } else if (Array.isArray(attributes)) {\n    el.append(...attributes)\n  } else {\n    Object.assign(el, attributes)\n    Object.assign(el.style, attributes?.style)\n  }\n\n  if (children.length) {\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\nexport async function domReady(): Promise<void> {\n  return new Promise((resolve) => {\n    if (document.readyState == 'loading') {\n      document.addEventListener('DOMContentLoaded', () => resolve(), {\n        once: true\n      })\n    } else {\n      resolve()\n    }\n  })\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\nconst methods = [\n  'GET',\n  'POST',\n  'PUT',\n  'PATCH',\n  'DELETE'\n] as const\n\ntype RequestMethods = typeof methods[number]\ntype FetcherMethod = <T>(path: string, init?: FetcherRequest) => Promise<T>\n\nexport class Fetcher {\n  get: FetcherMethod\n  post: FetcherMethod\n  put: FetcherMethod\n  patch: FetcherMethod\n  delete: FetcherMethod\n\n  constructor(\n    private readonly baseURL: string,\n    private readonly baseInit?: FetcherInit\n  ) {\n    for (const method of methods) {\n      // @ts-ignore\n      this[method.toLowerCase()] = (path: string, init?: FetcherRequest) => {\n        return this.request(path, { ...init, method })\n      }\n    }\n  }\n\n  extends(path: string, baseInit?: FetcherInit): Fetcher {\n    const { url, init } = this.fetcherParameters(path, baseInit)\n    return new Fetcher(url, init)\n  }\n\n  async request<T>(\n    path: string,\n    initRequest: FetcherRequest & { method: RequestMethods }\n  ): Promise<T> {\n    const { url, init } = this.fetcherParameters(path, initRequest)\n    return await fetcher<T>(url, init)\n  }\n\n  private fetcherParameters(path: string, baseInit?: FetcherInit) {\n    const url = combineURLs(this.baseURL, path)\n    const headers = combineHeaders(this.baseInit?.headers, baseInit?.headers)\n    const init = { ...this.baseInit, ...baseInit, headers }\n    return { url, init }\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\n// https://github.com/axios/axios/blob/v1.x/lib/helpers/combineURLs.js\nfunction combineURLs(baseURL: string, path: string): string {\n  return path\n    ? baseURL.replace(/\\/+$/, '') + '/' + path.replace(/^\\/+/, '')\n    : baseURL\n}\n\nfunction combineHeaders(...sources: HeadersInit[]): Headers {\n  const result: Record<string, string> = {}\n\n  for (const source of sources) {\n    const headers = new Headers(source)\n\n    for (const [key, value] of headers.entries()) {\n      if (value === undefined || value === null) {\n        delete result[key]\n      } else {\n        result[key] = value\n      }\n    }\n  }\n\n  return new Headers(result)\n}\n","export function observeElement<T extends Element = Element>(\n  el: T,\n  callback: (mutation: MutationRecord, observer: MutationObserver) => void,\n  options?: MutationObserverInit\n) {\n  const observe = new MutationObserver((mutations, observer) => {\n    for (const mutation of mutations) {\n      callback(mutation, observer)\n    }\n  })\n\n  observe.observe(el, {\n    childList: true,\n    subtree: true,\n    ...options\n  })\n\n  return observe\n}\n","import { observeElement } from './observeElement.js'\n\nexport function waitElement<T extends Element = Element>(\n  selector: string,\n  target = document.documentElement\n): Promise<T> {\n  return new Promise((resolve) => {\n    function resolveElement() {\n      const el = target.querySelector<T>(selector)\n      if (el) {\n        resolve(el)\n      }\n    }\n\n    observeElement(target, (_, observer) => {\n      resolveElement()\n      observer.disconnect()\n    })\n  })\n}\n","class n {\n  #t = {};\n  on(t, e) {\n    const s = this.#t[t];\n    return s ? s.push(e) : this.#t[t] = [e], this;\n  }\n  addListener(t, e) {\n    return this.on(t, e);\n  }\n  once(t, e) {\n    const s = (...i) => {\n      this.off(t, s), e(...i);\n    };\n    return this.on(t, s), this;\n  }\n  emit(t, ...e) {\n    const s = this.#t[t] || [];\n    for (let i = 0; i < s.length; i++)\n      s[i](...e);\n    return Boolean(s.length);\n  }\n  off(t, e) {\n    return this.#t[t] && (this.#t[t] = this.#t[t].filter((s) => s !== e)), this;\n  }\n  removeListener(t, e) {\n    return this.off(t, e);\n  }\n  removeAllListeners(t) {\n    return t ? delete this.#t[t] : this.#t = {}, this;\n  }\n  eventNames() {\n    return Reflect.ownKeys(this.#t);\n  }\n  listeners(t) {\n    return this.#t[t];\n  }\n  listenerCount(t) {\n    return this.#t[t]?.length ?? 0;\n  }\n}\nexport {\n  n as Emitter\n};\n//# sourceMappingURL=index.es.js.map\n","import { Emitter } from '@zero-dependency/emitter'\n\ntype LocationCallback = (location: Location, state: any) => void\n\ntype Events = {\n  pushState: LocationCallback\n  replaceState: LocationCallback\n  popState: LocationCallback\n}\n\nclass LocationObserver extends Emitter<Events> {\n  constructor() {\n    super()\n\n    const { history, location } = window\n    const { pushState, replaceState } = history\n\n    history.pushState = (...args) => {\n      pushState.apply(history, args)\n      this.emit('pushState', location, args[0])\n    }\n\n    history.replaceState = (...args) => {\n      replaceState.apply(history, args)\n      this.emit('replaceState', location, args[0])\n    }\n\n    window.addEventListener('popstate', ({ state }) => {\n      this.emit('popState', location, state)\n    })\n  }\n}\n\nexport const locationObserver = new LocationObserver()\n"],"names":["el","tag","attributes","children","text","str","nbsp","domReady","resolve","methods","Fetcher","baseURL","baseInit","method","path","init","url","initRequest","fetcher","combineURLs","headers","combineHeaders","args","response","data","FetcherError","sources","result","source","key","value","observeElement","callback","options","observe","mutations","observer","mutation","waitElement","selector","target","resolveElement","_","n","#t","t","e","s","i","LocationObserver","Emitter","history","location","pushState","replaceState","state","locationObserver"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zero-dependency/dom",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.umd.js",
@@ -22,16 +22,16 @@
     "url": "https://crashmax.ru"
   },
   "devDependencies": {
-    "@crashmax/prettier-config": "^2.0.4",
+    "@crashmax/prettier-config": "^2.1.0",
     "@crashmax/tsconfig": "^1.0.2",
-    "@types/node": "^18.8.3",
-    "@vitest/coverage-c8": "^0.24.0",
-    "@vitest/ui": "^0.23.4",
-    "jsdom": "^20.0.1",
-    "typescript": "^4.8.4",
-    "vite": "^3.1.6",
-    "vite-plugin-dts": "^1.6.5",
-    "vitest": "^0.23.4"
+    "@types/node": "^18.11.9",
+    "@vitest/coverage-c8": "^0.25.2",
+    "@vitest/ui": "^0.25.2",
+    "jsdom": "^20.0.3",
+    "typescript": "^4.9.3",
+    "vite": "^3.2.4",
+    "vite-plugin-dts": "^1.7.1",
+    "vitest": "^0.25.2"
   },
   "dependencies": {
     "@zero-dependency/emitter": "1.1.1"