@cntrl-site/sdk 1.20.1 → 1.21.0-alpha.0

package/dist/Client/Client.d.ts

@@ -0,0 +1,32 @@
+import { Meta } from '../types/project/Meta';
+import { Project } from '../types/project/Project';
+import { Layout } from '../types/project/Layout';
+import { Article } from '../types/article/Article';
+import { KeyframeAny } from '../types/keyframe/Keyframe';
+export declare class Client {
+    private fetchImpl;
+    private url;
+    constructor(APIUrl: string, fetchImpl?: FetchImpl);
+    private static getPageMeta;
+    getPageData(pageSlug: string): Promise<CntrlPageData>;
+    getProjectPagesPaths(): Promise<string[]>;
+    getLayouts(): Promise<Layout[]>;
+    private fetchProject;
+    private fetchArticle;
+    private findArticleIdByPageSlug;
+}
+interface FetchImplResponse {
+    ok: boolean;
+    json(): Promise<any>;
+    statusText: string;
+}
+type FetchImpl = (url: string, init?: RequestInit) => Promise<FetchImplResponse>;
+interface ArticleData {
+    article: Article;
+    keyframes: KeyframeAny[];
+}
+interface CntrlPageData extends ArticleData {
+    project: Project;
+    meta: Meta;
+}
+export {};

package/dist/Client/Client.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Client/__mock__/articleMock.d.ts

@@ -0,0 +1,2 @@
+import { Article } from '../../types/article/Article';
+export declare const articleMock: Article;

package/dist/Client/__mock__/keyframesMock.d.ts

@@ -0,0 +1,2 @@
+import { KeyframeAny } from '../../types/keyframe/Keyframe';
+export declare const keyframesMock: KeyframeAny[];

package/dist/Client/__mock__/projectMock.d.ts

@@ -0,0 +1,2 @@
+import { Project } from '../../types/project/Project';
+export declare const projectMock: Project;

package/dist/Components/ControlSlider/ControlSlider.d.ts

@@ -0,0 +1,85 @@
+import { default as React } from 'react';
+interface SliderItem {
+    image: {
+        url: string;
+        name?: string;
+    };
+    imageCaption: any[];
+}
+type Offset = {
+    x: number;
+    y: number;
+};
+interface SliderControls {
+    arrowsImgUrl: string | null;
+    isActive: boolean;
+    color: string;
+    hover: string;
+    offset: Offset;
+    scale: number;
+}
+interface SliderPagination {
+    position: 'outside-1' | 'outside-2' | 'inside-1' | 'inside-2';
+    isActive: boolean;
+    scale: number;
+    offset: Offset;
+    colors: string[];
+    hover: string;
+}
+type Alignment = 'top-left' | 'top-center' | 'top-right' | 'middle-left' | 'middle-center' | 'middle-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+interface SliderCaption {
+    alignment: Alignment;
+    isActive: boolean;
+    color: string;
+    offset: Offset;
+    hover: string;
+}
+type Trigers = {
+    trigersList: {
+        click: boolean;
+        drag: boolean;
+        auto: boolean;
+    };
+};
+interface SliderSettings {
+    controls: SliderControls;
+    pagination: SliderPagination;
+    direction: 'horizontal' | 'vertical';
+    caption: SliderCaption;
+    trigers: Trigers;
+}
+interface CaptionStyles {
+    fontSettings: {
+        fontFamily: string;
+        fontWeight: number;
+        fontStyle: string;
+    };
+    widthSettings: {
+        width: number;
+        sizing: 'auto' | 'manual';
+    };
+    letterSpacing: number;
+    textAlign: 'left' | 'center' | 'right';
+    wordSpacing: number;
+    fontSizeLineHeight: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    textAppearance: {
+        textTransform: 'none' | 'uppercase' | 'lowercase';
+        textDecoration: 'none' | 'underline';
+        fontVariant: 'normal' | 'small-caps';
+    };
+    color: string;
+}
+interface SliderStyles {
+    caption: CaptionStyles;
+}
+interface SliderProps {
+    settings: SliderSettings;
+    content: SliderItem[];
+    styles: SliderStyles;
+    isEditor?: boolean;
+}
+export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): React.JSX.Element;
+export {};

package/dist/Components/ControlSlider/ControlSliderComponent.d.ts

