@remotion/cli 4.1.0-alpha7 → 4.1.0-alpha8

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 (52) hide show
  1. package/dist/benchmark.js +13 -2
  2. package/dist/codemods/stringify-with-path.js +3 -3
  3. package/dist/compositions.js +6 -1
  4. package/dist/config/image-format.d.ts +1 -1
  5. package/dist/config/index.d.ts +1 -1
  6. package/dist/config/log.d.ts +1 -1
  7. package/dist/editor/components/NewComposition/RemInput.d.ts +1 -1
  8. package/dist/editor/components/NewComposition/RemInputTypeColor.d.ts +1 -1
  9. package/dist/editor/components/NewComposition/RemTextarea.d.ts +1 -1
  10. package/dist/editor/components/RenderModal/DataEditor.js +3 -3
  11. package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.d.ts +1 -1
  12. package/dist/editor/components/RenderModal/RenderModalJSONPropsEditor.js +2 -2
  13. package/dist/editor/components/RenderModal/SchemaEditor/SchemaEditor.d.ts +1 -1
  14. package/dist/editor/components/RenderModal/human-readable-codec.d.ts +1 -1
  15. package/dist/editor/components/RenderQueue/actions.d.ts +1 -1
  16. package/dist/editor/components/RenderQueue/actions.js +12 -4
  17. package/dist/editor/helpers/colors.d.ts +1 -1
  18. package/dist/editor/helpers/render-modal-sections.d.ts +0 -1
  19. package/dist/error-with-stack-frame.d.ts +19 -0
  20. package/dist/error-with-stack-frame.js +81 -0
  21. package/dist/get-cli-options.d.ts +1 -1
  22. package/dist/get-composition-id.d.ts +2 -2
  23. package/dist/get-composition-id.js +7 -4
  24. package/dist/get-composition-with-dimension-override.d.ts +2 -2
  25. package/dist/get-composition-with-dimension-override.js +2 -2
  26. package/dist/handle-javascript-error.d.ts +20 -0
  27. package/dist/handle-javascript-error.js +81 -0
  28. package/dist/index.d.ts +7 -7
  29. package/dist/log.d.ts +3 -3
  30. package/dist/preview-server/dev-middleware/range-parser.d.ts +1 -1
  31. package/dist/preview-server/render-queue/job.d.ts +2 -2
  32. package/dist/preview-server/render-queue/make-retry-payload.js +3 -2
  33. package/dist/preview-server/render-queue/process-still.js +1 -1
  34. package/dist/preview-server/render-queue/process-video.js +1 -1
  35. package/dist/preview-server/routes/add-render.js +2 -2
  36. package/dist/preview-server/routes/update-default-props.js +2 -2
  37. package/dist/preview-server/routes.d.ts +0 -1
  38. package/dist/render-flows/render.d.ts +2 -2
  39. package/dist/render-flows/render.js +18 -7
  40. package/dist/render-flows/still.d.ts +2 -2
  41. package/dist/render-flows/still.js +12 -6
  42. package/dist/render.js +6 -1
  43. package/dist/still.js +6 -1
  44. package/dist/symbolicate-error.d.ts +3 -0
  45. package/dist/symbolicate-error.js +24 -0
  46. package/dist/symbolicate-errors.d.ts +7 -0
  47. package/dist/symbolicate-errors.js +90 -0
  48. package/dist/symbolicate-stacktrace.d.ts +28 -0
  49. package/dist/symbolicate-stacktrace.js +135 -0
  50. package/dist/symbolicateable-error.d.ts +16 -0
  51. package/dist/symbolicateable-error.js +18 -0
  52. package/package.json +8 -8
