@gxpl/sdk 0.0.54 → 0.0.56

package/lib/sdk/transitions/transitionMachine.d.ts

@@ -11,6 +11,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
     to: string;
     direction: Direction;
     duration: number;
+} | {
+    type: "TRANSITION_TRIGGER";
+    transition: "reveal";
+    to: string;
+    direction: Direction;
+    duration: number;
+    offset: number;
+    mode: "normal" | "reverse";
 } | {
     type: "TRANSITION_TRIGGER";
     transition: "fade";
@@ -87,6 +95,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
             to: string;
             direction: Direction;
             duration: number;
+        } | {
+            type: "TRANSITION_TRIGGER";
+            transition: "reveal";
+            to: string;
+            direction: Direction;
+            duration: number;
+            offset: number;
+            mode: "normal" | "reverse";
         } | {
             type: "TRANSITION_TRIGGER";
             transition: "fade";
@@ -123,6 +139,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
             to: string;
             direction: Direction;
             duration: number;
+        } | {
+            type: "TRANSITION_TRIGGER";
+            transition: "reveal";
+            to: string;
+            direction: Direction;
+            duration: number;
+            offset: number;
+            mode: "normal" | "reverse";
         } | {
             type: "TRANSITION_TRIGGER";
             transition: "fade";
@@ -182,6 +206,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -220,6 +252,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -237,6 +277,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -292,6 +340,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -338,6 +394,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -391,6 +455,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -437,6 +509,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -486,6 +566,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -536,6 +624,14 @@ export declare const transitionMachine: import("xstate").StateMachine<Transition
                         to: string;
                         direction: Direction;
                         duration: number;
+                    } | {
+                        type: "TRANSITION_TRIGGER";
+                        transition: "reveal";
+                        to: string;
+                        direction: Direction;
+                        duration: number;
+                        offset: number;
+                        mode: "normal" | "reverse";
                     } | {
                         type: "TRANSITION_TRIGGER";
                         transition: "fade";
@@ -590,6 +686,14 @@ export type TransitionEvents = {
     to: string;
     direction: Direction;
     duration: number;
+} | {
+    type: 'TRANSITION_TRIGGER';
+    transition: 'reveal';
+    to: string;
+    direction: Direction;
+    duration: number;
+    offset: number;
+    mode: 'normal' | 'reverse';
 } | {
     type: 'TRANSITION_TRIGGER';
     transition: 'fade';

package/lib/sdk/transitions/transitionMachine.js

@@ -12,6 +12,8 @@ const getScenesOnEnd_1 = require("./utils/getScenesOnEnd");
 const getScenesOnInstantTransition_1 = require("./utils/getScenesOnInstantTransition");
 const isActiveSwipeTransition_1 = require("./utils/isActiveSwipeTransition");
 const getDeltaAndProgress_1 = require("./utils/getDeltaAndProgress");
+const getInstantTransitionParams_1 = require("./utils/getInstantTransitionParams");
+const getTransitionParams_1 = require("./utils/getTransitionParams");
 const SWIPE_SLIDE_SUCCESS_THRESHOLD = 130;
 const SWIPE_FADE_SUCCESS_THRESHOLD = 20;
 exports.transitionMachine = (0, xstate_1.setup)({
@@ -70,8 +72,9 @@ exports.transitionMachine = (0, xstate_1.setup)({
                                 throw new Error('Active scene not found');
                             }
                             const from = activeScene.id;
-                            return Object.assign(Object.assign({ stage: 'active', duration: event.duration, from,
-                                to }, (transition === 'slide' ? { direction: event.direction } : {})), { type: transition });
+                            const params = (0, getInstantTransitionParams_1.getInstantTransitionParams)(transition, event);
+                            return Object.assign({ stage: 'active', duration: event.duration, from,
+                                to }, params);
                         },
                         scenes: ({ context, event }) => {
                             const { scenes, input: { previewWindow } } = context;
@@ -82,7 +85,9 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             const { to, transition } = event;
                             const newScenes = transition === 'slide'
                                 ? (0, getScenesOnStart_1.getScenesOnSlideStart)({ from: activeScene.id, to }, { x: 0, y: 0 }, event.direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
-                                : (0, getScenesOnStart_1.getScenesOnFadeStart)({ from: activeScene.id, to }, 0);
+                                : transition === 'reveal'
+                                    ? (0, getScenesOnStart_1.getScenesOnRevealStart)({ from: activeScene.id, to }, { x: 0, y: 0 }, event.direction, event.offset, event.mode, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
+                                    : (0, getScenesOnStart_1.getScenesOnFadeStart)({ from: activeScene.id, to }, 0);
                             return newScenes;
                         }
                     })
@@ -103,17 +108,8 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             const relation = (0, findRelation_1.findRelation)(input.relations, activeScene.id, direction);
                             if (!transition || !('startX' in transition) || !('startY' in transition))
                                 return null;
-                            return {
-                                stage: 'active',
-                                type: relation.type,
-                                from: relation.from,
-                                to: relation.to,
-                                direction,
-                                startX: transition === null || transition === void 0 ? void 0 : transition.startX,
-                                startY: transition === null || transition === void 0 ? void 0 : transition.startY,
-                                currentX: event.touchData.x,
-                                currentY: event.touchData.y,
-                            };
+                            const params = (0, getTransitionParams_1.getTransitionParamsFromRelation)(relation);
+                            return Object.assign({ stage: 'active', direction, startX: transition === null || transition === void 0 ? void 0 : transition.startX, startY: transition === null || transition === void 0 ? void 0 : transition.startY, currentX: event.touchData.x, currentY: event.touchData.y }, params);
                         },
                         scenes: ({ context, event }) => {
                             const { direction } = event;
@@ -129,7 +125,9 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             const { deltaX, deltaY, progress } = (0, getDeltaAndProgress_1.getDeltaAndProgress)(event.touchData, start, direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window);
                             const newScenes = relation.type === 'slide'
                                 ? (0, getScenesOnStart_1.getScenesOnSlideStart)(relation, { x: deltaX, y: deltaY }, direction, window)
-                                : (0, getScenesOnStart_1.getScenesOnFadeStart)(relation, progress);
+                                : relation.type === 'reveal'
+                                    ? (0, getScenesOnStart_1.getScenesOnRevealStart)(relation, { x: deltaX, y: deltaY }, direction, relation.offset, relation.mode, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window)
+                                    : (0, getScenesOnStart_1.getScenesOnFadeStart)(relation, progress);
                             return newScenes;
                         }
                     })
@@ -160,7 +158,9 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             const { deltaX, deltaY, progress } = (0, getDeltaAndProgress_1.getDeltaAndProgress)(event.touchData, start, transition.direction, previewWindow !== null && previewWindow !== void 0 ? previewWindow : window);
                             const newScenes = transition.type === 'slide'
                                 ? (0, getScenesOnProgressUpdate_1.getScenesOnSlideProgressUpdate)(scenes, { x: deltaX, y: deltaY })
-                                : (0, getScenesOnProgressUpdate_1.getScenesOnFadeProgressUpdate)(scenes, transition.to, progress);
+                                : transition.type === 'reveal'
+                                    ? (0, getScenesOnProgressUpdate_1.getScenesOnRevealProgressUpdate)(scenes, { x: deltaX, y: deltaY }, transition.to, transition.offset, transition.mode)
+                                    : (0, getScenesOnProgressUpdate_1.getScenesOnFadeProgressUpdate)(scenes, transition.to, progress);
                             return newScenes;
                         }
                     })
