@js-toolkit/web-utils 1.66.0 → 1.68.0

package/fullscreenUtils.js

@@ -1 +1,37 @@
-export function enterPseudoFullscreen(t){let e,i;return e={position:t.style.position,left:t.style.left,top:t.style.top,width:t.style.width,height:t.style.height,maxWidth:t.style.maxWidth,maxHeight:t.style.maxHeight,zIndex:t.style.zIndex},i=t,i.style.position="fixed",i.style.left="0px",i.style.top="0px",i.style.width="100%",i.style.height="100%",i.style.maxWidth="100%",i.style.maxHeight="100%",i.style.zIndex="99999",()=>{e&&i&&(i.style.position=e.position,i.style.left=e.left,i.style.top=e.top,i.style.width=e.width,i.style.height=e.height,i.style.maxWidth=e.maxWidth,i.style.maxHeight=e.maxHeight,i.style.zIndex=e.zIndex),e=void 0,i=void 0}}
+export function enterPseudoFullscreen(element) {
+    let originStyle;
+    let currentEl;
+    originStyle = {
+        position: element.style.position,
+        left: element.style.left,
+        top: element.style.top,
+        width: element.style.width,
+        height: element.style.height,
+        maxWidth: element.style.maxWidth,
+        maxHeight: element.style.maxHeight,
+        zIndex: element.style.zIndex,
+    };
+    currentEl = element;
+    currentEl.style.position = 'fixed';
+    currentEl.style.left = '0px';
+    currentEl.style.top = '0px';
+    currentEl.style.width = '100%';
+    currentEl.style.height = '100%';
+    currentEl.style.maxWidth = '100%';
+    currentEl.style.maxHeight = '100%';
+    currentEl.style.zIndex = '99999';
+    return () => {
+        if (originStyle && currentEl) {
+            currentEl.style.position = originStyle.position;
+            currentEl.style.left = originStyle.left;
+            currentEl.style.top = originStyle.top;
+            currentEl.style.width = originStyle.width;
+            currentEl.style.height = originStyle.height;
+            currentEl.style.maxWidth = originStyle.maxWidth;
+            currentEl.style.maxHeight = originStyle.maxHeight;
+            currentEl.style.zIndex = originStyle.zIndex;
+        }
+        originStyle = undefined;
+        currentEl = undefined;
+    };
+}

package/getAspectRatio.js

@@ -1 +1,8 @@
-import{farey}from"@js-toolkit/utils/farey";export function getAspectRatio(t,o){const r=t/o,[e,i]=farey(r,50);return{width:e,height:i,ratio:r}}
+import { farey } from '@js-toolkit/utils/farey';
+/** Approximate aspect ratio */
+export function getAspectRatio(width, height) {
+    const ratio = width / height;
+    // https://stackoverflow.com/a/43016456
+    const [rwidth, rheight] = farey(ratio, 50);
+    return { width: rwidth, height: rheight, ratio };
+}

package/getBrowserLanguage.js

@@ -1 +1,10 @@
-export function getBrowserLanguage(a=!1){const g=navigator.languages&&navigator.languages.length>0?navigator.languages[0]:navigator.language||navigator.userLanguage;return a?g:g.split("-")[0]}
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+/**
+ * @param includeRegion subtag separated by `-`.
+ */
+export function getBrowserLanguage(includeRegion = false) {
+    const language = navigator.languages && navigator.languages.length > 0
+        ? navigator.languages[0]
+        : navigator.language || navigator.userLanguage;
+    return includeRegion ? language : language.split('-')[0];
+}

package/getCurrentScriptUrl.js

@@ -1 +1,4 @@
-const{currentScript:currentScript}=document;export function getCurrentScriptUrl(r){return new URL(r??"",currentScript?.src)}
+const { currentScript } = document;
+export function getCurrentScriptUrl(url) {
+    return new URL(url ?? '', currentScript?.src);
+}

package/getEventAwaiter.js

