@remotion/studio 4.0.517 → 4.0.519

package/dist/error-overlay/remotion-overlay/SearchGitHubIssues.js

@@ -29,6 +29,6 @@ const SearchGithubIssues = ({ message, canHaveKeyboardShortcuts }) => {
         });
         return () => unregister();
     }, [canHaveKeyboardShortcuts, openInBrowser, registerKeybinding]);
-    return (jsx_runtime_1.jsxs(Button_1.Button, { onClick: openInBrowser, children: ["Search GitHub Issues", ' ', canHaveKeyboardShortcuts ? (jsx_runtime_1.jsx(ShortcutHint_1.ShortcutHint, { keyToPress: "g", cmdOrCtrl: true })) : null] }));
+    return (jsx_runtime_1.jsxs(Button_1.Button, { onClick: openInBrowser, children: ["Search Issues", ' ', canHaveKeyboardShortcuts ? (jsx_runtime_1.jsx(ShortcutHint_1.ShortcutHint, { keyToPress: "g", cmdOrCtrl: true })) : null] }));
 };
 exports.SearchGithubIssues = SearchGithubIssues;

package/dist/error-overlay/remotion-overlay/ShortcutHint.js

@@ -8,7 +8,7 @@ const use_keybinding_1 = require("../../helpers/use-keybinding");
 exports.cmdOrCtrlCharacter = is_mac_1.isMac ? '⌘' : 'Ctrl';
 const container = {
     display: 'inline-block',
-    marginLeft: 6,
+    marginLeft: 3,
     opacity: 0.6,
     verticalAlign: 'middle',
     fontSize: 'inherit',
@@ -29,7 +29,7 @@ const ShortcutHint = ({ keyToPress, cmdOrCtrl }) => {
     if ((0, use_keybinding_1.areKeyboardShortcutsDisabled)()) {
         return null;
     }
-    return (jsx_runtime_1.jsxs("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}` : '', jsx_runtime_1.jsx("span", { style: style, children: keyToPress.toUpperCase() })
+    return (jsx_runtime_1.jsxs("span", { style: container, children: [cmdOrCtrl ? `${exports.cmdOrCtrlCharacter}${is_mac_1.isMac ? '' : '+'}` : '', jsx_runtime_1.jsx("span", { style: style, children: keyToPress.toUpperCase() })
         ] }));
 };
 exports.ShortcutHint = ShortcutHint;

package/dist/error-overlay/remotion-overlay/StackFrame.js

@@ -6,13 +6,14 @@ const react_1 = require("react");
 const Button_1 = require("../../components/Button");
 const colors_1 = require("../../helpers/colors");
 const open_in_editor_1 = require("../../helpers/open-in-editor");
-const carets_1 = require("./carets");
+const caret_1 = require("../../icons/caret");
 const CodeFrame_1 = require("./CodeFrame");
 const format_location_1 = require("./format-location");
 const location = {
-    color: colors_1.WHITE_ALPHA_60,
+    color: colors_1.LIGHT_TEXT,
     fontFamily: 'monospace',
     fontSize: 14,
+    overflowWrap: 'anywhere',
 };
 const header = {
     paddingLeft: 14,
@@ -22,12 +23,11 @@ const header = {
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'center',
-    borderBottom: colors_1.BORDER_STACK_FRAME_BLUE,
-    backgroundColor: colors_1.BLACK,
 };
 const left = {
     paddingRight: 14,
     flex: 1,
+    minWidth: 0,
 };
 const fnName = {
     fontSize: 14,
@@ -60,7 +60,10 @@ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName, editor
         setShowCodeFrame((f) => !f);
     }, []);
     return (jsx_runtime_1.jsxs("div", { className: "css-reset", children: [
-            jsx_runtime_1.jsxs("div", { style: header, children: [
+            jsx_runtime_1.jsxs("div", { style: {
+                    ...header,
+                    borderBottom: showCodeFrame ? 'none' : colors_1.BORDER_WHITE_ALPHA_12,
+                }, children: [
                     jsx_runtime_1.jsxs("div", { style: left, children: [
                             jsx_runtime_1.jsx("div", { style: fnName, children: (_a = s.originalFunctionName) !== null && _a !== void 0 ? _a : defaultFunctionName }), s.originalFileName ? (jsx_runtime_1.jsx("div", { style: location, children: canOpenFileLocation ? (jsx_runtime_1.jsxs("span", { onClick: onOpenFileLocation, onPointerEnter: () => {
                                         setLocationHovered(true);
@@ -68,10 +71,12 @@ const StackElement = ({ s, lineNumberWidth, isFirst, defaultFunctionName, editor
                                         setLocationHovered(false);
                                     }, style: {
                                         ...location,
+                                        color: locationHovered ? colors_1.WHITE : colors_1.LIGHT_TEXT,
                                         cursor: 'pointer',
-                                        textDecoration: locationHovered ? 'underline' : 'none',
-                                        textUnderlineOffset: locationHovered ? 4 : undefined,
-                                    }, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) : (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) })) : null] }), s.originalScriptCode && s.originalScriptCode.length > 0 ? (jsx_runtime_1.jsx(Button_1.Button, { onClick: toggleCodeFrame, children: showCodeFrame ? jsx_runtime_1.jsx(carets_1.CaretDown, { invert: false }) : jsx_runtime_1.jsx(carets_1.CaretRight, {}) })) : null] }), jsx_runtime_1.jsx("div", { children: s.originalScriptCode &&
+                                    }, children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) : (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [(0, format_location_1.formatLocation)(s.originalFileName), ":", s.originalLineNumber] })) })) : null] }), s.originalScriptCode && s.originalScriptCode.length > 0 ? (jsx_runtime_1.jsx(Button_1.Button, { onClick: toggleCodeFrame, children: jsx_runtime_1.jsx("div", { style: {
+                                display: 'flex',
+                                transform: showCodeFrame ? undefined : 'rotate(-90deg)',
+                            }, children: jsx_runtime_1.jsx(caret_1.CaretDown, {}) }) })) : null] }), jsx_runtime_1.jsx("div", { children: s.originalScriptCode &&
                     s.originalScriptCode.length > 0 &&
                     showCodeFrame ? (jsx_runtime_1.jsx(CodeFrame_1.CodeFrame, { lineNumberWidth: lineNumberWidth, source: s.originalScriptCode })) : null })
         ] }));

package/dist/error-overlay/remotion-overlay/Symbolicating.js

@@ -4,7 +4,7 @@ exports.Symbolicating = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const colors_1 = require("../../helpers/colors");
 const Symbolicating = (props) => {
-    return (jsx_runtime_1.jsxs("svg", { id: "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "16", height: "16", fill: colors_1.WHITE, ...props, children: [
+    return (jsx_runtime_1.jsxs("svg", { id: "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "14", height: "14", fill: colors_1.WHITE, ...props, children: [
             jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(0 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(45 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.125s" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(90 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.25s" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(135 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.375s" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(180 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.5s" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(225 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.675s" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(270 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.75s" }) }), jsx_runtime_1.jsx("path", { opacity: ".1", d: "M14 0 H18 V8 H14 z", transform: "rotate(315 16 16)", children: jsx_runtime_1.jsx("animate", { attributeName: "opacity", from: "1", to: ".1", dur: "1s", repeatCount: "indefinite", begin: "0.875s" }) })
         ] }));
 };