@24i/bigscreen-sdk 1.0.40-alpha.2687 → 1.0.40

package/packages/utils/src/textUtils.ts

@@ -1,57 +1,57 @@
-const ELLIPSIS = '...';
-
-const trimWithEllipsis = (
-    row: HTMLSpanElement | HTMLDivElement,
-    requestedNumberOfLines: number,
-    ellipsis = ELLIPSIS,
-    ending = false,
-) : void => {
-    if (!row.textContent) {
-        return;
-    }
-    const { visibility } = row.style;
-    row.style.visibility = 'hidden';
-    const lineHeightString = window.getComputedStyle(row, null).getPropertyValue('line-height');
-    const lineHeight = parseInt(lineHeightString, 10);
-    let numberOfLines = row.offsetHeight / lineHeight;
-    if (numberOfLines > requestedNumberOfLines) {
-        const originalTextContent = row.textContent!;
-        row.textContent = ellipsis;
-        let stringBuffer = '';
-        if (ending) {
-            let currentPosition = 0;
-            do {
-                stringBuffer += originalTextContent.charAt(currentPosition);
-                row.textContent = stringBuffer + ellipsis;
-                currentPosition += 1;
-                numberOfLines = row.offsetHeight / lineHeight;
-            } while (numberOfLines <= requestedNumberOfLines
-                && currentPosition < originalTextContent.length);
-            row.textContent = stringBuffer.substring(0, stringBuffer.length - 1) + ellipsis;
-
-        } else {
-            let currentPosition = originalTextContent.length - 1;
-            do {
-                const charToAdd = originalTextContent.charAt(currentPosition);
-                stringBuffer = `${charToAdd}${stringBuffer}`;
-                row.textContent = `${ellipsis}${stringBuffer}`;
-                currentPosition -= 1;
-                numberOfLines = Math.floor(row.offsetHeight / lineHeight);
-            } while (numberOfLines <= requestedNumberOfLines && currentPosition >= 0);
-            row.textContent = `${ellipsis}${stringBuffer.substring(1)}`;
-        }
-    }
-    row.style.visibility = visibility;
-};
-
-export const trimWithLeadingEllipsis = (
-    row: HTMLSpanElement | HTMLDivElement,
-    requestedNumberOfLines: number,
-    ellipsis = ELLIPSIS,
-) => trimWithEllipsis(row, requestedNumberOfLines, ellipsis, false);
-
-export const trimWithEndingEllipsis = (
-    row: HTMLSpanElement | HTMLDivElement,
-    requestedNumberOfLines: number,
-    ellipsis = ELLIPSIS,
-) => trimWithEllipsis(row, requestedNumberOfLines, ellipsis, true);
+const ELLIPSIS = '...';
+
+const trimWithEllipsis = (
+    row: HTMLSpanElement | HTMLDivElement,
+    requestedNumberOfLines: number,
+    ellipsis = ELLIPSIS,
+    ending = false,
+) : void => {
+    if (!row.textContent) {
+        return;
+    }
+    const { visibility } = row.style;
+    row.style.visibility = 'hidden';
+    const lineHeightString = window.getComputedStyle(row, null).getPropertyValue('line-height');
+    const lineHeight = parseInt(lineHeightString, 10);
+    let numberOfLines = row.offsetHeight / lineHeight;
+    if (numberOfLines > requestedNumberOfLines) {
+        const originalTextContent = row.textContent!;
+        row.textContent = ellipsis;
+        let stringBuffer = '';
+        if (ending) {
+            let currentPosition = 0;
+            do {
+                stringBuffer += originalTextContent.charAt(currentPosition);
+                row.textContent = stringBuffer + ellipsis;
+                currentPosition += 1;
+                numberOfLines = row.offsetHeight / lineHeight;
+            } while (numberOfLines <= requestedNumberOfLines
+                && currentPosition < originalTextContent.length);
+            row.textContent = stringBuffer.substring(0, stringBuffer.length - 1) + ellipsis;
+
+        } else {
+            let currentPosition = originalTextContent.length - 1;
+            do {
+                const charToAdd = originalTextContent.charAt(currentPosition);
+                stringBuffer = `${charToAdd}${stringBuffer}`;
+                row.textContent = `${ellipsis}${stringBuffer}`;
+                currentPosition -= 1;
+                numberOfLines = Math.floor(row.offsetHeight / lineHeight);
+            } while (numberOfLines <= requestedNumberOfLines && currentPosition >= 0);
+            row.textContent = `${ellipsis}${stringBuffer.substring(1)}`;
+        }
+    }
+    row.style.visibility = visibility;
+};
+
+export const trimWithLeadingEllipsis = (
+    row: HTMLSpanElement | HTMLDivElement,
+    requestedNumberOfLines: number,
+    ellipsis = ELLIPSIS,
+) => trimWithEllipsis(row, requestedNumberOfLines, ellipsis, false);
+
+export const trimWithEndingEllipsis = (
+    row: HTMLSpanElement | HTMLDivElement,
+    requestedNumberOfLines: number,
+    ellipsis = ELLIPSIS,
+) => trimWithEllipsis(row, requestedNumberOfLines, ellipsis, true);

