Remotion 4.0 now required peer dependency + updated example dependencies

Signed-off-by: Stefan Wittwer <stefan.wittwer@nextbusiness.ch>

packages/remotion-animated/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion-animated",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "description": "🌟 A delightful way to animate objects in Remotion.",
   "license": "MIT",
   "homepage": "https://www.remotion-animated.dev",
@@ -33,18 +33,18 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "devDependencies": {
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.11",
-    "eslint": "^7.32.0",
+    "@types/react": "^18.2.18",
+    "@types/react-dom": "^18.2.7",
+    "eslint": "^8.46.0",
     "eslint-config-custom": "*",
-    "react": "^17.0.2",
-    "remotion": "^3.1.0",
+    "react": "^18.2.0",
+    "remotion": "^4.0.17",
     "tsconfig": "*",
-    "typescript": "^4.5.2"
+    "typescript": "^5.1.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "remotion": ">=3.1.0"
+    "remotion": ">=4.0.0"
   }
 }

sites/docs/docs/upgrade-guide.md

@@ -0,0 +1,9 @@
+# Upgrade guide
+
+This page keeps track of any breaking changes in Remotion Animated.
+
+If you're looking for a full changelog including non-breaking minor version changes, check out the [release notes on GitHub](https://github.com/stefanwittwer/remotion-animated/releases).
+
+### Upgrading to Remotion Animated 2
+
+- Remotion Animated 2 now requires Remotion 4.0 or newer as a peer dependency.

sites/example/package.json

@@ -10,18 +10,18 @@
     "test": "eslint src --ext ts,tsx,js,jsx && tsc"
   },
   "dependencies": {
-    "@remotion/cli": "^3.0.0",
-    "@remotion/eslint-config": "^3.0.0",
+    "@remotion/cli": "^4.0.17",
+    "@remotion/eslint-config": "^4.0.17",
     "eslint": "^8.14.0",
     "prettier": "^2.6.2",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "remotion": "^3.0.0",
-    "typescript": "4.6.3"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "remotion": "^4.0.17",
+    "typescript": "5.1.6"
   },
   "devDependencies": {
-    "@types/react": "^18.0.6",
-    "@types/web": "^0.0.61",
+    "@types/react": "^18.2.18",
+    "@types/web": "^0.0.112",
     "autoprefixer": "10.4.4",
     "postcss": "8.4.12",
     "postcss-loader": "6.2.1",

sites/example/remotion.config.ts

@@ -1,9 +1,9 @@
-import { Config } from 'remotion';
+import { Config } from '@remotion/cli/config';
 
-Config.Rendering.setImageFormat('jpeg');
-Config.Output.setOverwriteOutput(true);
+Config.setVideoImageFormat('jpeg');
+Config.setOverwriteOutput(true);
 
-Config.Bundling.overrideWebpackConfig((currentConfiguration) => {
+Config.overrideWebpackConfig((currentConfiguration) => {
   return {
     ...currentConfiguration,
     module: {