@remotion/transitions 4.0.177 → 4.0.178

package/README.md

@@ -0,0 +1,18 @@
+# @remotion/transitions
+ 
+Library for creating transitions in Remotion
+ 
+[![NPM Downloads](https://img.shields.io/npm/dm/@remotion/transitions.svg?style=flat&color=black&label=Downloads)](https://npmcharts.com/compare/@remotion/transitions?minimal=true)
+ 
+## Installation
+ 
+```bash
+npm install @remotion/transitions --save-exact
+```
+ 
+When installing a Remotion package, make sure to align the version of all `remotion` and `@remotion/*` packages to the same version.
+Remove the `^` character from the version number to use the exact version.
+ 
+## Usage
+ 
+See the [documentation](https://www.remotion.dev/transitions) for more information.

package/bundle.ts

@@ -5,7 +5,7 @@ if (process.env.NODE_ENV !== 'production') {
 	throw new Error('This script must be run using NODE_ENV=production');
 }
 
-const presentations = ['slide', 'flip', 'wipe', 'fade', 'clock-wipe'];
+const presentations = ['slide', 'flip', 'wipe', 'fade', 'clock-wipe', 'none'];
 
 const output = await build({
 	entrypoints: [

package/dist/TransitionSeries.js

@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
+const context_js_1 = require("./context.js");
 const flatten_children_js_1 = require("./flatten-children.js");
 const slide_js_1 = require("./presentations/slide.js");
 const validate_js_1 = require("./validate.js");
@@ -125,21 +126,21 @@ const TransitionSeriesChildren = ({ children, }) => {
                 const UppercasePrevPresentation = prevPresentation.component;
                 return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
                 // eslint-disable-next-line react/no-array-index-key
-                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }), children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }), children: child }) }) }, i));
+                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }), children: (0, jsx_runtime_1.jsx)(context_js_1.WrapInExitingProgressContext, { presentationProgress: nextProgress, children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }), children: (0, jsx_runtime_1.jsx)(context_js_1.WrapInEnteringProgressContext, { presentationProgress: prevProgress, children: child }) }) }) }) }, i));
             }
             if (prevProgress !== null && prev) {
                 const prevPresentation = (_f = prev.props.presentation) !== null && _f !== void 0 ? _f : (0, slide_js_1.slide)();
                 const UppercasePrevPresentation = prevPresentation.component;
                 return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
                 // eslint-disable-next-line react/no-array-index-key
-                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }), children: child }) }, i));
+                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }), children: (0, jsx_runtime_1.jsx)(context_js_1.WrapInEnteringProgressContext, { presentationProgress: prevProgress, children: child }) }) }, i));
             }
             if (nextProgress !== null && next) {
                 const nextPresentation = (_h = next.props.presentation) !== null && _h !== void 0 ? _h : (0, slide_js_1.slide)();
                 const UppercaseNextPresentation = nextPresentation.component;
                 return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
                 // eslint-disable-next-line react/no-array-index-key
-                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }), children: child }) }, i));
+                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }), children: (0, jsx_runtime_1.jsx)(context_js_1.WrapInExitingProgressContext, { presentationProgress: nextProgress, children: child }) }) }, i));
             }
             return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
             // eslint-disable-next-line react/no-array-index-key