package/packages/utils/src/timeConstants.ts

@@ -1,11 +1,11 @@
-export const SECONDS_PER_MINUTE = 60;
-export const MINUTES_PER_HALF_HOUR = 30;
-export const MINUTES_PER_HOUR = 60;
-export const HOURS_PER_DAY = 24;
-export const DAYS_PER_WEEK = 7;
-
-export const SECOND_IN_MS = 1000;
-export const MINUTE_IN_MS = SECOND_IN_MS * SECONDS_PER_MINUTE;
-export const HALF_HOUR_IN_MS = MINUTE_IN_MS * MINUTES_PER_HALF_HOUR;
-export const HOUR_IN_MS = MINUTE_IN_MS * MINUTES_PER_HOUR;
-export const DAY_IN_MS = HOUR_IN_MS * HOURS_PER_DAY;
+export const SECONDS_PER_MINUTE = 60;
+export const MINUTES_PER_HALF_HOUR = 30;
+export const MINUTES_PER_HOUR = 60;
+export const HOURS_PER_DAY = 24;
+export const DAYS_PER_WEEK = 7;
+
+export const SECOND_IN_MS = 1000;
+export const MINUTE_IN_MS = SECOND_IN_MS * SECONDS_PER_MINUTE;
+export const HALF_HOUR_IN_MS = MINUTE_IN_MS * MINUTES_PER_HALF_HOUR;
+export const HOUR_IN_MS = MINUTE_IN_MS * MINUTES_PER_HOUR;
+export const DAY_IN_MS = HOUR_IN_MS * HOURS_PER_DAY;

package/packages/utils/src/timers/createInterval.ts

@@ -1,19 +1,19 @@
-import { TimedObject, TimedFunction } from './types';
-
-export const createInterval = () => {
-    const intervalObject: TimedObject = {
-        id: null,
-        set: (callbackFn: () => void, timeMs: number) => {
-            intervalObject.clear();
-            intervalObject.id = window.setInterval(callbackFn, timeMs);
-        },
-        clear: () => {
-            if (intervalObject.id !== null) {
-                window.clearInterval(intervalObject.id);
-                intervalObject.id = null;
-            }
-        },
-        isActive: () => intervalObject.id !== null,
-    };
-    return intervalObject as TimedFunction;
-};
+import { TimedObject, TimedFunction } from './types';
+
+export const createInterval = () => {
+    const intervalObject: TimedObject = {
+        id: null,
+        set: (callbackFn: () => void, timeMs: number) => {
+            intervalObject.clear();
+            intervalObject.id = window.setInterval(callbackFn, timeMs);
+        },
+        clear: () => {
+            if (intervalObject.id !== null) {
+                window.clearInterval(intervalObject.id);
+                intervalObject.id = null;
+            }
+        },
+        isActive: () => intervalObject.id !== null,
+    };
+    return intervalObject as TimedFunction;
+};

package/packages/utils/src/timers/createTimeout.ts

@@ -1,22 +1,22 @@
-import { TimedObject, TimedFunction } from './types';
-
-export const createTimeout = () => {
-    const timeoutObject: TimedObject = {
-        id: null,
-        set: (callbackFn: () => void, timeMs: number) => {
-            timeoutObject.clear();
-            timeoutObject.id = window.setTimeout(() => {
-                timeoutObject.id = null;
-                callbackFn();
-            }, timeMs);
-        },
-        clear: () => {
-            if (timeoutObject.id !== null) {
-                window.clearTimeout(timeoutObject.id);
-                timeoutObject.id = null;
-            }
-        },
-        isActive: () => timeoutObject.id !== null,
-    };
-    return timeoutObject as TimedFunction;
-};
+import { TimedObject, TimedFunction } from './types';
+
+export const createTimeout = () => {
+    const timeoutObject: TimedObject = {
+        id: null,
+        set: (callbackFn: () => void, timeMs: number) => {
+            timeoutObject.clear();
+            timeoutObject.id = window.setTimeout(() => {
+                timeoutObject.id = null;
+                callbackFn();
+            }, timeMs);
+        },
+        clear: () => {
+            if (timeoutObject.id !== null) {
+                window.clearTimeout(timeoutObject.id);
+                timeoutObject.id = null;
+            }
+        },
+        isActive: () => timeoutObject.id !== null,
+    };
+    return timeoutObject as TimedFunction;
+};

