@cliquify.me/types 3.1.9 → 3.1.11

package/package.json

@@ -1,13 +1,20 @@
 {
   "name": "@cliquify.me/types",
-  "version": "3.1.9",
+  "version": "3.1.11",
   "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": {
     "@types/node": "^20.11.24",
     "typescript": "^5.3.3",

package/src/index.ts

@@ -1,491 +0,0 @@
-export interface State {
-  tracks: ITrack[];
-  trackItemIds: string[];
-  trackItemsMap: Record<string, ITrackItem>;
-  transitionIds: string[];
-  transitionsMap: Record<string, ITransition>;
-  scale: ITimelineScaleState;
-  duration: number;
-  activeIds: string[];
-  trackItemDetailsMap: Record<string, IItem>;
-  size: ISize;
-  structure: ItemStructure[];
-  fps: number;
-}
-
-export type ItemType =
-  | "text"
-  | "image"
-  | "video"
-  | "audio"
-  | "helper"
-  | "caption"
-  | "template";
-
-export interface IDisplay {
-  from: number;
-  to: number;
-}
-
-export interface ISize {
-  width: number;
-  height: number;
-  type?: string;
-  name?: string;
-}
-export interface IDesign {
-  id: string | number;
-  size: ISize;
-  duration?: number;
-  fps: number; // frames per second
-  tracks: ITrack[];
-  trackItemIds: string[];
-  trackItemsMap: Record<string, ITrackItemBase>;
-  transitionIds: string[];
-  transitionsMap: Record<string, ITransition>;
-  trackItemDetailsMap: Record<string, IItem>;
-  structure?: ItemStructure[];
-}
-
-export interface ITrim {
-  from: number;
-  to: number;
-}
-
-interface ICommonDetails {
-  width?: number;
-  height?: number;
-  transform?: string;
-  opacity?: number;
-  border?: string;
-  borderRadius?: number;
-  boxShadow?: IBoxShadow;
-  top?: number | string;
-  left?: number | string;
-  borderColor?: string;
-  borderWidth?: number;
-}
-
-export interface IBoxShadow {
-  color: string;
-  x: number;
-  y: number;
-  blur: number;
-}
-
-export type ITrackItem =
-  | (ITrackItemBase & { type: "text" })
-  | (ITrackItemBase & { type: "image" })
-  | (ITrackItemBase & { type: "video" })
-  | (ITrackItemBase & { type: "audio" })
-  | (ITrackItemBase & { type: "helper" })
-  | (ITrackItemBase & { type: "caption" })
-  | (ITrackItemBase & { type: "template" });
-
-export interface IStateManager {
-  getState(): State;
-  subscribe(callback: (state: State) => void): void;
-  updateState(
-    partialState: Partial<State>,
-    updateHistory?: IUpdateStateOptions
-  ): void;
-  subscribeToScale: (callback: (v: { scale: State["scale"] }) => void) => void;
-  subscribeToDuration: (
-    callback: (duration: { duration: State["duration"] }) => void
-  ) => void;
-  subscribeToActiveIds: (
-    callback: (activeIds: { activeIds: State["activeIds"] }) => void
-  ) => void;
-  subscribeToAddOrRemoveItems: (
-    callback: (trackItemIds: { trackItemIds: State["trackItemIds"] }) => void
-  ) => void;
-  subscribeToHistory: (
-    callback: (history: {
-      tracks: State["tracks"];
-      trackItemsMap: State["trackItemsMap"];
-      trackItemDetailsMap: State["trackItemDetailsMap"];
-      trackItemIds: State["trackItemIds"];
-      transitionIds: State["transitionIds"];
-      transitionsMap: State["transitionsMap"];
-    }) => void
-  ) => void;
-  subscribeToUpdateTrackItem: (
-    callback: (trackItemUpdate: {
-      trackItemsMap: State["trackItemsMap"];
-    }) => void
-  ) => void;
-  subscribeToUpdateItemDetails: (
-    callback: (trackItemUpdate: {
-      trackItemDetailsMap: State["trackItemDetailsMap"];
-    }) => void
-  ) => void;
-
-  subscribeToUpdateTrackItemTiming: (
-    callback: (trackItemUpdate: {
-      trackItemsMap: State["trackItemsMap"];
-      changedTrimIds?: string[];
-      changedDisplayIds?: string[];
-    }) => void
-  ) => void;
-
-  subscribeToFps: (callback: (fps: { fps: State["fps"] }) => void) => void;
-
-  subscribeToUpdateAnimations: (
-    callback: (trackItemUpdate: {
-      trackItemsMap: State["trackItemsMap"];
-      changedAnimationIds?: string[];
-    }) => void
-  ) => void;
-
-  subscribeToTracks: (
-    callback: (tracksUpdate: {
-      tracks: State["tracks"];
-      changedTracks: string[];
-    }) => void
-  ) => void;
-
-  subscribeToState: (
-    callback: (tracksInfo: {
-      tracks: State["tracks"];
-      trackItemIds: State["trackItemIds"];
-      trackItemsMap: State["trackItemsMap"];
-      transitionIds: State["transitionIds"];
-      transitionsMap: State["transitionsMap"];
-      trackItemDetailsMap: State["trackItemDetailsMap"];
-      structure: State["structure"];
-    }) => void
-  ) => void;
-}
-
-export type IKindHistory =
-  | "add"
-  | "remove"
-  | "update"
-  | "replace"
-  | "update:details"
-  | "layer:selection"
-  | "undo"
-  | "design:resize"
-  | "design:load"
-  | "redo"
-  | "add:transition";
-
-export interface IUpdateStateOptions {
-  updateHistory?: boolean;
-  kind?: IKindHistory;
-}
-export type ITransitionType =
-  | "none"
-  | "fade"
-  | "slide"
-  | "wipe"
-  | "flip"
-  | "clockWipe"
-  | "star"
-  | "circle"
-  | "rectangle"
-  | "slidingDoors";
-
-export interface ITransition {
-  id: string;
-  trackId: string;
-  fromId: string;
-  toId: string;
-  type: string;
-  name?: string;
-  duration: number;
-  preview?: string;
-  direction?: any;
-  kind: string;
-}
-
-export interface IBasicAnimation {
-  name: string;
-  composition: ICompositionAnimation[];
-}
-
-export interface ICompositionAnimation {
-  property: string;
-  from: number;
-  to: number;
-  durationInFrames: number;
-  ease?: (t: number) => number;
-  easing: string;
-  delay: number;
-}
-
-export interface ITrackItemBase {
-  id: string;
-  name: string;
-  type: ItemType;
-  preview?: string;
-  display: IDisplay;
-  duration?: number;
-  trim?: ITrim;
-  isMain?: boolean;
-  animations?: {
-    in: IBasicAnimation;
-    out: IBasicAnimation;
-  };
-  playbackRate?: number;
-  modifier?: IDisplay;
-  details?: any;
-  activeEdit?: boolean;
-  metadata: Record<string, any>;
-  transitionInfo?: {
-    isFrom: boolean;
-    isTo: boolean;
-    transition: ITransition;
-  };
-}
-
-export interface ICaptionWord {
-  end: number;
-  start: number;
-  word: string;
-}
-
-export interface ICaptionDetails extends ICommonDetails {
-  skewX: number;
-  skewY: number;
-  text: string;
-  fontSize: number;
-  fontFamily: string;
-  fontUrl: 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;
-  height: number;
-  top: number | string;
-  left: number | string;
-  border: string;
-  wordWrap: "normal" | "break-word";
-  wordBreak: "normal" | "break-word" | "break-all";
-  WebkitTextStrokeColor: string;
-  WebkitTextStrokeWidth: string;
-  borderWidth: number;
-  borderColor: string;
-  boxShadow: { color: string; x: number; y: number; blur: number };
-  textTransform: "capitalize" | "uppercase" | "lowercase";
-  words: ICaptionWord[];
-  appearedColor?: string;
-  activeColor?: string;
-  activeFillColor?: string;
-}
-
-export interface ITextDetails extends ICommonDetails {
-  skewX: number;
-  skewY: number;
-  text: string;
-  fontSize: number;
-  fontFamily: string;
-  fontUrl: 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";
-  height: number;
-  top: number | string;
-  left: number | string;
-  border: string;
-  wordWrap: "normal" | "break-word";
-  wordBreak: "normal" | "break-word" | "break-all";
-  WebkitTextStrokeColor: string;
-  WebkitTextStrokeWidth: string;
-  borderWidth: number;
-  borderColor: string;
-  boxShadow: { color: string; x: number; y: number; blur: number };
-}
-
-export interface IImageDetails extends ICommonDetails {
-  src: string;
-  background: string;
-  width: number;
-  height: number;
-  opacity: number;
-  transform: string;
-  border: string;
-  borderRadius: number;
-  boxShadow: IBoxShadow;
-  top: string;
-  left: string;
-  transformOrigin: string;
-  crop: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-  };
-  blur: number;
-  brightness: number;
-  flipX: boolean;
-  flipY: boolean;
-  rotate: string;
-  visibility: "visible" | "hidden";
-}
-
-export interface IAudioDetails extends ICommonDetails {
-  src: string;
-  volume?: number;
-}
-
-export interface IVideoDetails extends ICommonDetails {
-  src: string;
-  frames?: number;
-  background?: string;
-  stream?: ReadableStream<Uint8Array>;
-  blob?: Blob;
-  width: number;
-  height: number;
-  volume?: number;
-  boxShadow?: IBoxShadow;
-  transformOrigin?: string;
-  crop?: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-  };
-  blur: number;
-  brightness: number;
-  flipX: boolean;
-  flipY: boolean;
-  rotate: string;
-  visibility: "visible" | "hidden";
-}
-
-export interface ITimelineScaleState {
-  unit: number;
-  zoom: number;
-  segments: number;
-  index: number;
-}
-
-export type IItem = IAudio | IImage | IText | IVideo | ICaption | ITemplate;
-
-export interface IAudio extends ITrackItemBase {
-  type: "audio";
-  details: IAudioDetails;
-}
-
-export interface ITemplate extends ITrackItemBase {
-  type: "template";
-  trackItemsDetails: Record<string, IItem>;
-  trackItemIds: string[];
-  trackItemsMap: Record<string, ITrackItem>;
-  transitionsMap: Record<string, ITransition>;
-  transitionIds: string[];
-  size: ISize;
-}
-
-export interface ITemplateDetails {
-  width: number;
-  height: number;
-  top: number;
-  left: number;
-  scale: number;
-  rotate: number;
-}
-
-export interface ICaption extends ITrackItemBase {
-  type: "caption";
-  details: ICaptionDetails;
-}
-
-export interface IText extends ITrackItemBase {
-  type: "text";
-  details: ITextDetails;
-}
-
-export interface IImage extends ITrackItemBase {
-  type: "image";
-  details: IImageDetails;
-}
-
-export interface IVideo extends ITrackItemBase {
-  type: "video";
-  details: IVideoDetails;
-}
-
-export interface ITrackItemsMap {
-  [id: string]: ITrackItem;
-}
-
-export interface IItemsDetailsMap {
-  [id: string]: IItem;
-}
-
-export interface ItransitionsMap {
-  [id: string]: ITransition;
-}
-
-export interface IMetadata {
-  resourceId: string;
-  order: number;
-}
-
-export interface ITrack {
-  id: string;
-  type: ITrackType;
-  items: string[];
-  metadata?: Partial<IMetadata>;
-  accepts?: ItemType[];
-  index?: number;
-  magnetic?: boolean;
-  static?: boolean;
-}
-
-export type ITrackItemAndDetails = ITrackItem & IItem;
-export type IRecordItemAndDetails = Record<string, ITrackItem & IItem>;
-
-export type ITrackType =
-  | "main"
-  | "text"
-  | "image"
-  | "video"
-  | "audio"
-  | "helper"
-  | "caption"
-  | "template";
-
-export interface ITimelineScrollState {
-  /**
-   * Timeline scroll state by X-axis.
-   */
-  left: number;
-
-  /**
-   * Timeline scroll state by Y-axis.
-   */
-  top: number;
-}
-
-export interface CanvasSpacing {
-  left: number;
-  right: number;
-}
-
-export interface ItemStructure {
-  id: string;
-  items: string[];
-  transitions: string[];
-  tracks: ITrack[];
-}