@@ -1 +1,41 @@
-import{getAwaiter}from"@js-toolkit/utils/getAwaiter";import{EventEmitterListener}from"./EventEmitterListener";import{isEventEmitterLike}from"./EventEmitterListener.utils";export function getEventAwaiter(e,t,r,{ignoreResolve:i,eventToError:o,lazy:n=!0,...s}={}){const E=getAwaiter({lazy:n,...s}),a=Array.isArray(t)?t:[t],f=Array.isArray(r)&&r||r&&[r]||[],m=isEventEmitterLike(e)?e:new EventEmitterListener(e),v=e=>{!(!!i&&i(e))&&E.resolve(e)},c=e=>{const t=o?o(e):e;null!=t&&E.reject(t)},l=()=>{a.forEach(e=>m.off(e,v)),f.forEach(e=>m.off(e,c))},A=E.resolve;E.resolve=(...e)=>(l(),A(...e));const y=E.reject;return E.reject=(...e)=>{y(...e),l()},a.forEach(e=>m.on(e,v)),f.forEach(e=>m.on(e,c)),E}
+/* eslint-disable no-nested-ternary */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { getAwaiter } from '@js-toolkit/utils/getAwaiter';
+import { EventEmitterListener } from './EventEmitterListener';
+import { isEventEmitterLike, } from './EventEmitterListener.utils';
+export function getEventAwaiter(target, resolveEvent, rejectEvent, { ignoreResolve, eventToError, lazy = true, ...rest } = {}) {
+    const readyAwaiter = getAwaiter({ lazy, ...rest });
+    const resolveEvents = Array.isArray(resolveEvent) ? resolveEvent : [resolveEvent];
+    const rejectEvents = rejectEvent == null ? [] : Array.isArray(rejectEvent) ? rejectEvent : [rejectEvent];
+    const listener = isEventEmitterLike(target) ? target : new EventEmitterListener(target);
+    const resolve = (ev) => {
+        const ignore = ignoreResolve ? ignoreResolve(ev) : false;
+        !ignore && readyAwaiter.resolve(ev);
+    };
+    const reject = (ev) => {
+        const err = eventToError ? eventToError(ev) : ev;
+        err != null && readyAwaiter.reject(err);
+    };
+    const destroy = () => {
+        resolveEvents.forEach((e) => listener.off(e, resolve));
+        rejectEvents.forEach((e) => listener.off(e, reject));
+    };
+    const resolveOrigin = readyAwaiter.resolve;
+    readyAwaiter.resolve = (...args) => {
+        destroy();
+        return resolveOrigin(...args);
+    };
+    const rejectOrigin = readyAwaiter.reject;
+    readyAwaiter.reject = (...args) => {
+        rejectOrigin(...args);
+        destroy();
+    };
+    // const waitOrigin = readyAwaiter.wait;
+    // readyAwaiter.wait = (...args) => {
+    //   if (driver.isReady) readyAwaiter.resolve();
+    //   return waitOrigin(...args);
+    // };
+    resolveEvents.forEach((e) => listener.on(e, resolve));
+    rejectEvents.forEach((e) => listener.on(e, reject));
+    return readyAwaiter;
+}

package/getGeoCoordinates.js

@@ -1 +1,6 @@
-export function getGeoCoordinates({timeout:e=1e4,maximumAge:o=6e4,...t}={}){return new Promise((i,m)=>{navigator.geolocation.getCurrentPosition(e=>i(e),e=>m(e),{timeout:e,maximumAge:o,...t})})}
+/* eslint-disable @typescript-eslint/prefer-promise-reject-errors */
+export function getGeoCoordinates({ timeout = 10000, maximumAge = 60000, ...rest } = {}) {
+    return new Promise((resolve, reject) => {
+        navigator.geolocation.getCurrentPosition((pos) => resolve(pos), (err) => reject(err), { timeout, maximumAge, ...rest });
+    });
+}

package/getGeoLocality.js

@@ -1 +1,19 @@
-import{getErrorMessage}from"@js-toolkit/utils/getErrorMessage";export function getGeoLocality({longitude:e,latitude:r,lang:o}){const s=new URL("https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/reverseGeocode");return s.searchParams.set("f","json"),s.searchParams.set("featureTypes","Locality"),s.searchParams.set("location",`{ x: ${e}, y: ${r} }`),o&&s.searchParams.set("langCode",o),window.fetch(s.toString()).then(e=>e.json()).then(e=>{const{address:r,error:o}=e;if(o)throw new Error(getErrorMessage(o),{cause:o});return r.PlaceName||r.LongLabel||r.ShortLabel||""})}
+import { getErrorMessage } from '@js-toolkit/utils/getErrorMessage';
+export function getGeoLocality({ longitude, latitude, lang }) {
+    const url = new URL('https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer/reverseGeocode');
+    url.searchParams.set('f', 'json');
+    url.searchParams.set('featureTypes', 'Locality');
+    url.searchParams.set('location', `{ x: ${longitude}, y: ${latitude} }`);
+    lang && url.searchParams.set('langCode', lang);
+    return window
+        .fetch(url.toString())
+        .then((res) => res.json())
+        .then((data) => {
+        /* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access */
+        const { address, error } = data;
+        if (error != null)
+            throw new Error(getErrorMessage(error), { cause: error });
+        // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
+        return (address.PlaceName || address.LongLabel || address.ShortLabel || '');
+    });
+}

package/getInnerRect.js

