@remotion/eslint-config-flat 4.0.441 → 4.0.442

package/dist/esm/index.mjs

@@ -46262,6 +46262,7 @@ var import_utils11 = __toESM(require_dist4(), 1);
 var import_utils12 = __toESM(require_dist4(), 1);
 var import_utils13 = __toESM(require_dist4(), 1);
 var import_utils14 = __toESM(require_dist4(), 1);
+var import_utils15 = __toESM(require_dist4(), 1);
 var __commonJS2 = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var createRule;
@@ -46586,10 +46587,101 @@ var init_no_from_0 = __esm(() => {
   });
 });
 var createRule6;
+var NoObjectFitInStyle;
+var NoObjectFitInClassName;
+var objectFitClassPattern;
+var no_object_fit_on_media_video_default;
+var init_no_object_fit_on_media_video = __esm(() => {
+  createRule6 = import_utils6.ESLintUtils.RuleCreator(() => {
+    return "https://remotion.dev/docs/media/video#objectfit";
+  });
+  NoObjectFitInStyle = [
+    "Passing `objectFit` via the `style` prop is not supported for `<Video>` from `@remotion/media`.",
+    "Use the `objectFit` prop directly instead.",
+    "See: https://remotion.dev/docs/media/video#objectfit"
+  ].join(`
+`);
+  NoObjectFitInClassName = [
+    "Passing an `object-fit` CSS class via `className` is not supported for `<Video>` from `@remotion/media`.",
+    "Use the `objectFit` prop directly instead.",
+    "See: https://remotion.dev/docs/media/video#objectfit"
+  ].join(`
+`);
+  objectFitClassPattern = /\bobject-(contain|cover|fill|none|scale-down)\b/;
+  no_object_fit_on_media_video_default = createRule6({
+    name: "no-object-fit-on-media-video",
+    meta: {
+      type: "problem",
+      docs: {
+        description: NoObjectFitInStyle,
+        recommended: "warn"
+      },
+      fixable: undefined,
+      schema: [],
+      messages: {
+        NoObjectFitInStyle,
+        NoObjectFitInClassName
+      }
+    },
+    defaultOptions: [],
+    create: (context) => {
+      return {
+        JSXOpeningElement: (node) => {
+          if (node.name.type !== "JSXIdentifier" || node.name.name !== "Video") {
+            return;
+          }
+          for (const attr of node.attributes) {
+            if (attr.type !== "JSXAttribute") {
+              continue;
+            }
+            if (attr.name.type === "JSXIdentifier" && attr.name.name === "style" && attr.value) {
+              if (attr.value.type === "JSXExpressionContainer" && attr.value.expression.type === "ObjectExpression") {
+                for (const prop of attr.value.expression.properties) {
+                  if (prop.type !== "Property") {
+                    continue;
+                  }
+                  let propertyName;
+                  if (prop.key.type === "Identifier") {
+                    propertyName = prop.key.name;
+                  } else if (prop.key.type === "Literal" && typeof prop.key.value === "string") {
+                    propertyName = prop.key.value;
+                  }
+                  if (propertyName === "objectFit" || propertyName === "object-fit") {
+                    context.report({
+                      messageId: "NoObjectFitInStyle",
+                      node: prop
+                    });
+                  }
+                }
+              }
+            }
+            if (attr.name.type === "JSXIdentifier" && attr.name.name === "className" && attr.value) {
+              let classString;
+              if (attr.value.type === "Literal" && typeof attr.value.value === "string") {
+                classString = attr.value.value;
+              } else if (attr.value.type === "JSXExpressionContainer" && attr.value.expression.type === "Literal" && typeof attr.value.expression.value === "string") {
+                classString = attr.value.expression.value;
+              } else if (attr.value.type === "JSXExpressionContainer" && attr.value.expression.type === "TemplateLiteral") {
+                classString = attr.value.expression.quasis.map((q) => q.value.cooked || q.value.raw).join(" ");
+              }
+              if (classString && objectFitClassPattern.test(classString)) {
+                context.report({
+                  messageId: "NoObjectFitInClassName",
+                  node: attr
+                });
+              }
+            }
+          }
+        }
+      };
+    }
+  });
+});
+var createRule7;
 var NoStringAssets;
 var no_string_assets_default;
 var init_no_string_assets = __esm(() => {
-  createRule6 = import_utils6.ESLintUtils.RuleCreator(() => {
+  createRule7 = import_utils7.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
   NoStringAssets = [
@@ -46597,7 +46689,7 @@ var init_no_string_assets = __esm(() => {
     "See: https://www.remotion.dev/docs/assets"
   ].join(`
 `);
-  no_string_assets_default = createRule6({
+  no_string_assets_default = createRule7({
     name: "no-string-assets",
     meta: {
       type: "problem",
@@ -46673,14 +46765,14 @@ function findProblematicTailwindClass(classString) {
   }
   return null;
 }
-var createRule7;
+var createRule8;
 var NonPureAnimation;
 var nonPureAnimationProperties;
 var nonPureAnimationPropertiesKebab;
 var nonPureAnimationTailwindClasses;
 var non_pure_animation_default;
 var init_non_pure_animation = __esm(() => {
-  createRule7 = import_utils7.ESLintUtils.RuleCreator(() => {
+  createRule8 = import_utils8.ESLintUtils.RuleCreator(() => {
     return "https://www.remotion.dev/docs/flickering";
   });
   NonPureAnimation = [
@@ -46694,7 +46786,7 @@ var init_non_pure_animation = __esm(() => {
     /\btransition-\w+\b/,
     /\btransition\b/
   ];
-  non_pure_animation_default = createRule7({
+  non_pure_animation_default = createRule8({
     name: "non-pure-animation",
     meta: {
       type: "problem",
@@ -46772,14 +46864,14 @@ var init_non_pure_animation = __esm(() => {
 function containsSlowTailwindClass(classString) {
   return slowTailwindClasses.some((pattern) => pattern.test(classString));
 }
-var createRule8;
+var createRule9;
 var SlowCssProperty;
 var slowCssProperties;
 var slowCssPropertiesKebab;
 var slowTailwindClasses;
 var slow_css_property_default;
 var init_slow_css_property = __esm(() => {
-  createRule8 = import_utils8.ESLintUtils.RuleCreator(() => {
+  createRule9 = import_utils9.ESLintUtils.RuleCreator(() => {
     return "https://remotion.dev/docs/gpu";
   });
   SlowCssProperty = [
@@ -46803,7 +46895,7 @@ var init_slow_css_property = __esm(() => {
     /\bsepia(?:-\d+)?\b/,
     /\btext-shadow-\w+\b/
   ];
-  slow_css_property_default = createRule8({
+  slow_css_property_default = createRule9({
     name: "slow-css-property",
     meta: {
       type: "problem",
@@ -46861,13 +46953,13 @@ var init_slow_css_property = __esm(() => {
     }
   });
 });
-var createRule9;
+var createRule10;
 var RelativePathStaticFile;
 var AbsoluteStaticFile;
 var PublicStaticFile;
 var staticfile_no_relative_default;
 var init_staticfile_no_relative = __esm(() => {
-  createRule9 = import_utils9.ESLintUtils.RuleCreator(() => {
+  createRule10 = import_utils10.ESLintUtils.RuleCreator(() => {
     return `https://remotion.dev/docs/staticfile-relative-paths`;
   });
   RelativePathStaticFile = [
@@ -46883,7 +46975,7 @@ var init_staticfile_no_relative = __esm(() => {
     "Do not prefix your assets with public/.",
     "See: https://remotion.dev/docs/staticfile-relative-paths"
   ].join("");
-  staticfile_no_relative_default = createRule9({
+  staticfile_no_relative_default = createRule10({
     name: "staticfile-no-relative",
     meta: {
       type: "problem",
@@ -46949,11 +47041,11 @@ var init_staticfile_no_relative = __esm(() => {
     }
   });
 });
-var createRule10;
+var createRule11;
 var RelativePathStaticFile2;
 var staticfile_no_remote_default;
 var init_staticfile_no_remote = __esm(() => {
-  createRule10 = import_utils10.ESLintUtils.RuleCreator(() => {
+  createRule11 = import_utils11.ESLintUtils.RuleCreator(() => {
     return `https://remotion.dev/docs/staticfile-remote-urls`;
   });
   RelativePathStaticFile2 = [
@@ -46961,7 +47053,7 @@ var init_staticfile_no_remote = __esm(() => {
     "See: https://remotion.dev/docs/staticfile-remote-urls"
   ].join(`
 `);
-  staticfile_no_remote_default = createRule10({
+  staticfile_no_remote_default = createRule11({
     name: "staticfile-no-remote",
     meta: {
       type: "problem",
@@ -47013,11 +47105,11 @@ var init_staticfile_no_remote = __esm(() => {
     }
   });
 });
-var createRule11;
+var createRule12;
 var UseGifComponent;
 var use_gif_component_default;
 var init_use_gif_component = __esm(() => {
-  createRule11 = import_utils11.ESLintUtils.RuleCreator(() => {
+  createRule12 = import_utils12.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
   UseGifComponent = [
@@ -47026,7 +47118,7 @@ var init_use_gif_component = __esm(() => {
     "Ignore this message if this is a non-animated GIF."
   ].join(`
 `);
-  use_gif_component_default = createRule11({
+  use_gif_component_default = createRule12({
     name: "use-gif-component",
     meta: {
       type: "problem",
@@ -47101,15 +47193,15 @@ var init_use_gif_component = __esm(() => {
     }
   });
 });
-var createRule12;
+var createRule13;
 var ImportConfig = "Update the import to the new V4 location: import {Config} from '@remotion/cli/config'";
 var rule;
 var v4_import_default;
 var init_v4_import = __esm(() => {
-  createRule12 = import_utils12.ESLintUtils.RuleCreator(() => {
+  createRule13 = import_utils13.ESLintUtils.RuleCreator(() => {
     return `https://www.remotion.dev/docs/4-0-migration`;
   });
-  rule = createRule12({
+  rule = createRule13({
     name: "v4-config-import",
     meta: {
       type: "problem",
@@ -47143,14 +47235,14 @@ var init_v4_import = __esm(() => {
   });
   v4_import_default = rule;
 });
-var createRule13;
+var createRule14;
 var VolumeCallback = "Prefer a callback function for setting the volume: `volume={(f) => interpolate(...)}`. See https://www.remotion.dev/docs/audio/volume";
 var volume_callback_default;
 var init_volume_callback = __esm(() => {
-  createRule13 = import_utils13.ESLintUtils.RuleCreator(() => {
+  createRule14 = import_utils14.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  volume_callback_default = createRule13({
+  volume_callback_default = createRule14({
     name: "volume-callback",
     meta: {
       type: "problem",
@@ -47217,17 +47309,17 @@ var init_volume_callback = __esm(() => {
     }
   });
 });
-var createRule14;
+var createRule15;
 var NoNativeImgTag = "Prefer the <Img /> tag from 'remotion' package, because it will wait until the image is loaded when you are rendering your video.";
 var NoNativeIFrameTag = "Prefer the <IFrame /> tag from 'remotion' package, because it will wait until the iframe is loaded when you are rendering your video.";
 var NoNativeAudioTag = "Use the <Audio /> tag from '@remotion/media' package, because it will synchronize with the Remotion timeline.";
 var NoNativeVideoTag = "Use the <Video /> tag from '@remotion/media' package, because it will synchronize with the Remotion timeline.";
 var warn_native_media_tag_default;
 var init_warn_native_media_tag = __esm(() => {
-  createRule14 = import_utils14.ESLintUtils.RuleCreator(() => {
+  createRule15 = import_utils15.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  warn_native_media_tag_default = createRule14({
+  warn_native_media_tag_default = createRule15({
     name: "warn-native-media-tag",
     meta: {
       type: "problem",
@@ -47321,6 +47413,7 @@ var require_src2 = __commonJS2((exports, module) => {
   init_no_background_image();
   init_no_duration_frames_infinity();
   init_no_from_0();
+  init_no_object_fit_on_media_video();
   init_no_string_assets();
   init_non_pure_animation();
   init_slow_css_property();
@@ -47344,7 +47437,8 @@ var require_src2 = __commonJS2((exports, module) => {
     "no-background-image": no_background_image_default,
     "non-pure-animation": non_pure_animation_default,
     "slow-css-property": slow_css_property_default,
-    "v4-config-import": v4_import_default
+    "v4-config-import": v4_import_default,
+    "no-object-fit-on-media-video": no_object_fit_on_media_video_default
   };
   var recommendedRuleConfig = {
     "@remotion/warn-native-media-tag": "error",
@@ -47359,7 +47453,8 @@ var require_src2 = __commonJS2((exports, module) => {
     "@remotion/staticfile-no-remote": "error",
     "@remotion/no-background-image": "error",
     "@remotion/non-pure-animation": "warn",
-    "@remotion/v4-config-import": "error"
+    "@remotion/v4-config-import": "error",
+    "@remotion/no-object-fit-on-media-video": "warn"
   };
   var configs = {
     recommended: {

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/eslint-config-flat"
 	},
 	"name": "@remotion/eslint-config-flat",
-	"version": "4.0.441",
+	"version": "4.0.442",
 	"description": "Default configuration for Remotion templates (ESLint >= 9)",
 	"main": "dist/esm/index.mjs",
 	"type": "module",
@@ -28,11 +28,11 @@
 		"eslint": ">=9"
 	},
 	"devDependencies": {
-		"@remotion/eslint-plugin": "4.0.441",
+		"@remotion/eslint-plugin": "4.0.442",
 		"@eslint/js": "9.19.0",
 		"eslint-plugin-react": "7.37.4",
 		"eslint-plugin-react-hooks": "5.2.0",
-		"@remotion/eslint-config-internal": "4.0.441",
+		"@remotion/eslint-config-internal": "4.0.442",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},