@24i/bigscreen-sdk 1.0.8-alpha.2177 → 1.0.8-alpha.2180

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.8-alpha.2177",
+    "version": "1.0.8-alpha.2180",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {

package/packages/player-ui/src/PlayerUI.tsx

@@ -143,6 +143,7 @@ export class PlayerUI extends Component<Props>
         }
         if (!this.seeking.isAutomaticallySeekingForward) {
             this.seeking.startAutomaticSeekForward();
+            this.disableHiding();
             return true;
         }
         return false;
@@ -155,6 +156,7 @@ export class PlayerUI extends Component<Props>
         }
         if (!this.seeking.isAutomaticallySeekingBackward) {
             this.seeking.startAutomaticSeekBackward();
+            this.disableHiding();
             return true;
         }
         return false;

package/packages/time/src/adapters/24iMediaTimeApi.ts

@@ -0,0 +1,47 @@
+import { HOUR_IN_MS, MINUTE_IN_MS } from '@24i/bigscreen-sdk/utils';
+import * as TwentyFourIMediaTimeApi from '../services/24iMediaTimeApi';
+
+type ParamOptions = TwentyFourIMediaTimeApi.ParamOptions;
+
+const defaultOptions: ParamOptions = {
+    timeoutInMs: 30000,
+    retryConfig: {
+        retry: 2,
+    },
+};
+
+/**
+ * Returns a tring in ISO format followed by +/-hh:mm suffix for timezone offset.
+ * @param resp Time api response.
+ * @returns ISO string with timezone data.
+ */
+const getIsoDateString = (resp: TwentyFourIMediaTimeApi.ServiceDataResponse): string => {
+    let datetime = new Date(resp.timestamp + resp.timezone_offset).toISOString();
+    const offset = resp.timezone_offset / HOUR_IN_MS;
+    if (offset) {
+        const sign = offset > 0 ? '+' : '-';
+        const hours = Math.abs(offset);
+        const minutes = Math.floor((resp.timezone_offset % HOUR_IN_MS) / MINUTE_IN_MS);
+        // eslint-disable-next-line no-magic-numbers
+        const timeString = sign + `0${hours}`.slice(-2) + ':' + `0${minutes}`.slice(-2);
+        datetime = datetime.replace('Z', timeString);
+    }
+    return datetime;
+};
+
+/**
+ * Wrapper over "TwentyFourIMediaTimeApi.getTime" method requesting the current time
+ * from timekeeping server. Transforms the result to ISO string with timezone offset data
+ * included.
+ *
+ * @param options Options object
+ */
+export const getTime = async (options: ParamOptions = {}) => {
+    const opts = { ...defaultOptions, ...options };
+    const resp = await TwentyFourIMediaTimeApi.getTime(opts);
+
+    if ('timestamp' in resp && 'timezone_offset' in resp && 'in_dst' in resp) {
+        return { datetime: getIsoDateString(resp) };
+    }
+    return null;
+};

package/packages/time/src/services/24iMediaTimeApi/24iMediaTimeApi.ts

@@ -0,0 +1,43 @@
+/**
+ * Package "24iMediaTimeApi" provides a single function to obtain the current time
+ * adjusted by local timezone and daylight savings time for use in time package,
+ * from 24i time API at https://time.24imedia.tv/
+ */
+import {
+    xhrSendRetry, type RetryConfig, type XhrResponse,
+} from '@24i/bigscreen-sdk/utils/xhr';
+
+const API_URL = 'https://time.24imedia.tv/';
+
+export type Options = {
+    /** The request timeout in milliseconds. The value 0 for no timeout */
+    timeoutInMs: number,
+    /** Retry configuration */
+    retryConfig: RetryConfig,
+};
+export type ParamOptions = Partial<Options>;
+
+export type ServiceDataResponse = {
+    /** Is dailight savings time */
+    in_dst: boolean,
+    /** Current time in GMT, in milliseconds */
+    timestamp: number,
+    /** Timezeone offset in milliseconds */
+    timezone_offset: number,
+};
+
+/**
+ * Request the current time based on public IP of request.
+ *
+ * @param options Options object
+ */
+export async function getTime(options?: ParamOptions): Promise<ServiceDataResponse> {
+    try {
+        const resp = (await xhrSendRetry(API_URL, options)) as XhrResponse;
+        const data: any = resp.dataJson || {};
+        return data as ServiceDataResponse;
+    } catch (e) {
+        console.error('[24iMediaTimeApi] Failed to get time', e);
+        throw e;
+    }
+}

package/packages/time/src/services/24iMediaTimeApi/index.ts

@@ -0,0 +1,6 @@
+export {
+    Options,
+    ParamOptions,
+    ServiceDataResponse,
+    getTime,
+} from './24iMediaTimeApi';

package/packages/utils/src/textUtils.ts

@@ -9,6 +9,7 @@ const trimWithEllipsis = (
     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);
@@ -27,6 +28,7 @@ const trimWithEllipsis = (
             } while (numberOfLines <= requestedNumberOfLines
                 && currentPosition < originalTextContent.length);
             row.textContent = stringBuffer.substring(0, stringBuffer.length - 1) + ellipsis;
+
         } else {
             let currentPosition = originalTextContent.length - 1;
             do {
@@ -39,7 +41,7 @@ const trimWithEllipsis = (
             row.textContent = `${ellipsis}${stringBuffer.substring(1)}`;
         }
     }
-    row.style.visibility = '';
+    row.style.visibility = visibility;
 };
 
 export const trimWithLeadingEllipsis = (