@cntrl-site/sdk 1.22.21 → 1.23.1-0

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

@@ -1,500 +0,0 @@
-import { ControlSlider } from './ControlSlider';
-export declare const ControlSliderComponent: {
-    element: typeof ControlSlider;
-    id: string;
-    name: string;
-    preview: {
-        type: "video";
-        url: string;
-    };
-    defaultSize: {
-        width: number;
-        height: number;
-    };
-    schema: {
-        type: string;
-        properties: {
-            settings: {
-                layoutBased: boolean;
-                type: string;
-                properties: {
-                    triggers: {
-                        name: string;
-                        icon: string;
-                        tooltip: string;
-                        type: string;
-                        properties: {
-                            triggersList: {
-                                type: string;
-                                display: {
-                                    type: string;
-                                };
-                                properties: {
-                                    click: {
-                                        type: string;
-                                    };
-                                    drag: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                            autoPlay: {
-                                type: string[];
-                                label: string;
-                                display: {
-                                    type: string;
-                                };
-                                enum: (string | null)[];
-                            };
-                        };
-                    };
-                    direction: {
-                        name: string;
-                        icon: string;
-                        tooltip: string;
-                        type: string;
-                        display: {
-                            type: string;
-                        };
-                        enum: string[];
-                    };
-                    transition: {
-                        name: string;
-                        icon: string;
-                        tooltip: string;
-                        type: string;
-                        properties: {
-                            type: {
-                                type: string;
-                                display: {
-                                    type: string;
-                                };
-                                enum: string[];
-                            };
-                            duration: {
-                                type: string;
-                                label: string;
-                                display: {
-                                    type: string;
-                                };
-                                enum: string[];
-                            };
-                        };
-                    };
-                    controls: {
-                        name: string;
-                        icon: string;
-                        tooltip: 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;
-                        tooltip: 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;
-                        tooltip: 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: {
-                    triggers: {
-                        triggersList: {
-                            click: boolean;
-                            drag: boolean;
-                        };
-                        autoPlay: null;
-                    };
-                    controls: {
-                        isActive: boolean;
-                        arrowsImgUrl: null;
-                        offset: {
-                            x: number;
-                            y: number;
-                        };
-                        scale: number;
-                        color: string;
-                        hover: string;
-                    };
-                    transition: {
-                        type: string;
-                        duration: 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;
-                                };
-                                objectFit: {
-                                    type: string;
-                                    enum: 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: {
-                        objectFit: string;
-                        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/components.d.ts

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

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

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

package/dist/Components/helpers/SvgImage/SvgImage.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-interface SvgImageProps {
-    url: string;
-    fill?: string;
-    hoverFill?: string;
-    className?: string;
-}
-export declare const SvgImage: FC<SvgImageProps>;
-export {};

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

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

package/dist/FontFaceGenerator/FontFaceGenerator.d.ts

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

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

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

package/dist/ScrollPlaybackVideoManager/ScrollPlaybackVideoManager.d.ts

@@ -1,31 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

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

package/dist/cli.js

@@ -1,64 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const ejs_1 = __importDefault(require("ejs"));
-const dotenv_1 = require("dotenv");
-const commander_1 = require("commander");
-const Client_1 = require("./Client/Client");
-commander_1.program
-    .command('generate-layouts')
-    .option('-o, --output <outputFilePath>', 'Output file path', 'cntrl.scss')
-    .option('-e, --env <envFilename>', 'Name of the .env file', '.env.local')
-    .action((options) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        (0, dotenv_1.config)({ path: options.env });
-        const templateFilePath = path_1.default.resolve(__dirname, '../resources/template.scss.ejs');
-        const scssTemplate = fs_1.default.readFileSync(templateFilePath, 'utf-8');
-        const apiUrl = process.env.CNTRL_API_URL;
-        if (!apiUrl) {
-            throw new Error('Environment variable "CNTRL_API_URL" must be set.');
-        }
-        const client = new Client_1.Client(apiUrl);
-        const layouts = yield client.getLayouts();
-        const ranges = convertLayouts(layouts);
-        const compiledTemplate = ejs_1.default.compile(scssTemplate);
-        const renderedTemplate = compiledTemplate({ ranges });
-        const outputFilePath = path_1.default.resolve(process.cwd(), options.output);
-        fs_1.default.writeFileSync(outputFilePath, renderedTemplate);
-        console.log(`Generated .scss file at ${outputFilePath}`);
-    }
-    catch (error) {
-        console.error('An error occurred:', error);
-        process.exit(1);
-    }
-}));
-function convertLayouts(layouts, maxLayoutWidth = Number.MAX_SAFE_INTEGER) {
-    const sorted = layouts.slice().sort((la, lb) => la.startsWith - lb.startsWith);
-    const mapped = sorted.map((layout, i, ls) => {
-        const next = ls[i + 1];
-        return {
-            start: layout.startsWith,
-            end: next ? next.startsWith - 1 : maxLayoutWidth,
-            exemplary: layout.exemplary,
-            name: layout.title,
-            isFirst: i === 0,
-            isLast: !next
-        };
-    });
-    return mapped;
-}
-commander_1.program.parse(process.argv);

package/dist/index.d.ts

@@ -1,23 +0,0 @@
-export { Client as CntrlClient } from './Client/Client';
-export { FontFaceGenerator } from './FontFaceGenerator/FontFaceGenerator';
-export { getLayoutStyles, getLayoutMediaQuery } from './utils';
-export { ScrollPlaybackVideoManager } from './ScrollPlaybackVideoManager/ScrollPlaybackVideoManager';
-export { SectionHeightMode } from './types/article/Section';
-export { TextAlign, TextDecoration, TextTransform, VerticalAlign } from './types/article/RichText';
-export { ArticleItemType } from './types/article/ArticleItemType';
-export { AreaAnchor, AnchorSide, DimensionMode, PositionType } from './types/article/ItemArea';
-export { KeyframeType } from './types/keyframe/Keyframe';
-export type { Article } from './types/article/Article';
-export type { Section, SectionHeight } from './types/article/Section';
-export type { Item, ImageItem, ItemAny, CustomItem, ItemCommonParamsMap, ItemLayoutParamsMap, RectangleItem, StickyParams, VideoItem, RichTextItem, Link, VimeoEmbedItem, YoutubeEmbedItem, GroupItem, CodeEmbedItem, CompoundItem, ComponentItem } from './types/article/Item';
-export type { RichTextBlock, RichTextEntity, RichTextStyle } from './types/article/RichText';
-export type { ItemArea } from './types/article/ItemArea';
-export type { ItemState, ItemStateParams, StateParams, ItemStatesMap } from './types/article/ItemState';
-export type { Interaction, InteractionTrigger, InteractionState } from './types/article/Interaction';
-export type { Layout } from './types/project/Layout';
-export type { Project } from './types/project/Project';
-export type { Meta } from './types/project/Meta';
-export type { KeyframeValueMap, KeyframeAny } from './types/keyframe/Keyframe';
-export type { CompoundSettings } from './types/article/CompoundSettings';
-export type { Component } from './types/component/Component';
-export { components } from './Components/components';