package/packages/utils/src/timers/index.ts

@@ -1,4 +1,4 @@
-export { createInterval } from './createInterval';
-export { createTimeout } from './createTimeout';
-export { runAsync } from './runAsync';
-export type { TimedFunction } from './types';
+export { createInterval } from './createInterval';
+export { createTimeout } from './createTimeout';
+export { runAsync } from './runAsync';
+export type { TimedFunction } from './types';

package/packages/utils/src/timers/runAsync.ts

@@ -1,3 +1,3 @@
-export const runAsync = (callbackFn: () => void) => {
-    window.setTimeout(callbackFn, 0);
-};
+export const runAsync = (callbackFn: () => void) => {
+    window.setTimeout(callbackFn, 0);
+};

package/packages/utils/src/timers/types.ts

@@ -1,9 +1,9 @@
-export interface TimedFunction {
-    set: (callbackFn: () => void, timeMs: number) => void,
-    clear: () => void,
-    isActive: () => boolean,
-}
-
-export type TimedObject = {
-    id: number | null,
-} & TimedFunction;
+export interface TimedFunction {
+    set: (callbackFn: () => void, timeMs: number) => void,
+    clear: () => void,
+    isActive: () => boolean,
+}
+
+export type TimedObject = {
+    id: number | null,
+} & TimedFunction;

package/packages/utils/src/wait.ts

@@ -1,3 +1,3 @@
-export const wait = (waitMs: number) => new Promise((r) => {
-    setTimeout(r, waitMs);
-});
+export const wait = (waitMs: number) => new Promise((r) => {
+    setTimeout(r, waitMs);
+});

package/packages/utils/src/xhr/__mocks__/xhr.ts

@@ -1,29 +1,29 @@
-function mockXhr(status?: number, responseData?: string) {
-    const mockXhrObj = {
-        open: jest.fn(),
-        send: jest.fn(),
-        ontimeout: jest.fn(),
-        onerror: jest.fn(),
-        onabort: jest.fn(),
-        onload: jest.fn(),
-        setRequestHeader: jest.fn(),
-        readyState: 4,
-        status,
-        response: responseData,
-        timeout: undefined as undefined | number,
-    };
-
-    const mockXhrClass = () => mockXhrObj;
-
-    // @ts-ignore - Needed for mocking purposes
-    window.XMLHttpRequest = jest.fn().mockImplementation(mockXhrClass);
-
-    setTimeout(() => {
-        // @ts-ignore - Needed for mocking purposes
-        mockXhrObj.onload();
-    }, 0);
-
-    return mockXhrObj;
-}
-
-export { mockXhr };
+function mockXhr(status?: number, responseData?: string) {
+    const mockXhrObj = {
+        open: jest.fn(),
+        send: jest.fn(),
+        ontimeout: jest.fn(),
+        onerror: jest.fn(),
+        onabort: jest.fn(),
+        onload: jest.fn(),
+        setRequestHeader: jest.fn(),
+        readyState: 4,
+        status,
+        response: responseData,
+        timeout: undefined as undefined | number,
+    };
+
+    const mockXhrClass = () => mockXhrObj;
+
+    // @ts-ignore - Needed for mocking purposes
+    window.XMLHttpRequest = jest.fn().mockImplementation(mockXhrClass);
+
+    setTimeout(() => {
+        // @ts-ignore - Needed for mocking purposes
+        mockXhrObj.onload();
+    }, 0);
+
+    return mockXhrObj;
+}
+
+export { mockXhr };

package/packages/utils/src/xhr/index.ts

@@ -1,11 +1,11 @@
-export {
-    xhrSend,
-    type XhrOptions, type XhrResponse,
-} from './xhrSend';
-
-export {
-    xhrSendRetry, defaultRetryConfig,
-    type RetryConfig, type RSOptions, type ShouldRetryParam,
-} from './xhrSendRetry';
-
-export { mockXhr } from './__mocks__/xhr';
+export {
+    xhrSend,
+    type XhrOptions, type XhrResponse,
+} from './xhrSend';
+
+export {
+    xhrSendRetry, defaultRetryConfig,
+    type RetryConfig, type RSOptions, type ShouldRetryParam,
+} from './xhrSendRetry';
+
+export { mockXhr } from './__mocks__/xhr';

