@remotion/web-renderer 4.0.433 → 4.0.434

package/dist/drawing/filter.d.ts

@@ -0,0 +1,4 @@
+export declare const setFilter: ({ ctx, filter, }: {
+    ctx: OffscreenCanvasRenderingContext2D;
+    filter: string;
+}) => () => void;

package/dist/esm/index.mjs

@@ -2892,6 +2892,20 @@ var drawOutline = ({
   ctx.setLineDash(originalLineDash);
 };
 
+// src/drawing/filter.ts
+var setFilter = ({
+  ctx,
+  filter
+}) => {
+  const previousFilter = ctx.filter;
+  if (filter && filter !== "none") {
+    ctx.filter = filter;
+  }
+  return () => {
+    ctx.filter = previousFilter;
+  };
+};
+
 // src/drawing/opacity.ts
 var setOpacity = ({
   ctx,
@@ -2970,6 +2984,10 @@ var drawElement = async ({
     ctx: context,
     opacity
   });
+  const finishFilter = setFilter({
+    ctx: context,
+    filter: computedStyle.filter
+  });
   drawBorderRadius({
     ctx: context,
     computedStyle,
@@ -3024,6 +3042,7 @@ var drawElement = async ({
   finishTransform();
   return {
     cleanupAfterChildren: () => {
+      finishFilter();
       finishOpacity();
       finishOverflowHidden();
     }
@@ -3626,7 +3645,8 @@ var drawText = ({
       webkitTextStrokeWidth,
       webkitTextStrokeColor,
       textShadow: textShadowValue,
-      paintOrder
+      paintOrder,
+      filter
     } = computedStyle;
     const isVertical = writingMode !== "horizontal-tb";
     if (isVertical) {
@@ -3637,6 +3657,10 @@ var drawText = ({
       return;
     }
     contextToDraw.save();
+    const finishFilter = setFilter({
+      ctx: contextToDraw,
+      filter
+    });
     const fontSizePx = parseFloat(fontSize);
     contextToDraw.font = `${fontStyle} ${fontWeight} ${fontSizePx}px ${fontFamily}`;
     contextToDraw.fillStyle = onlyBackgroundClipText ? "black" : webkitTextFillColor;
@@ -3691,6 +3715,7 @@ var drawText = ({
       }
     }
     span.textContent = originalText;
+    finishFilter();
     contextToDraw.restore();
   };
   return drawFn;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/web-renderer"
 	},
 	"name": "@remotion/web-renderer",
-	"version": "4.0.433",
+	"version": "4.0.434",
 	"main": "dist/index.js",
 	"type": "module",
 	"scripts": {
@@ -22,16 +22,16 @@
 		"@mediabunny/mp3-encoder": "1.37.0",
 		"@mediabunny/aac-encoder": "1.37.0",
 		"@mediabunny/flac-encoder": "1.37.0",
-		"@remotion/licensing": "4.0.433",
-		"remotion": "4.0.433",
+		"@remotion/licensing": "4.0.434",
+		"remotion": "4.0.434",
 		"mediabunny": "1.37.0"
 	},
 	"devDependencies": {
 		"@react-three/fiber": "9.2.0",
-		"@remotion/eslint-config-internal": "4.0.433",
-		"@remotion/player": "4.0.433",
-		"@remotion/media": "4.0.433",
-		"@remotion/three": "4.0.433",
+		"@remotion/eslint-config-internal": "4.0.434",
+		"@remotion/player": "4.0.434",
+		"@remotion/media": "4.0.434",
+		"@remotion/three": "4.0.434",
 		"@types/three": "0.170.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1",
 		"@vitejs/plugin-react": "4.3.4",