@js-toolkit/web-utils 1.67.0 → 1.68.0

package/media/parseCueText.js

@@ -1 +1,224 @@
-import{splitRows}from"./TextTracksController/utils";const ESCAPE={"&amp;":"&","&lt;":"<","&gt;":">","&lrm;":"‎","&rlm;":"‏","&nbsp;":" "},TAG_NAME={c:"span",i:"i",b:"b",u:"u",ruby:"ruby",rt:"rt",lang:"span"},TAG_ANNOTATION={v:"title",lang:"lang"},NEEDS_PARENT={rt:"ruby"};function computeSeconds(e,t,n,o){return 3600*(+e||0)+60*(+t||0)+(+n||0)+(+o||0)/1e3}function parseTimeStamp(e){const t=e.match(/^(\d+):(\d{2})(:\d{2})?\.(\d{3})/);if(!t)return;const[,n,o,r,l]=t;return l?computeSeconds(n,o,r.replace(":",""),l):+n>59?computeSeconds(n,o,"",l):computeSeconds("",n,o,l)}function unescape(e){let t,n=e;for(;t=n.match(/&(amp|lt|gt|lrm|rlm|nbsp);/);)n=n.replace(t[0],e=>ESCAPE[e]);return n}function nextToken(e){if(!e)return[e,void 0];const t=e.match(/^([^<]*)(<[^>]*>?)?/);if(!t)return[e,void 0];const n=t[1]?t[1]:t[2];return null==n?[e,n]:[e.substring(n.length),n]}function shouldAdd(e,t){return!NEEDS_PARENT[t.localName]||NEEDS_PARENT[t.localName]===e.localName}function createHtmlNode(e,t){const n=TAG_NAME[e];if(!n)return;const o=window.document.createElement(n),r=TAG_ANNOTATION[e];return r&&t&&(o[r]=t.trim()),o}export function parseCueText(e,t,{preferLineLength:n=0}={}){let o,r,l,s=e,c=-1;const a=[],u=[],i=[],d=e=>{0===u.length&&u.push([]),u.at(-1).push(t?t(e,(u.at(-1)??u.at(-2))?.at(-1)):e)},p=e=>{const t=a.pop()??"",n=o;if(o=n.parentElement||void 0,null==o){d({id:e,startTime:c>=0?c:void 0,tag:t,node:n}),r=n}},m=()=>`${u.length}-${(u.at(-1)?.length??0)+1}`,h=(e,t)=>{t?i.push(e):i[i.length-1]+=e,t&&u.push([]),null==o?0===e.trim().length&&!t&&r?r.appendChild(window.document.createTextNode(unescape(e))):(e=>{const t=createHtmlNode("c","");t.appendChild(window.document.createTextNode(unescape(e)));const n={id:m(),node:t,tag:"c",startTime:c>=0?c:void 0};d(n)})(e):o.appendChild(window.document.createTextNode(unescape(e)))};for(;null!=([s,l]=nextToken(s),l);)if("<"===l[0])if("/"===l[1])a.at(-1)===l.substring(2).replace(">","")&&p(m());else{const e=parseTimeStamp(l.substring(1,l.length-1));if(e)c=e;else{const e=l.match(/^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/),t=e&&createHtmlNode(e[1],e[3]);!t||o&&!shouldAdd(o,t)||(e[2]&&(t.className=e[2].substring(1).replace("."," ")),a.push(e[1]),o?.appendChild(t),o=t)}}else if(0===i.length||n>0&&i.at(-1).length+l.length>n){const e=splitRows(l,n),{length:t}=e;for(let n=0;n<t;n+=1)h(e[n],!0)}else h(l,!1);return{segments:u,rawText:i}}
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable no-cond-assign */
+// https://github.com/mozilla/vtt.js/blob/master/lib/vtt.js
+import { splitRows } from './TextTracksController/utils';
+const ESCAPE = {
+    '&amp;': '&',
+    '&lt;': '<',
+    '&gt;': '>',
+    '&lrm;': '\u200e',
+    '&rlm;': '\u200f',
+    '&nbsp;': '\u00a0',
+};
+const TAG_NAME = {
+    c: 'span',
+    i: 'i',
+    b: 'b',
+    u: 'u',
+    ruby: 'ruby',
+    rt: 'rt',
+    // v: 'span', ignore voice tag because it might be unclosed and it is unsupported by parser.
+    lang: 'span',
+};
+const TAG_ANNOTATION = {
+    v: 'title',
+    lang: 'lang',
+};
+const NEEDS_PARENT = {
+    rt: 'ruby',
+};
+function computeSeconds(h, m, s, f) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+    return (+h || 0) * 3600 + (+m || 0) * 60 + (+s || 0) + (+f || 0) / 1000;
+}
+// Try to parse input as a time stamp.
+function parseTimeStamp(input) {
+    const matchAr = /^(\d+):(\d{2})(:\d{2})?\.(\d{3})/.exec(input);
+    if (!matchAr) {
+        return undefined;
+    }
+    const [, h, m, s, f] = matchAr;
+    // Timestamp takes the form of [hours]:[minutes]:[seconds].[milliseconds]
+    if (f) {
+        return computeSeconds(h, m, s.replace(':', ''), f);
+    }
+    // Timestamp takes the form of [hours]:[minutes].[milliseconds]
+    // First position is hours as it's over 59.
+    if (+h > 59) {
+        return computeSeconds(h, m, '', f);
+    }
+    // Timestamp takes the form of [minutes]:[seconds].[milliseconds]
+    return computeSeconds('', h, m, f);
+}
+function unescape(str0) {
+    let str = str0;
+    let matchAr;
+    while ((matchAr = /&(amp|lt|gt|lrm|rlm|nbsp);/.exec(str))) {
+        // Unescape a string 's'.
+        str = str.replace(matchAr[0], (s) => ESCAPE[s]);
+    }
+    return str;
+}
+function nextToken(input) {
+    // Check for end-of-string.
+    if (!input) {
+        return [input, undefined];
+    }
+    const matchAr = /^([^<]*)(<[^>]*>?)?/.exec(input);
+    if (!matchAr) {
+        return [input, undefined];
+    }
+    // If there is some text before the next tag, return it, otherwise return the tag.
+    const token = matchAr[1] ? matchAr[1] : matchAr[2];
+    // If tag is invalid or it is not a tag. Eg: <>.
+    if (token == null) {
+        return [input, token];
+    }
+    // Consume 'n' characters from the input.
+    return [input.substring(token.length), token];
+}
+function shouldAdd(current, element) {
+    return !NEEDS_PARENT[element.localName] || NEEDS_PARENT[element.localName] === current.localName;
+}
+// Create an element for this tag.
+function createHtmlNode(type, annotation) {
+    const tagName = TAG_NAME[type];
+    if (!tagName) {
+        return undefined;
+    }
+    const element = window.document.createElement(tagName);
+    // element.localName = tagName;
+    const name = TAG_ANNOTATION[type];
+    if (name && annotation) {
+        element[name] = annotation.trim();
+    }
+    return element;
+}
+// https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API/Web_Video_Text_Tracks_Format#cue_payload
+export function parseCueText(input0, map, { preferLineLength = 0 } = {}) {
+    let current;
+    let prevCurrent;
+    let input = input0;
+    let token;
+    let timeStamp = -1;
+    const tagStack = [];
+    const segments = [];
+    const rawText = [];
+    const addSegmentToRow = (segment) => {
+        if (segments.length === 0)
+            segments.push([]);
+        segments
+            .at(-1)
+            .push(map ? map(segment, (segments.at(-1) ?? segments.at(-2))?.at(-1)) : segment);
+    };
+    const addSegment = (id) => {
+        const tag = tagStack.pop() ?? '';
+        const node = current;
+        current = node.parentElement ?? undefined;
+        if (current == null) {
+            const segment = {
+                id,
+                startTime: timeStamp >= 0 ? timeStamp : undefined,
+                tag,
+                node,
+            };
+            addSegmentToRow(segment);
+            // All next nodes will be with the same timeStamp until the next timeStamp.
+            // timeStamp = -1;
+            prevCurrent = node;
+        }
+    };
+    const getNextId = () => {
+        return `${segments.length}-${(segments.at(-1)?.length ?? 0) + 1}`;
+    };
+    const addLeafToken = (text) => {
+        const node = createHtmlNode('c', '');
+        node.appendChild(window.document.createTextNode(unescape(text)));
+        const segment = {
+            id: getNextId(),
+            node,
+            tag: 'c',
+            startTime: timeStamp >= 0 ? timeStamp : undefined,
+        };
+        addSegmentToRow(segment);
+    };
+    const addTextNode = (text, newRow) => {
+        if (newRow) {
+            rawText.push(text);
+        }
+        else {
+            rawText[rawText.length - 1] += text;
+        }
+        if (newRow)
+            segments.push([]);
+        if (current == null) {
+            // Append whitespaces to prev node.
+            if (text.trim().length === 0 && !newRow && prevCurrent) {
+                prevCurrent.appendChild(window.document.createTextNode(unescape(text)));
+            }
+            else {
+                addLeafToken(text);
+            }
+        }
+        else {
+            current.appendChild(window.document.createTextNode(unescape(text)));
+        }
+    };
+    while ((([input, token] = nextToken(input)), token) != null) {
+        // console.log('token', token);
+        if (token.startsWith('<')) {
+            // If the closing tag matches, move back up to the parent node.
+            // Otherwise just ignore the end tag.
+            if (token[1] === '/') {
+                if (tagStack.at(-1) === token.substring(2).replace('>', '')) {
+                    addSegment(getNextId());
+                }
+            }
+            else {
+                // Try to parse timestamp.
+                // Timestamps are lead nodes as well.
+                const ts = parseTimeStamp(token.substring(1, token.length - 1));
+                if (ts != null && Number.isFinite(ts)) {
+                    timeStamp = ts;
+                }
+                else {
+                    const matchAr = /^<([^.\s/0-9>]+)(\.[^\s\\>]+)?([^>\\]+)?(\\?)>?$/.exec(token);
+                    // If we can't parse the tag, skip to the next tag.
+                    // Try to construct an element, and ignore the tag if we couldn't.
+                    const node = matchAr && createHtmlNode(matchAr[1], matchAr[3]);
+                    // Determine if the tag should be added based on the context of where it
+                    // is placed in the cuetext.
+                    if (node && (!current || shouldAdd(current, node))) {
+                        // Set the class list (as a list of classes, separated by space).
+                        if (matchAr[2]) {
+                            node.className = matchAr[2].substring(1).replace('.', ' ');
+                        }
+                        // Append the node to the current node, and enter the scope of the new node.
+                        tagStack.push(matchAr[1]);
+                        current?.appendChild(node);
+                        current = node;
+                    }
+                }
+            }
+        }
+        // Text nodes are leaf nodes.
+        else {
+            // console.log(token, current, preferLength);
+            // eslint-disable-next-line no-lonely-if
+            if (rawText.length === 0 ||
+                (preferLineLength > 0 && rawText.at(-1).length + token.length > preferLineLength)) {
+                const rows = splitRows(token, preferLineLength);
+                const { length } = rows;
+                for (let i = 0; i < length; i += 1) {
+                    addTextNode(rows[i], true);
+                }
+            }
+            else {
+                addTextNode(token, false);
+            }
+        }
+    }
+    // console.log(rawText);
+    // console.log(segments);
+    return { segments, rawText };
+}

