@cliquify.me/state 3.1.8 → 3.1.10

package/dist/utils/load-item.d.ts

@@ -0,0 +1,339 @@
+import { IAudio, ICaption, IDisplay, IImage, ISize, ITemplate, IText, ITrack, ITrackItem, ITrim, IVideo, IVideoDetails } from '@cliquify.me/types';
+
+type OptionsType = {
+    size: {
+        width: number;
+        height: number;
+    };
+    origin: number;
+    scaleMode?: string;
+};
+export declare const loadVideoItem: (layer: ITrackItem & IVideo, options: Partial<OptionsType>) => Promise<{
+    trim: ITrim;
+    type: string;
+    name: string;
+    details: IVideoDetails;
+    playbackRate: number;
+    display: IDisplay;
+    duration: number;
+    id: string;
+    preview?: string;
+    isMain?: boolean;
+    animations?: {
+        in: import('@cliquify.me/types').IBasicAnimation;
+        out: import('@cliquify.me/types').IBasicAnimation;
+    };
+    modifier?: IDisplay;
+    activeEdit?: boolean;
+    metadata: Record<string, any>;
+    transitionInfo?: {
+        isFrom: boolean;
+        isTo: boolean;
+        transition: import('@cliquify.me/types').ITransition;
+    };
+}>;
+export declare const loadAudioItem: (payload: ITrackItem & IAudio) => Promise<{
+    id: string;
+    name: string;
+    type: string;
+    display: IDisplay;
+    trim: ITrim;
+    playbackRate: number;
+    details: {
+        src: any;
+        volume: any;
+    };
+    metadata: {
+        [x: string]: any;
+    };
+    duration: number;
+}>;
+export declare const loadTemplateItem: (payload: ITemplate, options: {
+    size: ISize;
+}) => Promise<{
+    id: string;
+    type: string;
+    details: {
+        top: any;
+        left: any;
+        scale: number;
+        rotate: any;
+        width: number;
+        height: number;
+        type?: string;
+        name?: string;
+    };
+    trim: IDisplay;
+    display: IDisplay;
+    activeEdit: boolean;
+}>;
+export declare const loadImageItem: (payload: ITrackItem & IImage, options: {
+    origin?: number;
+    size?: {
+        width: number;
+        height: number;
+    };
+    scaleMode?: string;
+}) => Promise<{
+    id: string;
+    type: string;
+    name: string;
+    display: IDisplay;
+    playbackRate: number;
+    details: {
+        src: any;
+        width: any;
+        height: any;
+        opacity: any;
+        transform: any;
+        border: any;
+        borderRadius: any;
+        boxShadow: any;
+        top: any;
+        left: any;
+        borderWidth: any;
+        borderColor: any;
+        blur: any;
+        brightness: any;
+        flipX: any;
+        flipY: any;
+        rotate: any;
+        visibility: any;
+    };
+    metadata: Record<string, any>;
+}>;
+export declare const loadCaptionItem: (trackItem: ITrackItem, options: {
+    origin?: number;
+    size?: {
+        width: number;
+        height: number;
+    };
+}) => Promise<{
+    id: string;
+    name: string;
+    type: string;
+    display: IDisplay;
+    details: {
+        text: string;
+        height: number;
+        fontUrl: string;
+        top: string | number;
+        left: string | number;
+        borderWidth: number;
+        borderColor: string;
+        boxShadow: {
+            color: string;
+            x: number;
+            y: number;
+            blur: number;
+        };
+        words: import('@cliquify.me/types').ICaptionWord[];
+        appearedColor: string;
+        activeColor: string;
+        activeFillColor: string;
+        skewX: number;
+        skewY: number;
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+        lineHeight: number | string;
+        letterSpacing: number | string;
+        fontWeight: number;
+        fontStyle: string;
+        textDecoration: string;
+        textAlign: "center" | "left" | "right";
+        wordSpacing: number | string;
+        textShadow: string;
+        backgroundColor: string;
+        opacity: number;
+        width: number;
+        textTransform: "capitalize" | "uppercase" | "lowercase";
+        border: string;
+        wordWrap: "normal" | "break-word";
+        wordBreak: "normal" | "break-word" | "break-all";
+        WebkitTextStrokeColor: string;
+        WebkitTextStrokeWidth: string;
+        transform?: string;
+        borderRadius?: number;
+    };
+    metadata: Record<string, any>;
+}>;
+export declare const loadTextItem: (payload: ITrackItem & IText, options: {
+    origin?: number;
+    size?: {
+        width: number;
+        height: number;
+    };
+}) => Promise<{
+    id: string;
+    name: string;
+    type: string;
+    display: IDisplay;
+    details: {
+        text: any;
+        height: number;
+        fontUrl: any;
+        top: string | number;
+        left: string | number;
+        borderWidth: any;
+        borderColor: any;
+        boxShadow: any;
+        skewX: number;
+        skewY: number;
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+        lineHeight: number | string;
+        letterSpacing: number | string;
+        fontWeight: number;
+        fontStyle: string;
+        textDecoration: string;
+        textAlign: "center" | "left" | "right";
+        wordSpacing: number | string;
+        textShadow: string;
+        backgroundColor: string;
+        opacity: number;
+        width: number;
+        textTransform: "capitalize" | "uppercase" | "lowercase";
+        border: string;
+        wordWrap: "normal" | "break-word";
+        wordBreak: "normal" | "break-word" | "break-all";
+        WebkitTextStrokeColor: string;
+        WebkitTextStrokeWidth: string;
+        transform?: string;
+        borderRadius?: number;
+    };
+    metadata: {};
+}>;
+export declare const loadTrackItem: (payload: ITrackItem & (IVideo | IAudio | IImage | IText | ICaption | ITemplate), options?: {
+    size?: {
+        width: number;
+        height: number;
+    };
+    origin?: number;
+}) => Promise<{
+    trim: ITrim;
+    type: string;
+    name: string;
+    details: IVideoDetails;
+    playbackRate: number;
+    display: IDisplay;
+    duration: number;
+    id: string;
+    preview?: string;
+    isMain?: boolean;
+    animations?: {
+        in: import('@cliquify.me/types').IBasicAnimation;
+        out: import('@cliquify.me/types').IBasicAnimation;
+    };
+    modifier?: IDisplay;
+    activeEdit?: boolean;
+    metadata: Record<string, any>;
+    transitionInfo?: {
+        isFrom: boolean;
+        isTo: boolean;
+        transition: import('@cliquify.me/types').ITransition;
+    };
+} | {
+    id: string;
+    name: string;
+    type: string;
+    display: IDisplay;
+    trim: ITrim;
+    playbackRate: number;
+    details: {
+        src: any;
+        volume: any;
+    };
+    metadata: {
+        [x: string]: any;
+    };
+    duration: number;
+} | {
+    id: string;
+    type: string;
+    details: {
+        top: any;
+        left: any;
+        scale: number;
+        rotate: any;
+        width: number;
+        height: number;
+        type?: string;
+        name?: string;
+    };
+    trim: IDisplay;
+    display: IDisplay;
+    activeEdit: boolean;
+} | {
+    id: string;
+    type: string;
+    name: string;
+    display: IDisplay;
+    playbackRate: number;
+    details: {
+        src: any;
+        width: any;
+        height: any;
+        opacity: any;
+        transform: any;
+        border: any;
+        borderRadius: any;
+        boxShadow: any;
+        top: any;
+        left: any;
+        borderWidth: any;
+        borderColor: any;
+        blur: any;
+        brightness: any;
+        flipX: any;
+        flipY: any;
+        rotate: any;
+        visibility: any;
+    };
+    metadata: Record<string, any>;
+} | {
+    id: string;
+    name: string;
+    type: string;
+    display: IDisplay;
+    details: {
+        text: any;
+        height: number;
+        fontUrl: any;
+        top: string | number;
+        left: string | number;
+        borderWidth: any;
+        borderColor: any;
+        boxShadow: any;
+        skewX: number;
+        skewY: number;
+        fontSize: number;
+        fontFamily: string;
+        color: string;
+        lineHeight: number | string;
+        letterSpacing: number | string;
+        fontWeight: number;
+        fontStyle: string;
+        textDecoration: string;
+        textAlign: "center" | "left" | "right";
+        wordSpacing: number | string;
+        textShadow: string;
+        backgroundColor: string;
+        opacity: number;
+        width: number;
+        textTransform: "capitalize" | "uppercase" | "lowercase";
+        border: string;
+        wordWrap: "normal" | "break-word";
+        wordBreak: "normal" | "break-word" | "break-all";
+        WebkitTextStrokeColor: string;
+        WebkitTextStrokeWidth: string;
+        transform?: string;
+        borderRadius?: number;
+    };
+    metadata: {};
+}>;
+export declare function checkIfItemIsInTrack(tracks: ITrack[], trackItemIds: string[]): boolean;
+export declare function checkIfTrackExists(currentTracks: ITrack[], nextTracks: ITrack[]): boolean;
+export declare const loadTracks: (tracks?: Partial<ITrack>[], trackItems?: ITrackItem[]) => ITrack[];
+export {};