@@ -1 +1,8 @@
-import{getInnerXDimensions}from"./getInnerXDimensions";import{getInnerYDimensions}from"./getInnerYDimensions";export function getInnerRect(n){const e="tagName"in n?window.getComputedStyle(n):n;return Object.assign(getInnerXDimensions(e),getInnerYDimensions(e))}
+import { getInnerXDimensions } from './getInnerXDimensions';
+import { getInnerYDimensions } from './getInnerYDimensions';
+export function getInnerRect(elementOrComputedStyle) {
+    const computedStyle = 'tagName' in elementOrComputedStyle
+        ? window.getComputedStyle(elementOrComputedStyle)
+        : elementOrComputedStyle;
+    return Object.assign(getInnerXDimensions(computedStyle), getInnerYDimensions(computedStyle));
+}

package/getInnerXDimensions.js

@@ -1 +1,9 @@
-export function getInnerXDimensions(t){const{boxSizing:e,paddingLeft:o,paddingRight:r,borderLeftWidth:a,borderRightWidth:i,width:d}="tagName"in t?window.getComputedStyle(t):t,n=parseFloat(o)+parseFloat(a),p=parseFloat(r)+parseFloat(i);return{width:"border-box"===e?parseFloat(d)-n-p:parseFloat(d),left:n,right:p}}
+export function getInnerXDimensions(elementOrComputedStyle) {
+    const { boxSizing, paddingLeft, paddingRight, borderLeftWidth, borderRightWidth, width } = 'tagName' in elementOrComputedStyle
+        ? window.getComputedStyle(elementOrComputedStyle)
+        : elementOrComputedStyle;
+    const left = parseFloat(paddingLeft) + parseFloat(borderLeftWidth);
+    const right = parseFloat(paddingRight) + parseFloat(borderRightWidth);
+    const innerWidth = boxSizing === 'border-box' ? parseFloat(width) - left - right : parseFloat(width);
+    return { width: innerWidth, left, right };
+}

package/getInnerYDimensions.js

@@ -1 +1,9 @@
-export function getInnerYDimensions(o){const{boxSizing:t,paddingTop:e,paddingBottom:a,borderTopWidth:r,borderBottomWidth:i,height:n}="tagName"in o?window.getComputedStyle(o):o,p=parseFloat(e)+parseFloat(r),d=parseFloat(a)+parseFloat(i);return{height:"border-box"===t?parseFloat(n)-p-d:parseFloat(n),top:p,bottom:d}}
+export function getInnerYDimensions(elementOrComputedStyle) {
+    const { boxSizing, paddingTop, paddingBottom, borderTopWidth, borderBottomWidth, height } = 'tagName' in elementOrComputedStyle
+        ? window.getComputedStyle(elementOrComputedStyle)
+        : elementOrComputedStyle;
+    const top = parseFloat(paddingTop) + parseFloat(borderTopWidth);
+    const bottom = parseFloat(paddingBottom) + parseFloat(borderBottomWidth);
+    const innerHeight = boxSizing === 'border-box' ? parseFloat(height) - top - bottom : parseFloat(height);
+    return { height: innerHeight, top, bottom };
+}

package/getPinchZoomHandlers.js