package/media/resetMedia.js

@@ -1 +1,17 @@
-export function resetMedia(e){(e.src||e.srcObject||e.childElementCount>0)&&(URL.revokeObjectURL(e.src),e.removeAttribute("src"),e.srcObject=null,e.childElementCount>0&&Array.prototype.filter.call(e.children,e=>e instanceof HTMLSourceElement).forEach(r=>{URL.revokeObjectURL(r.src),e.removeChild(r)}),e.load())}
+/** Remove media from hardware decoder buffer. */
+export function resetMedia(media) {
+    if (media.src || media.srcObject || media.childElementCount > 0) {
+        URL.revokeObjectURL(media.src);
+        media.removeAttribute('src');
+        media.srcObject = null;
+        if (media.childElementCount > 0) {
+            Array.prototype.filter
+                .call(media.children, (element) => element instanceof HTMLSourceElement)
+                .forEach((el) => {
+                URL.revokeObjectURL(el.src);
+                media.removeChild(el);
+            });
+        }
+        media.load();
+    }
+}

package/media/timeRanges.js

@@ -1 +1,9 @@
-export function getTimeRangeStart(e){return e.length>0?e.start(e.length-1):0}export function getTimeRangeEnd(e){return e.length>0?e.end(e.length-1):0}export function getTimeRangeDuration(e){return getTimeRangeEnd(e)-getTimeRangeStart(e)}
+export function getTimeRangeStart(timeRanges) {
+    return timeRanges.length > 0 ? timeRanges.start(timeRanges.length - 1) : 0;
+}
+export function getTimeRangeEnd(timeRanges) {
+    return timeRanges.length > 0 ? timeRanges.end(timeRanges.length - 1) : 0;
+}
+export function getTimeRangeDuration(timeRanges) {
+    return getTimeRangeEnd(timeRanges) - getTimeRangeStart(timeRanges);
+}

