html2canvas-pro 2.3.3 → 2.3.5

package/README.md

@@ -22,14 +22,18 @@ Next generation JavaScript screenshot tool.
 ## Why html2canvas-pro?
 
 html2canvas-pro is a fork of [niklasvh/html2canvas](https://github.com/niklasvh/html2canvas) that includes various fixes and new features. It offers several advantages over the original html2canvas:
-- Color function `color()` (including relative colors)
-- Color functions `lab()` / `lch()` / `oklab()` / `oklch()`
+- Color functions `color()` (incl. relative colors), `lab()`, `lch()`, `oklab()`, `oklch()`
+- `background-clip: text` support
+- `mix-blend-mode` support
 - `object-fit` support for `<img/>`
 - CSS `clip-path` support (inset, circle, ellipse, polygon, path)
 - CSS `writing-mode` support (horizontal-tb, vertical-rl, vertical-lr)
+- Native `drop-shadow()` filter rendering via the canvas shadow API
 - **Image smoothing control** — CSS `image-rendering` property and `imageSmoothing`/`imageSmoothingQuality` options
 - **Security validation** — Built-in input validation (XSS/SSRF protection)
 - **Performance monitoring** — Built-in performance measurement API
+- **Progress & error callbacks** — `onProgress` / `onError` options and `AbortSignal` cancellation
+- **Performance optimizations** — deferred CSS parsing and LRU caches for gradients & CSS parsing
 - Various bug fixes from the [changelog](./CHANGELOG.md)
 
 If you found this helpful, don't forget to

package/dist/html2canvas-pro.cjs

@@ -1,5 +1,5 @@
 /*!
-* html2canvas-pro 2.3.3 <https://yorickshan.github.io/html2canvas-pro/>
+* html2canvas-pro 2.3.5 <https://yorickshan.github.io/html2canvas-pro/>
 * Copyright (c) 2024-present yorickshan and html2canvas-pro contributors
 * Released under MIT License
 */
@@ -1731,9 +1731,10 @@ const parseFunctionArgs = (tokens) => {
 	let arg = [];
 	tokens.forEach((token) => {
 		if (token.type === 4) {
-			if (arg.length === 0) throw new Error(`Error parsing function args, zero tokens for arg`);
-			args.push(arg);
-			arg = [];
+			if (arg.length) {
+				args.push(arg);
+				arg = [];
+			}
 			return;
 		}
 		if (token.type !== 31) arg.push(token);
@@ -6732,7 +6733,8 @@ var CSSParsedCounterDeclaration = class {
 };
 const parseCache = /* @__PURE__ */ new Map();
 const parse = (context, descriptor, style) => {
-	const rawValue = style !== null && typeof style !== "undefined" ? style.toString() : descriptor.initialValue;
+	let rawValue = style !== null && typeof style !== "undefined" ? style.toString() : descriptor.initialValue;
+	if (rawValue.trim() === "") rawValue = descriptor.initialValue;
 	let valueCache = parseCache.get(descriptor);
 	if (valueCache) {
 		const cached = valueCache.get(rawValue);
@@ -8181,18 +8183,29 @@ const LIST_OWNERS = [
 const parseNodeTree = (context, node, parent, root) => {
 	for (let childNode = node.firstChild, nextNode; childNode; childNode = nextNode) {
 		nextNode = childNode.nextSibling;
-		if (isTextNode(childNode) && childNode.data.length > 0) parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
-		else if (isElementNode(childNode)) if (isSlotElement(childNode) && childNode.assignedNodes) childNode.assignedNodes().forEach((assignedNode) => parseNodeTree(context, assignedNode, parent, root));
-		else {
-			const container = createContainer(context, childNode);
-			if (container.styles.isVisible()) {
-				if (createsRealStackingContext(childNode, container, root)) container.createsRealStackingContext = true;
-				else if (createsStackingContext(container.styles)) container.createsStackingContext = true;
-				if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) container.isListOwner = true;
-				parent.elements.push(container);
-				if (childNode.shadowRoot) parseNodeTree(context, childNode.shadowRoot, container, root);
-				else if (!isTextareaElement(childNode) && !isSVGElement(childNode) && !isSelectElement(childNode)) parseNodeTree(context, childNode, container, root);
-			}
+		parseChildNode(context, childNode, parent, root);
+	}
+};
+/**
+* Parse a single node as a child of `parent`.
+*
+* Separated from the tree walk so that nodes assigned to a `<slot>` (including
+* bare text nodes, which have no child nodes) can be parsed directly. Without
+* this, slotted shadow-DOM content such as web component labels was silently
+* dropped because `parseNodeTree` only iterates `node.firstChild` (issue #226).
+*/
+const parseChildNode = (context, childNode, parent, root) => {
+	if (isTextNode(childNode) && childNode.data.length > 0) parent.textNodes.push(new TextContainer(context, childNode, parent.styles));
+	else if (isElementNode(childNode)) if (isSlotElement(childNode) && childNode.assignedNodes) childNode.assignedNodes().forEach((assignedNode) => parseChildNode(context, assignedNode, parent, root));
+	else {
+		const container = createContainer(context, childNode);
+		if (container.styles.isVisible()) {
+			if (createsRealStackingContext(childNode, container, root)) container.createsRealStackingContext = true;
+			else if (createsStackingContext(container.styles)) container.createsStackingContext = true;
+			if (LIST_OWNERS.indexOf(childNode.tagName) !== -1) container.isListOwner = true;
+			parent.elements.push(container);
+			if (childNode.shadowRoot) parseNodeTree(context, childNode.shadowRoot, container, root);
+			else if (!isTextareaElement(childNode) && !isSVGElement(childNode) && !isSelectElement(childNode)) parseNodeTree(context, childNode, container, root);
 		}
 	}
 };