@remotion/studio 4.0.522 → 4.0.524

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.522",
+	"version": "4.0.524",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -20,40 +20,54 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"peerDependencies": {
+		"@remotion/video-matting": "4.0.524",
+		"@remotion/whisper-webgpu": "4.0.524",
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
+	"peerDependenciesMeta": {
+		"@remotion/video-matting": {
+			"optional": true
+		},
+		"@remotion/whisper-webgpu": {
+			"optional": true
+		}
+	},
 	"dependencies": {
-		"@tanstack/react-virtual": "3.14.9",
-		"@remotion/canvas": "4.0.522",
-		"@remotion/studio-protocol": "4.0.522",
-		"@remotion/studio-codemods": "4.0.522",
-		"semver": "7.5.3",
-		"remotion": "4.0.522",
-		"@remotion/captions": "4.0.522",
-		"@remotion/media": "4.0.522",
-		"@remotion/player": "4.0.522",
-		"@remotion/media-utils": "4.0.522",
-		"@remotion/renderer": "4.0.522",
-		"@remotion/web-renderer": "4.0.522",
-		"@remotion/studio-shared": "4.0.522",
-		"@remotion/timeline-utils": "4.0.522",
-		"@remotion/zod-types": "4.0.522",
 		"@jridgewell/trace-mapping": "0.3.31",
-		"mediabunny": "1.55.5",
+		"@remotion/canvas": "4.0.524",
+		"@remotion/captions": "4.0.524",
+		"@remotion/media": "4.0.524",
+		"@remotion/media-utils": "4.0.524",
+		"@remotion/player": "4.0.524",
+		"@remotion/renderer": "4.0.524",
+		"@remotion/studio-codemods": "4.0.524",
+		"@remotion/studio-protocol": "4.0.524",
+		"@remotion/studio-shared": "4.0.524",
+		"@remotion/timeline-utils": "4.0.524",
+		"@remotion/web-renderer": "4.0.524",
+		"@remotion/zod-types": "4.0.524",
+		"@tanstack/react-virtual": "3.14.9",
+		"mediabunny": "1.56.1",
 		"memfs": "3.4.3",
 		"open": "8.4.2",
+		"prismjs": "1.30.0",
+		"remotion": "4.0.524",
+		"semver": "7.5.3",
 		"zod": "4.5.4"
 	},
 	"devDependencies": {
 		"@happy-dom/global-registrator": "14.5.1",
-		"react": "19.2.3",
-		"react-dom": "19.2.3",
+		"@remotion/eslint-config-internal": "4.0.524",
+		"@remotion/video-matting": "4.0.524",
+		"@remotion/whisper-webgpu": "4.0.524",
 		"@testing-library/react": "16.1.0",
+		"@types/prismjs": "1.26.4",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.522",
+		"@typescript/native-preview": "7.0.0-dev.20260217.1",
 		"eslint": "9.19.0",
-		"@typescript/native-preview": "7.0.0-dev.20260217.1"
+		"react": "19.2.3",
+		"react-dom": "19.2.3"
 	},
 	"publishConfig": {
 		"access": "public"

package/dist/components/UpdateCheck.d.ts

@@ -1 +0,0 @@
-export declare const UpdateCheck: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/UpdateCheck.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpdateCheck = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const modals_1 = require("../state/modals");
-const z_index_1 = require("../state/z-index");
-const InlineAction_1 = require("./InlineAction");
-const UpdateStatusContext_1 = require("./UpdateStatusContext");
-const buttonStyle = {
-    appearance: 'none',
-    border: 'none',
-    fontWeight: 'bold',
-    backgroundColor: colors_1.TRANSPARENT,
-    cursor: 'pointer',
-    fontSize: 14,
-    display: 'inline-flex',
-    justifyContent: 'center',
-    marginLeft: 8,
-};
-const updateIconContainer = {
-    alignItems: 'center',
-    display: 'flex',
-    flexShrink: 0,
-};
-const UpdateCheck = () => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.SetSelectedModalContext);
-    const { tabIndex } = (0, z_index_1.useZIndex)();
-    const { info, knownBugs } = (0, UpdateStatusContext_1.useUpdateStatus)();
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const hasBugfixesAvailable = (0, react_1.useMemo)(() => {
-        return Boolean((info === null || info === void 0 ? void 0 : info.updateAvailable) && knownBugs && knownBugs.length > 0);
-    }, [info === null || info === void 0 ? void 0 : info.updateAvailable, knownBugs]);
-    const openModal = (0, react_1.useCallback)(() => {
-        var _a;
-        var _b;
-        setSelectedModal({
-            type: 'settings',
-            initialTab: 'updates',
-            initialPublicLicenseKey: (_b = (_a = window.remotion_renderDefaults) === null || _a === void 0 ? void 0 : _a.publicLicenseKey) !== null && _b !== void 0 ? _b : null,
-        });
-    }, [setSelectedModal]);
-    const dynButtonStyle = (0, react_1.useMemo)(() => {
-        return {
-            ...buttonStyle,
-            color: hovered
-                ? colors_1.WHITE
-                : hasBugfixesAvailable
-                    ? colors_1.WARNING_COLOR
-                    : colors_1.WHITE_ALPHA_80,
-        };
-    }, [hasBugfixesAvailable, hovered]);
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    const renderUpdateIcon = (0, react_1.useCallback)((color) => {
-        return (jsx_runtime_1.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
-                height: 16,
-                width: 16,
-                color,
-                flexShrink: 0,
-            }, viewBox: "0 0 512 512", children: jsx_runtime_1.jsx("path", { fill: color, d: "M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM135.1 217.4c-4.5 4.2-7.1 10.1-7.1 16.3c0 12.3 10 22.3 22.3 22.3H208v96c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V256h57.7c12.3 0 22.3-10 22.3-22.3c0-6.2-2.6-12.1-7.1-16.3L269.8 117.5c-3.8-3.5-8.7-5.5-13.8-5.5s-10.1 2-13.8 5.5L135.1 217.4z" }) }));
-    }, []);
-    if (!info) {
-        return null;
-    }
-    if (!info.updateAvailable && !info.skillsUpdateAvailable) {
-        return null;
-    }
-    if (!hasBugfixesAvailable) {
-        return (jsx_runtime_1.jsx("div", { style: updateIconContainer, children: jsx_runtime_1.jsx(InlineAction_1.InlineAction, { variant: null, onClick: openModal, renderAction: renderUpdateIcon, unhoveredColor: colors_1.WHITE_ALPHA_80, title: "Update available" }) }));
-    }
-    return (jsx_runtime_1.jsx("button", { tabIndex: tabIndex, style: dynButtonStyle, onClick: openModal, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, type: "button", title: "Bugfixes available", children: "Bugfixes available" }));
-};
-exports.UpdateCheck = UpdateCheck;