package/media/toggleNativeSubtitles.js

@@ -1 +1,21 @@
-export function toggleNativeSubtitles(e,t){const{length:o}=t;for(let n=0;n<o;n+=1){const o=t[n];e?o.native=!0:delete o.native,e&&"hidden"===o.mode?o.mode="showing":e||"showing"!==o.mode||(o.mode="hidden")}}
+export function toggleNativeSubtitles(native, textTracks) {
+    // console.log('toggleNativeSubtitles');
+    const { length } = textTracks;
+    for (let i = 0; i < length; i += 1) {
+        const track = textTracks[i];
+        if (native) {
+            track.native = true;
+        }
+        else {
+            delete track.native;
+        }
+        if (native && track.mode === 'hidden') {
+            track.mode = 'showing';
+        }
+        else if (!native && track.mode === 'showing') {
+            track.mode = 'hidden';
+        }
+        // console.log(track.label, track.mode);
+    }
+    // console.log('toggleNativeSubtitles end');
+}

package/metrics/ga/DataLayerProxy.js

@@ -1 +1,11 @@
-import{getHandler}from"./getHandler";export class DataLayerProxy{handler;constructor(r){const t=getHandler("auto",r);this.handler=t}push(r){this.handler(r)}}
+import { getHandler, } from './getHandler';
+export class DataLayerProxy {
+    handler;
+    constructor(transformers) {
+        const handler = getHandler('auto', transformers);
+        this.handler = handler;
+    }
+    push(data) {
+        this.handler(data);
+    }
+}