@@ -1 +1,134 @@
-import{preventDefault}from"./preventDefault";function getDistanceBetweenFingers(e,t){return Math.hypot(t.pageX-e.pageX,t.pageY-e.pageY)}function getPoint(e,t){return t?{x:(e.pageX+t.pageX)/2,y:(e.pageY+t.pageY)/2}:{x:e.pageX,y:e.pageY}}export function getPinchZoomHandlers({canStart:e,onUpdate:t,onEnd:o,getBounds:n,acceleration:i=2}){const c={x:0,y:0,distance:0};let s,g=1,h=0,a=0,r=!1;const l=e=>{s||(r=!1),s=e.touches.length>=2?"zoom":"move",h=0,a=0,"zoom"===s&&(g=1);const t=e.touches[0],o=e.touches[1];Object.assign(c,getPoint(t,o)),c.distance=o?getDistanceBetweenFingers(t,o):0},u=(e,t)=>{s=void 0,o(e,t)};return{onTouchStart:t=>{t.touches.length>2||e(s??"move",t)&&(l(t),"zoom"===s&&preventDefault(t))},onTouchMove:e=>{if(null==s)return;preventDefault(e);const o=e.touches[0],n=e.touches[1],l=getPoint(o,n),u=(l.x-c.x)*i,p=(l.y-c.y)*i,d=u-h,f=p-a;if(h=u,a=p,r=!0,n&&"zoom"===s){const e=getDistanceBetweenFingers(o,n)/c.distance,i=e-g;g=e,t(i,d,f)}else t(0,d,f)},onTouchEnd:e=>{if(s)if(r&&preventDefault(e),1!==e.touches.length){if(!(e.touches.length>0)){if(n&&r){const[e,t]=n(),o=e.left+window.scrollX>t.left,i=e.top+window.scrollY>t.top,c=e.right+window.scrollX<t.right,s=e.bottom+window.scrollY<t.bottom;if(o||i||c||s){const n=o||c?((e.width-t.width)/2||0)-(c?e.width-t.width:0):0,g=i||s?((e.height-t.height)/2||0)-(s?e.height-t.height:0):0;return void u(n,g)}}u()}}else l(e)},getState:()=>s}}
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+import { preventDefault } from './preventDefault';
+// Calculate distance between two fingers
+function getDistanceBetweenFingers(touch1, touch2) {
+    return Math.hypot(touch2.pageX - touch1.pageX, touch2.pageY - touch1.pageY);
+}
+function getPoint(touch1, touch2) {
+    if (!touch2) {
+        return { x: touch1.pageX, y: touch1.pageY };
+    }
+    return {
+        x: (touch1.pageX + touch2.pageX) / 2,
+        y: (touch1.pageY + touch2.pageY) / 2,
+    };
+}
+export function getPinchZoomHandlers({ canStart, onUpdate, onEnd, getBounds, acceleration = 2, }) {
+    const start = { x: 0, y: 0, distance: 0 };
+    let prevScale = 1;
+    let prevDeltaX = 0;
+    let prevDeltaY = 0;
+    let changed = false;
+    let state;
+    const begin = (event) => {
+        // If previous state is finished, reset changed flag.
+        if (!state) {
+            changed = false;
+        }
+        state = event.touches.length >= 2 ? 'zoom' : 'move';
+        prevDeltaX = 0;
+        prevDeltaY = 0;
+        if (state === 'zoom') {
+            prevScale = 1;
+        }
+        const touch1 = event.touches[0];
+        const touch2 = event.touches[1];
+        // Calculate where the fingers have started on the X and Y axis
+        Object.assign(start, getPoint(touch1, touch2));
+        start.distance = touch2 ? getDistanceBetweenFingers(touch1, touch2) : 0;
+        // console.log('begin', state, start, event);
+    };
+    const end = (x, y) => {
+        // console.log('end', correctedPoint);
+        state = undefined;
+        // changed = false;
+        onEnd(x, y);
+    };
+    const onTouchStart = (event) => {
+        if (event.touches.length > 2)
+            return;
+        if (!canStart(state ?? 'move', event))
+            return;
+        begin(event);
+        if (state === 'zoom') {
+            preventDefault(event); // Prevent click and so on
+            // stopPropagation(event);
+        }
+    };
+    const onTouchMove = (event) => {
+        if (state == null)
+            return;
+        preventDefault(event); // Prevent page scroll
+        // stopPropagation(event);
+        const touch1 = event.touches[0];
+        const touch2 = event.touches[1];
+        // Calculate how much the fingers have moved on the X and Y axis
+        const point = getPoint(touch1, touch2);
+        const deltaX = (point.x - start.x) * acceleration; // * for accelarated movement
+        const deltaY = (point.y - start.y) * acceleration; // * for accelarated movement
+        const deltaOffsetX = deltaX - prevDeltaX;
+        const deltaOffsetY = deltaY - prevDeltaY;
+        prevDeltaX = deltaX;
+        prevDeltaY = deltaY;
+        changed = true;
+        if (touch2 && state === 'zoom') {
+            // Calculate the scale
+            const deltaDistance = getDistanceBetweenFingers(touch1, touch2);
+            const scale = deltaDistance / start.distance;
+            const deltaScale = scale - prevScale;
+            prevScale = scale;
+            // console.log(state, { scale, deltaScale, deltaX, deltaY, deltaOffsetX, deltaOffsetY });
+            onUpdate(deltaScale, deltaOffsetX, deltaOffsetY);
+        }
+        else {
+            // console.log(state, { deltaX, deltaY, deltaOffsetX, deltaOffsetY });
+            onUpdate(0, deltaOffsetX, deltaOffsetY);
+        }
+    };
+    const onTouchEnd = (event) => {
+        // console.log('END', state, changed, event.touches.length, event);
+        if (!state)
+            return;
+        if (changed) {
+            preventDefault(event); // Prevent click and so on
+            // stopPropagation(event);
+        }
+        // If one finger remains, restart potential pan
+        if (event.touches.length === 1) {
+            begin(event);
+            return;
+        }
+        if (event.touches.length > 0)
+            return;
+        // Calculate offsets if out of bounds
+        if (getBounds && changed) {
+            const [targetRect, boundsRect] = getBounds();
+            // console.log('FIX', targetRect, boundsRect, window.scrollX, window.scrollY);
+            const byLeft = targetRect.left + window.scrollX > boundsRect.left;
+            const byTop = targetRect.top + window.scrollY > boundsRect.top;
+            const byRight = targetRect.right + window.scrollX < boundsRect.right;
+            const byBottom = targetRect.bottom + window.scrollY < boundsRect.bottom;
+            if (byLeft || byTop || byRight || byBottom) {
+                const x = byLeft || byRight
+                    ? ((targetRect.width - boundsRect.width) / 2 || 0) -
+                        (byRight ? targetRect.width - boundsRect.width : 0)
+                    : 0;
+                const y = byTop || byBottom
+                    ? ((targetRect.height - boundsRect.height) / 2 || 0) -
+                        (byBottom ? targetRect.height - boundsRect.height : 0)
+                    : 0;
+                end(x, y);
+                // console.log('FIX', x, y, byLeft, byTop, byRight, byBottom);
+                return;
+            }
+        }
+        end();
+    };
+    return {
+        onTouchStart,
+        onTouchMove,
+        onTouchEnd,
+        getState: () => state,
+        // isChanged: () => changed,
+    };
+}

