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

package/packages/sass-utils/src/linear-gradient.scss

@@ -1,48 +1,48 @@
-@use 'sass:list';
-@use 'sass:math';
-@use 'sass:meta';
-@use 'sass:map';
-
-@function legacy-direction($value) {
-    @if is-direction($value) == false {
-        @error "Cannot convert `#{$value}` to legacy syntax because it doesn't seem to be a direction.";
-    }
-    $conversion-map: (
-        to top          : bottom,
-        to top right    : bottom left,
-        to right top    : left bottom,
-        to right        : left,
-        to bottom right : top left,
-        to right bottom : left top,
-        to bottom       : top,
-        to bottom left  : top right,
-        to left bottom  : right top,
-        to left         : right,
-        to left top     : right bottom,
-        to top left     : bottom right
-    );
-    @if map.has-key($conversion-map, $value) {
-        @return map.get($conversion-map, $value);
-    }
-    @return 90deg - $value;
-}
-
-@function is-direction($value) {
-    $is-keyword: list.index((
-        to top, to top right, to right top, to right, to bottom right, to right bottom,
-        to bottom, to bottom left, to left bottom, to left, to left top, to top left,
-    ), $value);
-    $is-angle: meta.type-of($value) == 'number' and list.index('deg' 'grad' 'turn' 'rad', math.unit($value));
-
-    @return $is-keyword or $is-angle;
-}
-
-@mixin linear-gradient($direction, $color-stops...) {
-    @if is-direction($direction) == false {
-        $color-stops: $direction, $color-stops;
-        $direction: 180deg;
-    }
-
-    background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);
-    background: linear-gradient($direction, $color-stops);
-}
+@use 'sass:list';
+@use 'sass:math';
+@use 'sass:meta';
+@use 'sass:map';
+
+@function legacy-direction($value) {
+    @if is-direction($value) == false {
+        @error "Cannot convert `#{$value}` to legacy syntax because it doesn't seem to be a direction.";
+    }
+    $conversion-map: (
+        to top          : bottom,
+        to top right    : bottom left,
+        to right top    : left bottom,
+        to right        : left,
+        to bottom right : top left,
+        to right bottom : left top,
+        to bottom       : top,
+        to bottom left  : top right,
+        to left bottom  : right top,
+        to left         : right,
+        to left top     : right bottom,
+        to top left     : bottom right
+    );
+    @if map.has-key($conversion-map, $value) {
+        @return map.get($conversion-map, $value);
+    }
+    @return 90deg - $value;
+}
+
+@function is-direction($value) {
+    $is-keyword: list.index((
+        to top, to top right, to right top, to right, to bottom right, to right bottom,
+        to bottom, to bottom left, to left bottom, to left, to left top, to top left,
+    ), $value);
+    $is-angle: meta.type-of($value) == 'number' and list.index('deg' 'grad' 'turn' 'rad', math.unit($value));
+
+    @return $is-keyword or $is-angle;
+}
+
+@mixin linear-gradient($direction, $color-stops...) {
+    @if is-direction($direction) == false {
+        $color-stops: $direction, $color-stops;
+        $direction: 180deg;
+    }
+
+    background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);
+    background: linear-gradient($direction, $color-stops);
+}

package/packages/sass-utils/src/prefix-property.scss

@@ -1,7 +1,7 @@
-@function prefix-property($property, $prefixes: (webkit)) {
-    $val: $property;
-    @each $prefix in $prefixes {
-        $val: #{$val + ', ' + '-' + $prefix + '-' + $property};
-    }
-    @return $val;
-}
+@function prefix-property($property, $prefixes: (webkit)) {
+    $val: $property;
+    @each $prefix in $prefixes {
+        $val: #{$val + ', ' + '-' + $prefix + '-' + $property};
+    }
+    @return $val;
+}

package/packages/sass-utils/src/prefix-value.scss

@@ -1,6 +1,6 @@
-@mixin prefix-value($property, $value, $prefixes: (webkit)) {
-    @each $prefix in $prefixes {
-        #{$property}: #{'-' + $prefix + '-' + $value};
-    }
-    #{$property}: $value;
-}
+@mixin prefix-value($property, $value, $prefixes: (webkit)) {
+    @each $prefix in $prefixes {
+        #{$property}: #{'-' + $prefix + '-' + $value};
+    }
+    #{$property}: $value;
+}

package/packages/sass-utils/src/prefix.scss