package/metrics/ga/getHandler.js

@@ -1 +1,99 @@
-import{UnreachableCaseError}from"@js-toolkit/utils/UnreachableCaseError";function gtmHandler(e,r,t){e.push(r(t))}function gtagHandler(e,r){const{eventType:t,eventCategory:n,measurementId:a,label:o}=r;e("event",t,{send_to:a,event_category:n,event_label:o,value:void 0})}function iframeHandler(e,r){window.parent.postMessage({type:e,event:r},"*")}export function getHandler(e,r){switch(e){case"auto":if(window.gtag)return getHandler("gtag",void 0);if(window.dataLayer)return getHandler("gtm",r);if(window.parent!==window)return getHandler("iframe",r);throw new Error("Unable to create auto handler due to Google Analytics is not configured or current window is not inside iframe.");case"iframe":return e=>{const t=r.iframe(e);iframeHandler(t.type,t.event)};case"gtm":{const{dataLayer:e}=window;if(!e)throw new Error("Unable to create handler: `dataLayer` is undefined.");return t=>{gtmHandler(e,r.gtm,t)}}case"gtag":{const{gtag:e}=window;if(!e)throw new Error("Unable to create handler: `gtag` is undefined.");return r=>{gtagHandler(e,r)}}default:throw new UnreachableCaseError(e,`Unknown GA lib type '${e}'.`)}}
+/* eslint-disable @typescript-eslint/no-unnecessary-type-parameters */
+/* eslint-disable @typescript-eslint/prefer-function-type */
+import { UnreachableCaseError } from '@js-toolkit/utils/UnreachableCaseError';
+/** Google Tag Manager handler */
+function gtmHandler(gtm, transform, data) {
+    gtm.push(transform(data));
+}
+/** Google tag handler */
+function gtagHandler(gtag, data) {
+    const { eventType, eventCategory, measurementId, label } = data;
+    gtag('event', eventType, {
+        send_to: measurementId,
+        event_category: eventCategory,
+        event_label: label,
+        value: undefined,
+    });
+}
+function iframeHandler(type, data) {
+    window.parent.postMessage({ type, event: data }, '*');
+}
+// /** Universal Analytics without gtag handler */
+// function gaHandler<D extends GAEventData>(
+//   gaObjectName: string,
+//   trackerCache: Record<string, GATracker>,
+//   data: D
+// ): void {
+//   const ga = window[gaObjectName as 'ga'];
+//   if (!ga) return;
+//   const { action, eventCategory, measurementId, label } = data;
+//   const gaData: GAObjectEventData = {
+//     hitType: 'event',
+//     eventCategory,
+//     eventAction: action,
+//     eventLabel: label,
+//     eventValue: undefined,
+//   };
+//   if (measurementId) {
+//     const send = (): void => {
+//       const tracker =
+//         trackerCache[measurementId] ?? ga.getAll().find((t) => t.get('measurementId') === measurementId);
+//       if (!tracker) return;
+//       // eslint-disable-next-line no-param-reassign
+//       trackerCache[measurementId] = tracker;
+//       tracker.send(gaData);
+//     };
+//     if (ga.loaded) send();
+//     else ga(send);
+//   } else {
+//     ga('send', gaData);
+//   }
+// }
+export function getHandler(gaLib, transformers) {
+    switch (gaLib) {
+        case 'auto': {
+            if (window.gtag)
+                return getHandler('gtag', undefined);
+            // if (
+            //   (window.GoogleAnalyticsObject && window[window.GoogleAnalyticsObject as 'ga']) ||
+            //   window.ga
+            // )
+            //   return getHandler('ga', undefined);
+            if (window.dataLayer)
+                return getHandler('gtm', transformers);
+            if (window.parent !== window)
+                return getHandler('iframe', transformers);
+            throw new Error('Unable to create auto handler due to Google Analytics is not configured or current window is not inside iframe.');
+        }
+        case 'iframe': {
+            return (data) => {
+                const msg = transformers.iframe(data);
+                iframeHandler(msg.type, msg.event);
+            };
+        }
+        case 'gtm': {
+            const { dataLayer } = window;
+            if (!dataLayer)
+                throw new Error('Unable to create handler: `dataLayer` is undefined.');
+            return (data) => {
+                gtmHandler(dataLayer, transformers.gtm, data);
+            };
+        }
+        case 'gtag': {
+            const { gtag } = window;
+            if (!gtag)
+                throw new Error('Unable to create handler: `gtag` is undefined.');
+            return (data) => {
+                gtagHandler(gtag, data);
+            };
+        }
+        // case 'ga': {
+        //   const propName = window.GoogleAnalyticsObject || 'ga';
+        //   const obj = window[propName as 'ga'];
+        //   return obj ? gaHandler.bind(undefined, propName, {}) : undefined;
+        // }
+        default: {
+            throw new UnreachableCaseError(gaLib, `Unknown GA lib type '${gaLib}'.`);
+        }
+    }
+}

