@zero-dependency/dom 0.7.1 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/debounce.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +27 -24
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/observeElement.d.ts +1 -1
- package/dist/throttle.d.ts +1 -0
- package/package.json +1 -1
package/dist/debounce.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function debounce<T extends (...args: any[]) => void>(fn: T,
|
|
1
|
+
export declare function debounce<T extends (...args: any[]) => void>(fn: T, ms: number): (...args: Parameters<T>) => void;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { observeElement } from './observeElement.js';
|
|
2
2
|
export { waitElement } from './waitElement.js';
|
|
3
3
|
export { debounce } from './debounce.js';
|
|
4
|
+
export { throttle } from './throttle.js';
|
|
4
5
|
export { el, text, nbsp, domReady } from './html.js';
|
|
5
6
|
export { fetcher, Fetcher, FetcherError } from './fetcher.js';
|
package/dist/index.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
function
|
|
1
|
+
function u(r, e, t = document.body) {
|
|
2
2
|
const n = new MutationObserver((s) => {
|
|
3
3
|
for (const o of s) {
|
|
4
|
-
const c = o.target;
|
|
5
|
-
c
|
|
4
|
+
const c = o.target.querySelector(r);
|
|
5
|
+
c && e(c);
|
|
6
6
|
}
|
|
7
7
|
});
|
|
8
8
|
return n.observe(t, {
|
|
@@ -11,10 +11,10 @@ function a(r, e, t = document.body) {
|
|
|
11
11
|
subtree: !0
|
|
12
12
|
}), n;
|
|
13
13
|
}
|
|
14
|
-
function
|
|
14
|
+
function h(r, e = document.body) {
|
|
15
15
|
return new Promise((t) => {
|
|
16
16
|
const n = e.querySelector(r);
|
|
17
|
-
n ? t(n) :
|
|
17
|
+
n ? t(n) : u(
|
|
18
18
|
r,
|
|
19
19
|
(s, o) => {
|
|
20
20
|
o.disconnect(), t(s);
|
|
@@ -23,23 +23,25 @@ function l(r, e = document.body) {
|
|
|
23
23
|
);
|
|
24
24
|
});
|
|
25
25
|
}
|
|
26
|
-
function m(r, e
|
|
26
|
+
function m(r, e) {
|
|
27
27
|
let t;
|
|
28
28
|
return (...n) => {
|
|
29
|
-
t && clearTimeout(t), t = setTimeout(() =>
|
|
30
|
-
r(...n);
|
|
31
|
-
}, e);
|
|
29
|
+
t && clearTimeout(t), t = setTimeout(() => r(n), e);
|
|
32
30
|
};
|
|
33
31
|
}
|
|
34
|
-
function b(r, e
|
|
32
|
+
function b(r, e) {
|
|
33
|
+
let t, n;
|
|
34
|
+
return (...s) => (t || (t = !0, setTimeout(() => t = !1, e), n = r(s)), n);
|
|
35
|
+
}
|
|
36
|
+
function y(r, e, ...t) {
|
|
35
37
|
const n = document.createElement(r);
|
|
36
|
-
return Array.isArray(e) ? n.append(...e) : (Object.assign(n, e), n.append(...t)), n;
|
|
38
|
+
return Array.isArray(e) ? n.append(...e) : (Object.assign(n, e), Object.assign(n.style, e?.style), n.append(...t)), n;
|
|
37
39
|
}
|
|
38
|
-
function
|
|
40
|
+
function a(r) {
|
|
39
41
|
return document.createTextNode(r);
|
|
40
42
|
}
|
|
41
43
|
function w() {
|
|
42
|
-
return
|
|
44
|
+
return a("\xA0");
|
|
43
45
|
}
|
|
44
46
|
async function p() {
|
|
45
47
|
return new Promise((r) => {
|
|
@@ -55,7 +57,7 @@ const i = [
|
|
|
55
57
|
"PATCH",
|
|
56
58
|
"DELETE"
|
|
57
59
|
];
|
|
58
|
-
class
|
|
60
|
+
class E {
|
|
59
61
|
constructor(e, t) {
|
|
60
62
|
this.baseURL = e, this.baseInit = t;
|
|
61
63
|
for (const n of i)
|
|
@@ -67,7 +69,7 @@ class y {
|
|
|
67
69
|
patch;
|
|
68
70
|
delete;
|
|
69
71
|
async request(e, t) {
|
|
70
|
-
const n = new URL(e, this.baseURL), s =
|
|
72
|
+
const n = new URL(e, this.baseURL), s = f(this.baseInit?.headers, t.headers);
|
|
71
73
|
return await d(n, { ...this.baseInit, ...t, headers: s });
|
|
72
74
|
}
|
|
73
75
|
}
|
|
@@ -75,19 +77,19 @@ async function d(...r) {
|
|
|
75
77
|
const e = await fetch(...r), t = await e.json();
|
|
76
78
|
if (e.ok)
|
|
77
79
|
return t;
|
|
78
|
-
throw new
|
|
80
|
+
throw new l({
|
|
79
81
|
response: e,
|
|
80
82
|
data: t
|
|
81
83
|
});
|
|
82
84
|
}
|
|
83
|
-
class
|
|
85
|
+
class l extends Error {
|
|
84
86
|
response;
|
|
85
87
|
data;
|
|
86
88
|
constructor({ response: e, data: t }) {
|
|
87
89
|
super(e.statusText), this.name = "FetcherError", this.response = e, this.data = t;
|
|
88
90
|
}
|
|
89
91
|
}
|
|
90
|
-
function
|
|
92
|
+
function f(...r) {
|
|
91
93
|
const e = {};
|
|
92
94
|
for (const t of r) {
|
|
93
95
|
const n = new Headers(t);
|
|
@@ -97,15 +99,16 @@ function h(...r) {
|
|
|
97
99
|
return new Headers(e);
|
|
98
100
|
}
|
|
99
101
|
export {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
+
E as Fetcher,
|
|
103
|
+
l as FetcherError,
|
|
102
104
|
m as debounce,
|
|
103
105
|
p as domReady,
|
|
104
|
-
|
|
106
|
+
y as el,
|
|
105
107
|
d as fetcher,
|
|
106
108
|
w as nbsp,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
u as observeElement,
|
|
110
|
+
a as text,
|
|
111
|
+
b as throttle,
|
|
112
|
+
h as waitElement
|
|
110
113
|
};
|
|
111
114
|
//# sourceMappingURL=index.es.js.map
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/observeElement.ts","../src/waitElement.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
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/observeElement.ts","../src/waitElement.ts","../src/debounce.ts","../src/throttle.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 = document.body\n): MutationObserver {\n const observer = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n const el = (mutation.target as T).querySelector<T>(selector)\n if (el) {\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 waitElement<T extends Element = Element>(\n selector: string,\n target = document.body\n): Promise<T> {\n return new Promise((resolve) => {\n const el = target.querySelector<T>(selector)\n if (el) {\n resolve(el)\n } else {\n observeElement<T>(\n selector,\n (el, observer) => {\n observer.disconnect()\n resolve(el)\n },\n target\n )\n }\n })\n}\n","export function debounce<T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n): (...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(() => fn(args), ms)\n }\n}\n","export function throttle<T extends (...args: any[]) => ReturnType<T>>(\n fn: T,\n ms: number\n): (...args: Parameters<T>) => ReturnType<T> {\n let isThrottle: boolean\n let lastResult: ReturnType<T>\n\n return (...args) => {\n if (!isThrottle) {\n isThrottle = true\n setTimeout(() => (isThrottle = false), ms)\n lastResult = fn(args)\n }\n\n return lastResult\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 Object.assign(el.style, attributes?.style)\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]\n\nexport class Fetcher {\n get: <T>(path: string, init?: FetcherRequest) => Promise<T>\n post: <T>(path: string, init?: FetcherRequest) => Promise<T>\n put: <T>(path: string, init?: FetcherRequest) => Promise<T>\n patch: <T>(path: string, init?: FetcherRequest) => Promise<T>\n delete: <T>(path: string, init?: FetcherRequest) => Promise<T>\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 this.request(path, { ...init, method })\n }\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 const headers = mergeHeaders(this.baseInit?.headers!, init.headers!)\n return await fetcher<T>(url, { ...this.baseInit, ...init, headers })\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\nfunction mergeHeaders(...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"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitElement","resolve","debounce","fn","ms","timeoutId","args","throttle","isThrottle","lastResult","tag","attributes","children","text","str","nbsp","domReady","methods","Fetcher","baseURL","baseInit","method","path","init","url","headers","mergeHeaders","fetcher","response","data","FetcherError","sources","result","source","key","value"],"mappings":"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"}
|
package/dist/index.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(o,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(o=typeof globalThis<"u"?globalThis:o||self,u(o["@zero-dependency/dom"]={}))})(this,function(o){"use strict";function u(r,e,t=document.body){const n=new MutationObserver(s=>{for(const c of s){const l=c.target.querySelector(r);l&&e(l)}});return n.observe(t,{attributes:!0,childList:!0,subtree:!0}),n}function f(r,e=document.body){return new Promise(t=>{const n=e.querySelector(r);n?t(n):u(r,(s,c)=>{c.disconnect(),t(s)},e)})}function h(r,e){let t;return(...n)=>{t&&clearTimeout(t),t=setTimeout(()=>r(n),e)}}function m(r,e){let t,n;return(...s)=>(t||(t=!0,setTimeout(()=>t=!1,e),n=r(s)),n)}function b(r,e,...t){const n=document.createElement(r);return Array.isArray(e)?n.append(...e):(Object.assign(n,e),Object.assign(n.style,e?.style),n.append(...t)),n}function i(r){return document.createTextNode(r)}function y(){return i("\xA0")}async function w(){return new Promise(r=>{document.readyState=="loading"?document.addEventListener("DOMContentLoaded",()=>r(),{once:!0}):r()})}const E=["GET","POST","PUT","PATCH","DELETE"];class T{constructor(e,t){this.baseURL=e,this.baseInit=t;for(const n of E)this[n.toLowerCase()]=(s,c)=>this.request(s,{...c,method:n})}get;post;put;patch;delete;async request(e,t){const n=new URL(e,this.baseURL),s=p(this.baseInit?.headers,t.headers);return await d(n,{...this.baseInit,...t,headers:s})}}async function d(...r){const e=await fetch(...r),t=await e.json();if(e.ok)return t;throw new a({response:e,data:t})}class a extends Error{response;data;constructor({response:e,data:t}){super(e.statusText),this.name="FetcherError",this.response=e,this.data=t}}function p(...r){const e={};for(const t of r){const n=new Headers(t);for(const[s,c]of n.entries())c==null?delete e[s]:e[s]=c}return new Headers(e)}o.Fetcher=T,o.FetcherError=a,o.debounce=h,o.domReady=w,o.el=b,o.fetcher=d,o.nbsp=y,o.observeElement=u,o.text=i,o.throttle=m,o.waitElement=f,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
2
2
|
//# sourceMappingURL=index.umd.js.map
|
package/dist/index.umd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/observeElement.ts","../src/waitElement.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
|
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../src/observeElement.ts","../src/waitElement.ts","../src/debounce.ts","../src/throttle.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 = document.body\n): MutationObserver {\n const observer = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n const el = (mutation.target as T).querySelector<T>(selector)\n if (el) {\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 waitElement<T extends Element = Element>(\n selector: string,\n target = document.body\n): Promise<T> {\n return new Promise((resolve) => {\n const el = target.querySelector<T>(selector)\n if (el) {\n resolve(el)\n } else {\n observeElement<T>(\n selector,\n (el, observer) => {\n observer.disconnect()\n resolve(el)\n },\n target\n )\n }\n })\n}\n","export function debounce<T extends (...args: any[]) => void>(\n fn: T,\n ms: number\n): (...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(() => fn(args), ms)\n }\n}\n","export function throttle<T extends (...args: any[]) => ReturnType<T>>(\n fn: T,\n ms: number\n): (...args: Parameters<T>) => ReturnType<T> {\n let isThrottle: boolean\n let lastResult: ReturnType<T>\n\n return (...args) => {\n if (!isThrottle) {\n isThrottle = true\n setTimeout(() => (isThrottle = false), ms)\n lastResult = fn(args)\n }\n\n return lastResult\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 Object.assign(el.style, attributes?.style)\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]\n\nexport class Fetcher {\n get: <T>(path: string, init?: FetcherRequest) => Promise<T>\n post: <T>(path: string, init?: FetcherRequest) => Promise<T>\n put: <T>(path: string, init?: FetcherRequest) => Promise<T>\n patch: <T>(path: string, init?: FetcherRequest) => Promise<T>\n delete: <T>(path: string, init?: FetcherRequest) => Promise<T>\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 this.request(path, { ...init, method })\n }\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 const headers = mergeHeaders(this.baseInit?.headers!, init.headers!)\n return await fetcher<T>(url, { ...this.baseInit, ...init, headers })\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\nfunction mergeHeaders(...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"],"names":["observeElement","selector","callback","target","observer","mutations","mutation","el","waitElement","resolve","debounce","fn","ms","timeoutId","args","throttle","isThrottle","lastResult","tag","attributes","children","text","str","nbsp","domReady","methods","Fetcher","baseURL","baseInit","method","path","init","url","headers","mergeHeaders","fetcher","response","data","FetcherError","sources","result","source","key","value"],"mappings":"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"}
|
package/dist/observeElement.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function observeElement<T extends Element = Element>(selector: string, callback: (el: T
|
|
1
|
+
export declare function observeElement<T extends Element = Element>(selector: string, callback: (el: T) => void, target?: HTMLElement): MutationObserver;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function throttle<T extends (...args: any[]) => ReturnType<T>>(fn: T, ms: number): (...args: Parameters<T>) => ReturnType<T>;
|