package/dist/utils/math.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Clamps a value between a minimum and maximum range
+ * @param value The value to clamp
+ * @param min The minimum value
+ * @param max The maximum value
+ * @returns The clamped value
+ */
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/utils/media.d.ts

@@ -0,0 +1,20 @@
+import { ITrackItem } from '@cliquify.me/types';
+
+export declare const getImageInfo: (src: string) => Promise<{
+    width: number;
+    height: number;
+}>;
+export declare const getAudioInfo: (src: string) => Promise<{
+    duration: number;
+}>;
+export declare const getVideoInfo: (src: string) => Promise<{
+    duration: number;
+    width: number;
+    height: number;
+}>;
+export declare const getIVideotemInfo: (item: ITrackItem) => Promise<{
+    duration: number;
+    width: any;
+    height: any;
+}>;
+export declare const getTextInfo: (text: string, styles: any) => number;

package/dist/utils/replace-item.d.ts

@@ -0,0 +1,22 @@
+import { IItem, ITrackItem } from '@cliquify.me/types';
+
+export declare const getDimension: (item: IItem, info: {
+    width: number;
+    height: number;
+}) => {
+    newWidth: number;
+    newHeight: number;
+    crop: {
+        x: number;
+        y: number;
+        height: any;
+        width: any;
+    };
+};
+export declare const getTimeDuration: (item: ITrackItem, info: {
+    duration: number;
+}) => {
+    duration: number;
+    trim: import('@cliquify.me/types').ITrim | undefined;
+    display: import('@cliquify.me/types').IDisplay;
+};