@@ -191,7 +191,9 @@ exports.transitionMachine = (0, xstate_1.setup)({
                             const transitionSuccess = (0, isTransitionSuccess_1.isTransitionSuccess)(transition, threshold);
                             const newScenes = type === 'slide'
                                 ? (0, getScenesOnEnd_1.getScenesOnSlideEnd)(scenes, transition, transitionSuccess)
-                                : (0, getScenesOnEnd_1.getScenesOnFadeEnd)(scenes);
+                                : type === 'reveal'
+                                    ? (0, getScenesOnEnd_1.getScenesOnRevealEnd)(scenes, transition, transitionSuccess, transition.offset, transition.mode)
+                                    : (0, getScenesOnEnd_1.getScenesOnFadeEnd)(scenes);
                             return newScenes;
                         },
                     })

package/lib/sdk/transitions/utils/getInstantTransitionParams.d.ts

@@ -0,0 +1,36 @@
+import { Direction } from './types';
+type Event = {
+    transition: 'slide';
+    to: string;
+    direction: Direction;
+    duration: number;
+} | {
+    transition: 'reveal';
+    to: string;
+    direction: Direction;
+    duration: number;
+    offset: number;
+    mode: 'normal' | 'reverse';
+} | {
+    transition: 'fade';
+    to: string;
+    duration: number;
+};
+type Transition = 'slide' | 'reveal' | 'fade';
+export declare function getInstantTransitionParams(transition: Transition, event: Event): {
+    direction: Direction;
+    type: "slide";
+    offset?: undefined;
+    mode?: undefined;
+} | {
+    offset: number;
+    mode: "normal" | "reverse";
+    direction: Direction;
+    type: "reveal";
+} | {
+    type: "fade";
+    direction?: undefined;
+    offset?: undefined;
+    mode?: undefined;
+};
+export {};

