single-file-core 1.5.111 → 1.5.113

package/core/helper.js

@@ -75,6 +75,8 @@ const COMMENT_HEADER_LEGACY = "Archive processed by SingleFile";
 const SINGLE_FILE_UI_ELEMENT_CLASS = "single-file-ui-element";
 const INFOBAR_TAGNAME = infobar.INFOBAR_TAGNAME;
 const EMPTY_RESOURCE = "data:,";
+const POSTER_CONTENT_TYPES = ["image/webp", "image/jpeg"];
+const POSTER_QUALITY = 0.8;
 const DEFAULT_REPLACED_CHARACTERS = ["~", "+", "?", "%", "*", ":", "|", "\"", "<", ">", "\\\\", "\x00-\x1f", "\x7F"];
 const DEFAULT_REPLACEMENT_CHARACTER = "_";
 const DEFAULT_REPLACEMENT_CHARACTERS = ["～", "＋", "？", "％", "＊", "：", "｜", "＂", "＜", "＞", "＼"];
@@ -143,9 +145,24 @@ export {
 	WAIT_FOR_USERSCRIPT_PROPERTY_NAME,
 	MESSAGE_PREFIX,
 	NO_SCRIPT_PROPERTY_NAME,
-	NESTING_TRACK_ID_ATTRIBUTE_NAME
+	NESTING_TRACK_ID_ATTRIBUTE_NAME,
+	getPosterDataURI
 };
 
+// a poster is a still of a video the reader cannot play, so it is stored in a
+// lossy format: the same frame costs an order of magnitude less than as a PNG.
+// toDataURL falls back to PNG without reporting it when it does not support the
+// format, so the type it returned is tested instead of assumed
+function getPosterDataURI(canvasElement) {
+	for (const contentType of POSTER_CONTENT_TYPES) {
+		const dataURI = canvasElement.toDataURL(contentType, POSTER_QUALITY);
+		if (dataURI.startsWith("data:" + contentType)) {
+			return dataURI;
+		}
+	}
+	return canvasElement.toDataURL("image/png");
+}
+
 let userScriptHandlerObserver;
 
 function initUserScriptHandler() {
@@ -534,14 +551,16 @@ function getResourcesInfo(win, doc, element, options, data, elementHidden, compu
 			});
 			element.setAttribute(VIDEO_ATTRIBUTE_NAME, data.videos.length - 1);
 		}
