@remotion/cli 4.0.42 → 4.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/editor/components/AssetSelector.js +19 -3
  2. package/dist/editor/components/AssetSelectorItem.d.ts +6 -4
  3. package/dist/editor/components/AssetSelectorItem.js +48 -23
  4. package/dist/editor/components/Canvas.d.ts +4 -1
  5. package/dist/editor/components/Canvas.js +72 -30
  6. package/dist/editor/components/CanvasOrLoading.js +9 -1
  7. package/dist/editor/components/CheckboardToggle.js +5 -0
  8. package/dist/editor/components/CompositionSelector.js +8 -6
  9. package/dist/editor/components/CompositionSelectorItem.d.ts +1 -1
  10. package/dist/editor/components/CopyButton.js +1 -1
  11. package/dist/editor/components/CurrentCompositionSideEffects.js +11 -4
  12. package/dist/editor/components/EditorContent.js +4 -1
  13. package/dist/editor/components/ExplorerPanel.js +0 -13
  14. package/dist/editor/components/FilePreview.d.ts +8 -0
  15. package/dist/editor/components/FilePreview.js +33 -0
  16. package/dist/editor/components/FramePersistor.d.ts +0 -1
  17. package/dist/editor/components/FramePersistor.js +1 -5
  18. package/dist/editor/components/InitialCompositionLoader.js +61 -18
  19. package/dist/editor/components/JSONViewer.d.ts +4 -0
  20. package/dist/editor/components/JSONViewer.js +26 -0
  21. package/dist/editor/components/KnownBugs.js +5 -1
  22. package/dist/editor/components/LoopToggle.js +3 -1
  23. package/dist/editor/components/Modals.js +1 -1
  24. package/dist/editor/components/MuteToggle.js +3 -1
  25. package/dist/editor/components/OptionsPanel.js +7 -7
  26. package/dist/editor/components/PlayPause.js +2 -1
  27. package/dist/editor/components/PlaybackRateSelector.js +3 -1
  28. package/dist/editor/components/Preview.d.ts +7 -0
  29. package/dist/editor/components/Preview.js +156 -30
  30. package/dist/editor/components/RenderPreview.d.ts +4 -0
  31. package/dist/editor/components/RenderPreview.js +30 -0
  32. package/dist/editor/components/RenderQueue/index.js +40 -2
  33. package/dist/editor/components/RendersTab.js +9 -1
  34. package/dist/editor/components/SizeSelector.js +15 -0
  35. package/dist/editor/components/StaticFilePreview.d.ts +4 -0
  36. package/dist/editor/components/StaticFilePreview.js +47 -0
  37. package/dist/editor/components/TextViewer.d.ts +4 -0
  38. package/dist/editor/components/TextViewer.js +26 -0
  39. package/dist/editor/components/Timeline/TimelineZoomControls.js +3 -1
  40. package/dist/editor/components/TimelineInOutToggle.js +2 -1
  41. package/dist/editor/components/UpdateCheck.d.ts +6 -0
  42. package/dist/editor/components/UpdateCheck.js +36 -5
  43. package/dist/editor/components/UpdateModal/UpdateModal.d.ts +2 -1
  44. package/dist/editor/components/UpdateModal/UpdateModal.js +27 -11
  45. package/dist/editor/components/ZoomPersistor.d.ts +2 -0
  46. package/dist/editor/components/ZoomPersistor.js +29 -7
  47. package/dist/editor/helpers/create-folder-tree.d.ts +4 -3
  48. package/dist/editor/helpers/create-folder-tree.js +6 -3
  49. package/dist/editor/helpers/document-title.d.ts +1 -1
  50. package/dist/editor/helpers/document-title.js +14 -8
  51. package/dist/editor/helpers/is-current-selected-still.d.ts +3 -3
  52. package/dist/editor/helpers/is-current-selected-still.js +1 -15
  53. package/dist/editor/helpers/persist-open-folders.d.ts +4 -2
  54. package/dist/editor/helpers/persist-open-folders.js +7 -5
  55. package/dist/editor/state/folders.d.ts +4 -2
  56. package/dist/editor/state/folders.js +13 -6
  57. package/dist/editor/state/modals.d.ts +2 -1
  58. package/dist/index.js +10 -1
  59. package/package.json +8 -8