package/lib/sdk/transitions/utils/getInstantTransitionParams.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInstantTransitionParams = getInstantTransitionParams;
+function isTransitionEvent(event, transition) {
+    return event.transition === transition;
+}
+function getInstantTransitionParams(transition, event) {
+    var _a;
+    if (transition === 'slide' && isTransitionEvent(event, transition)) {
+        return {
+            direction: (_a = event.direction) !== null && _a !== void 0 ? _a : 'north',
+            type: transition
+        };
+    }
+    if (transition === 'reveal' && isTransitionEvent(event, transition)) {
+        return {
+            offset: event.offset,
+            mode: event.mode,
+            direction: event.direction,
+            type: transition
+        };
+    }
+    if (transition === 'fade' && isTransitionEvent(event, transition)) {
+        return {
+            type: transition
+        };
+    }
+    throw new Error(`Unknown transition type`);
+}

package/lib/sdk/transitions/utils/getScenesOnEnd.d.ts

@@ -6,6 +6,18 @@ export declare function getScenesOnSlideEnd(scenes: TransitionScene[], transitio
         startX: number;
         startY: number;
         opacity: number;
+        zIndex?: number;
+    };
+    id: string;
+}[];
+export declare function getScenesOnRevealEnd(scenes: TransitionScene[], transition: ActiveTransition, success: boolean, offset: number, mode: 'normal' | 'reverse'): {
+    styles: {
+        zIndex: number;
+        x: number;
+        y: number;
+        startX: number;
+        startY: number;
+        opacity: number;
     };
     id: string;
 }[];
@@ -16,6 +28,7 @@ export declare function getScenesOnFadeEnd(scenes: TransitionScene[]): {
         startY: number;
         x: number;
         y: number;
+        zIndex?: number;
     };
     id: string;
 }[];

package/lib/sdk/transitions/utils/getScenesOnEnd.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScenesOnSlideEnd = getScenesOnSlideEnd;
+exports.getScenesOnRevealEnd = getScenesOnRevealEnd;
 exports.getScenesOnFadeEnd = getScenesOnFadeEnd;
 function getScenesOnSlideEnd(scenes, transition, success) {
     const { from, to, direction } = transition;
@@ -23,6 +24,27 @@ function getScenesOnSlideEnd(scenes, transition, success) {
         return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
     });
 }