package/metrics/ga/types.js

@@ -1 +1 @@
-export{};
+export {};

package/metrics/types.js

@@ -1 +1 @@
-export{};
+export {};

package/metrics/yandex/DataLayerProxy.js

@@ -1 +1,11 @@
-import{getHandler}from"./getHandler";export class DataLayerProxy{handler;constructor(r,e){const t=getHandler(r,e);this.handler=t}push(r){this.handler(r)}}
+import { getHandler, } from './getHandler';
+export class DataLayerProxy {
+    handler;
+    constructor(lib, transformers) {
+        const handler = getHandler(lib, transformers);
+        this.handler = handler;
+    }
+    push(data) {
+        this.handler(data);
+    }
+}

package/metrics/yandex/getHandler.js

@@ -1 +1,63 @@
-import{UnreachableCaseError}from"@js-toolkit/utils/UnreachableCaseError";function ytmHandler(e,r,n){e.push(r(n))}function ymHandler(e,r,n){const[t,a,...o]=r(n);e(t,a,...o)}function iframeHandler(e,r){window.parent.postMessage({type:e,event:r},"*")}export function getHandler(e,r){switch(e){case"auto":if(window.ym)return getHandler("ym",r);if(window.dataLayer)return getHandler("ytm",r);if(window.parent!==window)return getHandler("iframe",r);throw new Error("Unable to create auto handler due to Yandex Metrics is not configured or current window is not inside iframe.");case"iframe":return e=>{const n=r.iframe(e);iframeHandler(n.type,n.event)};case"ytm":{const{dataLayer:e}=window;if(!e)throw new Error("Unable to create handler: `dataLayer` is undefined.");return n=>{ytmHandler(e,r.ytm,n)}}case"ym":{const{ym:e}=window;if(!e)throw new Error("Unable to create handler: `ym` is undefined.");return n=>{ymHandler(e,r.ym,n)}}default:throw new UnreachableCaseError(e,`Unknown Ya lib type '${e}'.`)}}
+/* eslint-disable @typescript-eslint/no-unnecessary-type-parameters */
+/* eslint-disable @typescript-eslint/prefer-function-type */
+import { UnreachableCaseError } from '@js-toolkit/utils/UnreachableCaseError';
+/** Yandex Tag Manager handler */
+function ytmHandler(ytm, transform, data) {
+    // https://yandex.ru/support/tag-manager/ru/triggers/types#special-event-trigger-type
+    ytm.push(transform(data));
+}
+function ymHandler(ym, transform, data) {
+    // counterId.forEach((item) => ym(typeof item === 'string' ? item : item.id, 'params', data));
+    const [counterId, fn, ...rest] = transform(data);
+    ym(counterId, fn, ...rest);
+}
+function iframeHandler(type, data) {
+    window.parent.postMessage({ type, event: data }, '*');
+}
+export function getHandler(yaLib, transformers) {
+    switch (yaLib) {
+        case 'auto': {
+            if (window.ym)
+                return getHandler('ym', transformers);
+            if (window.dataLayer)
+                return getHandler('ytm', transformers);
+            if (window.parent !== window)
+                return getHandler('iframe', transformers);
+            throw new Error('Unable to create auto handler due to Yandex Metrics is not configured or current window is not inside iframe.');
+        }
+        case 'iframe': {
+            return (data) => {
+                const msg = transformers.iframe(data);
+                iframeHandler(msg.type, msg.event);
+            };
+        }
+        case 'ytm': {
+            const { dataLayer } = window;
+            if (!dataLayer)
+                throw new Error('Unable to create handler: `dataLayer` is undefined.');
+            return (data) => {
+                ytmHandler(dataLayer, transformers.ytm, data);
+            };
+        }
+        case 'ym': {
+            // const { ym, Ya } = window;
+            // if (!ym || !Ya) throw new Error('Unable to create handler: `ym` or `Ya` is undefined.');
+            // const getCounters =
+            //   // eslint-disable-next-line no-underscore-dangle
+            //   Ya.Metrica2?.counters.bind(Ya.Metrica2) || Ya._metrica?.getCounters.bind(Ya._metrica);
+            // if (!getCounters) throw new Error('Unable to create handler: counters getter is undefined.');
+            // return (data) => {
+            //   ymHandler(ym, data, data.measurementId ? [data.measurementId] : getCounters());
+            // };
+            const { ym } = window;
+            if (!ym)
+                throw new Error('Unable to create handler: `ym` is undefined.');
+            return (data) => {
+                ymHandler(ym, transformers.ym, data);
+            };
+        }
+        default: {
+            throw new UnreachableCaseError(yaLib, `Unknown Ya lib type '${yaLib}'.`);
+        }
+    }
+}

