single-file-core 1.6.5 → 1.6.6

package/modules/css-rules-minifier.js

@@ -24,11 +24,12 @@
 import * as cssTree from "./../vendor/css-tree.js";
 import { computeMaxSpecificity } from "./css-specificity.js";
 import { parsePrelude } from "./css-scope-prelude-parser.js";
-import { sanitizeSelector, matchUnqueryablePseudoClass } from "./css-selector-sanitizer.js";
+import { sanitizeSelector, matchUnqueryableAttributeSelector, matchUnqueryablePseudoClass } from "./css-selector-sanitizer.js";
 
 const DEBUG = false;
 
 const PSEUDO_ELEMENT_SYNONYMS = new Set(["after", "before", "first-letter", "first-line"]);
+const FUNCTIONAL_PSEUDO_CLASS_NAMES = new Set(["not", "is", "where", "has"]);
 const MEDIA_AT_RULE_NAME = "media";
 const SUPPORTS_AT_RULE_NAME = "supports";
 const CONDITIONAL_AT_RULE_NAMES = new Set([MEDIA_AT_RULE_NAME, SUPPORTS_AT_RULE_NAME, "container"]);
@@ -36,6 +37,7 @@ const RULE_TYPE = "Rule";
 const AT_RULE_TYPE = "Atrule";
 const NESTING_SELECTOR_TYPE = "NestingSelector";
 const PSEUDO_CLASS_SELECTOR_TYPE = "PseudoClassSelector";
+const ATTRIBUTE_SELECTOR_TYPE = "AttributeSelector";
 const DECLARATION_TYPE = "Declaration";
 const RAW_TYPE = "Raw";
 const VALUE_TYPE = "Value";
