reacthub-pixitweenjs 0.2.109-alpha.5 → 0.2.109-alpha.7

package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts

@@ -1,5 +1,6 @@
 import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
     uniqueId: string;
     src: string;
@@ -17,6 +18,8 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
     applyTransformer?: boolean;
     onAnchorTransformationEnd?: (endData: any) => void;
     fps?: number;
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const PixiVideoSprite: React.ForwardRefExoticComponent<PixiVideoSpriteProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default PixiVideoSprite;

package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts

@@ -1,21 +1,22 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 
+import * as React from "react";
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./PixiVideoSprite').PixiVideoSpriteProps & import('react').RefAttributes<import('../../types').ForwardedRefResponse | null>>;
+    component: React.ForwardRefExoticComponent<import('./PixiVideoSprite').PixiVideoSpriteProps & React.RefAttributes<import('../..').ForwardedRefResponse | null>>;
     decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     tags: string[];
     argTypes: {
         uniqueId: {
-            control: string;
+            control: "text";
             description: string;
         };
         src: {
-            control: string;
+            control: "text";
             description: string;
         };
         transformation: {
-            control: string;
+            control: "object";
             description: string;
             x: {
                 control: string;
@@ -81,35 +82,35 @@ declare const meta: {
             };
         };
         applyTransformer: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         startAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         endAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         frameStartAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         frameEndAt: {
-            control: string;
+            control: "number";
             description: string;
         };
         mute: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         locked: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         visible: {
-            control: string;
+            control: "boolean";
             description: string;
         };
         onAnchorTransformationEnd: {
@@ -121,7 +122,15 @@ declare const meta: {
             description: string;
         };
         fps: {
-            control: string;
+            control: "number";
+            description: string;
+        };
+        onContainerRefReady: {
+            action: string;
+            description: string;
+        };
+        onSpriteRefReady: {
+            action: string;
             description: string;
         };
     };
@@ -134,3 +143,4 @@ export declare const Filters: Story;
 export declare const SplitPosition: Story;
 export declare const SplitStartPos: Story;
 export declare const VideoFps: Story;
+export declare const WithUnifiedTransformer: Story;

package/dist/components/index.d.ts

@@ -8,3 +8,4 @@ export * from './PixiAnimatedSprite';
 export * from './PixiSequence';
 export * from './PixiRemotionSprite';
 export * from './PixiLottieSprite';
+export * from './PixiUnifiedTransformer';

package/dist/favicon.svg

@@ -0,0 +1,41 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Gradient for the favicon -->
+    <linearGradient id="faviconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#4FC3F7;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#0288D1;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  
+  <!-- Background circle -->
+  <circle cx="16" cy="16" r="15" fill="url(#faviconGradient)"/>
+  
+  <!-- Film strip simplified -->
+  <g>
+    <!-- Main frame -->
+    <rect x="6" y="8" width="20" height="16" rx="2" fill="white" opacity="0.9"/>
+    
+    <!-- Film holes - top -->
+    <rect x="7" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="11" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="15" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="19" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="23" y="9" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    
+    <!-- Film holes - bottom -->
+    <rect x="7" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="11" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="15" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="19" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    <rect x="23" y="21.5" width="2" height="1.5" rx="0.5" fill="url(#faviconGradient)"/>
+    
+    <!-- Timeline bars inside -->
+    <rect x="8" y="13" width="6" height="1" rx="0.5" fill="url(#faviconGradient)" opacity="0.5"/>
+    <rect x="8" y="15.5" width="8" height="1" rx="0.5" fill="url(#faviconGradient)" opacity="0.5"/>
+    <rect x="8" y="18" width="5" height="1" rx="0.5" fill="url(#faviconGradient)" opacity="0.5"/>
+    
+    <!-- Play button -->
+    <circle cx="20" cy="16" r="4" fill="url(#faviconGradient)" opacity="0.9"/>
+    <polygon points="19,14 19,18 23,16" fill="white"/>
+  </g>
+</svg>

package/dist/hocs/AbstractContainer.d.ts

@@ -1,5 +1,6 @@
 import { PixiBaseSpriteProps, ForwardedRefResponse, containerScale } from '../types/BaseProps';
 import * as React from "react";
+import * as PIXI from "pixi.js";
 interface AbstractContainerProps extends PixiBaseSpriteProps {
     ignoreTlForVideo?: boolean;
     isText?: boolean;
@@ -9,6 +10,21 @@ interface AbstractContainerProps extends PixiBaseSpriteProps {
     isTextEditMode?: boolean;
     handleDragWordWrap?: (width: number, containerScale: containerScale) => void;
     handleDragFontSize?: (width: number, fontSize: number, containerScale: containerScale) => void;
+    onDelete?: () => void;
+    onDuplicate?: () => void;
+    onBringToFront?: () => void;
+    onSendToBack?: () => void;
+    onLock?: () => void;
+    onUnlock?: () => void;
+    /**
+     * Called when the PIXI container ref is ready. Allows higher-level overlay transformers
+     * to target this element via its `uniqueId`.
+     */
+    onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
+    /**
+     * Called when the inner content group ref is ready (useful for text elements).
+     */
+    onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
 }
 declare const AbstractContainer: React.ForwardRefExoticComponent<AbstractContainerProps & React.RefAttributes<ForwardedRefResponse | null>>;
 export default AbstractContainer;