@remotion/preload 4.0.0-lambda.3 → 4.0.0-newpathfunctions.13

package/LICENSE.md

@@ -1,4 +1,4 @@
-Copyright (c) 2022 JonnyBurger
+Copyright (c) 2023 JonnyBurger
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

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": "4.0.0-lambda.3+32da0b782",
+	"version": "4.0.0-newpathfunctions.13+40cc970bd",
 	"description": "Utility functions for preloading assets in HTML5",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -20,9 +20,9 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"devDependencies": {
-		"@jonny/eslint-config": "3.0.259",
-		"eslint": "8.13.0",
-		"prettier": "^2.0.5",
+		"@jonny/eslint-config": "3.0.266",
+		"eslint": "8.25.0",
+		"prettier": "^2.7.1",
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"typescript": "^4.5.5"
 	},
@@ -35,5 +35,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "32da0b782094e5eac82cdc1b1469a80bb763b392"
+	"gitHead": "40cc970bd20f2c9fde0c1644f1c9f33cd47f3dc7"
 }

package/.prettierrc.js

@@ -1,14 +0,0 @@
-module.exports = {
-	singleQuote: true,
-	bracketSpacing: false,
-	useTabs: true,
-	overrides: [
-		{
-			files: ['*.yml'],
-			options: {
-				singleQuote: false,
-			},
-		},
-	],
-	plugins: [require.resolve('prettier-plugin-organize-imports')],
-};

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-	"extends": "../tsconfig.settings.json",
-	"compilerOptions": {
-		"composite": true,
-		"rootDir": "src",
-		"outDir": "dist",
-		"skipLibCheck": true
-	},
-	"references": [
-		{
-			"path": "../core"
-		}
-	]
-}