hls-video-element - npm Package Compare versions

Comparing version 1.2.2 to 1.2.3

dist/react.js

@@ -7,7 +7,6 @@ // This file is generated by media-elements/scripts/build-react-wrapper!
 
-export default React.forwardRef(({ children, ...props }, ref) => {
+export default React.forwardRef((allProps, ref) => {
+  let { children, suppressHydrationWarning, ...props } = allProps;
   ref ??= useRef();
 
-  const attrs = propsToAttrs({ ...props, ref });
-
   for (let name in props) {
@@ -32,2 +31,4 @@ if (name[0] === 'o' && name[1] === 'n') {
 
+  const attrs = propsToAttrs(props);
+
   // Only render the custom element template HTML on the server..
@@ -49,3 +50,8 @@ // The custom element will render itself on the client.
 
-  return React.createElement('hls-video', attrs, ...[].concat(children));
+  return React.createElement('hls-video', {
+    ...attrs,
+    ref,
+    children,
+    suppressHydrationWarning,
+  });
 });
@@ -73,3 +79,3 @@
   if (typeof propValue === 'boolean' && !propValue) return undefined;
-  if (/^on[A-Z]/.test(propName)) return undefined;
+  if (propName.startsWith('on') && typeof propValue === 'function') return undefined;
   if (/[A-Z]/.test(propName)) return propName.toLowerCase();
@@ -76,0 +82,0 @@ return propName;

package.json

 {
   "name": "hls-video-element",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Custom element (web component) for playing video using the HTTP Live Streaming (HLS) format. Uses HLS.js.",
@@ -35,3 +35,3 @@ "author": "@muxinc",
   "dependencies": {
-    "custom-media-element": "^1.3.0",
+    "custom-media-element": "^1.3.1",
     "hls.js": "^1.5.8",
@@ -41,3 +41,3 @@ "media-tracks": "^0.3.2"
   "devDependencies": {
-    "build-react-wrapper": "^0.1.2",
+    "build-react-wrapper": "^0.1.3",
     "npm-run-all": "^4.1.5",
@@ -44,0 +44,0 @@ "wet-run": "^1.2.2"

No alert changes

Improved metrics

Total package byte prevSize

15915

increased by0.75%

Lines of code

291

increased by2.11%

Dependency changes

• Updatedcustom-media-element@^1.3.1