package/metrics/yandex/types.js

@@ -1 +1,2 @@
-export{};
+/* eslint-disable @typescript-eslint/prefer-function-type */
+export {};

package/onDOMReady.js

@@ -1 +1,12 @@
-export function onDOMReady(e){return"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e,{once:!0}):e(),()=>{document.removeEventListener("DOMContentLoaded",e)}}
+/** @returns cancel wait function */
+export function onDOMReady(callback) {
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', callback, { once: true });
+    }
+    else {
+        callback();
+    }
+    return () => {
+        document.removeEventListener('DOMContentLoaded', callback);
+    };
+}

package/onPageReady.js

@@ -1 +1,27 @@
-import{delay}from"@js-toolkit/utils/delay";export function isPageReady(){return"complete"===document.readyState}export function onPageReady(e,t){let o;const n=()=>{window.removeEventListener("load",a),o?.cancel()},a=()=>{n(),e()};return isPageReady()?e():(window.addEventListener("load",a,{once:!0}),t?.timeout&&(o=delay(a,t.timeout))),n}
+import { delay } from '@js-toolkit/utils/delay';
+export function isPageReady() {
+    return document.readyState === 'complete';
+}
+/** @returns cancel wait function. */
+export function onPageReady(callback, options) {
+    let delayed;
+    const cancel = () => {
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        window.removeEventListener('load', cbWrapper);
+        delayed?.cancel();
+    };
+    const cbWrapper = () => {
+        cancel();
+        callback();
+    };
+    if (isPageReady()) {
+        callback();
+    }
+    else {
+        window.addEventListener('load', cbWrapper, { once: true });
+        if (options?.timeout != null && options.timeout > 0) {
+            delayed = delay(cbWrapper, options.timeout);
+        }
+    }
+    return cancel;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@js-toolkit/web-utils",
-  "version": "1.67.0",
+  "version": "1.68.0",
   "description": "Web utils",
   "author": "VZH",
   "license": "MIT",
@@ -12,7 +12,8 @@
     "clean": "rimraf dist/*",
     "copy:configs": "copyfiles package.json .npmignore README.md LICENSE ./dist/",
     "minify": "node-utils-minify --replace ./dist",
-    "build": "npm run clean && tsc --build ./tsconfig.json && npm run minify",
+    "build": "npm run clean && tsc --build ./tsconfig.json",
+    "lint": "eslint '**/*.{js,jsx,ts,tsx}' --flag unstable_native_nodejs_ts_config",
     "patch-publish": "npm run build && npm version patch --force --no-workspaces-update -m 'v%s' && npm run copy:configs && cd ./dist && npm publish --access public && git push --follow-tags",
     "minor-publish": "npm run build && npm version minor --force --no-workspaces-update -m 'v%s' && npm run copy:configs && cd ./dist && npm publish --access public && git push --follow-tags"
   },
