single-file-cli 2.0.76 → 2.0.77

package/lib/single-file-script.js

@@ -21,41 +21,68 @@
  *   Source.
  */
 
-/* global singlefile, XMLHttpRequest */
+/* global singlefile, atob, Headers */
 
 import { script, hookScript, zipScript } from "../lib/single-file-bundle.js";
 import { Deno } from "./deno-polyfill.js";
 
+const FETCH_FUNCTION_NAME = "__singleFileFetch";
+const RESOLVE_FETCH_FUNCTION_NAME = "__singleFileResolveFetch";
+const REJECT_FETCH_FUNCTION_NAME = "__singleFileRejectFetch";
+
 const { readTextFile } = Deno;
-export { getScriptSource, getHookScriptSource, getZipScriptSource };
 
-function initSingleFile() {
-	singlefile.init({
-		fetch: (url, options) => {
-			return new Promise(function (resolve, reject) {
-				const xhrRequest = new XMLHttpRequest();
-				xhrRequest.withCredentials = true;
-				xhrRequest.responseType = "arraybuffer";
-				xhrRequest.onerror = event => reject(new Error(event.detail));
-				xhrRequest.onabort = () => reject(new Error("aborted"));
-				xhrRequest.onreadystatechange = () => {
-					if (xhrRequest.readyState == XMLHttpRequest.DONE) {
-						resolve({
-							arrayBuffer: () => xhrRequest.response || new ArrayBuffer(),
-							headers: { get: headerName => xhrRequest.getResponseHeader(headerName) },
-							status: xhrRequest.status
-						});
-					}
-				};
-				xhrRequest.open("GET", url, true);
-				if (options.headers) {
-					for (const entry of Object.entries(options.headers)) {
-						xhrRequest.setRequestHeader(entry[0], entry[1]);
-					}
-				}
-				xhrRequest.send();
+export {
+	FETCH_FUNCTION_NAME,
+	RESOLVE_FETCH_FUNCTION_NAME,
+	REJECT_FETCH_FUNCTION_NAME,
+	getScriptSource,
+	getHookScriptSource,
+	getZipScriptSource
+};
+
+function initSingleFile(constants) {
+	const nativeFetch = globalThis.fetch;
+	const pendingRequests = new Map();
+	let lastRequestId = 0;
+	const { RESOLVE_FETCH_FUNCTION_NAME, REJECT_FETCH_FUNCTION_NAME, FETCH_FUNCTION_NAME } = constants;
+
+	globalThis[RESOLVE_FETCH_FUNCTION_NAME] = (requestId, result) => {
+		const pendingRequest = pendingRequests.get(requestId);
+		if (pendingRequest) {
+			pendingRequests.delete(requestId);
+			const binaryString = atob(result.data);
+			const bytes = new Uint8Array(binaryString.length);
+			for (let i = 0; i < binaryString.length; i++) {
+				bytes[i] = binaryString.charCodeAt(i);
+			}
+			pendingRequest.resolve({
+				status: result.status,
+				headers: new Headers(result.headers),
+				arrayBuffer: () => Promise.resolve(bytes.buffer)
 			});
 		}
+	};
+	globalThis[REJECT_FETCH_FUNCTION_NAME] = (requestId, error) => {
+		const pendingRequest = pendingRequests.get(requestId);
+		if (pendingRequest) {
+			pendingRequests.delete(requestId);
+			pendingRequest.reject(new Error(error.error));
+		}
+	};
+
+	singlefile.init({
+		fetch: async (url, options) => {
+			try {
+				return await nativeFetch(url, options);
+			} catch {
+				const requestId = lastRequestId++;
+				return new Promise((resolve, reject) => {
+					pendingRequests.set(requestId, { resolve, reject });
+					globalThis[FETCH_FUNCTION_NAME](JSON.stringify({ requestId, url, options }));
+				});
+			}
+		}
 	});
 }
 
@@ -66,7 +93,11 @@ async function getScriptSource(options) {
 	if (options.browserStylesheets && options.browserStylesheets.length) {
 		source += "addEventListener(\"load\",()=>{const styleElement=document.createElement(\"style\");styleElement.textContent=" + JSON.stringify(await readScriptFiles(options.browserStylesheets)) + ";document.body.appendChild(styleElement);});";
 	}
-	source += "(" + initSingleFile.toString() + ")();";
+	source += "(" + initSingleFile.toString() + ")(" + JSON.stringify({
+		FETCH_FUNCTION_NAME,
+		RESOLVE_FETCH_FUNCTION_NAME,
+		REJECT_FETCH_FUNCTION_NAME
+	}) + ");";
 	return source;
 }
 

package/lib/version.js

@@ -1 +1 @@
-export const version = "2.0.76";
+export const version = "2.0.77";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "single-file-cli",
-	"version": "2.0.76",
+	"version": "2.0.77",
 	"description": "SingleFile CLI",
 	"author": "Gildas Lormeau",
 	"engines": {

package/single-file-cli-api.js

@@ -36,7 +36,7 @@ const DEFAULT_OPTIONS = {
 	compressHTML: true,
 	loadDeferredImages: true,
 	loadDeferredImagesMaxIdleTime: 1500,
-	filenameTemplate: "{page-title} ({date-locale} {time-locale}).html",
+	filenameTemplate: "%if-empty<{page-title}|No title> ({date-locale} {time-locale}).{filename-extension}",
 	filenameMaxLength: 192,
 	filenameMaxLengthUnit: "bytes",
 	filenameReplacedCharacters: ["~", "+", "?", "%", "*", ":", "|", "\"", "<", ">", "\\\\", "\x00-\x1f", "\x7F"],