@@ -390,17 +392,20 @@ function processSelectors(ruleData, processingContext, docContext) {
 	for (let selector = ruleData.prelude.children.head, selectorIndex = 0; selector; selector = selector.next, selectorIndex++) {
 		const {
 			startsWithCombinator,
-			hasUnqueryableSelector
+			hasUnqueryableSelector,
+			hasNestedUnqueryablePseudoClass
 		} = analyzeSelector(selector.data);
 		if (hasUnqueryableSelector) {
 			ruleData.hasUnqueryableSelector = true;
 		}
 		registerSelector(selector, ruleData, processingContext, docContext);
-		if (!hasUnqueryableSelector && (!startsWithCombinator || !ancestorsSelectors || !ancestorsSelectors.length)) {
+		if (!startsWithCombinator || !ancestorsSelectors || !ancestorsSelectors.length) {
 			const matchedElements = matchElements(selector, ancestorsSelectors, processingContext.scopeStack, docContext);
 			if (matchedElements.length) {
-				updateMatchingSelectors(matchedElements, selector, docContext);
-			} else {
+				if (!hasUnqueryableSelector) {
+					updateMatchingSelectors(matchedElements, selector, docContext);
+				}
+			} else if (!hasNestedUnqueryablePseudoClass) {
 				removedSelectors.push(selector);
 			}
 		}
@@ -410,21 +415,42 @@ function processSelectors(ruleData, processingContext, docContext) {
 
 function analyzeSelector(selector) {
 	let hasUnqueryableSelector = false;
+	let hasNestedUnqueryablePseudoClass = false;
 	let startsWithCombinator = false;
+	let functionalPseudoClassDepth = 0;
 	cssTree.walk(selector, {
 		enter(node) {
 			if (node.type === PSEUDO_ELEMENT_SELECTOR_TYPE) {
 				hasUnqueryableSelector = true;
+				if (functionalPseudoClassDepth) {
+					hasNestedUnqueryablePseudoClass = true;
+				}
 			} else if (node.type === PSEUDO_CLASS_SELECTOR_TYPE) {
 				if (PSEUDO_ELEMENT_SYNONYMS.has(node.name) || matchUnqueryablePseudoClass(node)) {
 					hasUnqueryableSelector = true;
+					if (functionalPseudoClassDepth) {
+						hasNestedUnqueryablePseudoClass = true;
+					}
 				}
+				if (FUNCTIONAL_PSEUDO_CLASS_NAMES.has(node.name.toLowerCase())) {
+					functionalPseudoClassDepth++;
+				}
+			} else if (node.type === ATTRIBUTE_SELECTOR_TYPE && matchUnqueryableAttributeSelector(node)) {
+				hasUnqueryableSelector = true;
+				if (functionalPseudoClassDepth) {
+					hasNestedUnqueryablePseudoClass = true;
+				}
+			}
+		},
+		leave(node) {
+			if (node.type === PSEUDO_CLASS_SELECTOR_TYPE && FUNCTIONAL_PSEUDO_CLASS_NAMES.has(node.name.toLowerCase())) {
+				functionalPseudoClassDepth--;
 			}
 		}
 	});
 	const firstChild = selector.children.head.data;
 	startsWithCombinator = firstChild && firstChild.type === COMBINATOR_NAME;
-	return { hasUnqueryableSelector, startsWithCombinator };
+	return { hasUnqueryableSelector, hasNestedUnqueryablePseudoClass, startsWithCombinator };
 }
 
 function updateMatchingSelectors(matchedElements, selector, docContext) {

package/modules/css-selector-sanitizer.js

@@ -47,7 +47,11 @@ const FUNCTIONAL_PSEUDO_CLASSES = [
     "where",
     "has"
 ];
+const STATE_ATTRIBUTE_NAMES = [
+    "open"
+];
 export {
+    matchUnqueryableAttributeSelector,
     matchUnqueryablePseudoClass,
     sanitizeSelector,
 };
@@ -97,6 +101,10 @@ function normalizeSelectorNode(selector, ancestors) {
             if (matchUnqueryablePseudoClass(childNode)) {
                 removeNode(selector.children, current);
             }
+        } else if (childNode.type === "AttributeSelector") {
+            if (matchUnqueryableAttributeSelector(childNode)) {
+                removeNode(selector.children, current);
+            }
         } else if (childNode.type === "Selector") {
             normalizeSelectorNode(childNode, ancestors);
         }
@@ -112,6 +120,10 @@ function removeNode(list, item) {
     }
 }
 
+function matchUnqueryableAttributeSelector(attributeSelector) {
+    return Boolean(attributeSelector.name) && STATE_ATTRIBUTE_NAMES.includes(attributeSelector.name.name.toLowerCase());
+}
+
 function matchUnqueryablePseudoClass(pseudoClass) {
     const name = pseudoClass.name.toLowerCase();
     return pseudoClass.children ? (

package/package.json

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

package/processors/compression/compression-packager.js

@@ -26,6 +26,7 @@
 import {
 	configure,
 	TextReader,
+	TextWriter,
 	Uint8ArrayReader,
 	Uint8ArrayWriter,
 	ZipReader
@@ -40,6 +41,7 @@ const browser = globalThis.browser;
 
 const PAGES_PREFIX = "pages/";
 const PAGES_FILENAME = "sfz-pages.json";
+const MANIFEST_FILENAME = "manifest.json";
 const TOC_FILENAME = "sfz-toc.html";
 const TOC_TITLE = "Table of contents";
 const TOC_STYLE = "body{font-family:system-ui,sans-serif;margin:2em auto;max-width:40em;padding:0 1em;background-color:#fff;color:#000}" +
@@ -102,6 +104,12 @@ async function createPagesArchive(pages, options) {
 			for (const entry of await zipReader.getEntries()) {
 				const filename = pagePath + entry.filename;
 				const rawData = entry.directory ? undefined : await entry.getData(new Uint8ArrayWriter(), { passThrough: true, checkCrc32: false });
+				if (entry.filename == MANIFEST_FILENAME && !entry.encrypted) {
+					const { archiveTime } = JSON.parse(await entry.getData(new TextWriter()));
+					if (archiveTime) {
+						manifest.pages[pageIndex].archiveTime = archiveTime;
+					}
+				}
 				const canonicalFilename = writtenEntries && findDuplicate(writtenEntries, filename, entry, rawData);
 				if (canonicalFilename === undefined) {
 					await zipWriter.add(filename, entry.directory ? null : new Uint8ArrayReader(rawData), {

package/processors/compression/compression.js

@@ -95,6 +95,7 @@ const MAX_ZIP_COMMENT_LENGTH = 65535;
 const PDF_ENTRY_FILENAME = "page.pdf";
 const PRESCAN_WINDOW_LENGTH = 1024;
 const PNG_TEXT_CHUNK_HEADER_LENGTH = 12;
+const PNG_LENGTH_PADDING_LENGTH = 1;
 const PNG_ZIP_CHUNK_TYPE_KEYWORD = new Uint8Array([0x74, 0x45, 0x58, 0x74, 0x5a, 0x49, 0x50, 0]);
 const MAX_HIDDEN_PNG_CHUNK_LENGTH = 0x2D000000;
 const WRAPPER_PATTERN_WINDOW_LENGTH = 12;
@@ -277,7 +278,7 @@ async function buildArchive(pageData, options, script, entriesData, zipWriterOpt
 			const payloadView = new DataView(payload.buffer);
 			words.forEach((word, indexWord) => payloadView.setUint32(indexWord * 4, word, true));
 			extraData = "<sfz-extra-data>" + base64Encode(deflateRaw(payload)) + "</sfz-extra-data>";
-			if (options.preventAppendedData || extraData.length > getMaxAppendedDataLength(options) - pageContent.length - endTags.length - (options.embeddedImage ? PNG_IEND_LENGTH + PNG_CHUNK_CRC_LENGTH : 0)) {
+			if (options.preventAppendedData || extraData.length > getMaxAppendedDataLength(options) - pageContent.length - endTags.length - (options.embeddedImage ? PNG_IEND_LENGTH + PNG_CHUNK_CRC_LENGTH + PNG_LENGTH_PADDING_LENGTH : 0)) {
 				if (!options.extraDataSize) {
 					options.preventAppendedData = true;
 					options.extraDataSize = getReservationSize(extraData.length);
@@ -288,7 +289,11 @@ async function buildArchive(pageData, options, script, entriesData, zipWriterOpt
 			}
 		}
 		pageContent += endTags;
-		await writeData(zipDataWriter.writable, (new TextEncoder()).encode(pageContent));
+		let pageContentData = new TextEncoder().encode(pageContent);
+		if (options.embeddedImage && !isChunkLengthHidden(data, embeddedImageDataOffset, zipDataWriter.offset + pageContentData.length - embeddedImageDataOffset - 4, imageChunk.tagIndex)) {
+			pageContentData = concatArrays(pageContentData, new Uint8Array(PNG_LENGTH_PADDING_LENGTH).fill(0x20));
+		}
+		await writeData(zipDataWriter.writable, pageContentData);
 	}
 	await zipDataWriter.writable.close();
 	const pageContent = await zipDataWriter.getData();
@@ -337,6 +342,15 @@ function isDeclaredLengthHidden(pageContent, zipDataEnd, appendedDataLength, opt
 	return !containsDataPattern(tail, EMBEDDED_DATA_PATTERNS[tagIndex]);
 }
 
+function isChunkLengthHidden(data, embeddedImageDataOffset, chunkLength, tagIndex) {
+	const lengthOffset = embeddedImageDataOffset - 4;
+	const window = concatArrays(
+		data.subarray(Math.max(0, lengthOffset - WRAPPER_PATTERN_WINDOW_LENGTH), lengthOffset),
+		getLength(chunkLength),
+		data.subarray(embeddedImageDataOffset, embeddedImageDataOffset + PNG_ZIP_CHUNK_TYPE_KEYWORD.length));
+	return !containsDataPattern(window, EMBEDDED_DATA_PATTERNS[tagIndex]);
+}
+
 function getCRC32(data, indexData = 0) {
 	const crcArray = new Uint8Array(4);
 	setUint32(crcArray, getCRC32Value(data, indexData));
@@ -723,7 +737,7 @@ function getImageHTMLChunk(pageData, options, lastModDate) {
 			findEmbeddedDataTagIndex(wrappedData, tagIndex) != tagIndex) {
 			tagIndex = findEmbeddedDataTagIndex(embeddedImageData, tagIndex + 1);
 		} else {
-			return { endTag, startHTMLData, htmlData, htmlDataCRC };
+			return { tagIndex, endTag, startHTMLData, htmlData, htmlDataCRC };
 		}
 	}
 }
@@ -798,6 +812,7 @@ function isCompressibleContentType(contentType) {
 async function getContent() {
 	const BASE64_TABLE = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 	const DATA_IDENTIFIER = "sfz-data";
+	const WRAPPER_TAG_NAMES = ["script", "style", "noframes", "noembed", "iframe", "xmp", "svg", "plaintext"];
 	const { Blob, XMLHttpRequest, NodeFilter, document, zip, location } = globalThis;
 	const characterMap = new Map([
 		[65533, 0], [8364, 128], [8218, 130], [402, 131], [8222, 132], [8230, 133], [8224, 134], [8225, 135], [710, 136], [8240, 137],
@@ -902,15 +917,22 @@ async function getContent() {
 		if (zipDataElement) {
 			const inflatedPayload = zip.inflateRaw(base64Decode(zipDataElement.textContent));
 			const payload = new DataView(inflatedPayload.buffer, inflatedPayload.byteOffset, inflatedPayload.length & -4);
-			const dataElement = document.getElementById(DATA_IDENTIFIER);
-			if (dataElement) {
-				return decodeZipData(dataElement, payload, 0);
-			}
-			const walker = document.createTreeWalker(document, NodeFilter.SHOW_COMMENT);
-			while (walker.nextNode()) {
-				if (walker.currentNode.data.startsWith(DATA_IDENTIFIER)) {
-					return decodeZipData(walker.currentNode, payload, DATA_IDENTIFIER.length);
+			const candidates = Array.from(document.querySelectorAll("[id=" + DATA_IDENTIFIER + "]")).filter(element => WRAPPER_TAG_NAMES.includes(element.localName));
+			let startIndex = 0;
+			if (!candidates.length) {
+				const walker = document.createTreeWalker(document, NodeFilter.SHOW_COMMENT);
+				while (walker.nextNode()) {
+					if (walker.currentNode.data.startsWith(DATA_IDENTIFIER)) {
+						candidates.push(walker.currentNode);
+					}
 				}
+				startIndex = DATA_IDENTIFIER.length;
+			}
+			if (candidates.length > 1) {
+				throw new Error("Multiple zip data candidates found");
+			}
+			if (candidates.length) {
+				return decodeZipData(candidates[0], payload, startIndex);
 			}
 		}
 		throw new Error("Extra zip data not found");

package/processors/frame-tree/content/content-frame-tree.js

@@ -231,6 +231,7 @@ function initResponse(message) {
 				frameData.posters = messageFrameData.posters;
 				frameData.videos = messageFrameData.videos;
 				frameData.usedFonts = messageFrameData.usedFonts;
+				frameData.usedFontsCharacters = messageFrameData.usedFontsCharacters;
 				frameData.shadowRoots = messageFrameData.shadowRoots;
 				frameData.processed = messageFrameData.processed;
 				frameData.scrollPosition = messageFrameData.scrollPosition;
@@ -453,6 +454,7 @@ function getFrameData(document, win, windowId, options, scrolling) {
 		posters: docData.posters,
 		videos: docData.videos,
 		usedFonts: docData.usedFonts,
+		usedFontsCharacters: docData.usedFontsCharacters,
 		shadowRoots: docData.shadowRoots,
 		scrollPosition: docData.scrollPosition,
 		scrolling,

package/processors/hooks/content/content-hooks-frames-web.js

@@ -586,7 +586,9 @@
 				if (adoptedStylesheetsData.has(stylesheet)) {
 					return adoptedStylesheetsData.get(stylesheet);
 				} else {
-					return Array.from(stylesheet.cssRules).map(cssRule => cssRule.cssText).join("\n");
+					const text = Array.from(stylesheet.cssRules).map(cssRule => cssRule.cssText).join("\n");
+					adoptedStylesheetsData.set(stylesheet, text);
+					return text;
 				}
 			});
 			if (adoptedStyleSheets.length) {