@@ -20,30 +21,32 @@
     "@js-toolkit/node-utils": "1.2.6"
   },
   "devDependencies": {
-    "@eslint/compat": "2.0.1",
-    "@eslint/eslintrc": "3.3.3",
-    "@eslint/js": "9.39.2",
-    "@js-toolkit/configs": "3.99.1",
+    "@eslint/compat": "2.0.3",
+    "@eslint/js": "10.0.1",
+    "@js-toolkit/configs": "3.105.1",
     "@js-toolkit/utils": "1.61.0",
     "@types/eslint": "9.6.1",
     "@types/lodash.throttle": "4.1.9",
     "@types/uuid": "11.0.0",
     "copyfiles": "2.4.1",
-    "eslint": "9.39.2",
+    "eslint": "9.39.4",
+    "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-prettier": "10.1.8",
+    "eslint-config-standard": "17.1.0",
     "eslint-import-resolver-typescript": "4.4.4",
-    "eslint-plugin-import-x": "4.16.1",
+    "eslint-plugin-import-x": "4.16.2",
     "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-promise": "7.2.1",
     "lodash.throttle": "4.1.1",
-    "prettier": "3.8.0",
+    "prettier": "3.8.1",
     "reconnecting-websocket": "4.4.0",
-    "rimraf": "6.1.2",
+    "rimraf": "6.1.3",
     "terser": "5.46.0",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.53.1",
-    "ua-parser-js": "2.0.8",
+    "typescript-eslint": "8.57.0",
+    "ua-parser-js": "2.0.9",
     "uuid": "13.0.0",
-    "webpack": "5.104.1",
+    "webpack": "5.105.4",
     "yargs": "18.0.0"
   }
 }

