@remotion/preload 3.3.8 → 3.3.9

package/dist/index.d.ts

@@ -1,3 +1,5 @@
 export { preloadAudio } from './preload-audio';
+export { preloadFont } from './preload-font';
+export { preloadImage } from './preload-image';
 export { preloadVideo } from './preload-video';
 export { resolveRedirect } from './resolve-redirect';

package/dist/index.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveRedirect = exports.preloadVideo = exports.preloadAudio = void 0;
+exports.resolveRedirect = exports.preloadVideo = exports.preloadImage = exports.preloadFont = exports.preloadAudio = void 0;
 var preload_audio_1 = require("./preload-audio");
 Object.defineProperty(exports, "preloadAudio", { enumerable: true, get: function () { return preload_audio_1.preloadAudio; } });
+var preload_font_1 = require("./preload-font");
+Object.defineProperty(exports, "preloadFont", { enumerable: true, get: function () { return preload_font_1.preloadFont; } });
+var preload_image_1 = require("./preload-image");
+Object.defineProperty(exports, "preloadImage", { enumerable: true, get: function () { return preload_image_1.preloadImage; } });
 var preload_video_1 = require("./preload-video");
 Object.defineProperty(exports, "preloadVideo", { enumerable: true, get: function () { return preload_video_1.preloadVideo; } });
 var resolve_redirect_1 = require("./resolve-redirect");

package/dist/preload-asset.d.ts

@@ -0,0 +1,3 @@
+declare const typesAllowed: readonly ["video", "audio", "image", "font"];
+export declare const preloadAsset: (src: string, elemType: (typeof typesAllowed)[number]) => (() => void);
+export {};

