xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix relative path detection in stylesheet URLs (#1130)

Browse Source 
* Fix relative path detection in stylesheet URLs

* Add a check for www.

* Update packages/rrweb-snapshot/src/snapshot.ts

* Update packages/rrweb-snapshot/src/snapshot.ts

* Create large-ants-prove.md

* Update large-ants-prove.md

---------

Co-authored-by: Justin Halsall <Juice10@users.noreply.github.com>
Co-authored-by: Yun Feng <yun.feng0817@gmail.com>
This commit is contained in:
Prateek Karnal
2023-02-15 07:42:29 -08:00
committed by GitHub
parent 06031a6486
commit f6f07e9533
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/large-ants-prove.md Normal file
View File

@@ -0,0 +1,6 @@
---
'rrweb-snapshot': patch
'rrweb': patch
---
Fix: Make relative path detection in stylesheet URLs to detect more types of URL protocols when inlining stylesheets.

5
packages/rrweb-snapshot/src/snapshot.ts
View File

@@ -71,7 +71,8 @@ let canvasService: HTMLCanvasElement | null;
let canvasCtx: CanvasRenderingContext2D | null; let canvasCtx: CanvasRenderingContext2D | null;
const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm; const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
const RELATIVE_PATH = /^(?!www\.|(?:http|ftp)s?:\/\/|[A-Za-z]:\\|\/\/|#).*/; const URL_PROTOCOL_MATCH = /^(?:[a-z+]+:)?\/\//i;
const URL_WWW_MATCH = /^www\..*/i;
const DATA_URI = /^(data:)([^,]*),(.*)/i; const DATA_URI = /^(data:)([^,]*),(.*)/i;
export function absoluteToStylesheet( export function absoluteToStylesheet(
cssText: string | null, cssText: string | null,
@@ -92,7 +93,7 @@ export function absoluteToStylesheet(
if (!filePath) { if (!filePath) {
return origin; return origin;
} }
if (!RELATIVE_PATH.test(filePath)) { if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
return `url(${maybeQuote}${filePath}${maybeQuote})`; return `url(${maybeQuote}${filePath}${maybeQuote})`;
} }
if (DATA_URI.test(filePath)) { if (DATA_URI.test(filePath)) {