@cntrl-site/components 0.0.1 → 0.0.3

package/package.json

@@ -1,92 +1,68 @@
-{
-  "name": "@cntrl-site/components",
-  "version": "0.0.1",
-  "description": "Custom components for control editor and public websites.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "style": "dist/sdk.css",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./style/sdk.css": {
-      "default": "./dist/sdk.css"
-    }
-  },
-  "scripts": {
-    "test": "jest",
-    "dev": "vite development",
-    "prebuild": "rimraf ./dist",
-    "build": "vite build",
-    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
-  },
-  "files": [
-    "dist",
-    "resources"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cntrl-site/components.git"
-  },
-  "author": "arsen@momdesign.nyc",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/cntrl-site/components/issues"
-  },
-  "homepage": "https://github.com/cntrl-site/components#readme",
-  "directories": {
-    "lib": "dist"
-  },
-  "dependencies": {
-    "@antfu/eslint-config": "^3.16.0",
-    "@cntrl-site/color": "^1.0.0",
-    "@cntrl-site/effects": "^1.4.0",
-    "@splidejs/react-splide": "^0.7.12",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "@types/ejs": "^3.1.2",
-    "@types/isomorphic-fetch": "^0.0.36",
-    "@types/ua-parser-js": "^0.7.39",
-    "@types/vimeo__player": "^2.18.3",
-    "@vimeo/player": "^2.25.0",
-    "classnames": "^2.5.1",
-    "commander": "^10.0.1",
-    "dotenv": "^16.1.3",
-    "ejs": "^3.1.9",
-    "html-react-parser": "^3.0.1",
-    "isomorphic-fetch": "^3.0.0",
-    "mp4box": "^0.5.2",
-    "resize-observer-polyfill": "^1.5.1",
-    "styled-jsx": "^5.0.2",
-    "ts-node": "^10.9.1",
-    "ua-parser-js": "^1.0.37",
-    "url": "^0.11.0",
-    "zod": "^3.22.4"
-  },
-  "devDependencies": {
-    "@tsconfig/node16": "^1.0.3",
-    "@tsconfig/recommended": "^1.0.1",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^18.11.7",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "cross-env": "^10.1.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^6.0.1",
-    "sass": "^1.86.3",
-    "ts-jest": "^29.0.3",
-    "typescript": "^5.2.2",
-    "vite": "^6.2.5",
-    "vite-plugin-dts": "^4.5.3"
-  }
-}
+{
+  "name": "@cntrl-site/components",
+  "version": "0.0.3",
+  "description": "Custom components for control editor and public websites.",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "style": "dist/components.css",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./style/components.css": {
+      "default": "./dist/components.css"
+    }
+  },
+  "scripts": {
+    "test": "jest",
+    "dev": "vite development",
+    "prebuild": "rimraf ./dist",
+    "build": "vite build",
+    "prepublishOnly": "cross-env NODE_ENV=production npm run build"
+  },
+  "files": [
+    "dist",
+    "resources"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cntrl-site/components.git"
+  },
+  "author": "arsen@momdesign.nyc",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/cntrl-site/components/issues"
+  },
+  "homepage": "https://github.com/cntrl-site/components#readme",
+  "directories": {
+    "lib": "dist"
+  },
+  "dependencies": {
+    "@antfu/eslint-config": "^3.16.0",
+    "@splidejs/react-splide": "^0.7.12",
+    "classnames": "^2.5.1",
+    "ts-node": "^10.9.1"
+  },
+  "devDependencies": {
+    "@tsconfig/node16": "^1.0.3",
+    "@tsconfig/recommended": "^1.0.1",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "cross-env": "^10.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rimraf": "^6.0.1",
+    "sass": "^1.86.3",
+    "typescript": "^5.2.2",
+    "vite": "^6.2.5",
+    "vite-plugin-dts": "^4.5.3"
+  }
+}

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/sdk/Client/Client.d.ts

@@ -1,32 +0,0 @@
-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, buildMode?: 'default' | 'self-hosted'): 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/sdk/Client/Client.test.d.ts

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

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

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

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

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

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

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

package/dist/sdk/Components/components.d.ts

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

package/dist/sdk/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/sdk/FontFaceGenerator/FontFaceGenerator.test.d.ts

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

package/dist/sdk/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/sdk/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/sdk/schemas/article/Article.schema.d.ts

