Fixed Automatic setting of source dimensions based on source type

wix-incubator · Jan 2, 2025 · 0c97f8f · 0c97f8f
1 parent 5b77688
commit 0c97f8f
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,9 @@
+### 0.14.9 (2025-01-02)
+
+_Fixed:_
+
+-   Automatic setting of source dimensions based on source type.
+
 ### 0.14.8 (2024-12-24)
 
 _Fixed:_

diff --git a/dist/index.cjs b/dist/index.cjs
@@ -3509,8 +3509,8 @@ class Kampos {
             media = source;
         }
 
-        const isVideo = typeof media === 'HTMLVideoElement';
-        const isCanvas = typeof media === 'HTMLCanvasElement';
+        const isVideo = media instanceof HTMLVideoElement;
+        const isCanvas = media instanceof HTMLCanvasElement;
 
         if (width && height) {
             this.dimensions = { width, height };

diff --git a/docs/index.html b/docs/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset='utf-8'>
-  <title>kampos 0.14.6 | Documentation</title>
+  <title>kampos 0.14.8 | Documentation</title>
   <meta name='description' content='Tiny and fast effects compositor on WebGL'>
   <meta name='viewport' content='width=device-width,initial-scale=1'>
   <link href='assets/bass.css' rel='stylesheet'>
@@ -15,7 +15,7 @@
       <div id='split-left' class='overflow-auto fs0 height-viewport-100'>
         <div class='py1 px2'>
           <h3 class='mb0 no-anchor'>kampos</h3>
-          <div class='mb1'><code>0.14.6</code></div>
+          <div class='mb1'><code>0.14.8</code></div>
           <input
             placeholder='Filter'
             id='filter-input'

diff --git a/index.umd.js b/index.umd.js
@@ -3513,8 +3513,8 @@ void main() {
                 media = source;
             }
 
-            const isVideo = typeof media === 'HTMLVideoElement';
-            const isCanvas = typeof media === 'HTMLCanvasElement';
+            const isVideo = media instanceof HTMLVideoElement;
+            const isCanvas = media instanceof HTMLCanvasElement;
 
             if (width && height) {
                 this.dimensions = { width, height };

diff --git a/src/kampos.js b/src/kampos.js
@@ -186,8 +186,8 @@ export class Kampos {
             media = source;
         }
 
-        const isVideo = typeof media === 'HTMLVideoElement';
-        const isCanvas = typeof media === 'HTMLCanvasElement';
+        const isVideo = media instanceof HTMLVideoElement;
+        const isCanvas = media instanceof HTMLCanvasElement;
 
         if (width && height) {
             this.dimensions = { width, height };