@@ -1,6 +1,6 @@
-@mixin prefix($property, $value, $prefixes: (webkit)) {
-    @each $prefix in $prefixes {
-        #{'-' + $prefix + '-' + $property}: $value;
-    }
-    #{$property}: $value;
-}
+@mixin prefix($property, $value, $prefixes: (webkit)) {
+    @each $prefix in $prefixes {
+        #{'-' + $prefix + '-' + $property}: $value;
+    }
+    #{$property}: $value;
+}

package/packages/sass-utils/src/scale.1080.scss

@@ -1,5 +1,5 @@
-@use 'sass:math';
-
-@function scale($value) {
-    @return math.round($number: $value);
-}
+@use 'sass:math';
+
+@function scale($value) {
+    @return math.round($number: $value);
+}

package/packages/sass-utils/src/scale.720.scss

@@ -1,5 +1,5 @@
-@use 'sass:math';
-
-@function scale($value) {
-    @return math.round($number: math.div($value, 1.5));
-}
+@use 'sass:math';
+
+@function scale($value) {
+    @return math.round($number: math.div($value, 1.5));
+}

package/packages/sass-utils/src/transform.scss

@@ -1,5 +1,5 @@
-@import './prefix';
-
-@mixin transform($value, $prefixes: (webkit)) {
-    @include prefix(transform, $value, $prefixes);
-}
+@import './prefix';
+
+@mixin transform($value, $prefixes: (webkit)) {
+    @include prefix(transform, $value, $prefixes);
+}

package/packages/sass-utils/src/transition.scss

@@ -1,6 +1,6 @@
-@import './prefix';
-
-@mixin transition($properties, $value, $prefixes: (webkit)) {
-    @include prefix(transition, all $value, $prefixes);
-    @include prefix(transition-property, $properties, $prefixes);
-}
+@import './prefix';
+
+@mixin transition($properties, $value, $prefixes: (webkit)) {
+    @include prefix(transition, all $value, $prefixes);
+    @include prefix(transition-property, $properties, $prefixes);
+}

package/packages/scheduler/README.md

@@ -1,55 +1,55 @@
----
-id: README
-title: Scheduler
-hide_title: true
-sidebar_label: Scheduler
----
-
-# Scheduler
-This package is for your runtime scheduling needs. You can create reusable tasks and have them executed either once or periodically.
-
-## Scheduler Interface
-- `newTask` - creates and returns a new task that is not active, needs to be unique
-- `getTaskList` - returns a list with all task id's
-- `hasTask` - returns true if a task with id is managed
-- `getTask` - returns task with given id or undefined
-- `removeTask` - cancels and removes a task from Schedulers list
-- `setTimeProvider` - defaults time provider is Date.now, this method allows to change it
-
-**Task Interface**
-- `id` - tasks id
-- `isActive` - returns true if task is scheduled and waiting for execution, returns false if task wasn't started or already finished
-- `flush` - executes Task immediately and cancels its scheduling
-- `cancel` - cancels Tasks scheduling, task will not be executed
-
-Following methods schedule when task should execute:
-- `at` - executes the task at given time (timestamp), Schedulers time provider is used for time comparison
-- `in` - executes the task after given time in milliseconds (like setTimeout)
-- `every` - executes the task after X milliseconds, every X milliseconds (like setInterval)
-Calling them on active task will throw an exception, if you want to override active tasks scheduling without throwing exception call the scheduling method like so: `task.reschedule.at(TIMESTAMP)`
-
-Note that flushing or canceling a task doesn't remove it from Schedulers task list.
-
-## Usage
-Here are some common examples of Scheduler's use:
-
-Polling for news / messages every 10 minutes:
-```tsx
-Scheduler.newTask('message-polling', async () => {
-    const data = await fetchMessage();
-    if (data.message) MessageSystem.dispatch(data.message);
-}).every(TEN_MINUTES_IN_MS);
-```
-
-Update live/changing data:
-```tsx
-// componentDidMount
-const liveUpdater = Scheduler.newTask('live-metadata', async () => {
-    const newData = await fetchMetadata();
-    this.updateData(newData);
-    liveUpdater.at(newData.broadcastToMs);
-}).flush();
-
-// componentWillUnmount
-Scheduler.removeTask('live-metadata');
-```
+---
+id: README
+title: Scheduler
+hide_title: true
+sidebar_label: Scheduler
+---
+
+# Scheduler
+This package is for your runtime scheduling needs. You can create reusable tasks and have them executed either once or periodically.
+
+## Scheduler Interface
+- `newTask` - creates and returns a new task that is not active, needs to be unique
+- `getTaskList` - returns a list with all task id's
+- `hasTask` - returns true if a task with id is managed
+- `getTask` - returns task with given id or undefined
+- `removeTask` - cancels and removes a task from Schedulers list
+- `setTimeProvider` - defaults time provider is Date.now, this method allows to change it
+
+**Task Interface**
+- `id` - tasks id
+- `isActive` - returns true if task is scheduled and waiting for execution, returns false if task wasn't started or already finished
+- `flush` - executes Task immediately and cancels its scheduling
+- `cancel` - cancels Tasks scheduling, task will not be executed
+
+Following methods schedule when task should execute:
+- `at` - executes the task at given time (timestamp), Schedulers time provider is used for time comparison
+- `in` - executes the task after given time in milliseconds (like setTimeout)
+- `every` - executes the task after X milliseconds, every X milliseconds (like setInterval)
+Calling them on active task will throw an exception, if you want to override active tasks scheduling without throwing exception call the scheduling method like so: `task.reschedule.at(TIMESTAMP)`
+
+Note that flushing or canceling a task doesn't remove it from Schedulers task list.
+
+## Usage
+Here are some common examples of Scheduler's use:
+
+Polling for news / messages every 10 minutes:
+```tsx
+Scheduler.newTask('message-polling', async () => {
+    const data = await fetchMessage();
+    if (data.message) MessageSystem.dispatch(data.message);
+}).every(TEN_MINUTES_IN_MS);
+```
+
+Update live/changing data:
+```tsx
+// componentDidMount
+const liveUpdater = Scheduler.newTask('live-metadata', async () => {
+    const newData = await fetchMetadata();
+    this.updateData(newData);
+    liveUpdater.at(newData.broadcastToMs);
+}).flush();
+
+// componentWillUnmount
+Scheduler.removeTask('live-metadata');
+```