package/dist/utils/track.d.ts

@@ -0,0 +1,3 @@
+import { ITrack } from '@cliquify.me/types';
+
+export declare function removeItemsFromTrack(tracks: ITrack[], itemsToRemove: string[]): ITrack[];

package/package.json

@@ -1,13 +1,20 @@
 {
   "name": "@cliquify.me/state",
-  "version": "3.1.8",
+  "version": "3.1.10",
   "private": false,
   "files": [
     "dist"
   ],
-  "main": "src/index.ts",
-  "module": "src/index.ts",
-  "types": "src/index.ts",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
   "devDependencies": {
     "@designcombo/events": "^1.0.2",
     "@types/lodash.clonedeep": "^4.5.9",
@@ -18,7 +25,7 @@
     "typescript": "^5.3.3",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^3.9.1",
-    "@cliquify.me/types": "3.1.8",
+    "@cliquify.me/types": "3.1.10",
     "@cliquify.me/typescript-config": "0.0.2"
   },
   "dependencies": {
@@ -32,7 +39,7 @@
   },
   "peerDependencies": {
     "@designcombo/events": "^1.0.2",
-    "@cliquify.me/types": "3.1.8"
+    "@cliquify.me/types": "3.1.10"
   },
   "scripts": {
     "dev": "vite",

package/src/index.ts

@@ -1,2 +0,0 @@
-export { default } from "./state";
-export * from "./events";