package/patchConsoleLogging.js

@@ -1 +1,27 @@
-const methods={debug:console.debug.bind(console),error:console.error.bind(console),info:console.info.bind(console),log:console.log.bind(console),trace:console.trace.bind(console),warn:console.warn.bind(console)};export function restoreConsoleLogging(){Object.entries(methods).forEach(([o,e])=>{console[o]=e})}export function patchConsoleLogging(o,{mode:e="replace"}={}){restoreConsoleLogging(),Object.getOwnPropertyNames(methods).forEach(n=>{const s=n;console[s]=(...n)=>{"append"===e&&methods[s](...n),o(s,...n),"prepend"===e&&methods[s](...n)}})}
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+const methods = {
+    debug: console.debug.bind(console),
+    error: console.error.bind(console),
+    info: console.info.bind(console),
+    log: console.log.bind(console),
+    trace: console.trace.bind(console),
+    warn: console.warn.bind(console),
+};
+export function restoreConsoleLogging() {
+    Object.entries(methods).forEach(([name, fn]) => {
+        console[name] = fn;
+    });
+}
+export function patchConsoleLogging(customMethod, { mode = 'replace' } = {}) {
+    restoreConsoleLogging();
+    Object.getOwnPropertyNames(methods).forEach((key) => {
+        const name = key;
+        console[name] = (...args) => {
+            if (mode === 'append')
+                methods[name](...args);
+            customMethod(name, ...args);
+            if (mode === 'prepend')
+                methods[name](...args);
+        };
+    });
+}

package/performance/getNavigationTiming.js

@@ -1 +1,14 @@
-import{onPageReady}from"../onPageReady";export function getNavigationTiming(){return new Promise(e=>{onPageReady(()=>setTimeout(()=>{try{const n=window.performance?.getEntriesByType("navigation")[0];e(n)}catch{e(void 0)}},0))})}
+import { onPageReady } from '../onPageReady';
+export function getNavigationTiming() {
+    return new Promise((resolve) => {
+        onPageReady(() => setTimeout(() => {
+            try {
+                const navigationEntry = window.performance?.getEntriesByType('navigation')[0];
+                resolve(navigationEntry);
+            }
+            catch {
+                resolve(undefined);
+            }
+        }, 0));
+    });
+}