@@ -1,5 +1,5 @@
1
- export declare const useIsStill: () => boolean;
2
- export declare const useDimensions: () => {
1
+ export type Dimensions = {
3
2
  width: number;
4
3
  height: number;
5
- } | null;
4
+ };
5
+ export declare const useIsStill: () => boolean;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDimensions = exports.useIsStill = void 0;
4
- const react_1 = require("react");
3
+ exports.useIsStill = void 0;
5
4
  const remotion_1 = require("remotion");
6
5
  const is_composition_still_1 = require("./is-composition-still");
7
6
  const useIsStill = () => {
@@ -12,16 +11,3 @@ const useIsStill = () => {
12
11
  return (0, is_composition_still_1.isCompositionStill)(resolved.result);
13
12
  };
14
13
  exports.useIsStill = useIsStill;
15
- const useDimensions = () => {
16
- const config = remotion_1.Internals.useUnsafeVideoConfig();
17
- return (0, react_1.useMemo)(() => {
18
- if (!config) {
19
- return null;
20
- }
21
- return {
22
- width: config.width,
23
- height: config.height,
24
- };
25
- }, [config]);
26
- };
27
- exports.useDimensions = useDimensions;
@@ -1,4 +1,6 @@
1
1
  export declare const openFolderKey: (folderName: string, parentName: string | null) => string;
2
2
  export type ExpandedFoldersState = Record<string, boolean>;
3
- export declare const persistExpandedFolders: (state: ExpandedFoldersState) => void;
4
- export declare const loadExpandedFolders: () => ExpandedFoldersState;
3
+ type PersistanceType = 'assets' | 'compositions';
4
+ export declare const persistExpandedFolders: (type: PersistanceType, state: ExpandedFoldersState) => void;
5
+ export declare const loadExpandedFolders: (type: PersistanceType) => ExpandedFoldersState;
6
+ export {};
@@ -5,13 +5,15 @@ const openFolderKey = (folderName, parentName) => {
5
5
  return [parentName !== null && parentName !== void 0 ? parentName : 'no-parent', folderName].join('/');
6
6
  };
7
7
  exports.openFolderKey = openFolderKey;
8
- const localStorageKey = 'remotion.expandedFolders';
9
- const persistExpandedFolders = (state) => {
10
- window.localStorage.setItem(localStorageKey, JSON.stringify(state));
8
+ const localStorageKey = (type) => type === 'compositions'
9
+ ? 'remotion.expandedFolders'
10
+ : 'remotion.expandedAssetFolders';
11
+ const persistExpandedFolders = (type, state) => {
12
+ window.localStorage.setItem(localStorageKey(type), JSON.stringify(state));
11
13
  };
12
14
  exports.persistExpandedFolders = persistExpandedFolders;
13
- const loadExpandedFolders = () => {
14
- const item = window.localStorage.getItem(localStorageKey);
15
+ const loadExpandedFolders = (type) => {
16
+ const item = window.localStorage.getItem(localStorageKey(type));
15
17
  if (item === null) {
16
18
  return {};
17
19
  }
@@ -1,8 +1,10 @@
1
1
  import React from 'react';
2
2
  import type { ExpandedFoldersState } from '../helpers/persist-open-folders';
3
3
  type TFolderContext = {
4
- foldersExpanded: ExpandedFoldersState;
5
- setFoldersExpanded: React.Dispatch<React.SetStateAction<ExpandedFoldersState>>;
4
+ compositionFoldersExpanded: ExpandedFoldersState;
5
+ setCompositionFoldersExpanded: React.Dispatch<React.SetStateAction<ExpandedFoldersState>>;
6
+ assetFoldersExpanded: ExpandedFoldersState;
7
+ setAssetFoldersExpanded: React.Dispatch<React.SetStateAction<ExpandedFoldersState>>;
6
8
  };
7
9
  export declare const FolderContext: React.Context<TFolderContext>;
8
10
  export declare const FolderContextProvider: React.FC<{
@@ -5,19 +5,26 @@ const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const persist_open_folders_1 = require("../helpers/persist-open-folders");
7
7
  exports.FolderContext = (0, react_1.createContext)({
8
- foldersExpanded: {},
9
- setFoldersExpanded: () => {
8
+ compositionFoldersExpanded: {},
9
+ setCompositionFoldersExpanded: () => {
10
+ throw new Error('default state');
11
+ },
12
+ assetFoldersExpanded: {},
13
+ setAssetFoldersExpanded: () => {
10
14
  throw new Error('default state');
11
15
  },
12
16
  });
13
17
  const FolderContextProvider = ({ children }) => {
14
- const [foldersExpanded, setFoldersExpanded] = (0, react_1.useState)((0, persist_open_folders_1.loadExpandedFolders)());
18
+ const [compositionFoldersExpanded, setCompositionFoldersExpanded] = (0, react_1.useState)(() => (0, persist_open_folders_1.loadExpandedFolders)('compositions'));
19
+ const [assetFoldersExpanded, setAssetFoldersExpanded] = (0, react_1.useState)(() => (0, persist_open_folders_1.loadExpandedFolders)('assets'));
15
20
  const value = (0, react_1.useMemo)(() => {
16
21
  return {
17
- foldersExpanded,
18
- setFoldersExpanded,
22
+ compositionFoldersExpanded,
23
+ setCompositionFoldersExpanded,
24
+ assetFoldersExpanded,
25
+ setAssetFoldersExpanded,
19
26
  };
20
- }, [foldersExpanded]);
27
+ }, [assetFoldersExpanded, compositionFoldersExpanded]);
21
28
  return ((0, jsx_runtime_1.jsx)(exports.FolderContext.Provider, { value: value, children: children }));
22
29
  };
23
30
  exports.FolderContextProvider = FolderContextProvider;
@@ -2,7 +2,7 @@ import type { AudioCodec, Codec, ColorSpace, OpenGlRenderer, PixelFormat, ProRes
2
2
  import type React from 'react';
3
3
  import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
4
4
  import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
5
- import type { UpdateInfo } from '../components/UpdateCheck';
5
+ import type { Bug, UpdateInfo } from '../components/UpdateCheck';
6
6
  export type CompType = 'composition' | 'still';
7
7
  export type RenderModalState = {
8
8
  type: 'render';
@@ -52,6 +52,7 @@ export type ModalState = {
52
52
  } | {
53
53
  type: 'update';
54
54
  info: UpdateInfo;
55
+ knownBugs: Bug[];
55
56
  } | {
56
57
  type: 'quick-switcher';
57
58
  mode: QuickSwitcherMode;
package/dist/index.js CHANGED
@@ -64,7 +64,16 @@ const cli = async () => {
64
64
  }
65
65
  const isBun = typeof Bun !== 'undefined';
66
66
  if (isBun) {
67
- log_1.Log.warn('You are running Remotion with Bun. Visit https://remotion.dev/bun for known bugs and status updates.');
67
+ const version = Bun.version.split('.');
68
+ if (version.length === 3) {
69
+ if (Number(version[0]) < 1) {
70
+ throw new Error('Please upgrade to at least Bun 1.0.3');
71
+ }
72
+ if (Number(version[1]) === 0 && Number(version[2]) < 3) {
73
+ throw new Error('Please upgrade to at least Bun 1.0.3');
74
+ }
75
+ }
76
+ log_1.Log.info('You are running Remotion with Bun, which is mostly supported. Visit https://remotion.dev/bun for more information.');
68
77
  }
69
78
  const isStudio = command === 'studio' || command === 'preview';
70
79
  const errorSymbolicationLock = isStudio
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/cli",
3
- "version": "4.0.42",
3
+ "version": "4.0.44",
4
4
  "description": "CLI for Remotion",
5
5
  "main": "dist/index.js",
6
6
  "sideEffects": false,
@@ -35,11 +35,11 @@
35
35
  "prompts": "2.4.1",
36
36
  "semver": "7.5.3",
37
37
  "source-map": "0.6.1",
38
- "@remotion/renderer": "4.0.42",
39
- "remotion": "4.0.42",
40
- "@remotion/bundler": "4.0.42",
41
- "@remotion/media-utils": "4.0.42",
42
- "@remotion/player": "4.0.42"
38
+ "@remotion/bundler": "4.0.44",
39
+ "@remotion/media-utils": "4.0.44",
40
+ "@remotion/player": "4.0.44",
41
+ "@remotion/renderer": "4.0.44",
42
+ "remotion": "4.0.44"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=16.8.0",
@@ -65,8 +65,8 @@
65
65
  "react-dom": "^18.0.0",
66
66
  "vitest": "0.31.1",
67
67
  "zod": "^3.21.4",
68
- "@remotion/zod-types": "4.0.42",
69
- "@remotion/tailwind": "4.0.42"
68
+ "@remotion/zod-types": "4.0.44",
69
+ "@remotion/tailwind": "4.0.44"
70
70
  },
71
71
  "keywords": [
72
72
  "remotion",