remotion 4.0.288 → 4.0.290

package/dist/cjs/Artifact.d.ts

@@ -1,5 +1,9 @@
 import type React from 'react';
+declare const ArtifactThumbnail: unique symbol;
 export declare const Artifact: React.FC<{
     readonly filename: string;
-    readonly content: string | Uint8Array;
-}>;
+    readonly content: string | Uint8Array | typeof ArtifactThumbnail;
+}> & {
+    Thumbnail: typeof ArtifactThumbnail;
+};
+export {};

package/dist/cjs/Artifact.js

@@ -5,6 +5,7 @@ const react_1 = require("react");
 const RenderAssetManager_1 = require("./RenderAssetManager");
 const get_remotion_environment_1 = require("./get-remotion-environment");
 const use_current_frame_1 = require("./use-current-frame");
+const ArtifactThumbnail = Symbol('Thumbnail');
 const Artifact = ({ filename, content }) => {
     const { registerRenderAsset, unregisterRenderAsset } = (0, react_1.useContext)(RenderAssetManager_1.RenderAssetManager);
     const [env] = (0, react_1.useState)(() => (0, get_remotion_environment_1.getRemotionEnvironment)());
@@ -23,7 +24,16 @@ const Artifact = ({ filename, content }) => {
                 content: btoa(new TextDecoder('utf8').decode(content)),
                 filename,
                 frame,
-                binary: true,
+                contentType: 'binary',
+            });
+        }
+        else if (content === ArtifactThumbnail) {
+            registerRenderAsset({
+                type: 'artifact',
+                id,
+                filename,
+                frame,
+                contentType: 'thumbnail',
             });
         }
         else {
@@ -33,7 +43,7 @@ const Artifact = ({ filename, content }) => {
                 content,
                 filename,
                 frame,
-                binary: false,
+                contentType: 'text',
             });
         }
         return () => {
@@ -51,3 +61,4 @@ const Artifact = ({ filename, content }) => {
     return null;
 };
 exports.Artifact = Artifact;
+exports.Artifact.Thumbnail = ArtifactThumbnail;

package/dist/cjs/CompositionManager.d.ts

@@ -67,14 +67,21 @@ export type AudioOrVideoAsset = {
     toneFrequency: number | null;
     audioStartFrame: number;
 };
+type DiscriminatedArtifact = {
+    contentType: 'binary';
+    content: string;
+} | {
+    contentType: 'text';
+    content: string;
+} | {
+    contentType: 'thumbnail';
+};
 export type ArtifactAsset = {
     type: 'artifact';
     id: string;
     filename: string;
-    content: string | Uint8Array;
     frame: number;
-    binary: boolean;
-};
+} & DiscriminatedArtifact;
 export type TRenderAsset = AudioOrVideoAsset | ArtifactAsset;
 export declare const compositionsRef: React.RefObject<{
     getCompositions: () => AnyComposition[];

package/dist/cjs/validation/validate-artifact.js

@@ -27,6 +27,9 @@ const validateRenderAsset = (artifact) => {
         return;
     }
     (0, exports.validateArtifactFilename)(artifact.filename);
+    if (artifact.contentType === 'thumbnail') {
+        return;
+    }
     validateContent(artifact.content);
 };
 exports.validateRenderAsset = validateRenderAsset;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.288";
+export declare const VERSION = "4.0.290";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.288';
+exports.VERSION = '4.0.290';

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.288";
+var VERSION = "4.0.290";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -1973,6 +1973,9 @@ var validateRenderAsset = (artifact) => {
     return;
   }
   validateArtifactFilename(artifact.filename);
+  if (artifact.contentType === "thumbnail") {
+    return;
+  }
   validateContent(artifact.content);
 };
 
@@ -2022,6 +2025,7 @@ var RenderAssetManagerProvider = ({ children }) => {
 };
 
 // src/Artifact.tsx
+var ArtifactThumbnail = Symbol("Thumbnail");
 var Artifact = ({ filename, content }) => {
   const { registerRenderAsset, unregisterRenderAsset } = useContext11(RenderAssetManager);
   const [env] = useState7(() => getRemotionEnvironment());
@@ -2040,7 +2044,15 @@ var Artifact = ({ filename, content }) => {
         content: btoa(new TextDecoder("utf8").decode(content)),
         filename,
         frame,
-        binary: true
+        contentType: "binary"
+      });
+    } else if (content === ArtifactThumbnail) {
+      registerRenderAsset({
+        type: "artifact",
+        id,
+        filename,
+        frame,
+        contentType: "thumbnail"
       });
     } else {
       registerRenderAsset({
@@ -2049,7 +2061,7 @@ var Artifact = ({ filename, content }) => {
         content,
         filename,
         frame,
-        binary: false
+        contentType: "text"
       });
     }
     return () => {
@@ -2066,6 +2078,7 @@ var Artifact = ({ filename, content }) => {
   ]);
   return null;
 };
+Artifact.Thumbnail = ArtifactThumbnail;
 // src/audio/Audio.tsx
 import { forwardRef as forwardRef6, useCallback as useCallback11, useContext as useContext23 } from "react";
 

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.288";
+var VERSION = "4.0.290";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.288",
+  "version": "4.0.290",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.288"
+    "@remotion/eslint-config-internal": "4.0.290"
   },
   "keywords": [
     "remotion",