@@ -0,0 +1,135 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.getSourceMapFromLocalFile = exports.getSourceMapFromRemoteFile = exports.symbolicateStackFrame = exports.symbolicateFromSources = exports.symbolicateStackTraceFromRemoteFrames = void 0;
7
+ const fs_1 = require("fs");
8
+ const path_1 = __importDefault(require("path"));
9
+ const source_map_1 = require("source-map");
10
+ const read_file_1 = require("./assets/read-file");
11
+ const truthy_1 = require("./truthy");
12
+ function extractSourceMapUrl(fileContents) {
13
+ const regex = /\/\/[#@] ?sourceMappingURL=([^\s'"]+)\s*$/gm;
14
+ let match = null;
15
+ for (;;) {
16
+ const next = regex.exec(fileContents);
17
+ if (next === null || next === undefined) {
18
+ break;
19
+ }
20
+ match = next;
21
+ }
22
+ if (!(match === null || match === void 0 ? void 0 : match[1])) {
23
+ return null;
24
+ }
25
+ return match[1].toString();
26
+ }
27
+ const getSourceMap = async (filePath, fileContents, type) => {
28
+ const sm = extractSourceMapUrl(fileContents);
29
+ if (sm === null) {
30
+ return null;
31
+ }
32
+ if (sm.indexOf('data:') === 0) {
33
+ const base64 = /^data:application\/json;([\w=:"-]+;)*base64,/;
34
+ const match2 = sm.match(base64);
35
+ if (!match2) {
36
+ throw new Error('Sorry, non-base64 inline source-map encoding is not supported.');
37
+ }
38
+ const converted = window.atob(sm.substring(match2[0].length));
39
+ return new source_map_1.SourceMapConsumer(JSON.parse(converted));
40
+ }
41
+ if (type === 'local') {
42
+ // Find adjacent file: bundle.js -> bundle.js.map
43
+ const newFilePath = path_1.default.join(path_1.default.dirname(filePath), sm);
44
+ return new source_map_1.SourceMapConsumer((0, fs_1.readFileSync)(newFilePath, 'utf8'));
45
+ }
46
+ const index = filePath.lastIndexOf('/');
47
+ const url = filePath.substring(0, index + 1) + sm;
48
+ const obj = await fetchUrl(url);
49
+ return new source_map_1.SourceMapConsumer(obj);
50
+ };
51
+ const fetchUrl = async (url) => {
52
+ const res = await (0, read_file_1.readFile)(url);
53
+ return new Promise((resolve, reject) => {
54
+ let downloaded = '';
55
+ res.on('data', (d) => {
56
+ downloaded += d;
57
+ });
58
+ res.on('end', () => {
59
+ resolve(downloaded);
60
+ });
61
+ res.on('error', (err) => reject(err));
62
+ });
63
+ };
64
+ function getLinesAround(line, count, lines) {
65
+ const result = [];
66
+ for (let index = Math.max(0, line - 1 - count) + 1; index <= Math.min(lines.length - 1, line - 1 + count); ++index) {
67
+ result.push({
68
+ lineNumber: index + 1,
69
+ content: lines[index],
70
+ highlight: index + 1 === line,
71
+ });
72
+ }
73
+ return result;
74
+ }
75
+ const getOriginalPosition = (source_map, line, column) => {
76
+ const result = source_map.originalPositionFor({
77
+ line,
78
+ column,
79
+ });
80
+ return { line: result.line, column: result.column, source: result.source };
81
+ };
82
+ const symbolicateStackTraceFromRemoteFrames = async (frames) => {
83
+ const uniqueFileNames = [
84
+ ...new Set(frames
85
+ .map((f) => f.fileName)
86
+ .filter((f) => f.startsWith('http://') || f.startsWith('https://'))
87
+ .filter(truthy_1.truthy)),
88
+ ];
89
+ const maps = await Promise.all(uniqueFileNames.map((fileName) => {
90
+ return (0, exports.getSourceMapFromRemoteFile)(fileName);
91
+ }));
92
+ const mapValues = {};
93
+ for (let i = 0; i < uniqueFileNames.length; i++) {
94
+ mapValues[uniqueFileNames[i]] = maps[i];
95
+ }
96
+ return (0, exports.symbolicateFromSources)(frames, mapValues);
97
+ };
98
+ exports.symbolicateStackTraceFromRemoteFrames = symbolicateStackTraceFromRemoteFrames;
99
+ const symbolicateFromSources = (frames, mapValues) => {
100
+ return frames
101
+ .map((frame) => {
102
+ const map = mapValues[frame.fileName];
103
+ if (!map) {
104
+ return null;
105
+ }
106
+ return (0, exports.symbolicateStackFrame)(frame, map);
107
+ })
108
+ .filter(truthy_1.truthy);
109
+ };
110
+ exports.symbolicateFromSources = symbolicateFromSources;
111
+ const symbolicateStackFrame = (frame, map) => {
112
+ const pos = getOriginalPosition(map, frame.lineNumber, frame.columnNumber);
113
+ const hasSource = pos.source ? map.sourceContentFor(pos.source, false) : null;
114
+ const scriptCode = hasSource && pos.line
115
+ ? getLinesAround(pos.line, 3, hasSource.split('\n'))
116
+ : null;
117
+ return {
118
+ originalColumnNumber: pos.column,
119
+ originalFileName: pos.source,
120
+ originalFunctionName: frame.functionName,
121
+ originalLineNumber: pos.line,
122
+ originalScriptCode: scriptCode,
123
+ };
124
+ };
125
+ exports.symbolicateStackFrame = symbolicateStackFrame;
126
+ const getSourceMapFromRemoteFile = async (fileName) => {
127
+ const fileContents = await fetchUrl(fileName);
128
+ return getSourceMap(fileName, fileContents, 'remote');
129
+ };
130
+ exports.getSourceMapFromRemoteFile = getSourceMapFromRemoteFile;
131
+ const getSourceMapFromLocalFile = (fileName) => {
132
+ const fileContents = (0, fs_1.readFileSync)(fileName, 'utf8');
133
+ return getSourceMap(fileName, fileContents, 'local');
134
+ };
135
+ exports.getSourceMapFromLocalFile = getSourceMapFromLocalFile;
@@ -0,0 +1,16 @@
1
+ /**
2
+ * A symbolicateable error is an error that can be symolicated by fetching the original sources. By throwing a symbolicateable error, Remotion CLI will attempt to symplicate it
3
+ */
4
+ import type { UnsymbolicatedStackFrame } from '../parse-browser-error-stack';
5
+ export declare class SymbolicateableError extends Error {
6
+ stackFrame: UnsymbolicatedStackFrame[] | null;
7
+ delayRenderCall: UnsymbolicatedStackFrame[] | null;
8
+ frame: number | null;
9
+ constructor({ message, stack, stackFrame, frame, name, }: {
10
+ message: string;
11
+ stack: string | undefined;
12
+ frame: number | null;
13
+ name: string;
14
+ stackFrame: UnsymbolicatedStackFrame[] | null;
15
+ });
16
+ }
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * A symbolicateable error is an error that can be symolicated by fetching the original sources. By throwing a symbolicateable error, Remotion CLI will attempt to symplicate it
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SymbolicateableError = void 0;
7
+ const delay_render_embedded_stack_1 = require("../delay-render-embedded-stack");
8
+ class SymbolicateableError extends Error {
9
+ constructor({ message, stack, stackFrame, frame, name, }) {
10
+ super(message);
11
+ this.stack = stack;
12
+ this.stackFrame = stackFrame;
13
+ this.frame = frame;
14
+ this.name = name;
15
+ this.delayRenderCall = stack ? (0, delay_render_embedded_stack_1.parseDelayRenderEmbeddedStack)(stack) : null;
16
+ }
17
+ }
18
+ exports.SymbolicateableError = SymbolicateableError;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remotion/cli",
3
- "version": "4.1.0-alpha7",
3
+ "version": "4.1.0-alpha8",
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/bundler": "4.1.0-alpha7",
39
- "@remotion/media-utils": "4.1.0-alpha7",
40
- "@remotion/player": "4.1.0-alpha7",
41
- "@remotion/renderer": "4.1.0-alpha7",
42
- "remotion": "4.1.0-alpha7"
38
+ "@remotion/bundler": "4.1.0-alpha8",
39
+ "@remotion/player": "4.1.0-alpha8",
40
+ "@remotion/media-utils": "4.1.0-alpha8",
41
+ "@remotion/renderer": "4.1.0-alpha8",
42
+ "remotion": "4.1.0-alpha8"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=16.8.0",
@@ -65,8 +65,8 @@
65
65
  "typescript": "4.9.5",
66
66
  "vitest": "0.31.1",
67
67
  "zod": "^3.21.4",
68
- "@remotion/zod-types": "4.1.0-alpha7",
69
- "@remotion/tailwind": "4.1.0-alpha7"
68
+ "@remotion/zod-types": "4.1.0-alpha8",
69
+ "@remotion/tailwind": "4.1.0-alpha8"
70
70
  },
71
71
  "keywords": [
72
72
  "remotion",