@projectwallace/css-code-coverage 0.4.1 → 0.5.0

package/dist/index.d.ts

@@ -24,16 +24,6 @@ declare function parse_coverage(input: string): {
   }[];
 }[];
 //#endregion
-//#region src/lib/types.d.ts
-type NodeList = Iterable<{
-  textContent: string;
-}> | NodeListOf<HTMLStyleElement>;
-interface Parser {
-  (html: string): {
-    querySelectorAll: (selector: string) => NodeList;
-  };
-}
-//#endregion
 //#region src/lib/index.d.ts
 type CoverageData = {
   unused_bytes: number;
@@ -73,6 +63,6 @@ type CoverageResult = CoverageData & {
  * 4. Calculate used/unused CSS bytes (fastest path, no inspection of the actual CSS needed)
  * 5. Calculate line-coverage, byte-coverage per stylesheet
  */
-declare function calculate_coverage(coverage: Coverage[], parse_html?: Parser): CoverageResult;
+declare function calculate_coverage(coverage: Coverage[]): Promise<CoverageResult>;
 //#endregion
-export { type Coverage, CoverageData, CoverageResult, type Parser, type Range, StylesheetCoverage, calculate_coverage, parse_coverage };
+export { type Coverage, CoverageData, CoverageResult, type Range, StylesheetCoverage, calculate_coverage, parse_coverage };

package/dist/index.js

@@ -135,8 +135,15 @@ function ext(url) {
 
 //#endregion
 //#region src/lib/remap-html.ts
-function remap_html(parse_html, html, old_ranges) {
-	let doc = parse_html(html);
+async function get_dom_parser() {
+	if (typeof window !== "undefined" && "DOMParser" in window)
+ /* v8 ignore */
+	return new window.DOMParser();
+	let { DOMParser } = await import("./esm-CWr4VY0v.js");
+	return new DOMParser();
+}
+async function remap_html(html, old_ranges) {
+	let doc = (await get_dom_parser()).parseFromString(html, "text/html");
 	let combined_css = "";
 	let new_ranges = [];
 	let current_offset = 0;
@@ -164,7 +171,7 @@ function remap_html(parse_html, html, old_ranges) {
 function is_html(text) {
 	return /<\/?(html|body|head|div|span|script|style)/i.test(text);
 }
-function filter_coverage(coverage, parse_html) {
+async function filter_coverage(coverage) {
 	let result = [];
 	for (let entry of coverage) {
 		let extension = ext(entry.url).toLowerCase();
@@ -174,8 +181,7 @@ function filter_coverage(coverage, parse_html) {
 			continue;
 		}
 		if (is_html(entry.text)) {
-			if (!parse_html) continue;
-			let { css, ranges } = remap_html(parse_html, entry.text, entry.ranges);
+			let { css, ranges } = await remap_html(entry.text, entry.ranges);
 			result.push({
 				url: entry.url,
 				text: css,
@@ -209,10 +215,9 @@ function ratio(fraction, total) {
 * 4. Calculate used/unused CSS bytes (fastest path, no inspection of the actual CSS needed)
 * 5. Calculate line-coverage, byte-coverage per stylesheet
 */
-function calculate_coverage(coverage, parse_html) {
+async function calculate_coverage(coverage) {
 	let total_files_found = coverage.length;
-	if (!is_valid_coverage(coverage)) throw new TypeError("No valid coverage data found");
-	let coverage_per_stylesheet = deduplicate_entries(prettify(filter_coverage(coverage, parse_html))).map(({ text, url, ranges }) => {
+	let coverage_per_stylesheet = deduplicate_entries(prettify(await filter_coverage(coverage))).map(({ text, url, ranges }) => {
 		function is_line_covered(line, start_offset) {
 			let end = start_offset + line.length;
 			let next_offset = end + 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@projectwallace/css-code-coverage",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "description": "",
   "author": "Bart Veneman <bart@projectwallace.com>",
   "repository": {