@@ -1,328 +0,0 @@
-import { z } from 'zod';
-export declare const ArticleSchema: z.ZodObject<{
-    id: z.ZodString;
-    sections: z.ZodArray<z.ZodObject<{
-        id: z.ZodString;
-        items: z.ZodArray<z.ZodType<import('../../..').ItemAny, z.ZodTypeDef, import('../../..').ItemAny>, "many">;
-        name: z.ZodOptional<z.ZodString>;
-        height: z.ZodRecord<z.ZodString, z.ZodObject<{
-            mode: z.ZodNativeEnum<typeof import('../../..').SectionHeightMode>;
-            units: z.ZodNumber;
-            vhUnits: z.ZodOptional<z.ZodNumber>;
-        }, "strip", z.ZodTypeAny, {
-            mode: import('../../..').SectionHeightMode;
-            units: number;
-            vhUnits?: number | undefined;
-        }, {
-            mode: import('../../..').SectionHeightMode;
-            units: number;
-            vhUnits?: number | undefined;
-        }>>;
-        position: z.ZodRecord<z.ZodString, z.ZodNumber>;
-        hidden: z.ZodRecord<z.ZodString, z.ZodBoolean>;
-        color: z.ZodRecord<z.ZodString, z.ZodNullable<z.ZodString>>;
-        media: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
-            url: z.ZodString;
-            size: z.ZodString;
-            type: z.ZodLiteral<"video">;
-            play: z.ZodEnum<["on-click", "auto"]>;
-            coverUrl: z.ZodNullable<z.ZodString>;
-            position: z.ZodString;
-            offsetX: z.ZodNullable<z.ZodNumber>;
-        }, "strip", z.ZodTypeAny, {
-            url: string;
-            coverUrl: string | null;
-            play: "on-click" | "auto";
-            position: string;
-            type: "video";
-            size: string;
-            offsetX: number | null;
-        }, {
-            url: string;
-            coverUrl: string | null;
-            play: "on-click" | "auto";
-            position: string;
-            type: "video";
-            size: string;
-            offsetX: number | null;
-        }>, z.ZodObject<{
-            url: z.ZodString;
-            type: z.ZodLiteral<"image">;
-            size: z.ZodString;
-            position: z.ZodString;
-            offsetX: z.ZodNullable<z.ZodNumber>;
-        }, "strip", z.ZodTypeAny, {
-            url: string;
-            position: string;
-            type: "image";
-            size: string;
-            offsetX: number | null;
-        }, {
-            url: string;
-            position: string;
-            type: "image";
-            size: string;
-            offsetX: number | null;
-        }>]>>>;
-    }, "strip", z.ZodTypeAny, {
-        color: Record<string, string | null>;
-        hidden: Record<string, boolean>;
-        position: Record<string, number>;
-        id: string;
-        height: Record<string, {
-            mode: import('../../..').SectionHeightMode;
-            units: number;
-            vhUnits?: number | undefined;
-        }>;
-        items: import('../../..').ItemAny[];
-        name?: string | undefined;
-        media?: Record<string, {
-            url: string;
-            coverUrl: string | null;
-            play: "on-click" | "auto";
-            position: string;
-            type: "video";
-            size: string;
-            offsetX: number | null;
-        } | {
-            url: string;
-            position: string;
-            type: "image";
-            size: string;
-            offsetX: number | null;
-        }> | undefined;
-    }, {
-        color: Record<string, string | null>;
-        hidden: Record<string, boolean>;
-        position: Record<string, number>;
-        id: string;
-        height: Record<string, {
-            mode: import('../../..').SectionHeightMode;
-            units: number;
-            vhUnits?: number | undefined;
-        }>;
-        items: import('../../..').ItemAny[];
-        name?: string | undefined;
-        media?: Record<string, {
-            url: string;
-            coverUrl: string | null;
-            play: "on-click" | "auto";
-            position: string;
-            type: "video";
-            size: string;
-            offsetX: number | null;
-        } | {
-            url: string;
-            position: string;
-            type: "image";
-            size: string;
-            offsetX: number | null;
-        }> | undefined;
-    }>, "many">;
-    interactions: z.ZodRecord<z.ZodString, z.ZodArray<z.ZodObject<{
-        id: z.ZodString;
-        triggers: z.ZodArray<z.ZodUnion<[z.ZodObject<{
-            itemId: z.ZodString;
-            type: z.ZodEnum<["hover-in", "hover-out", "click"]>;
-            from: z.ZodString;
-            to: z.ZodString;
-        }, "strip", z.ZodTypeAny, {
-            type: "hover-in" | "hover-out" | "click";
-            from: string;
-            to: string;
-            itemId: string;
-        }, {
-            type: "hover-in" | "hover-out" | "click";
-            from: string;
-            to: string;
-            itemId: string;
-        }>, z.ZodObject<{
-            position: z.ZodNumber;
-            from: z.ZodString;
-            to: z.ZodString;
-            isReverse: z.ZodBoolean;
-        }, "strip", z.ZodTypeAny, {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        }, {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        }>]>, "many">;
-        states: z.ZodArray<z.ZodObject<{
-            id: z.ZodString;
-            actions: z.ZodOptional<z.ZodArray<z.ZodObject<{
-                type: z.ZodEnum<["play", "pause"]>;
-                itemId: z.ZodString;
-            }, "strip", z.ZodTypeAny, {
-                type: "play" | "pause";
-                itemId: string;
-            }, {
-                type: "play" | "pause";
-                itemId: string;
-            }>, "many">>;
-        }, "strip", z.ZodTypeAny, {
-            id: string;
-            actions?: {
-                type: "play" | "pause";
-                itemId: string;
-            }[] | undefined;
-        }, {
-            id: string;
-            actions?: {
-                type: "play" | "pause";
-                itemId: string;
-            }[] | undefined;
-        }>, "many">;
-        startStateId: z.ZodString;
-    }, "strip", z.ZodTypeAny, {
-        id: string;
-        triggers: ({
-            type: "hover-in" | "hover-out" | "click";
-            from: string;
-            to: string;
-            itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
-        states: {
-            id: string;
-            actions?: {
-                type: "play" | "pause";
-                itemId: string;
-            }[] | undefined;
-        }[];
-        startStateId: string;
-    }, {
-        id: string;
-        triggers: ({
-            type: "hover-in" | "hover-out" | "click";
-            from: string;
-            to: string;
-            itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
-        states: {
-            id: string;
-            actions?: {
-                type: "play" | "pause";
-                itemId: string;
-            }[] | undefined;
-        }[];
-        startStateId: string;
-    }>, "many">>;
-}, "strip", z.ZodTypeAny, {
-    id: string;
-    sections: {
-        color: Record<string, string | null>;
-        hidden: Record<string, boolean>;
-        position: Record<string, number>;
-        id: string;
-        height: Record<string, {
-            mode: import('../../..').SectionHeightMode;
-            units: number;
-            vhUnits?: number | undefined;
-        }>;
-        items: import('../../..').ItemAny[];
-        name?: string | undefined;
-        media?: Record<string, {
-            url: string;
-            coverUrl: string | null;
-            play: "on-click" | "auto";
-            position: string;
-            type: "video";
-            size: string;
-            offsetX: number | null;
-        } | {
-            url: string;
-            position: string;
-            type: "image";
-            size: string;
-            offsetX: number | null;
-        }> | undefined;
-    }[];
-    interactions: Record<string, {
-        id: string;
-        triggers: ({
-            type: "hover-in" | "hover-out" | "click";
-            from: string;
-            to: string;
-            itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
-        states: {
-            id: string;
-            actions?: {
-                type: "play" | "pause";
-                itemId: string;
-            }[] | undefined;
-        }[];
-        startStateId: string;
-    }[]>;
-}, {
-    id: string;
-    sections: {
-        color: Record<string, string | null>;
-        hidden: Record<string, boolean>;
-        position: Record<string, number>;
-        id: string;
-        height: Record<string, {
-            mode: import('../../..').SectionHeightMode;
-            units: number;
-            vhUnits?: number | undefined;
-        }>;
-        items: import('../../..').ItemAny[];
-        name?: string | undefined;
-        media?: Record<string, {
-            url: string;
-            coverUrl: string | null;
-            play: "on-click" | "auto";
-            position: string;
-            type: "video";
-            size: string;
-            offsetX: number | null;
-        } | {
-            url: string;
-            position: string;
-            type: "image";
-            size: string;
-            offsetX: number | null;
-        }> | undefined;
-    }[];
-    interactions: Record<string, {
-        id: string;
-        triggers: ({
-            type: "hover-in" | "hover-out" | "click";
-            from: string;
-            to: string;
-            itemId: string;
-        } | {
-            position: number;
-            from: string;
-            to: string;
-            isReverse: boolean;
-        })[];
-        states: {
-            id: string;
-            actions?: {
-                type: "play" | "pause";
-                itemId: string;
-            }[] | undefined;
-        }[];
-        startStateId: string;
-    }[]>;
-}>;