reacthub-pixitweenjs 0.2.109-alpha.7 → 0.3.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +8 -16
- package/LICENSE.md +79 -239
- package/README.md +241 -103
- package/dist/components/AepComposition/Aep3DPostFx.d.ts +7 -0
- package/dist/components/AepComposition/Aep3DPrecompPlane.d.ts +9 -0
- package/dist/components/AepComposition/Aep3DScene.d.ts +14 -0
- package/dist/components/AepComposition/Aep3DShapeMesh.d.ts +13 -0
- package/dist/components/AepComposition/Aep3DTextMesh.d.ts +17 -0
- package/dist/components/AepComposition/AepAssetResolver.d.ts +13 -0
- package/dist/components/AepComposition/AepAudioLayer.d.ts +28 -0
- package/dist/components/AepComposition/AepComposition.d.ts +16 -0
- package/dist/components/AepComposition/AepLayerProvider.d.ts +30 -0
- package/dist/components/AepComposition/AepLayerRouter.d.ts +5 -0
- package/dist/components/AepComposition/AepMsdfTextMesh.d.ts +17 -0
- package/dist/components/AepComposition/AepPrecompRenderContext.d.ts +23 -0
- package/dist/components/AepComposition/AepPrecompRenderer.d.ts +8 -0
- package/dist/components/AepComposition/AepTextOverrideContext.d.ts +8 -0
- package/dist/components/AepComposition/AepThemeContext.d.ts +8 -0
- package/dist/components/AepComposition/composeTransform3D.d.ts +27 -0
- package/dist/components/AepComposition/index.d.ts +39 -0
- package/dist/components/AepComposition/matteSourceIds.d.ts +2 -0
- package/dist/components/AepComposition/msdfAtlasRegistry.d.ts +16 -0
- package/dist/components/AepComposition/pathToThreeShape.d.ts +4 -0
- package/dist/components/AepComposition/resolveParentChain.d.ts +3 -0
- package/dist/components/AepComposition/resolvePostFxList.d.ts +2 -0
- package/dist/components/AepComposition/shouldSplitText.d.ts +26 -0
- package/dist/components/AepComposition/threeTextureFromPixi.d.ts +8 -0
- package/dist/components/AepComposition/useAepLayerTransform.d.ts +18 -0
- package/dist/components/AepComposition/useAepLayerTransform3D.d.ts +8 -0
- package/dist/components/AepComposition/useMsdfAtlasRegistry.d.ts +6 -0
- package/dist/components/AepComposition/usePixiRenderTexture.d.ts +14 -0
- package/dist/components/AepComposition/useResolveAsset.d.ts +8 -0
- package/dist/components/AepMask/AepMaskContainer.d.ts +9 -0
- package/dist/components/AepMask/PixiTrackMatte.d.ts +10 -0
- package/dist/components/AepMask/drawAepMask.d.ts +3 -0
- package/dist/components/AepMask/index.d.ts +5 -0
- package/dist/components/PixiAudioSprite/HowlerAudioSprite.d.ts +5 -7
- package/dist/components/PixiAudioSprite/PixiAudioSprite.d.ts +6 -2
- package/dist/components/PixiAudioSprite/useAudioVisualizer.d.ts +2 -2
- package/dist/components/PixiAudioSprite/wave-config.d.ts +0 -1
- package/dist/components/PixiGifSprite/PixiGifGsapSync.d.ts +11 -10
- package/dist/components/PixiImageSprite/PixiImageSprite.d.ts +11 -2
- package/dist/components/PixiLottieSprite/PixiLottieSprite.d.ts +5 -2
- package/dist/components/PixiNullObject/PixiNullObject.d.ts +25 -0
- package/dist/components/PixiNullObject/index.d.ts +2 -0
- package/dist/components/PixiPreComp/PixiPreComp.d.ts +29 -0
- package/dist/components/PixiPreComp/index.d.ts +3 -0
- package/dist/components/PixiPreComp/validatePrecompDepth.d.ts +2 -0
- package/dist/components/PixiRemotionSprite/PixiRemotionGifSprite.d.ts +24 -0
- package/dist/components/PixiRemotionSprite/PixiRemotionImageSprite.d.ts +18 -0
- package/dist/components/PixiRemotionSprite/PixiRemotionSprite.d.ts +5 -2
- package/dist/components/PixiRemotionSprite/PixiRemotionVideoCanvaSprite.d.ts +20 -0
- package/dist/components/PixiRemotionSprite/index.d.ts +4 -0
- package/dist/components/PixiSVGSprite/PixiMorphSvgSprite.d.ts +35 -0
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.d.ts +11 -4
- package/dist/components/PixiSVGSprite/index.d.ts +1 -0
- package/dist/components/PixiShapeLayer/PixiShapeLayer.d.ts +43 -0
- package/dist/components/PixiShapeLayer/drawShape.d.ts +20 -0
- package/dist/components/PixiShapeLayer/index.d.ts +4 -0
- package/dist/components/PixiShapeLayer/samplePath.d.ts +5 -0
- package/dist/components/PixiTextSprite/PixiTextSplit.d.ts +26 -0
- package/dist/components/PixiTextSprite/PixiTextSprite.d.ts +17 -5
- package/dist/components/PixiTextSprite/index.d.ts +3 -0
- package/dist/components/PixiTextSprite/resolveTextSplitFills.d.ts +27 -0
- package/dist/components/PixiTextSprite/textAnimator.d.ts +22 -0
- package/dist/components/PixiThreeSprite/PixiThreeSprite.d.ts +14 -0
- package/dist/components/PixiThreeSprite/index.d.ts +2 -0
- package/dist/components/PixiUnifiedTransformer/PixiUnifiedTransformer.d.ts +20 -8
- package/dist/components/PixiVideoSprite/PixiVideoCanvasSync.d.ts +3 -1
- package/dist/components/PixiVideoSprite/PixiVideoSprite.d.ts +5 -2
- package/dist/components/index.d.ts +5 -0
- package/dist/events/Events.d.ts +0 -1
- package/dist/hocs/AbstractContainer.d.ts +3 -1
- package/dist/hocs/BorderMaskContainer.d.ts +28 -0
- package/dist/hocs/OverlayTilingSprite.d.ts +3 -3
- package/dist/hocs/drawMaskShape.d.ts +3 -0
- package/dist/hocs/index.d.ts +5 -0
- package/dist/hooks/aep/buildAudioLevelTimeline.d.ts +7 -0
- package/dist/hooks/aep/buildBezierPathTimeline.d.ts +13 -0
- package/dist/hooks/aep/buildColorValueTimeline.d.ts +24 -0
- package/dist/hooks/aep/buildLayerTimeline.d.ts +20 -0
- package/dist/hooks/aep/buildScalarValueTimeline.d.ts +6 -0
- package/dist/hooks/aep/buildVec2ValueTimeline.d.ts +17 -0
- package/dist/hooks/aep/easeCache.d.ts +3 -0
- package/dist/hooks/aep/effectRegistry.d.ts +5 -0
- package/dist/hooks/aep/effects/brightnessContrast.d.ts +2 -0
- package/dist/hooks/aep/effects/dropShadow.d.ts +2 -0
- package/dist/hooks/aep/effects/fastBoxBlur.d.ts +2 -0
- package/dist/hooks/aep/effects/gaussianBlur.d.ts +2 -0
- package/dist/hooks/aep/effects/glow.d.ts +2 -0
- package/dist/hooks/aep/effects/hueSaturation.d.ts +2 -0
- package/dist/hooks/aep/effects/index.d.ts +9 -0
- package/dist/hooks/aep/effects/levels.d.ts +2 -0
- package/dist/hooks/aep/effects/tint.d.ts +2 -0
- package/dist/hooks/aep/effects/types.d.ts +8 -0
- package/dist/hooks/aep/index.d.ts +22 -0
- package/dist/hooks/aep/interpolateBezierPath.d.ts +3 -0
- package/dist/hooks/aep/sampleAnimatable.d.ts +13 -0
- package/dist/hooks/aep/useAepBezierPathAnimator.d.ts +12 -0
- package/dist/hooks/aep/useAepColorAnimator.d.ts +11 -0
- package/dist/hooks/aep/useAepCurrentFrame.d.ts +1 -0
- package/dist/hooks/aep/useAepEffectKeyframes.d.ts +4 -0
- package/dist/hooks/aep/useAepEffects.d.ts +3 -0
- package/dist/hooks/aep/useAepKeyframes.d.ts +15 -0
- package/dist/hooks/aep/useAepTextLayout.d.ts +12 -0
- package/dist/hooks/aep/useAepValueAnimator.d.ts +2 -0
- package/dist/hooks/aep/useAepVec2Animator.d.ts +10 -0
- package/dist/hooks/aep/useTypefaceMetrics.d.ts +2 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useSpriteFilters.d.ts +39 -0
- package/dist/hooks/withFiltersHook.d.ts +1 -1
- package/dist/importers/aep/bodymovin-color-controls.d.ts +23 -0
- package/dist/importers/aep/bodymovin-color.d.ts +1 -0
- package/dist/importers/aep/bodymovin-keyframe.d.ts +42 -0
- package/dist/importers/aep/bodymovin-layer.d.ts +84 -0
- package/dist/importers/aep/bodymovin-transform.d.ts +12 -0
- package/dist/importers/aep/bodymovin.d.ts +7 -0
- package/dist/importers/aep/bodymovinCameras.d.ts +34 -0
- package/dist/importers/aep/bodymovinExtensions.d.ts +3 -0
- package/dist/importers/aep/bodymovinTextRuns.d.ts +13 -0
- package/dist/importers/aep/index.d.ts +7 -0
- package/dist/importers/aep/lottieLint.d.ts +23 -0
- package/dist/importers/aep/lottieLint.rules.d.ts +6 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.es.js +60038 -29928
- package/dist/index.umd.js +4351 -1851
- package/dist/lib/pixi-essentials/bounds/AxisAlignedBounds.d.ts +121 -0
- package/dist/lib/pixi-essentials/bounds/OrientedBounds.d.ts +103 -0
- package/dist/lib/pixi-essentials/bounds/index.d.ts +2 -0
- package/dist/lib/pixi-essentials/index.d.ts +6 -0
- package/dist/lib/pixi-essentials/object-pool/AverageProvider.d.ts +28 -0
- package/dist/lib/pixi-essentials/object-pool/ObjectPool.d.ts +103 -0
- package/dist/lib/pixi-essentials/object-pool/ObjectPoolFactory.d.ts +40 -0
- package/dist/lib/pixi-essentials/object-pool/index.d.ts +2 -0
- package/dist/lib/pixi-essentials/react-bindings/Transformer.d.ts +74 -0
- package/dist/lib/pixi-essentials/react-bindings/index.d.ts +3 -0
- package/dist/lib/pixi-essentials/react-bindings/utils/applyEventProps.d.ts +13 -0
- package/dist/lib/pixi-essentials/transformer/Transformer.d.ts +728 -0
- package/dist/lib/pixi-essentials/transformer/TransformerHandle.d.ts +142 -0
- package/dist/lib/pixi-essentials/transformer/TransformerWireframe.d.ts +54 -0
- package/dist/lib/pixi-essentials/transformer/index.d.ts +5 -0
- package/dist/lib/pixi-essentials/transformer/utils/decomposeTransform.d.ts +11 -0
- package/dist/lib/pixi-essentials/transformer/utils/distanceToLine.d.ts +7 -0
- package/dist/lib/pixi-essentials/transformer/utils/multiplyTransform.d.ts +17 -0
- package/dist/lib/pixi-essentials/transformer/utils/skewTransform.d.ts +13 -0
- package/dist/types/BaseProps.d.ts +11 -3
- package/dist/types/MaskTypes.d.ts +10 -0
- package/dist/types/OverlayTypes.d.ts +9 -0
- package/dist/types/aep/asset.d.ts +43 -0
- package/dist/types/aep/camera.d.ts +778 -0
- package/dist/types/aep/composition.d.ts +82 -0
- package/dist/types/aep/effect.d.ts +137 -0
- package/dist/types/aep/index.d.ts +14 -0
- package/dist/types/aep/layer.d.ts +21579 -0
- package/dist/types/aep/light.d.ts +781 -0
- package/dist/types/aep/mask.d.ts +193 -0
- package/dist/types/aep/parse.d.ts +11 -0
- package/dist/types/aep/postFx.d.ts +107 -0
- package/dist/types/aep/text-animator.d.ts +687 -0
- package/dist/types/aep/text-runs.d.ts +234 -0
- package/dist/types/aep/theme.d.ts +72 -0
- package/dist/types/aep/transform.d.ts +285 -0
- package/dist/types/aep/transform3D.d.ts +171 -0
- package/dist/types/index.d.ts +3 -0
- package/dist/utils/AppStateProvider.d.ts +1 -0
- package/dist/utils/AppWrapper.d.ts +3 -0
- package/dist/utils/ContextBridge.d.ts +1 -1
- package/dist/utils/GsapAnims.d.ts +0 -1
- package/dist/utils/InteractionManager.d.ts +1 -10
- package/dist/utils/aeMath/zoomToFov.d.ts +1 -0
- package/dist/utils/areSpritePropsEqual.d.ts +8 -0
- package/dist/utils/index.d.ts +6 -0
- package/dist/utils/isExternalUrl.d.ts +1 -0
- package/dist/utils/loadSpriteTexture.d.ts +10 -0
- package/dist/utils/msdf/computeInstanceMatrix.d.ts +18 -0
- package/dist/utils/msdf/index.d.ts +4 -0
- package/dist/utils/msdf/loadMsdfAtlas.d.ts +9 -0
- package/dist/utils/msdf/msdfShader.d.ts +2 -0
- package/dist/utils/msdf/types.d.ts +49 -0
- package/dist/utils/text/resolveTextRuns.d.ts +8 -0
- package/dist/utils/textLayout/alignLines.d.ts +15 -0
- package/dist/utils/textLayout/applyVerticals.d.ts +14 -0
- package/dist/utils/textLayout/breakLines.d.ts +14 -0
- package/dist/utils/textLayout/canvasMetricsProvider.d.ts +6 -0
- package/dist/utils/textLayout/index.d.ts +7 -0
- package/dist/utils/textLayout/layoutText.d.ts +2 -0
- package/dist/utils/textLayout/metricsCache.d.ts +9 -0
- package/dist/utils/textLayout/pixiCanvasMetricsProvider.d.ts +6 -0
- package/dist/utils/textLayout/shapeRuns.d.ts +18 -0
- package/dist/utils/textLayout/typefaceMetricsProvider.d.ts +19 -0
- package/dist/utils/textLayout/types.d.ts +61 -0
- package/dist/utils/textLayout/unicode.d.ts +2 -0
- package/package.json +72 -47
- package/dist/assets/icon/transformericons/icons.d.ts +0 -8
- package/dist/components/PixiAudioSprite/PixiAudioSprite.stories.d.ts +0 -12
- package/dist/components/PixiGifSprite/PixiGifSprite.stories.d.ts +0 -163
- package/dist/components/PixiImageSprite/PixiImageSprite.stories.d.ts +0 -150
- package/dist/components/PixiLottieSprite/PixiLottieSprite.stories.d.ts +0 -159
- package/dist/components/PixiSVGSprite/PixiSvgPathSprite.stories.d.ts +0 -131
- package/dist/components/PixiSequence/PixiSequence.stories.d.ts +0 -33
- package/dist/components/PixiTextSprite/PixiTextSprite.stories.d.ts +0 -140
- package/dist/components/PixiVideoSprite/PixiVideoSprite.stories.d.ts +0 -146
- package/dist/favicon.svg +0 -41
- package/dist/hooks/withEffectsHook.d.ts +0 -5
- package/dist/pixitweenjs-logo-dark.svg +0 -98
- package/dist/pixitweenjs-logo.svg +0 -97
- package/dist/stories/Features/TestHowlerAudioFiles.d.ts +0 -2
- package/dist/stories/Features/TimelineAnimations.d.ts +0 -15
- package/dist/stories/Features/TimelineTest.d.ts +0 -15
- package/dist/stories/Features/TimelineTest.stories.d.ts +0 -23
- package/dist/stories/Features/TimelineTestAudios.d.ts +0 -15
- package/dist/stories/Features/TimelineTestWithVideos.d.ts +0 -15
- package/dist/stories/Features/TimelineWithGif.d.ts +0 -21
- package/dist/stories/Features/common.tests.d.ts +0 -411
- /package/dist/{.gitkeep → utils/pixiExtend.d.ts} +0 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { PixiBaseSpriteProps, ForwardedRefResponse } from '../../types/BaseProps';
|
|
2
|
+
import { AepAnimatable, AepShapePath, AepThemableColor } from '../../types/aep';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import * as PIXI from "pixi.js";
|
|
5
|
+
export interface PixiShapeLayerProps extends Omit<PixiBaseSpriteProps, "transformation"> {
|
|
6
|
+
path: AepShapePath;
|
|
7
|
+
fill?: AepThemableColor;
|
|
8
|
+
stroke?: {
|
|
9
|
+
color: AepAnimatable<string>;
|
|
10
|
+
width: AepAnimatable<number>;
|
|
11
|
+
cap?: "butt" | "round" | "square";
|
|
12
|
+
join?: "miter" | "round" | "bevel";
|
|
13
|
+
};
|
|
14
|
+
trimPath?: {
|
|
15
|
+
start: AepAnimatable<number>;
|
|
16
|
+
end: AepAnimatable<number>;
|
|
17
|
+
offset?: AepAnimatable<number>;
|
|
18
|
+
};
|
|
19
|
+
transformation: {
|
|
20
|
+
x: number;
|
|
21
|
+
y: number;
|
|
22
|
+
width: number;
|
|
23
|
+
height: number;
|
|
24
|
+
anchor: number | {
|
|
25
|
+
x: number;
|
|
26
|
+
y: number;
|
|
27
|
+
};
|
|
28
|
+
rotation?: number;
|
|
29
|
+
alpha?: number;
|
|
30
|
+
scale?: number | [number, number];
|
|
31
|
+
tint?: number;
|
|
32
|
+
blendMode?: number;
|
|
33
|
+
};
|
|
34
|
+
fps?: number;
|
|
35
|
+
inPointFrames?: number;
|
|
36
|
+
onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
37
|
+
onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
38
|
+
}
|
|
39
|
+
declare const PixiShapeLayerInner: ({ ref, ...props }: PixiShapeLayerProps & {
|
|
40
|
+
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
41
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare const PixiShapeLayer: typeof PixiShapeLayerInner;
|
|
43
|
+
export default PixiShapeLayer;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AepShapePath } from '../../types/aep';
|
|
2
|
+
import * as PIXI from "pixi.js";
|
|
3
|
+
export interface AepStrokeSnapshot {
|
|
4
|
+
color: string;
|
|
5
|
+
width: number;
|
|
6
|
+
cap?: "butt" | "round" | "square";
|
|
7
|
+
join?: "miter" | "round" | "bevel";
|
|
8
|
+
}
|
|
9
|
+
export interface AepTrimSnapshot {
|
|
10
|
+
start: number;
|
|
11
|
+
end: number;
|
|
12
|
+
offset?: number;
|
|
13
|
+
}
|
|
14
|
+
export interface DrawShapeOpts {
|
|
15
|
+
path: AepShapePath;
|
|
16
|
+
fill?: string;
|
|
17
|
+
stroke?: AepStrokeSnapshot;
|
|
18
|
+
trim?: AepTrimSnapshot;
|
|
19
|
+
}
|
|
20
|
+
export declare function drawShape(g: PIXI.Graphics, opts: DrawShapeOpts): void;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as PixiShapeLayer } from './PixiShapeLayer';
|
|
2
|
+
export type { PixiShapeLayerProps, } from './PixiShapeLayer';
|
|
3
|
+
export { drawShape, type DrawShapeOpts, type AepStrokeSnapshot, type AepTrimSnapshot, } from './drawShape';
|
|
4
|
+
export { samplePath, sampleBezierPath, trimPolyline, type Point, } from './samplePath';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { AepBezierPath, AepShapePath } from '../../types/aep';
|
|
2
|
+
export type Point = [number, number];
|
|
3
|
+
export declare function sampleBezierPath(path: AepBezierPath, samplesPerSegment?: number): Point[];
|
|
4
|
+
export declare function samplePath(path: AepShapePath, samples?: number): Point[];
|
|
5
|
+
export declare function trimPolyline(poly: Point[], start: number, end: number, offset?: number): Point[];
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AepLayer, AepTextAnimator } from '../../types/aep';
|
|
2
|
+
import { AepTextLayoutGlyph } from '../../utils/textLayout';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import * as PIXI from "pixi.js";
|
|
5
|
+
type AepTextLayer = Extract<AepLayer, {
|
|
6
|
+
kind: "text";
|
|
7
|
+
}>;
|
|
8
|
+
export interface PixiTextSplitProps {
|
|
9
|
+
layer: AepTextLayer;
|
|
10
|
+
animators?: ReadonlyArray<AepTextAnimator>;
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
maxGlyphs?: number;
|
|
14
|
+
}
|
|
15
|
+
export declare class TextStyleCache {
|
|
16
|
+
private readonly capacity;
|
|
17
|
+
private readonly map;
|
|
18
|
+
hits: number;
|
|
19
|
+
misses: number;
|
|
20
|
+
constructor(capacity?: number);
|
|
21
|
+
get(key: string, build: () => PIXI.TextStyle): PIXI.TextStyle;
|
|
22
|
+
get hitRate(): number;
|
|
23
|
+
}
|
|
24
|
+
export declare function _textSplitStyleKey(glyph: AepTextLayoutGlyph, color: string): string;
|
|
25
|
+
export declare const PixiTextSplit: React.FC<PixiTextSplitProps>;
|
|
26
|
+
export {};
|
|
@@ -3,7 +3,7 @@ import { Effects } from '../../types/Effects';
|
|
|
3
3
|
import { Animations } from '../../types';
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import * as PIXI from "pixi.js";
|
|
6
|
-
export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
6
|
+
export interface PixiTextSpriteProps extends Omit<PixiBaseSpriteProps, "transformation"> {
|
|
7
7
|
text: string;
|
|
8
8
|
startAt: number;
|
|
9
9
|
endAt: number;
|
|
@@ -13,7 +13,10 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
|
13
13
|
y: number;
|
|
14
14
|
width: number;
|
|
15
15
|
height: number;
|
|
16
|
-
anchor: number
|
|
16
|
+
anchor: number | {
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
};
|
|
17
20
|
rotation?: number;
|
|
18
21
|
alpha?: number;
|
|
19
22
|
scale?: number | [number, number];
|
|
@@ -33,7 +36,6 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
|
33
36
|
wordWrapWidth?: number;
|
|
34
37
|
leading?: number;
|
|
35
38
|
padding?: number;
|
|
36
|
-
border?: string;
|
|
37
39
|
dropShadow?: boolean;
|
|
38
40
|
dropShadowColor?: string | number;
|
|
39
41
|
shadowOffsetX?: number;
|
|
@@ -49,6 +51,12 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
|
49
51
|
textBaseline?: string;
|
|
50
52
|
trim?: boolean;
|
|
51
53
|
backgroundColor?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Pixi v8.16+ tagged text. Keys are tag names (e.g. `bold`,
|
|
56
|
+
* `highlight`); values are partial TextStyle options applied to
|
|
57
|
+
* any substring wrapped in `<tag>…</tag>` in `text`.
|
|
58
|
+
*/
|
|
59
|
+
tagStyles?: Record<string, Partial<PIXI.TextStyleOptions>>;
|
|
52
60
|
colorCorrection?: {
|
|
53
61
|
enabled?: boolean;
|
|
54
62
|
temperature?: number;
|
|
@@ -83,7 +91,11 @@ export interface PixiTextSpriteProps extends PixiBaseSpriteProps {
|
|
|
83
91
|
onAnchorTransformationEnd?: (endData: any) => void;
|
|
84
92
|
onDobuleClick?: () => void;
|
|
85
93
|
onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
94
|
+
onTextRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Text | null>) => void;
|
|
86
95
|
onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
87
96
|
}
|
|
88
|
-
declare const PixiTextSprite:
|
|
89
|
-
|
|
97
|
+
declare const PixiTextSprite: ({ ref, ...props }: PixiTextSpriteProps & {
|
|
98
|
+
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
99
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
100
|
+
declare const MemoizedPixiTextSprite: typeof PixiTextSprite;
|
|
101
|
+
export default MemoizedPixiTextSprite;
|
|
@@ -1 +1,4 @@
|
|
|
1
1
|
export { default as PixiTextSprite } from './PixiTextSprite';
|
|
2
|
+
export { PixiTextSplit, type PixiTextSplitProps } from './PixiTextSplit';
|
|
3
|
+
export { composeAnimators, selectorPerChar, rangeShapeValue, type AepCharOffset, } from './textAnimator';
|
|
4
|
+
export { resolveTextSplitFills, type AepTextSplitFills, } from './resolveTextSplitFills';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { AepLayer, AepThemeMap } from '../../types/aep';
|
|
2
|
+
type AepTextLayer = Extract<AepLayer, {
|
|
3
|
+
kind: "text";
|
|
4
|
+
}>;
|
|
5
|
+
/**
|
|
6
|
+
* Per-frame fill resolution for the split-text path. Hoists the work out
|
|
7
|
+
* of the per-glyph render loop and out of the React tree so it can be
|
|
8
|
+
* verified in isolation.
|
|
9
|
+
*
|
|
10
|
+
* layerHex — `style.fill` flattened against `theme` (theme refs
|
|
11
|
+
* resolved, fallbacks honored) and then sampled at `frame`.
|
|
12
|
+
* `undefined` when `style.fill` is missing.
|
|
13
|
+
* runHexes — same treatment for each entry in `style.runs[*].fill`
|
|
14
|
+
* (plain hex animatable today; future work may admit
|
|
15
|
+
* theme refs at this level too). Indexed by runIndex.
|
|
16
|
+
* `undefined` entries mean "inherit from layer."
|
|
17
|
+
*
|
|
18
|
+
* The fallback color is intentionally `#ffffff` (engine default for
|
|
19
|
+
* text); callers may pass a different one if their renderer's default
|
|
20
|
+
* differs.
|
|
21
|
+
*/
|
|
22
|
+
export interface AepTextSplitFills {
|
|
23
|
+
layerHex: string | undefined;
|
|
24
|
+
runHexes: ReadonlyArray<string | undefined>;
|
|
25
|
+
}
|
|
26
|
+
export declare function resolveTextSplitFills(layer: AepTextLayer, theme: AepThemeMap | undefined, frame: number, fallback?: string): AepTextSplitFills;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { AepAnimatable, AepRangeShape, AepTextAnimator, AepTextRangeSelector } from '../../types/aep';
|
|
2
|
+
export declare function staticOf<T>(field: AepAnimatable<T> | undefined, fallback: T): T;
|
|
3
|
+
export declare function rangeShapeValue(shape: AepRangeShape, t: number): number;
|
|
4
|
+
export declare function selectorPerChar(range: AepTextRangeSelector, animatorAmount: number, count: number): number[];
|
|
5
|
+
export interface AnimatorGlyphIndex {
|
|
6
|
+
charIndex: number;
|
|
7
|
+
wordIndex: number;
|
|
8
|
+
lineIndex: number;
|
|
9
|
+
}
|
|
10
|
+
export declare function selectorPerGlyph(range: AepTextRangeSelector, animatorAmount: number, glyphs: ReadonlyArray<AnimatorGlyphIndex>): number[];
|
|
11
|
+
export interface AepCharOffset {
|
|
12
|
+
position: [number, number];
|
|
13
|
+
scale: [number, number];
|
|
14
|
+
rotation: number;
|
|
15
|
+
opacity: number;
|
|
16
|
+
fillMix: {
|
|
17
|
+
color: string;
|
|
18
|
+
amount: number;
|
|
19
|
+
} | null;
|
|
20
|
+
}
|
|
21
|
+
export declare function composeAnimators(animators: ReadonlyArray<AepTextAnimator>, glyphsOrCount: number | ReadonlyArray<AnimatorGlyphIndex>, amountOverrides?: ReadonlyArray<number>): AepCharOffset[];
|
|
22
|
+
export declare const _identityCharOffset: AepCharOffset;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export interface PixiThreeSpriteProps {
|
|
3
|
+
width?: number | string;
|
|
4
|
+
height?: number | string;
|
|
5
|
+
background?: string;
|
|
6
|
+
camera?: {
|
|
7
|
+
position?: [number, number, number];
|
|
8
|
+
fov?: number;
|
|
9
|
+
};
|
|
10
|
+
/** Add the default ambient + directional rig. Set false for custom lighting. */
|
|
11
|
+
defaultLights?: boolean;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare const PixiThreeSprite: React.FC<PixiThreeSpriteProps>;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import * as PIXI from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type * as PIXI from 'pixi.js';
|
|
3
3
|
type RefsMap = Record<string, React.MutableRefObject<PIXI.Container | null>>;
|
|
4
|
+
type MouseOverTransformerRef = React.MutableRefObject<{
|
|
5
|
+
isMouseOver?: boolean;
|
|
6
|
+
isDragging?: boolean;
|
|
7
|
+
dragType?: string | null;
|
|
8
|
+
} | null>;
|
|
4
9
|
type PixiUnifiedTransformerProps = {
|
|
5
10
|
selectedElementIds: string[];
|
|
6
11
|
containerRefsMap: RefsMap;
|
|
7
12
|
spriteHelperRef?: React.MutableRefObject<any>;
|
|
8
|
-
mouseOverTransformerRef?:
|
|
9
|
-
isMouseOver?: boolean;
|
|
10
|
-
isDragging?: boolean;
|
|
11
|
-
dragType?: string | null;
|
|
12
|
-
} | null>;
|
|
13
|
+
mouseOverTransformerRef?: MouseOverTransformerRef;
|
|
13
14
|
isMultiSelect?: boolean;
|
|
14
15
|
selectedGroupId?: string | null;
|
|
15
16
|
selectedElementIdInGroup?: string | null;
|
|
@@ -20,7 +21,18 @@ type PixiUnifiedTransformerProps = {
|
|
|
20
21
|
getRotationByElementId?: (uniqueId: string) => number | undefined;
|
|
21
22
|
onDoubleClickElement?: (uniqueId: string) => void;
|
|
22
23
|
onTransformChange?: (uniqueId: string) => void;
|
|
23
|
-
onTransformCommit?: (uniqueId: string, endData:
|
|
24
|
+
onTransformCommit?: (uniqueId: string, endData: unknown) => void;
|
|
25
|
+
rotateEnabled?: boolean;
|
|
26
|
+
scaleEnabled?: boolean;
|
|
27
|
+
translateEnabled?: boolean;
|
|
28
|
+
skewEnabled?: boolean;
|
|
29
|
+
boxScalingEnabled?: boolean;
|
|
30
|
+
boxRotationEnabled?: boolean;
|
|
31
|
+
showNonFocusedBorders?: boolean;
|
|
32
|
+
focusedElementIndex?: number;
|
|
33
|
+
individualBorderColor?: number;
|
|
34
|
+
individualBorderThickness?: number;
|
|
35
|
+
individualBorderAlpha?: number;
|
|
24
36
|
};
|
|
25
37
|
declare const PixiUnifiedTransformer: React.FC<PixiUnifiedTransformerProps>;
|
|
26
38
|
export default PixiUnifiedTransformer;
|
|
@@ -22,5 +22,7 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
|
|
|
22
22
|
onAnchorTransformationEnd?: (endData: any) => void;
|
|
23
23
|
canvasImageRef?: CanvasImageProps;
|
|
24
24
|
}
|
|
25
|
-
declare const PixiVideoCanvasSyncSprite:
|
|
25
|
+
declare const PixiVideoCanvasSyncSprite: ({ ref, ...props }: PixiVideoSpriteProps & {
|
|
26
|
+
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
27
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
28
|
export default PixiVideoCanvasSyncSprite;
|
|
@@ -21,5 +21,8 @@ export interface PixiVideoSpriteProps extends PixiBaseSpriteProps {
|
|
|
21
21
|
onContainerRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
22
22
|
onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
23
23
|
}
|
|
24
|
-
declare const PixiVideoSprite:
|
|
25
|
-
|
|
24
|
+
declare const PixiVideoSprite: ({ ref, ...props }: PixiVideoSpriteProps & {
|
|
25
|
+
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
26
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare const MemoizedPixiVideoSprite: typeof PixiVideoSprite;
|
|
28
|
+
export default MemoizedPixiVideoSprite;
|
|
@@ -9,3 +9,8 @@ export * from './PixiSequence';
|
|
|
9
9
|
export * from './PixiRemotionSprite';
|
|
10
10
|
export * from './PixiLottieSprite';
|
|
11
11
|
export * from './PixiUnifiedTransformer';
|
|
12
|
+
export * from './PixiShapeLayer';
|
|
13
|
+
export * from './PixiNullObject';
|
|
14
|
+
export * from './PixiPreComp';
|
|
15
|
+
export * from './AepMask';
|
|
16
|
+
export * from './AepComposition';
|
package/dist/events/Events.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { DependencyList } from 'react';
|
|
2
|
-
|
|
3
2
|
export declare function useCustomEventListener<T>(eventName: string, eventHandler: (data: T) => void, deps?: DependencyList): (el: HTMLElement | null) => void;
|
|
4
3
|
export declare function emitCustomEvent<T>(eventName: string, data?: T): void;
|
|
5
4
|
export declare function newCustomEventEmitter(): {
|
|
@@ -26,5 +26,7 @@ interface AbstractContainerProps extends PixiBaseSpriteProps {
|
|
|
26
26
|
*/
|
|
27
27
|
onSpriteRefReady?: (uniqueId: string, ref: React.MutableRefObject<PIXI.Container | null>) => void;
|
|
28
28
|
}
|
|
29
|
-
declare const AbstractContainer:
|
|
29
|
+
declare const AbstractContainer: ({ ref, ...props }: AbstractContainerProps & {
|
|
30
|
+
ref?: React.Ref<ForwardedRefResponse | null>;
|
|
31
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
30
32
|
export default AbstractContainer;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Container } from 'pixi.js';
|
|
2
|
+
import { MaskTypes } from '../types/MaskTypes';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
export interface BorderConfig {
|
|
5
|
+
width: number;
|
|
6
|
+
color: number | string | null;
|
|
7
|
+
}
|
|
8
|
+
export interface BorderMaskContainerProps {
|
|
9
|
+
x?: number;
|
|
10
|
+
y?: number;
|
|
11
|
+
width?: number;
|
|
12
|
+
height?: number;
|
|
13
|
+
border?: BorderConfig;
|
|
14
|
+
roundedCorners?: boolean | number;
|
|
15
|
+
maskShape?: MaskTypes;
|
|
16
|
+
spriteRef?: React.RefObject<Container | null>;
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* BorderMaskContainer — wraps a sprite child with an optional stroke
|
|
21
|
+
* border and/or a Graphics mask (rounded rect or named shape).
|
|
22
|
+
*
|
|
23
|
+
* Mask attaches imperatively to `spriteRef.current` (Container/Sprite).
|
|
24
|
+
* Cleans up on unmount or shape change.
|
|
25
|
+
*/
|
|
26
|
+
declare const BorderMaskContainer: React.FC<BorderMaskContainerProps>;
|
|
27
|
+
export default BorderMaskContainer;
|
|
28
|
+
export { BorderMaskContainer };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare enum
|
|
1
|
+
export declare enum OverlayTilingSpriteTypes {
|
|
2
2
|
NONE = "none",
|
|
3
3
|
NORMAL = "normal",
|
|
4
4
|
LENSFLARE = "lensflare",
|
|
@@ -20,11 +20,11 @@ export interface Overlays {
|
|
|
20
20
|
}
|
|
21
21
|
export declare const overlays: Overlays;
|
|
22
22
|
interface PixiOverlayProps {
|
|
23
|
-
overlay:
|
|
23
|
+
overlay: OverlayTilingSpriteTypes;
|
|
24
24
|
width: number;
|
|
25
25
|
height: number;
|
|
26
26
|
x: number;
|
|
27
27
|
y: number;
|
|
28
28
|
}
|
|
29
|
-
export declare const PixiOverlayTilingSprite: (props: PixiOverlayProps) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export declare const PixiOverlayTilingSprite: (props: PixiOverlayProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
30
30
|
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as AbstractContainer } from './AbstractContainer';
|
|
2
|
+
export { default as BorderMaskContainer } from './BorderMaskContainer';
|
|
3
|
+
export type { BorderMaskContainerProps, BorderConfig } from './BorderMaskContainer';
|
|
4
|
+
export { drawMaskShape } from './drawMaskShape';
|
|
5
|
+
export * from './OverlayTilingSprite';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AepAnimatable } from '../../types/aep';
|
|
2
|
+
import { AepScalarTimelineBuild } from './buildScalarValueTimeline';
|
|
3
|
+
export type AepAudioLevelBuild = AepScalarTimelineBuild;
|
|
4
|
+
export interface AudioLevelTarget {
|
|
5
|
+
level: number;
|
|
6
|
+
}
|
|
7
|
+
export declare function buildAudioLevelTimeline(level: AepAnimatable<number> | undefined, fps: number, inPointFrames: number, target: AudioLevelTarget): AepAudioLevelBuild;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { AepBezierPath, AepKeyframe } from '../../types/aep';
|
|
2
|
+
export interface AepBezierPathTimelineBuild {
|
|
3
|
+
timeline: gsap.core.Timeline;
|
|
4
|
+
hasAnimation: boolean;
|
|
5
|
+
initial: AepBezierPath;
|
|
6
|
+
}
|
|
7
|
+
export type AepAnimatableBezier = AepBezierPath | AepKeyframe<AepBezierPath>[];
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated AEP bezier-path animation now flows via React-side
|
|
10
|
+
* `sampleAnimatedBezier`. Preserved for downstream GSAP consumers and
|
|
11
|
+
* the internal `useAepBezierPathAnimator` (also deprecated).
|
|
12
|
+
*/
|
|
13
|
+
export declare function buildBezierPathTimeline(field: AepAnimatableBezier | undefined, fps: number, inPointFrames: number, onPath: (path: AepBezierPath) => void): AepBezierPathTimelineBuild;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { AepAnimatable } from '../../types/aep';
|
|
2
|
+
export interface RgbaColor {
|
|
3
|
+
r: number;
|
|
4
|
+
g: number;
|
|
5
|
+
b: number;
|
|
6
|
+
a: number;
|
|
7
|
+
}
|
|
8
|
+
export declare function parseHexColor(hex: string): RgbaColor;
|
|
9
|
+
export declare function rgbaToHex(c: RgbaColor): string;
|
|
10
|
+
export interface AepColorTimelineBuild {
|
|
11
|
+
timeline: gsap.core.Timeline;
|
|
12
|
+
hasAnimation: boolean;
|
|
13
|
+
target: RgbaColor;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Color → gsap subtimeline. Each segment tweens RGBA floats; the
|
|
17
|
+
* consumer reads `target` inside onUpdate and recomposes to a hex
|
|
18
|
+
* string for the renderer.
|
|
19
|
+
*
|
|
20
|
+
* @deprecated AEP color animation now flows via React-side
|
|
21
|
+
* `sampleColor`. Preserved for downstream GSAP consumers and the
|
|
22
|
+
* internal `useAepColorAnimator` (also deprecated).
|
|
23
|
+
*/
|
|
24
|
+
export declare function buildColorValueTimeline(field: AepAnimatable<string> | undefined, fps: number, inPointFrames: number): AepColorTimelineBuild;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AepLayer, AepTransform } from '../../types/aep';
|
|
2
|
+
export type AepTweenTarget = Record<string, unknown>;
|
|
3
|
+
export interface AepBuiltSegment {
|
|
4
|
+
at: number;
|
|
5
|
+
op: "to" | "set";
|
|
6
|
+
vars: Record<string, unknown>;
|
|
7
|
+
props: string[];
|
|
8
|
+
}
|
|
9
|
+
export declare function planPropSegments(prop: keyof AepTransform, field: unknown, fps: number, inPointFrames: number): AepBuiltSegment[];
|
|
10
|
+
export interface AepLayerTimelineBuild {
|
|
11
|
+
timeline: gsap.core.Timeline;
|
|
12
|
+
segments: AepBuiltSegment[];
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated The AEP runtime no longer builds GSAP sub-timelines for
|
|
16
|
+
* layer transforms — `useAepLayerTransform` samples them directly
|
|
17
|
+
* from `ctx.currentFrame`. Preserved for parity with downstream
|
|
18
|
+
* consumers and the existing vitest coverage of segment planning.
|
|
19
|
+
*/
|
|
20
|
+
export declare function buildLayerTimeline(layer: AepLayer, target: AepTweenTarget, fps: number): AepLayerTimelineBuild;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { AepAnimatable } from '../../types/aep';
|
|
2
|
+
export interface AepScalarTimelineBuild {
|
|
3
|
+
timeline: gsap.core.Timeline;
|
|
4
|
+
hasAnimation: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function buildScalarValueTimeline(field: AepAnimatable<number> | undefined, fps: number, inPointFrames: number, target: Record<string, number>, prop: string): AepScalarTimelineBuild;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { AepAnimatable } from '../../types/aep';
|
|
2
|
+
export interface AepVec2TimelineBuild {
|
|
3
|
+
timeline: gsap.core.Timeline;
|
|
4
|
+
hasAnimation: boolean;
|
|
5
|
+
target: {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
type Vec2 = [number, number];
|
|
11
|
+
/**
|
|
12
|
+
* @deprecated AEP vec2 animation now flows via React-side `sampleVec2`.
|
|
13
|
+
* Preserved for downstream GSAP consumers and the internal
|
|
14
|
+
* `useAepVec2Animator` (also deprecated).
|
|
15
|
+
*/
|
|
16
|
+
export declare function buildVec2ValueTimeline(field: AepAnimatable<Vec2> | undefined, fps: number, inPointFrames: number): AepVec2TimelineBuild;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { AepEffectHandler } from './effects/types';
|
|
2
|
+
export declare function getEffectHandler(name: string): AepEffectHandler | undefined;
|
|
3
|
+
export declare function registerEffectHandler(handler: AepEffectHandler): void;
|
|
4
|
+
export declare function _resetEffectRegistry(): void;
|
|
5
|
+
export declare function _listEffectHandlers(): string[];
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { gaussianBlurHandler } from './gaussianBlur';
|
|
2
|
+
export { dropShadowHandler } from './dropShadow';
|
|
3
|
+
export { glowHandler } from './glow';
|
|
4
|
+
export { hueSaturationHandler } from './hueSaturation';
|
|
5
|
+
export { levelsHandler } from './levels';
|
|
6
|
+
export { tintHandler } from './tint';
|
|
7
|
+
export { brightnessContrastHandler } from './brightnessContrast';
|
|
8
|
+
export { fastBoxBlurHandler } from './fastBoxBlur';
|
|
9
|
+
export { staticParam, type AepEffectHandler, type AepEffectParamSnapshot } from './types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Filter } from 'pixi.js';
|
|
2
|
+
export type AepEffectParamSnapshot = Record<string, unknown>;
|
|
3
|
+
export interface AepEffectHandler {
|
|
4
|
+
name: string;
|
|
5
|
+
build(snapshot: AepEffectParamSnapshot): Filter;
|
|
6
|
+
apply(filter: Filter, snapshot: AepEffectParamSnapshot): void;
|
|
7
|
+
}
|
|
8
|
+
export declare function staticParam<T = unknown>(snapshot: AepEffectParamSnapshot, key: string, fallback: T): T;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export { easeNameFor } from './easeCache';
|
|
2
|
+
export { buildLayerTimeline, planPropSegments, } from './buildLayerTimeline';
|
|
3
|
+
export type { AepBuiltSegment, AepLayerTimelineBuild, AepTweenTarget, } from './buildLayerTimeline';
|
|
4
|
+
export { useAepKeyframes } from './useAepKeyframes';
|
|
5
|
+
export { useAepCurrentFrame } from './useAepCurrentFrame';
|
|
6
|
+
export { useAepTextLayout } from './useAepTextLayout';
|
|
7
|
+
export { useTypefaceMetrics } from './useTypefaceMetrics';
|
|
8
|
+
export { sampleAnimatable, sampleScalar, sampleVec2, sampleColor, sampleAnimatedBezier, cubicBezierEase, lerpNumber, lerpVec2, lerpColor, } from './sampleAnimatable';
|
|
9
|
+
export { useAepEffects } from './useAepEffects';
|
|
10
|
+
export { useAepEffectKeyframes } from './useAepEffectKeyframes';
|
|
11
|
+
export { useAepValueAnimator } from './useAepValueAnimator';
|
|
12
|
+
export { useAepColorAnimator } from './useAepColorAnimator';
|
|
13
|
+
export { useAepBezierPathAnimator } from './useAepBezierPathAnimator';
|
|
14
|
+
export { useAepVec2Animator } from './useAepVec2Animator';
|
|
15
|
+
export { buildVec2ValueTimeline, type AepVec2TimelineBuild, } from './buildVec2ValueTimeline';
|
|
16
|
+
export { buildBezierPathTimeline, type AepAnimatableBezier, type AepBezierPathTimelineBuild, } from './buildBezierPathTimeline';
|
|
17
|
+
export { interpolateBezierPath, clonePath, } from './interpolateBezierPath';
|
|
18
|
+
export { buildScalarValueTimeline, type AepScalarTimelineBuild, } from './buildScalarValueTimeline';
|
|
19
|
+
export { buildColorValueTimeline, parseHexColor, rgbaToHex, type AepColorTimelineBuild, type RgbaColor, } from './buildColorValueTimeline';
|
|
20
|
+
export { getEffectHandler, registerEffectHandler, _listEffectHandlers, } from './effectRegistry';
|
|
21
|
+
export * from './effects';
|
|
22
|
+
export { buildAudioLevelTimeline, type AepAudioLevelBuild, type AudioLevelTarget, } from './buildAudioLevelTimeline';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { AepAnimatable, AepBezierPath, AepEaseHandle } from '../../types/aep';
|
|
2
|
+
export declare function cubicBezierEase(handles: AepEaseHandle, x: number): number;
|
|
3
|
+
export declare function sampleAnimatable<T>(field: AepAnimatable<T> | undefined, fallback: T, frame: number, lerp: (a: T, b: T, k: number) => T): T;
|
|
4
|
+
export declare const lerpNumber: (a: number, b: number, k: number) => number;
|
|
5
|
+
export declare const lerpVec2: (a: [number, number], b: [number, number], k: number) => [number, number];
|
|
6
|
+
export declare const lerpVec3: (a: [number, number, number], b: [number, number, number], k: number) => [number, number, number];
|
|
7
|
+
export declare function sampleScalar(field: AepAnimatable<number> | undefined, fallback: number, frame: number): number;
|
|
8
|
+
export declare function sampleVec2(field: AepAnimatable<[number, number]> | undefined, fallback: [number, number], frame: number): [number, number];
|
|
9
|
+
export declare function sampleVec3(field: AepAnimatable<[number, number, number]> | undefined, fallback: [number, number, number], frame: number): [number, number, number];
|
|
10
|
+
export declare const sampleEuler: typeof sampleVec3;
|
|
11
|
+
export declare const lerpColor: (a: string, b: string, k: number) => string;
|
|
12
|
+
export declare function sampleColor(field: AepAnimatable<string> | undefined, fallback: string, frame: number): string;
|
|
13
|
+
export declare function sampleAnimatedBezier(field: AepAnimatable<AepBezierPath> | undefined, fallback: AepBezierPath, frame: number): AepBezierPath;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { AepBezierPath } from '../../types/aep';
|
|
2
|
+
import { AepAnimatableBezier } from './buildBezierPathTimeline';
|
|
3
|
+
/**
|
|
4
|
+
* Drive an animatable bezier path through the master timeline. Fires
|
|
5
|
+
* `onChange(path)` per onUpdate, plus once at mount with the initial
|
|
6
|
+
* (keyframe-0) value. Static fields emit once and return.
|
|
7
|
+
*
|
|
8
|
+
* @deprecated AEP shape + mask paths now sample directly from
|
|
9
|
+
* `ctx.currentFrame` (see `sampleAnimatedBezier`). This hook is
|
|
10
|
+
* preserved for downstream consumers driving non-AEP path tweens.
|
|
11
|
+
*/
|
|
12
|
+
export declare function useAepBezierPathAnimator(field: AepAnimatableBezier | undefined, fps: number, inPointFrames: number, onChange: (path: AepBezierPath) => void): void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AepAnimatable } from '../../types/aep';
|
|
2
|
+
/**
|
|
3
|
+
* Drive an animatable hex-color field via a GSAP sub-timeline that
|
|
4
|
+
* interpolates RGBA floats and fires `onChange(hex)` per tick.
|
|
5
|
+
*
|
|
6
|
+
* @deprecated AEP shape fills / stroke colors / effect colors now
|
|
7
|
+
* sample directly from `ctx.currentFrame` (see `sampleColor`). This
|
|
8
|
+
* hook is preserved for downstream consumers driving non-AEP color
|
|
9
|
+
* tweens through the master timeline.
|
|
10
|
+
*/
|
|
11
|
+
export declare function useAepColorAnimator(field: AepAnimatable<string> | undefined, fps: number, inPointFrames: number, onChange: (hex: string) => void): void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useAepCurrentFrame(fps: number): number;
|