package/getRandomID.js

@@ -1 +1,4 @@
-export function getRandomID(t){const n=crypto.getRandomValues(new Uint32Array(1))[0].toString(16);return t&&t>0?n.substring(0,t):n}
+export function getRandomID(maxLength) {
+    const result = crypto.getRandomValues(new Uint32Array(1))[0].toString(16);
+    return maxLength != null && maxLength > 0 ? result.substring(0, maxLength) : result;
+}

package/getScreenSize.js

@@ -1 +1,23 @@
-function angleToOrientationType(e){return 0===e?"portrait-primary":180===e?"portrait-secondary":90===e?"landscape-primary":-90===e?"landscape-secondary":void 0}export function getScreenSize({respectOrientation:e=!0}={}){const{width:n,height:t,orientation:i}=window.screen;if(e){const e=i?i.type:angleToOrientationType(window.orientation);if(("landscape-primary"===e||"landscape-secondary"===e)&&n<t)return{width:t,height:n}}return{width:n,height:t}}
+/* eslint-disable @typescript-eslint/no-deprecated */
+function angleToOrientationType(angle) {
+    if (angle === 0)
+        return 'portrait-primary';
+    if (angle === 180)
+        return 'portrait-secondary';
+    if (angle === 90)
+        return 'landscape-primary';
+    if (angle === -90)
+        return 'landscape-secondary';
+    return undefined;
+}
+export function getScreenSize({ respectOrientation = true } = {}) {
+    const { width, height, orientation } = window.screen;
+    if (respectOrientation) {
+        const orientationType = orientation != null ? orientation.type : angleToOrientationType(window.orientation);
+        if ((orientationType === 'landscape-primary' || orientationType === 'landscape-secondary') &&
+            width < height) {
+            return { width: height, height: width };
+        }
+    }
+    return { width, height };
+}

package/getSecondsCounter.js

@@ -1 +1,47 @@
-import{toInt}from"@js-toolkit/utils/toInt";export function getSecondsCounter({onChange:t}={}){const e=new Set;let o=t,n=!1;return{getTotal:()=>e.size,push(t){if(n)throw new Error("SecondsCounter was destroyed.");const r="number"==typeof t?t:"currentTime"in t?t.currentTime:t.data.currentTime;if(null==t)return;const s=toInt(r);s>0&&!e.has(s)&&(e.add(s),o&&o({value:s,total:e.size}))},get onChange(){return o},set onChange(t){o=t},reset(){e.clear()},destroy(){n=!0,o=void 0,this.reset()},[Symbol.dispose](){this.destroy()}}}
+import { toInt } from '@js-toolkit/utils/toInt';
+export function getSecondsCounter({ onChange } = {}) {
+    const timestamps = new Set();
+    let listener = onChange;
+    let destroyed = false;
+    return {
+        getTotal() {
+            return timestamps.size;
+        },
+        push(time) {
+            if (destroyed)
+                throw new Error('SecondsCounter was destroyed.');
+            const currentTime = 
+            // eslint-disable-next-line no-nested-ternary
+            typeof time === 'number'
+                ? time
+                : 'currentTime' in time
+                    ? time.currentTime
+                    : time.data.currentTime;
+            if (time == null)
+                return;
+            // Add new seconds to list
+            const secs = toInt(currentTime);
+            if (secs > 0 && !timestamps.has(secs)) {
+                timestamps.add(secs);
+                listener?.({ value: secs, total: timestamps.size });
+            }
+        },
+        get onChange() {
+            return listener;
+        },
+        set onChange(value) {
+            listener = value;
+        },
+        reset() {
+            timestamps.clear();
+        },
+        destroy() {
+            destroyed = true;
+            listener = undefined;
+            this.reset();
+        },
+        [Symbol.dispose]() {
+            this.destroy();
+        },
+    };
+}

package/iframe/getAutoConnector.js