package/packages/scheduler/src/Scheduler.ts

@@ -1,43 +1,43 @@
-import { timeProvider } from './timeProvider';
-import { Task } from './Task';
-
-export const Scheduler = {
-    taskList: [] as { key: string, task: Task }[],
-
-    setTimeProvider(newNow: () => number) {
-        timeProvider.now = newNow;
-    },
-
-    newTask(id: string, callback: Function): Task {
-        if (this.hasTask(id)) throw new Error('Duplicate task id in Scheduler');
-        const newTask = new Task(id, callback);
-        Scheduler.taskList.push({ key: id, task: newTask });
-        return newTask;
-    },
-
-    getTaskList(): string[] {
-        return this.taskList.map(({ key }) => key);
-    },
-
-    hasTask(id: string): boolean {
-        return this.taskList.findIndex(({ key }) => (key === id)) >= 0;
-    },
-
-    getTask(id: string): Task | null {
-        const taskEntry = this.taskList.find(({ key }) => (key === id));
-        if (taskEntry) return taskEntry.task;
-        return null;
-    },
-
-    removeTask(id: string) {
-        const taskEntryIdx = this.taskList.findIndex(({ key }) => (key === id));
-        if (taskEntryIdx < 0) {
-            console.warn(`Task ${id} not found.`);
-            return;
-        }
-
-        const { task } = this.taskList[taskEntryIdx];
-        this.taskList.splice(taskEntryIdx, 1);
-        task.cancel();
-    },
-};
+import { timeProvider } from './timeProvider';
+import { Task } from './Task';
+
+export const Scheduler = {
+    taskList: [] as { key: string, task: Task }[],
+
+    setTimeProvider(newNow: () => number) {
+        timeProvider.now = newNow;
+    },
+
+    newTask(id: string, callback: Function): Task {
+        if (this.hasTask(id)) throw new Error('Duplicate task id in Scheduler');
+        const newTask = new Task(id, callback);
+        Scheduler.taskList.push({ key: id, task: newTask });
+        return newTask;
+    },
+
+    getTaskList(): string[] {
+        return this.taskList.map(({ key }) => key);
+    },
+
+    hasTask(id: string): boolean {
+        return this.taskList.findIndex(({ key }) => (key === id)) >= 0;
+    },
+
+    getTask(id: string): Task | null {
+        const taskEntry = this.taskList.find(({ key }) => (key === id));
+        if (taskEntry) return taskEntry.task;
+        return null;
+    },
+
+    removeTask(id: string) {
+        const taskEntryIdx = this.taskList.findIndex(({ key }) => (key === id));
+        if (taskEntryIdx < 0) {
+            console.warn(`Task ${id} not found.`);
+            return;
+        }
+
+        const { task } = this.taskList[taskEntryIdx];
+        this.taskList.splice(taskEntryIdx, 1);
+        task.cancel();
+    },
+};

package/packages/scheduler/src/Task.ts