+function getScenesOnRevealEnd(scenes, transition, success, offset, mode) {
+    const { from, to, direction } = transition;
+    return scenes.map((s) => {
+        const isNextActiveScene = success ? s.id === to : s.id === from;
+        let prevElX = 0;
+        if (direction === 'east') {
+            prevElX = success ? -window.innerWidth : window.innerWidth * offset;
+        }
+        else if (direction === 'west') {
+            prevElX = success ? window.innerWidth : -window.innerWidth * offset;
+        }
+        let prevElY = 0;
+        if (direction === 'north') {
+            prevElY = success ? window.innerHeight : -window.innerHeight * offset;
+        }
+        else if (direction === 'south') {
+            prevElY = success ? -window.innerHeight : window.innerHeight * offset;
+        }
+        return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { zIndex: isNextActiveScene ? 1 : 2, x: isNextActiveScene ? 0 : prevElX, y: isNextActiveScene ? 0 : prevElY }) });
+    });
+}
 function getScenesOnFadeEnd(scenes) {
     return scenes.map((s) => {
         return Object.assign(Object.assign({}, s), { styles: Object.assign(Object.assign({}, s.styles), { opacity: 1 }) });

package/lib/sdk/transitions/utils/getScenesOnInstantTransition.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScenesOnInstantTransition = getScenesOnInstantTransition;
 function getScenesOnInstantTransition(scenes, transition, window) {
-    const { type, to, direction } = transition;
-    if (type === 'slide' && direction) {
-        return getScenesOnInstantSlideTransition(scenes, to, direction, window);
+    const { type, to } = transition;
+    if ((type === 'slide' || type === 'reveal') && transition.direction) {
+        return getScenesOnInstantSlideTransition(scenes, to, transition.direction, window);
     }
     else if (type === 'fade') {
         return getScenesOnInstantFadeTransition(scenes);

package/lib/sdk/transitions/utils/getScenesOnProgressUpdate.d.ts

@@ -6,6 +6,18 @@ export declare function getScenesOnSlideProgressUpdate(scenes: TransitionScene[]
         startX: number;
         startY: number;
         opacity: number;
+        zIndex?: number;
+    };
+    id: string;
+}[];
+export declare function getScenesOnRevealProgressUpdate(scenes: TransitionScene[], delta: Delta, to: string, offset: number, mode: 'normal' | 'reverse'): {
+    styles: {
+        x: number;
+        y: number;
+        startX: number;
+        startY: number;
+        opacity: number;
+        zIndex?: number;
     };
     id: string;
 }[];
@@ -16,6 +28,7 @@ export declare function getScenesOnFadeProgressUpdate(scenes: TransitionScene[],
         startY: number;
         x: number;
         y: number;
+        zIndex?: number;
     };
     id: string;
 }[];

package/lib/sdk/transitions/utils/getScenesOnProgressUpdate.js

@@ -1,11 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScenesOnSlideProgressUpdate = getScenesOnSlideProgressUpdate;
+exports.getScenesOnRevealProgressUpdate = getScenesOnRevealProgressUpdate;
 exports.getScenesOnFadeProgressUpdate = getScenesOnFadeProgressUpdate;
 const normalizeOpacity_1 = require("./normalizeOpacity");
 function getScenesOnSlideProgressUpdate(scenes, delta) {
     return scenes.map((scene) => (Object.assign(Object.assign({}, scene), { styles: Object.assign(Object.assign({}, scene.styles), { x: scene.styles.startX + delta.x, y: scene.styles.startY + delta.y }) })));
 }
+function getScenesOnRevealProgressUpdate(scenes, delta, to, offset, mode) {
+    return scenes.map((scene) => {
+        const isNextScene = scene.id === to;
+        const sceneOffset = isNextScene ? offset : 1;
+        return Object.assign(Object.assign({}, scene), { styles: Object.assign(Object.assign({}, scene.styles), { x: scene.styles.startX + delta.x * sceneOffset, y: scene.styles.startY + delta.y * sceneOffset }) });
+    });
+}
 function getScenesOnFadeProgressUpdate(scenes, to, progress) {
     return scenes.map((scene) => {
         const isNextScene = scene.id === to;

package/lib/sdk/transitions/utils/getScenesOnStart.d.ts

@@ -10,6 +10,7 @@ export declare function getScenesOnFadeStart({ from, to }: FromTo, progress: num
     };
 }[];
 export declare function getScenesOnSlideStart({ from, to }: FromTo, delta: Delta, direction: Direction, window: Window): TransitionScene[];
+export declare function getScenesOnRevealStart({ from, to }: FromTo, delta: Delta, direction: Direction, offset: number, mode: 'normal' | 'reverse', window: Window): TransitionScene[];
 type Delta = {
     x: number;
     y: number;

package/lib/sdk/transitions/utils/getScenesOnStart.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getScenesOnFadeStart = getScenesOnFadeStart;
 exports.getScenesOnSlideStart = getScenesOnSlideStart;
+exports.getScenesOnRevealStart = getScenesOnRevealStart;
 const getAxis_1 = require("./getAxis");
 const normalizeOpacity_1 = require("./normalizeOpacity");
 function getScenesOnFadeStart({ from, to }, progress) {
@@ -38,15 +39,32 @@ function getScenesOnSlideStart({ from, to }, delta, direction, window) {
     };
     return [sceneFrom, sceneTo];
 }
-function getNextSceneSlideStartX(direction, window) {
+function getScenesOnRevealStart({ from, to }, delta, direction, offset, mode, window) {
+    const common = {
+        opacity: 1,
+    };
+    const sceneFrom = {
+        id: from,
+        styles: Object.assign(Object.assign({}, common), { startX: 0, zIndex: 2, startY: 0, x: delta.x, y: delta.y })
+    };
+    const startX = getNextSceneSlideStartX(direction, window, offset);
+    const startY = getNextSceneSlideStartY(direction, window, offset);
+    const sceneTo = {
+        id: to,
+        styles: Object.assign(Object.assign({}, common), { zIndex: 1, startX,
+            startY, x: startX + delta.x * offset, y: startY + delta.y * offset })
+    };
+    return [sceneFrom, sceneTo];
+}
+function getNextSceneSlideStartX(direction, window, offset = 1) {
     const axis = (0, getAxis_1.getAxis)(direction);
     if (axis !== 'horizontal')
         return 0;
-    return direction === 'east' ? window.innerWidth : -window.innerWidth;
+    return direction === 'east' ? window.innerWidth * offset : -window.innerWidth * offset;
 }
-function getNextSceneSlideStartY(direction, window) {
+function getNextSceneSlideStartY(direction, window, offset = 1) {
     const axis = (0, getAxis_1.getAxis)(direction);
     if (axis !== 'vertical')
         return 0;
-    return direction === 'north' ? -window.innerHeight : window.innerHeight;
+    return direction === 'north' ? -window.innerHeight * offset : window.innerHeight * offset;
 }

package/lib/sdk/transitions/utils/getTransitionFromLink.d.ts

@@ -0,0 +1,23 @@
+import { ClickLink } from '../../types/article/Item';
+export declare function getTransitionFromLink(link: ClickLink): {
+    transition: "fade";
+    to: string;
+    duration: number;
+    offset?: undefined;
+    mode?: undefined;
+    direction?: undefined;
+} | {
+    transition: "reveal";
+    to: string;
+    offset: number;
+    mode: "normal" | "reverse";
+    direction: "north" | "east" | "south" | "west";
+    duration: number;
+} | {
+    transition: "slide";
+    to: string;
+    direction: "north" | "east" | "south" | "west";
+    duration: number;
+    offset?: undefined;
+    mode?: undefined;
+};

package/lib/sdk/transitions/utils/getTransitionFromLink.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransitionFromLink = getTransitionFromLink;
+function getTransitionFromLink(link) {
+    if (link.animation === 'fade') {
+        return {
+            transition: link.animation,
+            to: link.value,
+            duration: link.duration
+        };
+    }
+    if (link.animation === 'reveal') {
+        return {
+            transition: link.animation,
+            to: link.value,
+            offset: link.offset,
+            mode: link.mode,
+            direction: link.direction,
+            duration: link.duration
+        };
+    }
+    if (link.animation === 'slide') {
+        return {
+            transition: link.animation,
+            to: link.value,
+            direction: link.direction,
+            duration: link.duration
+        };
+    }
+    throw new Error(`Unknown transition type`);
+}

package/lib/sdk/transitions/utils/getTransitionFromRelation.d.ts

@@ -0,0 +1,17 @@
+import { Relation } from './types';
+export declare function getTransitionFromRelation(transition: Relation): {
+    transition: "fade";
+    to: string;
+    offset?: undefined;
+    mode?: undefined;
+} | {
+    transition: "reveal";
+    to: string;
+    offset: number;
+    mode: "normal" | "reverse";
+} | {
+    transition: "slide";
+    to: string;
+    offset?: undefined;
+    mode?: undefined;
+};

package/lib/sdk/transitions/utils/getTransitionFromRelation.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransitionFromRelation = getTransitionFromRelation;
+function getTransitionFromRelation(transition) {
+    if (transition.type === 'fade') {
+        return {
+            transition: transition.type,
+            to: transition.to
+        };
+    }
+    if (transition.type === 'reveal') {
+        return {
+            transition: transition.type,
+            to: transition.to,
+            offset: transition.offset,
+            mode: transition.mode
+        };
+    }
+    if (transition.type === 'slide') {
+        return {
+            transition: transition.type,
+            to: transition.to,
+        };
+    }
+    throw new Error(`Unknown transition type`);
+}

package/lib/sdk/transitions/utils/getTransitionParams.d.ts

@@ -0,0 +1,20 @@
+import { Relation } from './types';
+export declare function getTransitionParamsFromRelation(relation: Relation): {
+    type: "slide";
+    from: string;
+    to: string;
+    offset?: undefined;
+    mode?: undefined;
+} | {
+    offset: number;
+    mode: "normal" | "reverse";
+    type: "reveal";
+    from: string;
+    to: string;
+} | {
+    type: "fade";
+    from: string;
+    to: string;
+    offset?: undefined;
+    mode?: undefined;
+};