@@ -1 +1,251 @@
-import{v4 as uuid}from"uuid";import log from"@js-toolkit/utils/log";import{onDOMReady}from"../onDOMReady";import{isPingMessage,isTargetReadyMessage}from"./messages";import{isWindowProxy,readTargets}from"./utils";import{getOriginFromMessage}from"./getOriginFromMessage";export{getClientMessages,getHostMessages}from"./messages";export function getAutoConnector({id:e,label:t,strictTargets:o=!0,messagesTypes:s,channel:n,logger:i=log.getLogger("AutoConnector"),onSendData:r,onConnect:a}){const d=e||uuid(),g=t||d,c=new Map,f="open"===n?new Map:void 0;let u,l;const p=(e,t,o,s,n)=>{if(window!==t)if(isWindowProxy(t)){t.postMessage(e,o,n);const r=t===window.parent?"iframe parent":"iframe";i.v1(`${g}: Post message to ${r} (uid=${s},self.uid=${d},origin=${o}):`,e)}else t.postMessage(e,n&&{transfer:n}),i.v1(`${g}: Post message to MessageEventSource (uid=${s},self.uid=${d}):`,e)},m=(e,t,o)=>{p({uid:d,type:s.Ping},e,t,o)},h=e=>{if(!e.source||e.source===window)return;if(!isPingMessage(e.data,s)&&!isTargetReadyMessage(e.data,s))return;if(e.data.uid===d)return;const t=e.source,l=e.data.uid;if(i.v1(`${g}: Receive message from iframe (uid=${l},self.uid=${d},origin=${e.origin}):`,e.data),o&&u&&!u.has(t))return void i.v1(`${g}: Could not find target (uid=${l},self.uid=${d}) by message.source.`);const h=getOriginFromMessage(e);if(isPingMessage(e.data,s)&&!c.get(l)?.Ping)return c.set(l,{...c.get(l),Ping:!0}),void m(t,h,l);let w=!1;if(c.get(l)?.Ping&&!c.get(l)?.SelfReady){c.set(l,{...c.get(l),SelfReady:!0});const e={target:t,origin:h},o=f?(()=>{const t=f.get(l)?.[0]??new MessageChannel;return f.set(l,[t,e]),t.port2})():void 0;((e,t,o,n,i)=>{p({uid:d,type:s.SelfReady,data:e},t,o,n,i?[i]:void 0)})(r?r(e):void 0,t,h,l,o),w=!1}if(isTargetReadyMessage(e.data,s)&&c.get(l)?.SelfReady){c.delete(l),u?.delete(t);const o=(()=>{if("open"===n){const e=f?.get(l)?.[0].port1;if(!e)throw new Error("Something went wrong: MessageChannel is not created despite the fact that the `channel` option is `open`.");return e}if("use"===n){const t=e.ports[0];if(!t)throw new Error("MessagePort is not received despite the fact that the `channel` option is `use`. The `channel` option of connector on another side must be equals `open`.");return t}})(),{data:s}=e.data,r=()=>{i.v1(`${g}: Connection established (self.uid=${d} + uid=${l}).`),a({data:s,target:t,origin:h},o)};w?setTimeout(r,0):r()}},w=()=>{l&&(l(),l=void 0)};return{start:(e,t={})=>{if(l&&!t.append)return void i.warn(`${g}: Already started. You should first call \`stop\`.`);if(t.append){const e=u;w(),u=e}const o=()=>{const o=(()=>{const t="function"==typeof e?e():e;return t.length>0?t:void 0})(),s=o&&readTargets(o);if(!s)return;const n=new Set(s);t.append?(u||(u=new Set),n.forEach(e=>u.add(e))):u=n,window.addEventListener("message",h);(t.append?n:u).forEach(e=>{e!==window&&m(e,"*","")})},s="function"==typeof e?onDOMReady(o):o();l=()=>{s&&s(),window.removeEventListener("message",h),u=void 0}},stop:w,isStarted:()=>!!l,close:e=>{const t=e instanceof Set?e:new Set(readTargets(e));if(0!==t.size&&(f&&f.forEach(([e,o],s)=>{t.has(o.target)&&(e.port1.close(),e.port2.close(),f.delete(s))}),u)){const e=u;t.forEach(t=>e.delete(t))}},destroy:()=>{w(),c.clear(),f&&(f.forEach(([e])=>{e.port1.close(),e.port2.close()}),f.clear())},[Symbol.dispose](){this.destroy()}}}
+import { v4 as uuid } from 'uuid';
+import log from '@js-toolkit/utils/log';
+import { onDOMReady } from '../onDOMReady';
+import { isPingMessage, isTargetReadyMessage, } from './messages';
+import { isWindowProxy, readTargets } from './utils';
+import { getOriginFromMessage } from './getOriginFromMessage';
+export { getClientMessages, getHostMessages } from './messages';
+// function createChannelProxy(channelMap: Map<string, MessageChannel>): AutoConnector.Channel {
+//   return {
+//     addEventListener(...args: Parameters<MessagePort['addEventListener']>) {
+//       channelMap.forEach(({ port1 }) => port1.addEventListener(...args));
+//     },
+//     removeEventListener(...args: Parameters<MessagePort['removeEventListener']>) {
+//       channelMap.forEach(({ port1 }) => port1.removeEventListener(...args));
+//     },
+//     start() {
+//       channelMap.forEach(({ port1 }) => port1.start());
+//     },
+//     close() {
+//       channelMap.forEach(({ port1 }) => port1.close());
+//     },
+//     postMessage(message, options, ...args) {
+//       channelMap.forEach(({ port1 }) => {
+//         port1.postMessage(message, options as StructuredSerializeOptions, ...args);
+//       });
+//     },
+//   };
+// }
+export function getAutoConnector({ id, label: labelOption, strictTargets = true, messagesTypes, channel: channelOption, logger = log.getLogger('AutoConnector'), onSendData, onConnect, }) {
+    const uid = id || uuid();
+    const label = labelOption || uid;
+    const msgMap = new Map();
+    const channelMap = channelOption === 'open' ? new Map() : undefined;
+    // let channel: AutoConnector.Channel | MessagePort | undefined;
+    let specialTargets;
+    let disposer;
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters
+    const post = (message, target, origin, targetId, transfer) => {
+        if (window === target)
+            return;
+        if (isWindowProxy(target)) {
+            target.postMessage(message, origin, transfer);
+            const targetName = target === window.parent ? 'iframe parent' : 'iframe';
+            logger.v1(`${label}: Post message to ${targetName} (uid=${targetId},self.uid=${uid},origin=${origin}):`, message);
+        }
+        else {
+            target.postMessage(message, transfer && { transfer });
+            logger.v1(`${label}: Post message to MessageEventSource (uid=${targetId},self.uid=${uid}):`, message);
+        }
+    };
+    const sendPing = (target, origin, targetId) => {
+        post({ uid, type: messagesTypes.Ping }, target, origin, targetId);
+    };
+    const sendReady = (data, target, origin, targetId, port) => {
+        post({ uid, type: messagesTypes.SelfReady, data }, target, origin, targetId, port ? [port] : undefined);
+    };
+    const onReceiveMessage = (message) => {
+        if (!message.source || message.source === window) {
+            return;
+        }
+        if (!isPingMessage(message.data, messagesTypes) &&
+            !isTargetReadyMessage(message.data, messagesTypes)) {
+            return;
+        }
+        if (message.data.uid === uid) {
+            return;
+        }
+        const target = message.source;
+        const targetId = message.data.uid;
+        logger.v1(`${label}: Receive message from iframe (uid=${targetId},self.uid=${uid},origin=${message.origin}):`, message.data);
+        if (strictTargets && specialTargets && !specialTargets.has(target)) {
+            logger.v1(`${label}: Could not find target (uid=${targetId},self.uid=${uid}) by message.source.`);
+            return;
+        }
+        const origin = getOriginFromMessage(message);
+        // console.log(label, { ...msgMap.get(targetId) });
+        // Ping from iframe
+        if (isPingMessage(message.data, messagesTypes) && !msgMap.get(targetId)?.Ping) {
+            msgMap.set(targetId, { ...msgMap.get(targetId), Ping: true });
+            sendPing(target, origin, targetId);
+            return;
+        }
+        // In order to wait messages queue in target before call `onConnect`.
+        let needAsync = false;
+        // Ping or Ready from iframe
+        if (msgMap.get(targetId)?.Ping && !msgMap.get(targetId)?.SelfReady) {
+            msgMap.set(targetId, { ...msgMap.get(targetId), SelfReady: true });
+            // if (!channel && channelMap) {
+            //   channel = createChannelProxy(channelMap);
+            // }
+            const targetInfo = { target, origin };
+            const port2 = channelMap
+                ? (() => {
+                    const messageChannel = channelMap.get(targetId)?.[0] ?? new MessageChannel();
+                    channelMap.set(targetId, [messageChannel, targetInfo]);
+                    return messageChannel.port2;
+                })()
+                : undefined;
+            sendReady(onSendData ? onSendData(targetInfo) : undefined, target, origin, targetId, port2);
+            needAsync = false;
+            // return;
+        }
+        // Ready from iframe
+        if (isTargetReadyMessage(message.data, messagesTypes) &&
+            msgMap.get(targetId)?.SelfReady) {
+            // Reset state for target
+            msgMap.delete(targetId);
+            specialTargets?.delete(target);
+            const port = (() => {
+                if (channelOption === 'open') {
+                    const port1 = channelMap?.get(targetId)?.[0].port1;
+                    if (!port1)
+                        throw new Error('Something went wrong: MessageChannel is not created despite the fact that the `channel` option is `open`.');
+                    return port1;
+                }
+                if (channelOption === 'use') {
+                    const port2 = message.ports[0];
+                    if (port2 == null)
+                        throw new Error('MessagePort is not received despite the fact that the `channel` option is `use`. The `channel` option of connector on another side must be equals `open`.');
+                    return port2;
+                }
+                throw new Error(`Something went wrong: Unknown channelOption value ${channelOption}.`);
+            })();
+            const { data } = message.data;
+            const complete = () => {
+                logger.v1(`${label}: Connection established (self.uid=${uid} + uid=${targetId}).`);
+                onConnect({ data, target, origin }, port);
+                // if (channelOption === 'open') {
+                //   const port1 = channelMap?.get(targetId)?.port1;
+                //   if (!port1) throw new Error();
+                //   onConnect({ data, target, origin }, port1);
+                // } else if (channelOption === 'use') {
+                //   onConnect({ data, target, origin }, channel as MessagePort);
+                // } else if (!channelOption) {
+                //   onConnect({ data, target, origin });
+                // }
+            };
+            if (needAsync)
+                setTimeout(complete, 0);
+            else
+                complete();
+        }
+    };
+    const stop = () => {
+        if (disposer) {
+            disposer();
+            disposer = undefined;
+        }
+    };
+    const start = (targets, options = {}) => {
+        if (disposer && !options.append) {
+            logger.warn(`${label}: Already started. You should first call \`stop\`.`);
+            return;
+        }
+        if (options.append) {
+            const prevSpecialTargets = specialTargets;
+            stop();
+            specialTargets = prevSpecialTargets;
+        }
+        // Init and send ping to iframes
+        const ready = () => {
+            const newTargets = (() => {
+                const list = typeof targets === 'function' ? targets() : targets;
+                return list.length > 0 ? list : undefined;
+            })();
+            const newWindows = newTargets && readTargets(newTargets);
+            if (!newWindows)
+                return;
+            const newWindowsSet = new Set(newWindows);
+            if (options.append) {
+                specialTargets ??= new Set();
+                const t = specialTargets;
+                newWindowsSet.forEach((w) => t.add(w));
+            }
+            else {
+                specialTargets = newWindowsSet;
+            }
+            window.addEventListener('message', onReceiveMessage);
+            const frameSet = options.append ? newWindowsSet : specialTargets;
+            frameSet.forEach((frameWindow) => {
+                if (frameWindow !== window)
+                    sendPing(frameWindow, '*', '');
+            });
+        };
+        // eslint-disable-next-line @typescript-eslint/no-confusing-void-expression
+        const cancel = typeof targets === 'function' ? onDOMReady(ready) : ready();
+        disposer = () => {
+            if (cancel)
+                cancel();
+            window.removeEventListener('message', onReceiveMessage);
+            specialTargets = undefined;
+        };
+    };
+    const close = (targets) => {
+        const set = targets instanceof Set ? targets : new Set(readTargets(targets));
+        if (set.size === 0)
+            return;
+        if (channelMap) {
+            channelMap.forEach(([ch, targetInfo], targetId) => {
+                if (set.has(targetInfo.target)) {
+                    ch.port1.close();
+                    ch.port2.close();
+                    channelMap.delete(targetId);
+                }
+            });
+        }
+        if (specialTargets) {
+            const list = specialTargets;
+            set.forEach((t) => list.delete(t));
+        }
+    };
+    return {
+        start,
+        stop,
+        isStarted: () => !!disposer,
+        // getChannel: () => {
+        //   if (!channel) {
+        //     if (channelOption === 'use')
+        //       throw new Error('Channel is unavailable. Maybe the connector is not connected yet.');
+        //     else
+        //       throw new Error(
+        //         'Channel is unavailable. In order to use channel the option `channel` must be one of `open`, `use`.'
+        //       );
+        //   }
+        //   return channel;
+        // },
+        close,
+        destroy: () => {
+            stop();
+            msgMap.clear();
+            // if (channel) {
+            //   channel.close();
+            //   channel = undefined;
+            // }
+            if (channelMap) {
+                channelMap.forEach(([ch]) => {
+                    ch.port1.close();
+                    // ch.port1.onmessage = null;
+                    // ch.port1.onmessageerror = null;
+                    ch.port2.close();
+                    // ch.port2.onmessage = null;
+                    // ch.port2.onmessageerror = null;
+                });
+                channelMap.clear();
+            }
+        },
+        [Symbol.dispose]() {
+            this.destroy();
+        },
+    };
+}