package/packages/utils/src/xhr/xhrSend.ts

@@ -1,141 +1,141 @@
-/**
- * Simple wrap "xhrSend" function over XMLHttpRequest.
- */
-
-const HttpStatusCode = {
-    OK: 200,
-    MULTIPLE_CHOICES: 300,
-    UNAUTHORIZED: 401,
-    FORBIDDEN: 403,
-};
-
-type HttpMethods = 'GET' | 'POST' | 'PUT' | 'DELETE';
-
-export type XhrOptions = {
-    /**
-     * HTTP request method, e.g. POST.
-     */
-    method: HttpMethods,
-    /**
-     * The object with HTTP request headers.
-     */
-    headers: { [key: string]: string },
-    /**
-     * The number of milliseconds a request can take before automatically being terminated.
-     * Value 0 means there is no timeout.
-     */
-    timeoutInMs: number,
-    /**
-     * The body of data to be sent in the XHR request, a string (e.g. JSON-encoded).
-     */
-    body?: string,
-};
-
-export type XhrResponse = {
-    /**
-     * The body content of response.
-     */
-    dataText: string,
-    /**
-     * The object corresponding to the given JSON body text.
-     */
-    dataJson: Object | undefined,
-    /**
-     * The status code of the response (e.g., 200 for a success).
-     */
-    status: number,
-    /**
-     * The status message corresponding to the status code (e.g., "OK" for 200).
-     */
-    statusText: string
-    /**
-     * The state whether the response was successful (status in the range 200-299) or not.
-     */
-    ok: boolean,
-};
-
-const defaultOptions: XhrOptions = {
-    method: 'GET',
-    headers: {},
-    timeoutInMs: 0,
-};
-
-/**
- * Sends HTTP request
- *
- * @param url The URL to access.
- * @param options The optional options object.
- * @param options.method [options.method='GET'] HTTP request method.
- * @param options.timeoutInMs [options.timeoutInMs=0] The number of milliseconds
- * a request can take before automatically being terminated.
- * @param options.headers [options.headers={}] The object with HTTP request headers.
- * @param options.body [options.body] The body of data to be sent in the XHR request,
- * a string (e.g. JSON-encoded).
- * @returns Promise rejects with TypeError. Resolves with XhrResponse object.
- */
-function xhrSend(url: string, options: Partial<XhrOptions> = {}): Promise<XhrResponse | TypeError> {
-    return new Promise((resolve, reject) => {
-        const method = options.method || defaultOptions.method;
-        const headers = options.headers || defaultOptions.headers;
-        const timeoutInMs = options.timeoutInMs !== undefined
-            ? options.timeoutInMs : defaultOptions.timeoutInMs;
-        const { body } = options;
-
-        const xhr = new XMLHttpRequest();
-
-        function onLoad() {
-            const dataText = 'response' in (xhr as XMLHttpRequest)
-                ? xhr.response
-                : xhr.responseText;
-            const dataJson = parseJson(dataText);
-            const status = xhr.status === undefined ? HttpStatusCode.OK : xhr.status;
-            const statusText = xhr.statusText === undefined ? 'OK' : xhr.statusText;
-            const ok = status >= HttpStatusCode.OK && status < HttpStatusCode.MULTIPLE_CHOICES;
-            resolve({ dataText, dataJson, status, statusText, ok });
-        }
-
-        function onError() {
-            const error = new TypeError('Network request failed');
-            reject(error);
-        }
-
-        function onTimeout() {
-            const error = new TypeError('Network request failed - timeout');
-            error.name = 'TimeoutError';
-            reject(error);
-        }
-
-        function onAbort() {
-            const error = new TypeError('Aborted');
-            error.name = 'AbortedError';
-            reject(error);
-        }
-
-        xhr.onload = onLoad;
-        xhr.onerror = onError;
-        xhr.ontimeout = onTimeout;
-        xhr.onabort = onAbort;
-        xhr.open(method, url, true);
-
-        xhr.timeout = timeoutInMs;
-
-        const keys = Object.keys(headers);
-        for (let i = 0; i < keys.length; i++) {
-            const name = keys[i];
-            const value = headers[name];
-            xhr.setRequestHeader(name, value);
-        }
-
-        xhr.send(typeof body === 'undefined' ? null : body);
-    });
-}
-
-function parseJson(text: string): string | undefined {
-    try {
-        return JSON.parse(text);
-    } catch (e) {
-        return undefined;
-    }
-}
-
-export { xhrSend };
+/**
+ * Simple wrap "xhrSend" function over XMLHttpRequest.
+ */
+
+const HttpStatusCode = {
+    OK: 200,
+    MULTIPLE_CHOICES: 300,
+    UNAUTHORIZED: 401,
+    FORBIDDEN: 403,
+};
+
+type HttpMethods = 'GET' | 'POST' | 'PUT' | 'DELETE';
+
+export type XhrOptions = {
+    /**
+     * HTTP request method, e.g. POST.
+     */
+    method: HttpMethods,
+    /**
+     * The object with HTTP request headers.
+     */
+    headers: { [key: string]: string },
+    /**
+     * The number of milliseconds a request can take before automatically being terminated.
+     * Value 0 means there is no timeout.
+     */
+    timeoutInMs: number,
+    /**
+     * The body of data to be sent in the XHR request, a string (e.g. JSON-encoded).
+     */
+    body?: string,
+};
+
+export type XhrResponse = {
+    /**
+     * The body content of response.
+     */
+    dataText: string,
+    /**
+     * The object corresponding to the given JSON body text.
+     */
+    dataJson: Object | undefined,
+    /**
+     * The status code of the response (e.g., 200 for a success).
+     */
+    status: number,
+    /**
+     * The status message corresponding to the status code (e.g., "OK" for 200).
+     */
+    statusText: string
+    /**
+     * The state whether the response was successful (status in the range 200-299) or not.
+     */
+    ok: boolean,
+};
+
+const defaultOptions: XhrOptions = {
+    method: 'GET',
+    headers: {},
+    timeoutInMs: 0,
+};
+
+/**
+ * Sends HTTP request
+ *
+ * @param url The URL to access.
+ * @param options The optional options object.
+ * @param options.method [options.method='GET'] HTTP request method.
+ * @param options.timeoutInMs [options.timeoutInMs=0] The number of milliseconds
+ * a request can take before automatically being terminated.
+ * @param options.headers [options.headers={}] The object with HTTP request headers.
+ * @param options.body [options.body] The body of data to be sent in the XHR request,
+ * a string (e.g. JSON-encoded).
+ * @returns Promise rejects with TypeError. Resolves with XhrResponse object.
+ */
+function xhrSend(url: string, options: Partial<XhrOptions> = {}): Promise<XhrResponse | TypeError> {
+    return new Promise((resolve, reject) => {
+        const method = options.method || defaultOptions.method;
+        const headers = options.headers || defaultOptions.headers;
+        const timeoutInMs = options.timeoutInMs !== undefined
+            ? options.timeoutInMs : defaultOptions.timeoutInMs;
+        const { body } = options;
+
+        const xhr = new XMLHttpRequest();
+
+        function onLoad() {
+            const dataText = 'response' in (xhr as XMLHttpRequest)
+                ? xhr.response
+                : xhr.responseText;
+            const dataJson = parseJson(dataText);
+            const status = xhr.status === undefined ? HttpStatusCode.OK : xhr.status;
+            const statusText = xhr.statusText === undefined ? 'OK' : xhr.statusText;
+            const ok = status >= HttpStatusCode.OK && status < HttpStatusCode.MULTIPLE_CHOICES;
+            resolve({ dataText, dataJson, status, statusText, ok });
+        }
+
+        function onError() {
+            const error = new TypeError('Network request failed');
+            reject(error);
+        }
+
+        function onTimeout() {
+            const error = new TypeError('Network request failed - timeout');
+            error.name = 'TimeoutError';
+            reject(error);
+        }
+
+        function onAbort() {
+            const error = new TypeError('Aborted');
+            error.name = 'AbortedError';
+            reject(error);
+        }
+
+        xhr.onload = onLoad;
+        xhr.onerror = onError;
+        xhr.ontimeout = onTimeout;
+        xhr.onabort = onAbort;
+        xhr.open(method, url, true);
+
+        xhr.timeout = timeoutInMs;
+
+        const keys = Object.keys(headers);
+        for (let i = 0; i < keys.length; i++) {
+            const name = keys[i];
+            const value = headers[name];
+            xhr.setRequestHeader(name, value);
+        }
+
+        xhr.send(typeof body === 'undefined' ? null : body);
+    });
+}
+
+function parseJson(text: string): string | undefined {
+    try {
+        return JSON.parse(text);
+    } catch (e) {
+        return undefined;
+    }
+}
+
+export { xhrSend };