@@ -1,72 +1,72 @@
-import {
-    createInterval,
-    createTimeout,
-    TimedFunction,
-} from '@24i/bigscreen-sdk/utils/timers';
-import { timeProvider } from './timeProvider';
-
-export class Task {
-    id: string;
-
-    callback: Function;
-
-    timer: TimedFunction | null = null;
-
-    constructor(id: string, callback: Function) {
-        this.id = id;
-        this.callback = callback;
-    }
-
-    private startTicker(
-        ms: number,
-        method: typeof createTimeout | typeof createInterval = createTimeout,
-    ) {
-        this.timer = method();
-        this.timer.set(() => {
-            if (method === createTimeout) this.timer = null;
-            this.callback();
-        }, ms);
-    }
-
-    isActive() {
-        return this.timer && this.timer.isActive();
-    }
-
-    at(timestamp: number): Task {
-        if (this.isActive()) throw new Error(`Task ${this.id} is already active`);
-        const now = timeProvider.now();
-        this.startTicker(Math.max(0, timestamp - now));
-        return this;
-    }
-
-    in(milliseconds: number): Task {
-        if (this.isActive()) throw new Error(`Task ${this.id} is already active`);
-        this.startTicker(Math.max(0, milliseconds));
-        return this;
-    }
-
-    reschedule = {
-        at: (timestamp: number): Task => this.cancel().at(timestamp),
-        in: (milliseconds: number): Task => this.cancel().in(milliseconds),
-        every: (milliseconds: number): Task => this.cancel().every(milliseconds),
-    };
-
-    every(milliseconds: number): Task {
-        if (this.isActive()) throw new Error(`Task ${this.id} is already active`);
-        this.startTicker(Math.max(0, milliseconds), createInterval);
-        return this;
-    }
-
-    flush(): Task {
-        if (this.isActive()) {
-            this.cancel();
-        }
-        this.callback();
-        return this;
-    }
-
-    cancel(): Task {
-        this.timer?.clear();
-        return this;
-    }
-}
+import {
+    createInterval,
+    createTimeout,
+    TimedFunction,
+} from '@24i/bigscreen-sdk/utils/timers';
+import { timeProvider } from './timeProvider';
+
+export class Task {
+    id: string;
+
+    callback: Function;
+
+    timer: TimedFunction | null = null;
+
+    constructor(id: string, callback: Function) {
+        this.id = id;
+        this.callback = callback;
+    }
+
+    private startTicker(
+        ms: number,
+        method: typeof createTimeout | typeof createInterval = createTimeout,
+    ) {
+        this.timer = method();
+        this.timer.set(() => {
+            if (method === createTimeout) this.timer = null;
+            this.callback();
+        }, ms);
+    }
+
+    isActive() {
+        return this.timer && this.timer.isActive();
+    }
+
+    at(timestamp: number): Task {
+        if (this.isActive()) throw new Error(`Task ${this.id} is already active`);
+        const now = timeProvider.now();
+        this.startTicker(Math.max(0, timestamp - now));
+        return this;
+    }
+
+    in(milliseconds: number): Task {
+        if (this.isActive()) throw new Error(`Task ${this.id} is already active`);
+        this.startTicker(Math.max(0, milliseconds));
+        return this;
+    }
+
+    reschedule = {
+        at: (timestamp: number): Task => this.cancel().at(timestamp),
+        in: (milliseconds: number): Task => this.cancel().in(milliseconds),
+        every: (milliseconds: number): Task => this.cancel().every(milliseconds),
+    };
+
+    every(milliseconds: number): Task {
+        if (this.isActive()) throw new Error(`Task ${this.id} is already active`);
+        this.startTicker(Math.max(0, milliseconds), createInterval);
+        return this;
+    }
+
+    flush(): Task {
+        if (this.isActive()) {
+            this.cancel();
+        }
+        this.callback();
+        return this;
+    }
+
+    cancel(): Task {
+        this.timer?.clear();
+        return this;
+    }
+}

package/packages/scheduler/src/index.ts

@@ -1,4 +1,4 @@
-import { Task as TaskClass } from './Task';
-
-export type TaskType = InstanceType<typeof TaskClass>;
-export { Scheduler } from './Scheduler';
+import { Task as TaskClass } from './Task';
+
+export type TaskType = InstanceType<typeof TaskClass>;
+export { Scheduler } from './Scheduler';

package/packages/scheduler/src/timeProvider.ts

@@ -1,3 +1,3 @@
-export const timeProvider = {
-    now: Date.now,
-};
+export const timeProvider = {
+    now: Date.now,
+};