-		if (!element.getAttribute("poster")) {
+		// the posters are only inserted when the videos are blocked, capturing them
+		// otherwise encodes a frame per video for nothing
+		if (options.blockVideos && !element.getAttribute("poster")) {
 			const canvasElement = doc.createElement("canvas");
 			const context = canvasElement.getContext("2d");
 			canvasElement.width = element.videoWidth;
 			canvasElement.height = element.videoHeight;
 			try {
 				context.drawImage(element, 0, 0, canvasElement.width, canvasElement.height);
-				data.posters.push(canvasElement.toDataURL("image/png"));
+				data.posters.push(getPosterDataURI(canvasElement));
 				element.setAttribute(POSTER_ATTRIBUTE_NAME, data.posters.length - 1);
 				data.markedElements.push(element);
 				// eslint-disable-next-line no-unused-vars

package/core/index.js

@@ -155,6 +155,7 @@ const STAGES = [{
 		{ action: "replaceStylesheets" },
 		{ action: "replaceStyleAttributes" },
 		{ action: "insertVariables" },
+		{ action: "removeEmptyMediaAutoplay" },
 		{ option: "compressHTML", action: "compressHTML" },
 		{ action: "cleanupPage" }
 	],
@@ -824,6 +825,25 @@ class Processor {
 		});
 	}
 
+	// a media element left without any source can never start, and the attribute
+	// would keep it announcing a playback that never happens. The sources are
+	// dropped whenever they could not be stored, so this is not specific to
+	// blocked videos, and it runs on the final state to leave alone an element
+	// that kept one of several sources
+	removeEmptyMediaAutoplay() {
+		this.doc.querySelectorAll("video[autoplay], audio[autoplay]").forEach(element => {
+			const sourceElements = Array.from(element.querySelectorAll("source"));
+			if (!hasSource(element) && !sourceElements.some(hasSource)) {
+				element.removeAttribute("autoplay");
+			}
+		});
+
+		function hasSource(element) {
+			const src = element.getAttribute("src");
+			return Boolean(src) && src != util.EMPTY_RESOURCE;
+		}
+	}
+
 	removeFrames() {
 		const frameElements = this.doc.querySelectorAll("iframe, frame, object[type=\"text/html\"][data]");
 		this.stats.set("discarded", "frames", frameElements.length);
@@ -1195,7 +1215,7 @@ class Processor {
 								canvasElement.height = videoData.size.videoHeight;
 								context.drawImage(temporaryVideoElement, 0, 0, canvasElement.width, canvasElement.height);
 								try {
-									videoElement.poster = canvasElement.toDataURL("image/png");
+									videoElement.poster = util.getPosterDataURI(canvasElement);
 									// eslint-disable-next-line no-unused-vars
 								} catch (error) {
 									videoElement.poster = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='" + videoData.size.videoWidth + "' height='" + videoData.size.videoHeight + "'%3E%3C/svg%3E";

package/core/lib/doctype.js

@@ -0,0 +1,50 @@
+/*
+ * Copyright 2010-2026 Gildas Lormeau
+ * contact : gildas.lormeau <at> gmail.com
+ *
+ * This file is part of SingleFile.
+ *
+ *   The code in this file is free software: you can redistribute it and/or
+ *   modify it under the terms of the GNU Affero General Public License
+ *   (GNU AGPL) as published by the Free Software Foundation, either version 3
+ *   of the License, or (at your option) any later version.
+ *
+ *   The code in this file is distributed in the hope that it will be useful,
+ *   but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero
+ *   General Public License for more details.
+ *
+ *   As additional permission under GNU AGPL version 3 section 7, you may
+ *   distribute UNMODIFIED VERSIONS OF THIS file without the copy of the GNU
+ *   AGPL normally required by section 4, provided you include this license
+ *   notice and a URL through which recipients can access the Corresponding
+ *   Source.
+ */
+
+// this module is imported by the script embedded in self-extracting archives, it
+// must stay free of dependencies
+
+export {
+	getDoctypeString
+};
+
+function getDoctypeString(doc) {
+	const docType = doc.doctype;
+	let docTypeString = "";
+	if (docType) {
+		docTypeString = "<!DOCTYPE " + docType.nodeName;
+		if (docType.publicId) {
+			docTypeString += " PUBLIC \"" + docType.publicId + "\"";
+			if (docType.systemId) {
+				docTypeString += " \"" + docType.systemId + "\"";
+			}
+		} else if (docType.systemId) {
+			docTypeString += " SYSTEM \"" + docType.systemId + "\"";
+		}
+		if (docType.internalSubset) {
+			docTypeString += " [" + docType.internalSubset + "]";
+		}
+		docTypeString += ">";
+	}
+	return docTypeString;
+}

package/core/util.js

@@ -24,6 +24,7 @@
 import * as vendor from "./../vendor/index.js";
 import * as modules from "./../modules/index.js";
 import * as helper from "./helper.js";
+import { getDoctypeString } from "./lib/doctype.js";
 
 const DEBUG = false;
 const ONE_MB = 1024 * 1024;
@@ -225,7 +226,8 @@ function getInstance(utilOptions) {
 		INFOBAR_TAGNAME: helper.INFOBAR_TAGNAME,
 		WAIT_FOR_USERSCRIPT_PROPERTY_NAME: helper.WAIT_FOR_USERSCRIPT_PROPERTY_NAME,
 		NO_SCRIPT_PROPERTY_NAME: helper.NO_SCRIPT_PROPERTY_NAME,
-		NESTING_TRACK_ID_ATTRIBUTE_NAME: helper.NESTING_TRACK_ID_ATTRIBUTE_NAME
+		NESTING_TRACK_ID_ATTRIBUTE_NAME: helper.NESTING_TRACK_ID_ATTRIBUTE_NAME,
+		getPosterDataURI: helper.getPosterDataURI
 	};
 
 	async function getContent(resourceURL, options) {
@@ -488,24 +490,6 @@ function guessMIMEType(expectedType, buffer) {
 	}
 }
 
-function getDoctypeString(doc) {
-	const docType = doc.doctype;
-	let docTypeString = "";
-	if (docType) {
-		docTypeString = "<!DOCTYPE " + docType.nodeName;
-		if (docType.publicId) {
-			docTypeString += " PUBLIC \"" + docType.publicId + "\"";
-			if (docType.systemId)
-				docTypeString += " \"" + docType.systemId + "\"";
-		} else if (docType.systemId)
-			docTypeString += " SYSTEM \"" + docType.systemId + "\"";
-		if (docType.internalSubset)
-			docTypeString += " [" + docType.internalSubset + "]";
-		docTypeString += "> ";
-	}
-	return docTypeString;
-}
-
 function log(...args) {
 	console.log("S-File <browser>", ...args); // eslint-disable-line no-console
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "single-file-core",
-  "version": "1.5.111",
+  "version": "1.5.113",
   "description": "SingleFile Core",
   "author": "Gildas Lormeau",
   "license": "AGPL-3.0-or-later",

package/processors/compression/compression-display.js

@@ -23,6 +23,8 @@
 
 /* global DOMParser, setTimeout */
 
+import { getDoctypeString } from "./../../core/lib/doctype.js";
+
 export {
 	display
 };
@@ -89,21 +91,4 @@ async function display(document, docContent, { disableFramePointerEvents, inPlac
 	});
 	document.documentElement.setAttribute("data-sfz", "");
 	document.querySelectorAll("link[rel*=icon]").forEach(element => element.replaceWith(element.cloneNode(true)));
-	function getDoctypeString(doc) {
-		const docType = doc.doctype;
-		let docTypeString = "";
-		if (docType) {
-			docTypeString = "<!DOCTYPE " + docType.nodeName;
-			if (docType.publicId) {
-				docTypeString += " PUBLIC \"" + docType.publicId + "\"";
-				if (docType.systemId)
-					docTypeString += " \"" + docType.systemId + "\"";
-			} else if (docType.systemId)
-				docTypeString += " SYSTEM \"" + docType.systemId + "\"";
-			if (docType.internalSubset)
-				docTypeString += " [" + docType.internalSubset + "]";
-			docTypeString += "> ";
-		}
-		return docTypeString;
-	}
 }