@remotion/shapes 4.0.535 → 4.0.536
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.
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import type { Instruction } from '@remotion/paths';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { type EffectsProp, type HtmlInCanvasPixelDensity, type InteractiveBaseProps, type InteractivePremountProps, type SequenceControls } from 'remotion';
|
|
3
|
+
import { type EffectsProp, type EffectsOutputSize, type HtmlInCanvasPixelDensity, type InteractiveBaseProps, type InteractivePremountProps, type SequenceControls } from 'remotion';
|
|
4
4
|
type ShapeSequenceProps = InteractiveBaseProps & InteractivePremountProps & {
|
|
5
5
|
readonly controls?: SequenceControls;
|
|
6
6
|
};
|
|
7
7
|
export type AllShapesProps = Omit<React.SVGProps<SVGPathElement>, 'width' | 'height' | 'd' | 'hidden' | 'name'> & ShapeSequenceProps & {
|
|
8
8
|
readonly debug?: boolean;
|
|
9
9
|
readonly effects?: EffectsProp;
|
|
10
|
+
readonly effectsOutputSize?: EffectsOutputSize;
|
|
10
11
|
readonly pathStyle?: React.CSSProperties;
|
|
11
12
|
readonly pixelDensity?: HtmlInCanvasPixelDensity;
|
|
12
13
|
};
|
|
13
|
-
export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }: {
|
|
14
|
+
export declare const RenderSvg: ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects, effectsOutputSize, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }: {
|
|
14
15
|
readonly defaultName: string;
|
|
15
16
|
readonly documentationLink: string;
|
|
16
17
|
readonly width: number;
|
|
@@ -23,6 +24,7 @@ export declare const RenderSvg: ({ defaultName, documentationLink, width, height
|
|
|
23
24
|
} & {
|
|
24
25
|
readonly debug?: boolean | undefined;
|
|
25
26
|
readonly effects?: EffectsProp | undefined;
|
|
27
|
+
readonly effectsOutputSize?: EffectsOutputSize | undefined;
|
|
26
28
|
readonly pathStyle?: React.CSSProperties | undefined;
|
|
27
29
|
readonly pixelDensity?: number | undefined;
|
|
28
30
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -57,7 +57,7 @@ const RenderSvgWithTiming = ({ premountFor, postmountFor, styleWhilePremounted,
|
|
|
57
57
|
});
|
|
58
58
|
return (jsx_runtime_1.jsx(remotion_1.Freeze, { frame: freezeFrame, active: isPremountingOrPostmounting, children: jsx_runtime_1.jsx(remotion_1.Sequence, { layout: "none", from: from, trimBefore: trimBefore, playbackRate: playbackRate, loop: loop, freeze: freeze, hidden: hidden, showInTimeline: showInTimeline, controls: controls, _remotionInternalEffects: memoizedEffectDefinitions, durationInFrames: durationInFrames, name: name !== null && name !== void 0 ? name : defaultName, _remotionInternalDocumentationLink: documentationLink, _remotionInternalPremountDisplay: effectivePremountFor || null, _remotionInternalPostmountDisplay: effectivePostmountFor || null, _remotionInternalIsPremounting: premountingActive, _remotionInternalIsPostmounting: postmountingActive, children: react_1.default.cloneElement(content, { style: premountingStyle !== null && premountingStyle !== void 0 ? premountingStyle : undefined }) }) }));
|
|
59
59
|
};
|
|
60
|
-
const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }) => {
|
|
60
|
+
const RenderSvg = ({ defaultName, documentationLink, width, height, path, style, pathStyle, transformOrigin, debug, effects = [], effectsOutputSize, instructions, pixelDensity, durationInFrames, from, premountFor, postmountFor, styleWhilePremounted, styleWhilePostmounted, trimBefore, playbackRate, loop, freeze, hidden, name, showInTimeline, controls, ...props }) => {
|
|
61
61
|
const actualStyle = (0, react_1.useMemo)(() => {
|
|
62
62
|
return {
|
|
63
63
|
overflow: 'visible',
|
|
@@ -113,7 +113,7 @@ const RenderSvg = ({ defaultName, documentationLink, width, height, path, style,
|
|
|
113
113
|
return null;
|
|
114
114
|
})
|
|
115
115
|
: null] }));
|
|
116
|
-
const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { width: Math.ceil(width), height: Math.ceil(height), effects: effects, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
|
|
116
|
+
const content = effects.length === 0 ? (svg) : (jsx_runtime_1.jsx(HtmlInCanvasWithPrivateProps, { width: Math.ceil(width), height: Math.ceil(height), effects: effects, effectsOutputSize: effectsOutputSize, pixelDensity: pixelDensity, showInTimeline: false, style: actualStyle, controls: controls, children: svg }));
|
|
117
117
|
if (!videoConfig) {
|
|
118
118
|
return svg;
|
|
119
119
|
}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -241,6 +241,7 @@ var RenderSvg = ({
|
|
|
241
241
|
transformOrigin,
|
|
242
242
|
debug,
|
|
243
243
|
effects = [],
|
|
244
|
+
effectsOutputSize,
|
|
244
245
|
instructions,
|
|
245
246
|
pixelDensity,
|
|
246
247
|
durationInFrames,
|
|
@@ -338,6 +339,7 @@ var RenderSvg = ({
|
|
|
338
339
|
width: Math.ceil(width),
|
|
339
340
|
height: Math.ceil(height),
|
|
340
341
|
effects,
|
|
342
|
+
effectsOutputSize,
|
|
341
343
|
pixelDensity,
|
|
342
344
|
showInTimeline: false,
|
|
343
345
|
style: actualStyle,
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/shapes"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/shapes",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.536",
|
|
7
7
|
"description": "Generate SVG shapes",
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"scripts": {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react": "19.2.3",
|
|
35
35
|
"react-dom": "19.2.3",
|
|
36
36
|
"@happy-dom/global-registrator": "14.5.1",
|
|
37
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
37
|
+
"@remotion/eslint-config-internal": "4.0.536",
|
|
38
38
|
"eslint": "9.19.0",
|
|
39
39
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
40
40
|
},
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
"react-dom": ">=16.8.0"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@remotion/paths": "4.0.
|
|
55
|
-
"remotion": "4.0.
|
|
54
|
+
"@remotion/paths": "4.0.536",
|
|
55
|
+
"remotion": "4.0.536"
|
|
56
56
|
},
|
|
57
57
|
"homepage": "https://www.remotion.dev/docs/shapes"
|
|
58
58
|
}
|