package/dist/preload-asset.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadAsset = void 0;
+const resolve_redirect_1 = require("./resolve-redirect");
+const typesAllowed = ['video', 'audio', 'image', 'font'];
+const preloadAsset = (src, elemType) => {
+    const apiName = `preload${elemType.charAt(0).toUpperCase() + elemType.slice(1)}}`;
+    if (typeof document === 'undefined') {
+        console.warn(apiName + '() was called outside the browser. Doing nothing.');
+        return () => undefined;
+    }
+    if (!typesAllowed.includes(elemType)) {
+        console.warn(apiName + '() Error, elemType not supported. Doing nothing.', elemType);
+        return () => undefined;
+    }
+    const resolved = (0, resolve_redirect_1.resolveRedirect)(src);
+    let cancelled = false;
+    if (navigator.userAgent.match(/Firefox\//) ||
+        elemType === 'image' ||
+        elemType === 'font') {
+        const link = document.createElement('link');
+        link.rel = 'preload';
+        link.as = elemType;
+        resolved
+            .then((realUrl) => {
+            if (!cancelled) {
+                link.href = realUrl;
+                document.head.appendChild(link);
+            }
+        })
+            .catch((err) => {
+            console.log(`Failed to preload asset`, err);
+        });
+        return () => {
+            cancelled = true;
+            link.remove();
+        };
+    }
+    const elem = document.createElement(elemType);
+    elem.preload = 'auto';
+    elem.controls = true;
+    elem.style.display = 'none';
+    resolved
+        .then((realUrl) => {
+        if (!cancelled) {
+            elem.src = realUrl;
+            document.body.appendChild(elem);
+        }
+    })
+        .catch((err) => {
+        console.log('Failed to preload asset', err);
+    });
+    return () => {
+        cancelled = true;
+        elem.remove();
+    };
+};
+exports.preloadAsset = preloadAsset;

package/dist/preload-audio.js

@@ -1,50 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.preloadAudio = void 0;
-const resolve_redirect_1 = require("./resolve-redirect");
+const preload_asset_1 = require("./preload-asset");
 const preloadAudio = (src) => {
-    if (typeof document === 'undefined') {
-        console.warn('preloadAudio() was called outside the browser. Doing nothing.');
-        return () => undefined;
-    }
-    const resolved = (0, resolve_redirect_1.resolveRedirect)(src);
-    let cancelled = false;
-    if (navigator.userAgent.match(/Firefox\//)) {
-        const link = document.createElement('link');
-        link.rel = 'preload';
-        link.as = 'audio';
-        resolved
-            .then((realUrl) => {
-            if (!cancelled) {
-                link.href = realUrl;
-                document.head.appendChild(link);
-            }
-        })
-            .catch((err) => {
-            console.log(`Failed to preload audio`, err);
-        });
-        return () => {
-            cancelled = true;
-            link.remove();
-        };
-    }
-    const vid = document.createElement('audio');
-    vid.preload = 'auto';
-    vid.controls = true;
-    vid.style.display = 'none';
-    resolved
-        .then((realUrl) => {
-        if (!cancelled) {
-            vid.src = realUrl;
-            document.body.appendChild(vid);
-        }
-    })
-        .catch((err) => {
-        console.log('Failed to preload audio', err);
-    });
-    return () => {
-        cancelled = true;
-        vid.remove();
-    };
+    return (0, preload_asset_1.preloadAsset)(src, 'audio');
 };
 exports.preloadAudio = preloadAudio;

package/dist/preload-font.d.ts

@@ -0,0 +1 @@
+export declare const preloadFont: (src: string) => (() => void);

package/dist/preload-font.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadFont = void 0;
+const preload_asset_1 = require("./preload-asset");
+const preloadFont = (src) => {
+    return (0, preload_asset_1.preloadAsset)(src, 'font');
+};
+exports.preloadFont = preloadFont;

package/dist/preload-image.d.ts

@@ -0,0 +1 @@
+export declare const preloadImage: (src: string) => (() => void);

package/dist/preload-image.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preloadImage = void 0;
+const preload_asset_1 = require("./preload-asset");
+const preloadImage = (src) => {
+    return (0, preload_asset_1.preloadAsset)(src, 'image');
+};
+exports.preloadImage = preloadImage;

package/dist/preload-video.js

@@ -1,50 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.preloadVideo = void 0;
-const resolve_redirect_1 = require("./resolve-redirect");
+const preload_asset_1 = require("./preload-asset");
 const preloadVideo = (src) => {
-    if (typeof document === 'undefined') {
-        console.warn('preloadVideo() was called outside the browser. Doing nothing.');
-        return () => undefined;
-    }
-    const resolved = (0, resolve_redirect_1.resolveRedirect)(src);
-    let cancelled = false;
-    if (navigator.userAgent.match(/Firefox\//)) {
-        const link = document.createElement('link');
-        link.rel = 'preload';
-        link.as = 'video';
-        resolved
-            .then((realUrl) => {
-            if (!cancelled) {
-                link.href = realUrl;
-                document.head.appendChild(link);
-            }
-        })
-            .catch((err) => {
-            console.log(`Failed to preload video`, err);
-        });
-        return () => {
-            cancelled = true;
-            link.remove();
-        };
-    }
-    const vid = document.createElement('video');
-    vid.preload = 'auto';
-    vid.controls = true;
-    vid.style.display = 'none';
-    resolved
-        .then((realUrl) => {
-        if (!cancelled) {
-            vid.src = realUrl;
-            document.body.appendChild(vid);
-        }
-    })
-        .catch((err) => {
-        console.log('Failed to preload video', err);
-    });
-    return () => {
-        cancelled = true;
-        vid.remove();
-    };
+    return (0, preload_asset_1.preloadAsset)(src, 'video');
 };
 exports.preloadVideo = preloadVideo;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/preload",
-	"version": "3.3.8",
+	"version": "3.3.9",
 	"description": "Utility functions for preloading assets in HTML5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -35,5 +35,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4d4c78cf83b5fd085f24d5fd19f4507815e200a7"
+	"gitHead": "86269c98522cb7ea280f8283fa6c57885b971b3b"
 }