Enhance property handling in artplayerProxyMediabunny

- Updated the way properties from the shim instance and its prototype are retrieved.
- Replaced the for-in loop with a Set to ensure all properties, including inherited ones, are considered.
- Excluded the 'constructor' property from being added to the canvas.

refactor: remove unused utility functions and streamline event handling

- Deleted `videoEvents.js`, `clamp.js`, and `sleep.js` as they were not utilized.
- Introduced a new `EventTarget` class to manage event listeners more efficiently.
- Enhanced `MediaBunnyEngine`, `AudioEngine`, `VideoEngine`, and `VideoShim` to utilize the new event system.
- Updated type definitions in `artplayer-proxy-mediabunny.d.ts` to include new configuration options.
- Added comprehensive architecture documentation to clarify the structure and flow of the MediaBunny engine.
- Refactored the codebase for improved readability and maintainability, including better naming conventions and JSDoc comments.

packages/artplayer-proxy-mediabunny/src/index.js

@@ -1,8 +1,84 @@
-import createCanvasProxy from './proxy/canvasProxy.js'
+/**
+ * ArtPlayer MediaBunny Proxy
+ * Main entry point
+ */
+import VideoShim from './VideoShim.js'
 
 export default function artplayerProxyMediabunny(option = {}) {
   return (art) => {
-    return createCanvasProxy(art, option)
+    const { constructor } = art
+    const { createElement } = constructor.utils
+
+    // Create canvas element
+    const canvas = createElement('canvas')
+    const ctx = canvas.getContext('2d')
+
+    // Create video shim
+    const shim = new VideoShim({
+      art,
+      canvas,
+      ctx,
+      option,
+    })
+
+    // Proxy canvas methods to shim
+    const originalCanvasMethods = {}
+    for (const prop in canvas) {
+      if (typeof canvas[prop] === 'function') {
+        originalCanvasMethods[prop] = canvas[prop].bind(canvas)
+      }
+    }
+
+    // Get all properties from shim instance and prototype
+    const propertyNames = new Set([
+      ...Object.getOwnPropertyNames(shim),
+      ...Object.getOwnPropertyNames(Object.getPrototypeOf(shim)),
+    ])
+
+    // Add shim properties to canvas
+    for (const prop of propertyNames) {
+      if (prop === 'constructor') continue
+      if (!(prop in canvas)) {
+        Object.defineProperty(canvas, prop, {
+          get() {
+            const value = shim[prop]
+            return typeof value === 'function' ? value.bind(shim) : value
+          },
+          set(v) {
+            shim[prop] = v
+          },
+          configurable: true,
+          enumerable: true,
+        })
+      }
+    }
+
+    // Restore original canvas methods
+    for (const prop in originalCanvasMethods) {
+      canvas[prop] = (...args) => originalCanvasMethods[prop](...args)
+    }
+
+    // Handle resize
+    function resize() {
+      const player = art.template?.$player
+      if (!player || art.option.autoSize) return
+
+      Object.assign(canvas.style, {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain',
+      })
+    }
+
+    art.on('resize', resize)
+    art.on('video:loadedmetadata', resize)
+
+    // Cleanup on destroy
+    art.on('destroy', () => {
+      shim.destroy()
+    })
+
+    return canvas
   }
 }