package/dist/context.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
-export type TransitionState = {
-    entering: number;
-    exiting: number;
-    isInTransitionSeries: boolean;
+type EnteringState = {
+    enteringProgress: number;
 };
+type ExitingState = {
+    exitingProgress: number;
+};
+export declare const EnteringContext: React.Context<EnteringState | null>;
+export declare const ExitingContext: React.Context<ExitingState | null>;
 export declare const WrapInEnteringProgressContext: React.FC<{
     readonly presentationProgress: number;
     readonly children: React.ReactNode;
@@ -12,7 +15,4 @@ export declare const WrapInExitingProgressContext: React.FC<{
     readonly presentationProgress: number;
     readonly children: React.ReactNode;
 }>;
-/**
- * Gets the progress and direction of a transition with a context() presentation.
- */
-export declare const useTransitionProgress: () => TransitionState;
+export {};

package/dist/context.js

@@ -23,18 +23,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTransitionProgress = exports.WrapInExitingProgressContext = exports.WrapInEnteringProgressContext = void 0;
+exports.WrapInExitingProgressContext = exports.WrapInEnteringProgressContext = exports.ExitingContext = exports.EnteringContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
-const EnteringContext = react_1.default.createContext(null);
-const ExitingContext = react_1.default.createContext(null);
+exports.EnteringContext = react_1.default.createContext(null);
+exports.ExitingContext = react_1.default.createContext(null);
 const WrapInEnteringProgressContext = ({ presentationProgress, children }) => {
     const value = (0, react_1.useMemo)(() => {
         return {
             enteringProgress: presentationProgress,
         };
     }, [presentationProgress]);
-    return ((0, jsx_runtime_1.jsx)(EnteringContext.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.EnteringContext.Provider, { value: value, children: children }));
 };
 exports.WrapInEnteringProgressContext = WrapInEnteringProgressContext;
 const WrapInExitingProgressContext = ({ presentationProgress, children }) => {
@@ -43,27 +43,6 @@ const WrapInExitingProgressContext = ({ presentationProgress, children }) => {
             exitingProgress: presentationProgress,
         };
     }, [presentationProgress]);
-    return ((0, jsx_runtime_1.jsx)(ExitingContext.Provider, { value: value, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.ExitingContext.Provider, { value: value, children: children }));
 };
 exports.WrapInExitingProgressContext = WrapInExitingProgressContext;
-/**
- * Gets the progress and direction of a transition with a context() presentation.
- */
-const useTransitionProgress = () => {
-    var _a, _b;
-    const entering = react_1.default.useContext(EnteringContext);
-    const exiting = react_1.default.useContext(ExitingContext);
-    if (!entering && !exiting) {
-        return {
-            isInTransitionSeries: false,
-            entering: 1,
-            exiting: 0,
-        };
-    }
-    return {
-        isInTransitionSeries: true,
-        entering: (_a = entering === null || entering === void 0 ? void 0 : entering.enteringProgress) !== null && _a !== void 0 ? _a : 1,
-        exiting: (_b = exiting === null || exiting === void 0 ? void 0 : exiting.exitingProgress) !== null && _b !== void 0 ? _b : 0,
-    };
-};
-exports.useTransitionProgress = useTransitionProgress;

package/dist/esm/index.mjs

@@ -127,16 +127,46 @@ var springTiming = (options = {}) => {
 };
 
 // src/TransitionSeries.tsx
-import {Children, useMemo as useMemo2} from "react";
+import {Children, useMemo as useMemo3} from "react";
 import {Internals, Sequence, useCurrentFrame, useVideoConfig} from "remotion";
 import {NoReactInternals as NoReactInternals2} from "remotion/no-react";
 
+// src/context.tsx
+import React2, {useMemo as useMemo2} from "react";
+import {
+jsx as jsx2
+} from "react/jsx-runtime";
+var EnteringContext = React2.createContext(null);
+var ExitingContext = React2.createContext(null);
+var WrapInEnteringProgressContext = ({ presentationProgress, children }) => {
+  const value = useMemo2(() => {
+    return {
+      enteringProgress: presentationProgress
+    };
+  }, [presentationProgress]);
+  return jsx2(EnteringContext.Provider, {
+    value,
+    children
+  });
+};
+var WrapInExitingProgressContext = ({ presentationProgress, children }) => {
+  const value = useMemo2(() => {
+    return {
+      exitingProgress: presentationProgress
+    };
+  }, [presentationProgress]);
+  return jsx2(ExitingContext.Provider, {
+    value,
+    children
+  });
+};
+
 // src/flatten-children.ts
-import React2 from "react";
+import React3 from "react";
 var flattenChildren = (children) => {
-  const childrenArray = React2.Children.toArray(children);
+  const childrenArray = React3.Children.toArray(children);
   return childrenArray.reduce((flatChildren, child) => {
-    if (child.type === React2.Fragment) {
+    if (child.type === React3.Fragment) {
       return flatChildren.concat(flattenChildren(child.props.children));
     }
     flatChildren.push(child);
@@ -150,14 +180,14 @@ var validateDurationInFrames = NoReactInternals.validateDurationInFrames;
 
 // src/TransitionSeries.tsx
 import {
-jsx as jsx2,
+jsx as jsx3,
 Fragment
 } from "react/jsx-runtime";
 var TransitionSeriesTransition = function(_props) {
   return null;
 };
 var SeriesSequence = ({ children }) => {
-  return jsx2(Fragment, {
+  return jsx3(Fragment, {
     children
   });
 };
@@ -166,7 +196,7 @@ var TransitionSeriesChildren = ({
 }) => {
   const { fps } = useVideoConfig();
   const frame = useCurrentFrame();
-  const childrenValue = useMemo2(() => {
+  const childrenValue = useMemo3(() => {
     let transitionOffsets = 0;
     let startFrame = 0;
     const flattedChildren = flattenChildren(children);
@@ -250,22 +280,28 @@ var TransitionSeriesChildren = ({
         const prevPresentation = prev.props.presentation ?? slide();
         const UppercaseNextPresentation = nextPresentation.component;
         const UppercasePrevPresentation = prevPresentation.component;
-        return jsx2(Sequence, {
+        return jsx3(Sequence, {
           from: Math.floor(actualStartFrame),
           durationInFrames: durationInFramesProp,
           ...passedProps,
           name: passedProps.name || "<TS.Sequence>",
-          children: jsx2(UppercaseNextPresentation, {
+          children: jsx3(UppercaseNextPresentation, {
             passedProps: nextPresentation.props ?? {},
             presentationDirection: "exiting",
             presentationProgress: nextProgress,
             presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
-            children: jsx2(UppercasePrevPresentation, {
-              passedProps: prevPresentation.props ?? {},
-              presentationDirection: "entering",
-              presentationProgress: prevProgress,
-              presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
-              children: child
+            children: jsx3(WrapInExitingProgressContext, {
+              presentationProgress: nextProgress,
+              children: jsx3(UppercasePrevPresentation, {
+                passedProps: prevPresentation.props ?? {},
+                presentationDirection: "entering",
+                presentationProgress: prevProgress,
+                presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
+                children: jsx3(WrapInEnteringProgressContext, {
+                  presentationProgress: prevProgress,
+                  children: child
+                })
+              })
             })
           })
         }, i);
@@ -273,38 +309,44 @@ var TransitionSeriesChildren = ({
       if (prevProgress !== null && prev) {
         const prevPresentation = prev.props.presentation ?? slide();
         const UppercasePrevPresentation = prevPresentation.component;
-        return jsx2(Sequence, {
+        return jsx3(Sequence, {
           from: Math.floor(actualStartFrame),
           durationInFrames: durationInFramesProp,
           ...passedProps,
           name: passedProps.name || "<TS.Sequence>",
-          children: jsx2(UppercasePrevPresentation, {
+          children: jsx3(UppercasePrevPresentation, {
             passedProps: prevPresentation.props ?? {},
             presentationDirection: "entering",
             presentationProgress: prevProgress,
             presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
-            children: child
+            children: jsx3(WrapInEnteringProgressContext, {
+              presentationProgress: prevProgress,
+              children: child
+            })
           })
         }, i);
       }
       if (nextProgress !== null && next) {
         const nextPresentation = next.props.presentation ?? slide();
         const UppercaseNextPresentation = nextPresentation.component;
-        return jsx2(Sequence, {
+        return jsx3(Sequence, {
           from: Math.floor(actualStartFrame),
           durationInFrames: durationInFramesProp,
           ...passedProps,
           name: passedProps.name || "<TS.Sequence>",
-          children: jsx2(UppercaseNextPresentation, {
+          children: jsx3(UppercaseNextPresentation, {
             passedProps: nextPresentation.props ?? {},
             presentationDirection: "exiting",
             presentationProgress: nextProgress,
             presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
-            children: child
+            children: jsx3(WrapInExitingProgressContext, {
+              presentationProgress: nextProgress,
+              children: child
+            })
           })
         }, i);
       }
-      return jsx2(Sequence, {
+      return jsx3(Sequence, {
         from: Math.floor(actualStartFrame),
         durationInFrames: durationInFramesProp,
         ...passedProps,
@@ -313,7 +355,7 @@ var TransitionSeriesChildren = ({
       }, i);
     });
   }, [children, fps, frame]);
-  return jsx2(Fragment, {
+  return jsx3(Fragment, {
     children: childrenValue
   });
 };
@@ -323,11 +365,11 @@ var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps })
   if (NoReactInternals2.ENABLE_V5_BREAKING_CHANGES && layout !== "absolute-fill") {
     throw new TypeError(`The "layout" prop of <TransitionSeries /> is not supported anymore in v5. TransitionSeries' must be absolutely positioned.`);
   }
-  return jsx2(Sequence, {
+  return jsx3(Sequence, {
     name: displayName,
     layout,
     ...otherProps,
-    children: jsx2(TransitionSeriesChildren, {
+    children: jsx3(TransitionSeriesChildren, {
       children
     })
   });
@@ -336,7 +378,27 @@ TransitionSeries.Sequence = SeriesSequence;
 TransitionSeries.Transition = TransitionSeriesTransition;
 Internals.addSequenceStackTraces(TransitionSeries);
 Internals.addSequenceStackTraces(SeriesSequence);
+
+// src/use-transition-progress.ts
+import React4 from "react";
+var useTransitionProgress = () => {
+  const entering = React4.useContext(EnteringContext);
+  const exiting = React4.useContext(ExitingContext);
+  if (!entering && !exiting) {
+    return {
+      isInTransitionSeries: false,
+      entering: 1,
+      exiting: 0
+    };
+  }
+  return {
+    isInTransitionSeries: true,
+    entering: entering?.enteringProgress ?? 1,
+    exiting: exiting?.exitingProgress ?? 0
+  };
+};
 export {
+  useTransitionProgress,
   springTiming,
   linearTiming,
   TransitionSeries

package/dist/esm/none.mjs

@@ -0,0 +1,26 @@
+// src/presentations/none.tsx
+import {useMemo} from "react";
+import {AbsoluteFill} from "remotion";
+import {
+jsx
+} from "react/jsx-runtime";
+var NonePresentation = ({ children, presentationDirection, passedProps }) => {
+  const style = useMemo(() => {
+    return {
+      ...presentationDirection === "entering" ? passedProps.enterStyle : passedProps.exitStyle
+    };
+  }, [passedProps.enterStyle, passedProps.exitStyle, presentationDirection]);
+  return jsx(AbsoluteFill, {
+    style,
+    children
+  });
+};
+var none = (props) => {
+  return {
+    component: NonePresentation,
+    props: props ?? {}
+  };
+};
+export {
+  none
+};

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export { linearTiming } from './timings/linear-timing.js';
 export { springTiming } from './timings/spring-timing.js';
 export { TransitionSeries } from './TransitionSeries.js';
 export { TransitionPresentation, TransitionPresentationComponentProps, TransitionTiming, } from './types.js';
+export { TransitionState, useTransitionProgress, } from './use-transition-progress.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransitionSeries = exports.springTiming = exports.linearTiming = void 0;
+exports.useTransitionProgress = exports.TransitionSeries = exports.springTiming = exports.linearTiming = void 0;
 // Timings
 var linear_timing_js_1 = require("./timings/linear-timing.js");
 Object.defineProperty(exports, "linearTiming", { enumerable: true, get: function () { return linear_timing_js_1.linearTiming; } });
@@ -9,3 +9,6 @@ Object.defineProperty(exports, "springTiming", { enumerable: true, get: function
 // Component
 var TransitionSeries_js_1 = require("./TransitionSeries.js");
 Object.defineProperty(exports, "TransitionSeries", { enumerable: true, get: function () { return TransitionSeries_js_1.TransitionSeries; } });
+// Hooks
+var use_transition_progress_js_1 = require("./use-transition-progress.js");
+Object.defineProperty(exports, "useTransitionProgress", { enumerable: true, get: function () { return use_transition_progress_js_1.useTransitionProgress; } });

package/dist/presentations/none.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { TransitionPresentation } from '../types';
+export type NoneProps = {
+    enterStyle?: React.CSSProperties;
+    exitStyle?: React.CSSProperties;
+};
+/**
+ * Wraps the transition in a context so that the progress can be read from the children using a hook.
+ * @see [Documentation](https://remotion.dev/docs/transitions/presentations/context)
+ * @param {NoneProps} [props] Optional properties to define 'enterStyle' and 'exitStyle'.
+ * @returns {TransitionPresentation<NoneProps>} The transition presentation component setup.
+ */
+export declare const none: (props?: NoneProps) => TransitionPresentation<NoneProps>;

package/dist/presentations/none.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.none = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const NonePresentation = ({ children, presentationDirection, passedProps }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            ...(presentationDirection === 'entering'
+                ? passedProps.enterStyle
+                : passedProps.exitStyle),
+        };
+    }, [passedProps.enterStyle, passedProps.exitStyle, presentationDirection]);
+    return (0, jsx_runtime_1.jsx)(remotion_1.AbsoluteFill, { style: style, children: children });
+};
+/**
+ * Wraps the transition in a context so that the progress can be read from the children using a hook.
+ * @see [Documentation](https://remotion.dev/docs/transitions/presentations/context)
+ * @param {NoneProps} [props] Optional properties to define 'enterStyle' and 'exitStyle'.
+ * @returns {TransitionPresentation<NoneProps>} The transition presentation component setup.
+ */
+const none = (props) => {
+    return {
+        component: NonePresentation,
+        props: props !== null && props !== void 0 ? props : {},
+    };
+};
+exports.none = none;

package/dist/use-transition-progress.d.ts

@@ -0,0 +1,9 @@
+export type TransitionState = {
+    entering: number;
+    exiting: number;
+    isInTransitionSeries: boolean;
+};
+/**
+ * Gets the progress and direction of a transition with a context() presentation.
+ */
+export declare const useTransitionProgress: () => TransitionState;

package/dist/use-transition-progress.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTransitionProgress = void 0;
+const react_1 = __importDefault(require("react"));
+const context_1 = require("./context");
+/**
+ * Gets the progress and direction of a transition with a context() presentation.
+ */
+const useTransitionProgress = () => {
+    var _a, _b;
+    const entering = react_1.default.useContext(context_1.EnteringContext);
+    const exiting = react_1.default.useContext(context_1.ExitingContext);
+    if (!entering && !exiting) {
+        return {
+            isInTransitionSeries: false,
+            entering: 1,
+            exiting: 0,
+        };
+    }
+    return {
+        isInTransitionSeries: true,
+        entering: (_a = entering === null || entering === void 0 ? void 0 : entering.enteringProgress) !== null && _a !== void 0 ? _a : 1,
+        exiting: (_b = exiting === null || exiting === void 0 ? void 0 : exiting.exitingProgress) !== null && _b !== void 0 ? _b : 0,
+    };
+};
+exports.useTransitionProgress = useTransitionProgress;

package/none.js

@@ -0,0 +1,2 @@
+// For backwards compatibility when you use `esm-wallaby`
+module.exports = require('./dist/presentations/none.js');

package/package.json

@@ -1,7 +1,10 @@
 {
+  "repository": {
+    "url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
+  },
   "name": "@remotion/transitions",
-  "version": "4.0.177",
-  "description": "Transition presets for Remotion",
+  "version": "4.0.178",
+  "description": "Library for creating transitions in Remotion",
   "sideEffects": false,
   "main": "dist/esm/index.mjs",
   "module": "dist/esm/index.js",
@@ -9,31 +12,21 @@
   "author": "Jonny Burger",
   "contributors": [],
   "license": "UNLICENSED",
-  "repository": {
-    "url": "https://github.com/remotion-dev/remotion"
-  },
   "bugs": {
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.177",
-    "@remotion/shapes": "4.0.177",
-    "@remotion/paths": "4.0.177"
+    "remotion": "4.0.178",
+    "@remotion/paths": "4.0.178",
+    "@remotion/shapes": "4.0.178"
   },
   "devDependencies": {
-    "@jonny/eslint-config": "3.0.281",
-    "eslint": "8.56.0",
-    "prettier": "3.2.5",
-    "prettier-plugin-organize-imports": "3.2.4",
+    "@happy-dom/global-registrator": "14.5.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "vitest": "0.31.1",
-    "@types/react": "18.3.1",
-    "@types/react-dom": "18.3.0",
-    "@types/bun": "1.0.12",
     "@vitejs/plugin-react": "^2.0.0",
-    "remotion": "4.0.177",
-    "@remotion/test-utils": "4.0.177"
+    "remotion": "4.0.178",
+    "@remotion/test-utils": "4.0.178"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -83,6 +76,12 @@
       "require": "./dist/presentations/clock-wipe.js",
       "types": "./dist/presentations/clock-wipe.d.ts"
     },
+    "./none": {
+      "module": "./dist/esm/none.mjs",
+      "import": "./dist/esm/none.mjs",
+      "require": "./dist/presentations/none.js",
+      "types": "./dist/presentations/none.d.ts"
+    },
     "./package.json": "./package.json"
   },
   "typesVersions": {
@@ -99,13 +98,17 @@
       "fade": [
         "dist/presentations/fade.d.ts"
       ],
+      "none": [
+        "dist/presentations/none.d.ts"
+      ],
       "clock-wipe": [
         "dist/presentations/clock-wipe.d.ts"
       ]
     }
   },
+  "homepage": "https://www.remotion.dev/transitions",
   "scripts": {
-    "test": "vitest src --run",
+    "test": "bun test src",
     "lint": "eslint src --ext ts,tsx",
     "formatting": "prettier src --check",
     "build": "bun --env-file=../.env.bundle bundle.ts"

package/.prettierrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-	singleQuote: true,
-	bracketSpacing: false,
-	useTabs: true,
-	overrides: [
-		{
-			files: ['*.yml'],
-			options: {
-				singleQuote: false,
-			},
-		},
-	],
-	plugins: [require.resolve('prettier-plugin-organize-imports')],
-};

package/vitest.config.mts

@@ -1,11 +0,0 @@
-import react from '@vitejs/plugin-react';
-import {defineConfig} from 'vitest/config';
-
-export default defineConfig({
-	test: {
-		testTimeout: 90000,
-		maxConcurrency: 1,
-		threads: false,
-	},
-	plugins: [react()],
-});