@remotion/studio 4.0.255 → 4.0.257

package/.turbo/turbo-make.log

@@ -1,5 +1,5 @@
 
 
-> @remotion/studio@4.0.254 make /Users/jonathanburger/remotion/packages/studio
+> @remotion/studio@4.0.256 make /Users/jonathanburger/remotion/packages/studio
 > tsc -d && bun --env-file=../.env.bundle bundle.ts
 

package/dist/api/install-package.d.ts

@@ -1,2 +1,2 @@
-import type { InstallPackageResponse, InstallablePackage } from '@remotion/studio-shared';
-export declare const installPackages: (packageNames: InstallablePackage[]) => Promise<InstallPackageResponse>;
+import type { InstallPackageResponse } from '@remotion/studio-shared';
+export declare const installPackages: (packageNames: string[]) => Promise<InstallPackageResponse>;

package/dist/components/InstallPackage.js

@@ -52,32 +52,7 @@ const text = {
 };
 const InstallPackageModal = ({ packageManager }) => {
     const [state, setState] = react_1.default.useState({ type: 'idle' });
-    const [map, setMap] = react_1.default.useState({
-        '@remotion/animated-emoji': false,
-        '@remotion/gif': false,
-        '@remotion/lottie': false,
-        '@remotion/media-utils': false,
-        '@remotion/animation-utils': false,
-        '@remotion/cloudrun': false,
-        '@remotion/google-fonts': false,
-        '@remotion/enable-scss': false,
-        '@remotion/lambda': false,
-        '@remotion/layout-utils': false,
-        '@remotion/media-parser': false,
-        '@remotion/motion-blur': false,
-        '@remotion/noise': false,
-        '@remotion/paths': false,
-        '@remotion/rive': false,
-        '@remotion/shapes': false,
-        '@remotion/skia': false,
-        '@remotion/studio': false,
-        '@remotion/tailwind': false,
-        '@remotion/three': false,
-        '@remotion/transitions': false,
-        '@remotion/zod-types': false,
-        '@remotion/captions': false,
-        '@remotion/openai-whisper': false,
-    });
+    const [map, setMap] = react_1.default.useState({});
     const { previewServerState: ctx } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
     const selectedPackages = Object.keys(map).filter((pkg) => map[pkg]);
     const onClick = (0, react_1.useCallback)(async () => {
@@ -118,11 +93,14 @@ const InstallPackageModal = ({ packageManager }) => {
             enter.unregister();
         };
     }, [disabled, onClick, registerKeybinding]);
-    return ((0, jsx_runtime_1.jsxs)(DismissableModal_1.DismissableModal, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.ModalHeader, { title: "Install packages" }), (0, jsx_runtime_1.jsx)("div", { style: container, className: is_menu_item_1.VERTICAL_SCROLLBAR_CLASSNAME, children: state.type === 'done' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installed package", selectedPackages.length === 1 ? '' : 's', ' ', "successfully. Restart the server to complete."] })) : state.type === 'restarting' ? ((0, jsx_runtime_1.jsx)("div", { style: text, children: "Restarting the Studio server..." })) : state.type === 'installing' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installing package", selectedPackages.length === 1 ? '' : 's', ". Check your terminal for progress."] })) : ((0, jsx_runtime_1.jsx)("div", { style: text, children: studio_shared_1.listOfInstallableRemotionPackages.map((pkg) => {
+    return ((0, jsx_runtime_1.jsxs)(DismissableModal_1.DismissableModal, { children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.ModalHeader, { title: "Install packages" }), (0, jsx_runtime_1.jsx)("div", { style: container, className: is_menu_item_1.VERTICAL_SCROLLBAR_CLASSNAME, children: state.type === 'done' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installed package", selectedPackages.length === 1 ? '' : 's', ' ', "successfully. Restart the server to complete."] })) : state.type === 'restarting' ? ((0, jsx_runtime_1.jsx)("div", { style: text, children: "Restarting the Studio server..." })) : state.type === 'installing' ? ((0, jsx_runtime_1.jsxs)("div", { style: text, children: ["Installing package", selectedPackages.length === 1 ? '' : 's', ". Check your terminal for progress."] })) : ((0, jsx_runtime_1.jsx)("div", { style: text, children: Object.entries(studio_shared_1.installableMap)
+                        .filter(([, install]) => install)
+                        .map(([pkgShort]) => {
                         var _a, _b;
+                        const pkg = pkgShort === 'core' ? 'remotion' : `@remotion/${pkgShort}`;
                         const isInstalled = (_b = (_a = window.remotion_installedPackages) === null || _a === void 0 ? void 0 : _a.includes(pkg)) !== null && _b !== void 0 ? _b : false;
-                        const link = studio_shared_1.apiDocs[pkg.replace('@remotion/', '')];
-                        const description = studio_shared_1.descriptions[pkg.replace('@remotion/', '')];
+                        const link = studio_shared_1.apiDocs[pkgShort];
+                        const description = studio_shared_1.descriptions[pkgShort];
                         if (!link) {
                             throw new Error('No link for ' + pkg);
                         }

package/dist/esm/internals.mjs

@@ -4886,7 +4886,7 @@ var Spinner = ({ size, duration }) => {
       /* @__PURE__ */ jsx47("style", {
         type: "text/css",
         children: `
-\t\t\t\t@keyframes ${remotionSpinnerAnimation} {
+				@keyframes ${remotionSpinnerAnimation} {
           0% {
             opacity: 1;
           }
@@ -4898,7 +4898,7 @@ var Spinner = ({ size, duration }) => {
         .${className} {
             animation: ${remotionSpinnerAnimation} ${duration}s linear infinite;
         }        
-\t\t\t`
+			`
       }),
       /* @__PURE__ */ jsx47("svg", {
         style: style2,
@@ -19515,12 +19515,12 @@ var Inner4 = ({ s, windowWidth }) => {
           width: premountWidth,
           height: "100%",
           background: `repeating-linear-gradient(
-\t\t\t\t\t\t\t-45deg,
-\t\t\t\t\t\t\ttransparent,
-\t\t\t\t\t\t\ttransparent 2px,
-\t\t\t\t\t\t\trgba(255, 255, 255, ${isPremounting ? 0.5 : 0.2}) 2px,
-\t\t\t\t\t\t\trgba(255, 255, 255, ${isPremounting ? 0.5 : 0.2}) 4px
-\t\t\t\t\t\t)`,
+							-45deg,
+							transparent,
+							transparent 2px,
+							rgba(255, 255, 255, ${isPremounting ? 0.5 : 0.2}) 2px,
+							rgba(255, 255, 255, ${isPremounting ? 0.5 : 0.2}) 4px
+						)`,
           position: "absolute"
         }
       }) : null,
@@ -19831,11 +19831,7 @@ var GlobalKeybindings = () => {
 import { useContext as useContext78 } from "react";
 
 // src/components/InstallPackage.tsx
-import {
-  apiDocs,
-  descriptions,
-  listOfInstallableRemotionPackages
-} from "@remotion/studio-shared";
+import { apiDocs, descriptions, installableMap } from "@remotion/studio-shared";
 import React137, { useCallback as useCallback94, useContext as useContext68, useEffect as useEffect62 } from "react";
 import { VERSION as VERSION2 } from "remotion";
 
@@ -20033,32 +20029,7 @@ var text2 = {
 };
 var InstallPackageModal = ({ packageManager }) => {
   const [state, setState] = React137.useState({ type: "idle" });
-  const [map, setMap] = React137.useState({
-    "@remotion/animated-emoji": false,
-    "@remotion/gif": false,
-    "@remotion/lottie": false,
-    "@remotion/media-utils": false,
-    "@remotion/animation-utils": false,
-    "@remotion/cloudrun": false,
-    "@remotion/google-fonts": false,
-    "@remotion/enable-scss": false,
-    "@remotion/lambda": false,
-    "@remotion/layout-utils": false,
-    "@remotion/media-parser": false,
-    "@remotion/motion-blur": false,
-    "@remotion/noise": false,
-    "@remotion/paths": false,
-    "@remotion/rive": false,
-    "@remotion/shapes": false,
-    "@remotion/skia": false,
-    "@remotion/studio": false,
-    "@remotion/tailwind": false,
-    "@remotion/three": false,
-    "@remotion/transitions": false,
-    "@remotion/zod-types": false,
-    "@remotion/captions": false,
-    "@remotion/openai-whisper": false
-  });
+  const [map, setMap] = React137.useState({});
   const { previewServerState: ctx } = useContext68(StudioServerConnectionCtx);
   const selectedPackages = Object.keys(map).filter((pkg) => map[pkg]);
   const onClick = useCallback94(async () => {
@@ -20125,10 +20096,11 @@ var InstallPackageModal = ({ packageManager }) => {
           ]
         }) : /* @__PURE__ */ jsx198("div", {
           style: text2,
-          children: listOfInstallableRemotionPackages.map((pkg) => {
+          children: Object.entries(installableMap).filter(([, install]) => install).map(([pkgShort]) => {
+            const pkg = pkgShort === "core" ? "remotion" : `@remotion/${pkgShort}`;
             const isInstalled = window.remotion_installedPackages?.includes(pkg) ?? false;
-            const link = apiDocs[pkg.replace("@remotion/", "")];
-            const description = descriptions[pkg.replace("@remotion/", "")];
+            const link = apiDocs[pkgShort];
+            const description = descriptions[pkgShort];
             if (!link) {
               throw new Error("No link for " + pkg);
             }

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.255",
+  "version": "4.0.257",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -18,12 +18,12 @@
     "memfs": "3.4.3",
     "source-map": "0.7.3",
     "open": "^8.4.2",
-    "remotion": "4.0.255",
-    "@remotion/media-utils": "4.0.255",
-    "@remotion/player": "4.0.255",
-    "@remotion/media-parser": "4.0.255",
-    "@remotion/renderer": "4.0.255",
-    "@remotion/studio-shared": "4.0.255"
+    "remotion": "4.0.257",
+    "@remotion/player": "4.0.257",
+    "@remotion/media-utils": "4.0.257",
+    "@remotion/renderer": "4.0.257",
+    "@remotion/studio-shared": "4.0.257",
+    "@remotion/media-parser": "4.0.257"
   },
   "devDependencies": {
     "react": "19.0.0",
@@ -31,8 +31,8 @@
     "@types/semver": "^7.3.4",
     "zod": "3.22.3",
     "eslint": "9.14.0",
-    "@remotion/zod-types": "4.0.255",
-    "@remotion/eslint-config-internal": "4.0.255"
+    "@remotion/zod-types": "4.0.257",
+    "@remotion/eslint-config-internal": "4.0.257"
   },
   "publishConfig": {
     "access": "public"