@@ -0,0 +1,454 @@
+import { ControlSlider } from './ControlSlider';
+export declare const ControlSliderComponent: {
+    element: typeof ControlSlider;
+    id: string;
+    name: string;
+    defaultSize: {
+        width: number;
+        height: number;
+    };
+    schema: {
+        type: string;
+        properties: {
+            settings: {
+                layoutBased: boolean;
+                type: string;
+                properties: {
+                    trigers: {
+                        name: string;
+                        icon: string;
+                        type: string;
+                        properties: {
+                            trigersList: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    click: {
+                                        type: string;
+                                    };
+                                    drag: {
+                                        type: string;
+                                    };
+                                    auto: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                    direction: {
+                        name: string;
+                        icon: string;
+                        type: string;
+                        display: {
+                            type: string;
+                        };
+                        enum: string[];
+                    };
+                    controls: {
+                        name: string;
+                        icon: string;
+                        type: string;
+                        properties: {
+                            isActive: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            arrowsImgUrl: {
+                                type: string[];
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            offset: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    x: {
+                                        type: string;
+                                    };
+                                    y: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            scale: {
+                                type: string;
+                                name: string;
+                                min: number;
+                                max: number;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            color: {
+                                name: string;
+                                type: string;
+                                display: {
+                                    type: string;
+                                    format: string;
+                                };
+                            };
+                            hover: {
+                                name: string;
+                                type: string;
+                                display: {
+                                    type: string;
+                                    format: string;
+                                };
+                            };
+                        };
+                    };
+                    pagination: {
+                        name: string;
+                        icon: string;
+                        type: string;
+                        properties: {
+                            isActive: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            position: {
+                                name: string;
+                                display: {
+                                    type: string;
+                                    direction: string;
+                                };
+                                type: string;
+                                enum: string[];
+                            };
+                            offset: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    x: {
+                                        type: string;
+                                    };
+                                    y: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            scale: {
+                                type: string;
+                                name: string;
+                                min: number;
+                                max: number;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            colors: {
+                                display: {
+                                    type: string;
+                                    format: string;
+                                };
+                                name: string;
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            hover: {
+                                name: string;
+                                type: string;
+                                display: {
+                                    type: string;
+                                    format: string;
+                                };
+                            };
+                        };
+                    };
+                    caption: {
+                        name: string;
+                        icon: string;
+                        type: string;
+                        properties: {
+                            isActive: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                            };
+                            alignment: {
+                                name: string;
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                enum: string[];
+                            };
+                            offset: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    x: {
+                                        type: string;
+                                    };
+                                    y: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            hover: {
+                                name: string;
+                                type: string;
+                                display: {
+                                    type: string;
+                                    format: string;
+                                };
+                            };
+                        };
+                    };
+                };
+                default: {
+                    trigers: {
+                        trigersList: {
+                            click: boolean;
+                            drag: boolean;
+                            auto: boolean;
+                        };
+                    };
+                    controls: {
+                        isActive: boolean;
+                        arrowsImgUrl: null;
+                        offset: {
+                            x: number;
+                            y: number;
+                        };
+                        scale: number;
+                        color: string;
+                        hover: string;
+                    };
+                    pagination: {
+                        isActive: boolean;
+                        scale: number;
+                        position: string;
+                        offset: {
+                            x: number;
+                            y: number;
+                        };
+                        colors: string[];
+                        hover: string;
+                    };
+                    direction: string;
+                    caption: {
+                        offset: {
+                            x: number;
+                            y: number;
+                        };
+                        isActive: boolean;
+                        alignment: string;
+                        hover: string;
+                    };
+                };
+                displayRules: {
+                    if: {
+                        name: string;
+                        value: string;
+                    };
+                    then: {
+                        name: string;
+                        value: string;
+                    };
+                }[];
+            };
+            content: {
+                layoutBased: boolean;
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        image: {
+                            type: string;
+                            display: {
+                                type: string;
+                            };
+                            properties: {
+                                url: {
+                                    type: string;
+                                };
+                                name: {
+                                    type: string;
+                                };
+                            };
+                            required: string[];
+                        };
+                        imageCaption: {
+                            display: {
+                                type: string;
+                                placeholder: string;
+                            };
+                        };
+                        link: {
+                            type: string;
+                            display: {
+                                type: string;
+                                placeholder: string;
+                            };
+                            properties: {
+                                text: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    required: string[];
+                };
+                default: {
+                    image: {
+                        url: string;
+                        name: string;
+                    };
+                    imageCaption: {
+                        type: string;
+                        children: {
+                            text: string;
+                        }[];
+                    }[];
+                }[];
+            };
+            styles: {
+                layoutBased: boolean;
+                type: string;
+                properties: {
+                    caption: {
+                        dataName: string;
+                        type: string;
+                        properties: {
+                            fontSettings: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontFamily: {
+                                        type: string;
+                                    };
+                                    fontWeight: {
+                                        type: string;
+                                    };
+                                    fontStyle: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            widthSettings: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                properties: {
+                                    width: {
+                                        type: string;
+                                    };
+                                    sizing: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            fontSizeLineHeight: {
+                                type: string;
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    fontSize: {
+                                        type: string;
+                                    };
+                                    lineHeight: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                            letterSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            wordSpacing: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                            textAlign: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                                enum: string[];
+                            };
+                            textAppearance: {
+                                display: {
+                                    type: string;
+                                };
+                                properties: {
+                                    textTransform: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    textDecoration: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    fontVariant: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                };
+                            };
+                            color: {
+                                display: {
+                                    type: string;
+                                };
+                                type: string;
+                            };
+                        };
+                    };
+                };
+                default: {
+                    caption: {
+                        widthSettings: {
+                            width: number;
+                            sizing: string;
+                        };
+                        fontSettings: {
+                            fontFamily: string;
+                            fontWeight: number;
+                            fontStyle: string;
+                        };
+                        fontSizeLineHeight: {
+                            fontSize: number;
+                            lineHeight: number;
+                        };
+                        letterSpacing: number;
+                        wordSpacing: number;
+                        textAlign: string;
+                        textAppearance: {
+                            textTransform: string;
+                            textDecoration: string;
+                            fontVariant: string;
+                        };
+                        color: string;
+                    };
+                };
+            };
+        };
+        required: string[];
+    };
+};

package/dist/Components/RichTextRenderer/RichTextRenderer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    content: any[];
+}
+export declare const RichTextRenderer: FC<Props>;
+export {};

package/dist/Components/components.d.ts

@@ -0,0 +1,2 @@
+import { Component } from '../types/component/Component';
+export declare const components: Component[];

package/dist/Components/utils/scalingValue.d.ts

@@ -0,0 +1 @@
+export declare function scalingValue(value: number, isEditor?: boolean): string;

package/dist/FontFaceGenerator/FontFaceGenerator.d.ts

@@ -0,0 +1,6 @@
+import { CustomFont } from '../types/project/Fonts';
+export declare class FontFaceGenerator {
+    private fonts;
+    constructor(fonts: CustomFont[]);
+    generate(): string;
+}

package/dist/FontFaceGenerator/FontFaceGenerator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ScrollPlaybackVideoManager/ScrollPlaybackVideoManager.d.ts

@@ -0,0 +1,31 @@
+interface ScrollVideoOptions {
+    src: string;
+    videoContainer: HTMLElement | string;
+}
+export declare class ScrollPlaybackVideoManager {
+    private container?;
+    private video?;
+    private isSafari?;
+    private currentTime;
+    private targetTime;
+    private canvas;
+    private context;
+    private frames;
+    private frameRate;
+    private transitioning;
+    private debug;
+    private frameThreshold;
+    private transitionSpeed;
+    private useWebCodecs;
+    private resizeObserver;
+    constructor(options: ScrollVideoOptions);
+    private setCoverStyle;
+    private resize;
+    private decodeVideo;
+    private paintCanvasFrame;
+    private transitionToTargetTime;
+    private resetCanvasDimensions;
+    setTargetTimePercent(setPercentage: number, jump?: boolean): void;
+    destroy(): void;
+}
+export {};

package/dist/VideoDecoder/VideoDecoder.d.ts

@@ -0,0 +1,12 @@
+export declare class Writer {
+    private data;
+    private idx;
+    private size;
+    constructor(size: number);
+    getData(): Uint8Array<ArrayBuffer>;
+    writeUint8(value: number): void;
+    writeUint16(value: number): void;
+    writeUint8Array(value: Uint8Array): void;
+}
+declare const _default: (src: string, emitFrame: (bitmap: ImageBitmap) => void, debug: boolean) => Promise<void>;
+export default _default;

package/dist/cli.d.ts

@@ -0,0 +1,10 @@
+#!/usr/bin/env node
+export interface LayoutRange {
+    /** closed range [start, end] */
+    start: number;
+    end: number;
+    exemplary: number;
+    name: string;
+    isFirst: boolean;
+    isLast: boolean;
+}