Breaking: replace linkedom with naive little hand-rolled HTML parser (#21)

Author: bartveneman

README.md

@@ -53,7 +53,7 @@ let coverage = await page.coverage.stopCSSCoverage()
 // Now we can process it
 import { calculate_coverage } from '@projectwallace/css-code-coverage'
 
-let report = await calculcate_coverage(coverage)
+let report = calculcate_coverage(coverage)
 ```
 
 ### Browser devtools

package-lock.json

@@ -47,7 +47,6 @@
     "@playwright/test": "^1.56.0",
     "@types/node": "^24.8.1",
     "c8": "^10.1.3",
-    "linkedom": "^0.18.12",
     "oxlint": "^1.22.0",
     "publint": "^0.3.14",
     "tsdown": "^0.15.8",

package.json

@@ -1,29 +1,29 @@
 import { test, expect } from '@playwright/test'
 import { filter_coverage } from './filter-entries.js'
 
-test('filters out JS files', async () => {
+test('filters out JS files', () => {
 	let entries = [
 		{
 			url: 'http://example.com/script.js',
 			text: 'console.log("Hello world")',
 			ranges: [{ start: 0, end: 25 }],
 		},
 	]
-	expect(await filter_coverage(entries)).toEqual([])
+	expect(filter_coverage(entries)).toEqual([])
 })
 
-test('keeps files with CSS extension', async () => {
+test('keeps files with CSS extension', () => {
 	let entries = [
 		{
 			url: 'http://example.com/styles.css',
 			text: 'a{color:red}',
 			ranges: [{ start: 0, end: 13 }],
 		},
 	]
-	expect(await filter_coverage(entries)).toEqual(entries)
+	expect(filter_coverage(entries)).toEqual(entries)
 })
 
-test('keeps extension-less URL with HTML text', async () => {
+test('keeps extension-less URL with HTML text', () => {
 	let entries = [
 		{
 			url: 'http://example.com',
@@ -38,16 +38,16 @@ test('keeps extension-less URL with HTML text', async () => {
 			ranges: [{ start: 0, end: 13 }], // ranges are remapped
 		},
 	]
-	expect(await filter_coverage(entries)).toEqual(expected)
+	expect(filter_coverage(entries)).toEqual(expected)
 })
 
-test('keeps extension-less URL with CSS text (running coverage in vite dev mode)', async () => {
+test('keeps extension-less URL with CSS text (running coverage in vite dev mode)', () => {
 	let entries = [
 		{
 			url: 'http://example.com',
 			text: 'a{color:red;}',
 			ranges: [{ start: 0, end: 13 }],
 		},
 	]
-	expect(await filter_coverage(entries)).toEqual(entries)
+	expect(filter_coverage(entries)).toEqual(entries)
 })

src/lib/filter-entries.test.ts

@@ -6,7 +6,7 @@ function is_html(text: string): boolean {
 	return /<\/?(html|body|head|div|span|script|style)/i.test(text)
 }
 
-export async function filter_coverage(coverage: Coverage[]): Promise<Coverage[]> {
+export function filter_coverage(coverage: Coverage[]): Coverage[] {
 	let result = []
 
 	for (let entry of coverage) {
@@ -20,7 +20,7 @@ export async function filter_coverage(coverage: Coverage[]): Promise<Coverage[]>
 		}
 
 		if (is_html(entry.text)) {
-			let { css, ranges } = await remap_html(entry.text, entry.ranges)
+			let { css, ranges } = remap_html(entry.text, entry.ranges)
 			result.push({
 				url: entry.url,
 				text: css,