Improve .gitignore, remove unused acorn dev dep, improve comment …

…and add test for no `video.src` (#777)

.gitignore

@@ -31,9 +31,9 @@ node_modules
 .npmrc
 
 # Build Data
-dist/*
-es/*
-lib/*
+dist
+es
+lib
 
 # Optional REPL history
 .node_repl_history

examples/ComponentToPrint/index.tsx

@@ -173,6 +173,14 @@ export const ComponentToPrint = React.forwardRef<HTMLDivElement | null, Componen
               />
             </td>
           </tr>
+          <tr>
+            <td>Video: Without src</td>
+            <td>
+              <video
+                width="200"
+              />
+            </td>
+          </tr>
         </tbody>
       </table>
       <div ref={shadowRootHostEl}/>

package.json

@@ -39,7 +39,6 @@
     "@eslint/js": "^9.17.0",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "acorn": "^8.14.0",
     "clean-webpack-plugin": "^4.0.0",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^7.1.2",

src/utils/handlePrintWindowOnLoad.ts

@@ -189,7 +189,8 @@ export function handlePrintWindowOnLoad(
                 if (videoNode.readyState >= 2) { // Check if the video has already loaded a frame
                     markLoaded(videoNode);
                 } else if (!videoNode.src) {
-                    markLoaded(videoNode, ["video src empty", videoNode, "Error"]);
+                    // There are scenarios where `src` can be empty, for example with lazy loading.
+                    markLoaded(videoNode, ["Error loading video, `src` is empty", videoNode]);
                 } else{
                     videoNode.onloadeddata = () => {
                         markLoaded(videoNode)