Fix Docker build dependencies and improve Canvas mock

Dockerfile

@@ -2,6 +2,18 @@ FROM oven/bun:latest
 
 WORKDIR /app
 
+# Install system dependencies required for canvas and node-gyp
+RUN apt-get update && apt-get install -y \
+    python3 \
+    make \
+    g++ \
+    build-essential \
+    libcairo2-dev \
+    libpango1.0-dev \
+    libjpeg-dev \
+    libgif-dev \
+    librsvg2-dev
+
 # Копируем всё содержимое папки duckai в /app
 COPY . .
 

src/duckai.ts

@@ -27,29 +27,83 @@ export class DuckAI {
       window.screen = { width: 1920, height: 1080, availWidth: 1920, availHeight: 1080 };
       window.chrome = { runtime: {} };
       
-      // Заглушка для Canvas (часто ищут её)
-      window.HTMLCanvasElement.prototype.getContext = () => ({
-        fillRect: () => {},
-        clearRect: () => {},
-        getImageData: () => ({ data: new Uint8ClampedArray(4) }),
-        putImageData: () => {},
-        createImageData: () => ({ data: new Uint8ClampedArray(4) }),
-        setTransform: () => {},
-        drawImage: () => {},
-        save: () => {},
-        restore: () => {},
-        beginPath: () => {},
-        moveTo: () => {},
-        lineTo: () => {},
-        closePath: () => {},
-        stroke: () => {},
-        translate: () => {},
-        scale: () => {},
-        rotate: () => {},
-        arc: () => {},
-        fill: () => {},
-        measureText: () => ({ width: 0 })
-      });
+      // Robust Canvas Mock
+      const originalGetContext = window.HTMLCanvasElement.prototype.getContext;
+      window.HTMLCanvasElement.prototype.getContext = function (type: string, options?: any) {
+        // 1. Try real canvas if available
+        try {
+           const ctx = originalGetContext.call(this, type, options);
+           if (ctx) return ctx;
+        } catch (e) {}
+
+        // 2. Fallback Mock for missing canvas
+        return {
+          canvas: this,
+          fillRect: () => {},
+          clearRect: () => {},
+          getImageData: (x: number, y: number, w: number, h: number) => ({ 
+             data: new Uint8ClampedArray(w * h * 4), 
+             width: w, 
+             height: h 
+          }),
+          putImageData: () => {},
+          createImageData: () => ({ data: new Uint8ClampedArray(4) }),
+          setTransform: () => {},
+          drawImage: () => {},
+          save: () => {},
+          restore: () => {},
+          beginPath: () => {},
+          moveTo: () => {},
+          lineTo: () => {},
+          closePath: () => {},
+          stroke: () => {},
+          translate: () => {},
+          scale: () => {},
+          rotate: () => {},
+          arc: () => {},
+          fill: () => {},
+          measureText: () => ({ width: 0, actualBoundingBoxAscent: 0, actualBoundingBoxDescent: 0 }),
+          transform: () => {},
+          rect: () => {},
+          clip: () => {},
+          createLinearGradient: () => ({ addColorStop: () => {} }),
+          createRadialGradient: () => ({ addColorStop: () => {} }),
+          createPattern: () => ({}),
+          bezierCurveTo: () => {},
+          quadraticCurveTo: () => {},
+          fillText: () => {},
+          strokeText: () => {},
+          
+          // Properties
+          globalAlpha: 1,
+          globalCompositeOperation: 'source-over',
+          fillStyle: '#000000',
+          strokeStyle: '#000000',
+          lineWidth: 1,
+          lineCap: 'butt',
+          lineJoin: 'miter',
+          miterLimit: 10,
+          shadowOffsetX: 0,
+          shadowOffsetY: 0,
+          shadowBlur: 0,
+          shadowColor: 'rgba(0, 0, 0, 0)',
+          font: '10px sans-serif',
+          textAlign: 'start',
+          textBaseline: 'alphabetic'
+        };
+      } as any;
+
+      // Mock toDataURL to prevent failures if canvas is missing
+      const originalToDataURL = window.HTMLCanvasElement.prototype.toDataURL;
+      window.HTMLCanvasElement.prototype.toDataURL = function(type?: string, quality?: any) {
+           try {
+               const result = originalToDataURL.call(this, type, quality);
+               // If JSDOM implementation returns "data:," it means failure/not implemented in some versions
+               if (result && result !== "data:,") return result;
+           } catch(e) {}
+           // Return a 1x1 transparent pixel base64
+           return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
+      };
 
       dom.window.top.__DDG_BE_VERSION__ = 1;
       dom.window.top.__DDG_FE_CHAT_HASH__ = 1;