@remotion/eslint-config-flat 4.0.317 → 4.0.319

package/dist/esm/index.mjs

@@ -46260,6 +46260,7 @@ var import_utils9 = __toESM(require_dist4(), 1);
 var import_utils10 = __toESM(require_dist4(), 1);
 var import_utils11 = __toESM(require_dist4(), 1);
 var import_utils12 = __toESM(require_dist4(), 1);
+var import_utils13 = __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;
@@ -46659,13 +46660,105 @@ var init_no_string_assets = __esm(() => {
     }
   });
 });
+function containsSlowTailwindClass(classString) {
+  return slowTailwindClasses.some((pattern) => pattern.test(classString));
+}
 var createRule7;
+var SlowCssProperty;
+var slowCssProperties;
+var slowCssPropertiesKebab;
+var slowTailwindClasses;
+var slow_css_property_default;
+var init_slow_css_property = __esm(() => {
+  createRule7 = import_utils7.ESLintUtils.RuleCreator(() => {
+    return "https://remotion.dev/docs/gpu";
+  });
+  SlowCssProperty = [
+    "This GPU effect may slow down the render on machines which don't have a GPU.",
+    "See: https://remotion.dev/docs/gpu"
+  ].join(`
+`);
+  slowCssProperties = new Set(["boxShadow", "textShadow", "filter"]);
+  slowCssPropertiesKebab = new Set(["box-shadow", "text-shadow", "filter"]);
+  slowTailwindClasses = [
+    /\bshadow-(?:sm|md|lg|xl|2xl|inner|none|\w+)\b/,
+    /\bshadow-\w+(?:\/\d+)?\b/,
+    /\bblur-(?:none|sm|md|lg|xl|2xl|3xl|\w+)\b/,
+    /\bbrightness-\d+\b/,
+    /\bcontrast-\d+\b/,
+    /\bdrop-shadow-(?:sm|md|lg|xl|2xl|none|\w+)\b/,
+    /\bgrayscale(?:-\d+)?\b/,
+    /\bhue-rotate-\d+\b/,
+    /\binvert(?:-\d+)?\b/,
+    /\bsaturate-\d+\b/,
+    /\bsepia(?:-\d+)?\b/,
+    /\btext-shadow-\w+\b/
+  ];
+  slow_css_property_default = createRule7({
+    name: "slow-css-property",
+    meta: {
+      type: "problem",
+      docs: {
+        description: SlowCssProperty,
+        recommended: "warn"
+      },
+      fixable: undefined,
+      schema: [],
+      messages: {
+        SlowCssProperty
+      }
+    },
+    defaultOptions: [],
+    create: (context) => {
+      return {
+        Property: (node) => {
+          let propertyName;
+          if (node.key.type === "Identifier") {
+            propertyName = node.key.name;
+          } else if (node.key.type === "Literal" && typeof node.key.value === "string") {
+            propertyName = node.key.value;
+          }
+          if (!propertyName) {
+            return;
+          }
+          const isSlowProperty = slowCssProperties.has(propertyName) || slowCssPropertiesKebab.has(propertyName);
+          if (isSlowProperty) {
+            context.report({
+              messageId: "SlowCssProperty",
+              node
+            });
+          }
+        },
+        JSXAttribute: (node) => {
+          if (node.name.type === "JSXIdentifier" && node.name.name === "className" && node.value) {
+            let classString;
+            if (node.value.type === "Literal" && typeof node.value.value === "string") {
+              classString = node.value.value;
+            } else if (node.value.type === "JSXExpressionContainer" && node.value.expression.type === "Literal" && typeof node.value.expression.value === "string") {
+              classString = node.value.expression.value;
+            } else if (node.value.type === "JSXExpressionContainer" && node.value.expression.type === "TemplateLiteral") {
+              const templateLiteral = node.value.expression;
+              classString = templateLiteral.quasis.map((q) => q.value.cooked || q.value.raw).join(" ");
+            }
+            if (classString && containsSlowTailwindClass(classString)) {
+              context.report({
+                messageId: "SlowCssProperty",
+                node
+              });
+            }
+          }
+        }
+      };
+    }
+  });
+});
+var createRule8;
 var RelativePathStaticFile;
 var AbsoluteStaticFile;
 var PublicStaticFile;
 var staticfile_no_relative_default;
 var init_staticfile_no_relative = __esm(() => {
-  createRule7 = import_utils7.ESLintUtils.RuleCreator(() => {
+  createRule8 = import_utils8.ESLintUtils.RuleCreator(() => {
     return `https://remotion.dev/docs/staticfile-relative-paths`;
   });
   RelativePathStaticFile = [
@@ -46681,7 +46774,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 = createRule7({
+  staticfile_no_relative_default = createRule8({
     name: "staticfile-no-relative",
     meta: {
       type: "problem",
@@ -46747,11 +46840,11 @@ var init_staticfile_no_relative = __esm(() => {
     }
   });
 });
-var createRule8;
+var createRule9;
 var RelativePathStaticFile2;
 var staticfile_no_remote_default;
 var init_staticfile_no_remote = __esm(() => {
-  createRule8 = import_utils8.ESLintUtils.RuleCreator(() => {
+  createRule9 = import_utils9.ESLintUtils.RuleCreator(() => {
     return `https://remotion.dev/docs/staticfile-remote-urls`;
   });
   RelativePathStaticFile2 = [
@@ -46759,7 +46852,7 @@ var init_staticfile_no_remote = __esm(() => {
     "See: https://remotion.dev/docs/staticfile-remote-urls"
   ].join(`
 `);
-  staticfile_no_remote_default = createRule8({
+  staticfile_no_remote_default = createRule9({
     name: "staticfile-no-remote",
     meta: {
       type: "problem",
@@ -46811,11 +46904,11 @@ var init_staticfile_no_remote = __esm(() => {
     }
   });
 });
-var createRule9;
+var createRule10;
 var UseGifComponent;
 var use_gif_component_default;
 var init_use_gif_component = __esm(() => {
-  createRule9 = import_utils9.ESLintUtils.RuleCreator(() => {
+  createRule10 = import_utils10.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
   UseGifComponent = [
@@ -46824,7 +46917,7 @@ var init_use_gif_component = __esm(() => {
     "Ignore this message if this is a non-animated GIF."
   ].join(`
 `);
-  use_gif_component_default = createRule9({
+  use_gif_component_default = createRule10({
     name: "use-gif-component",
     meta: {
       type: "problem",
@@ -46899,15 +46992,15 @@ var init_use_gif_component = __esm(() => {
     }
   });
 });
-var createRule10;
+var createRule11;
 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(() => {
-  createRule10 = import_utils10.ESLintUtils.RuleCreator(() => {
+  createRule11 = import_utils11.ESLintUtils.RuleCreator(() => {
     return `https://www.remotion.dev/docs/4-0-migration`;
   });
-  rule = createRule10({
+  rule = createRule11({
     name: "v4-config-import",
     meta: {
       type: "problem",
@@ -46941,14 +47034,14 @@ var init_v4_import = __esm(() => {
   });
   v4_import_default = rule;
 });
-var createRule11;
+var createRule12;
 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(() => {
-  createRule11 = import_utils11.ESLintUtils.RuleCreator(() => {
+  createRule12 = import_utils12.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  volume_callback_default = createRule11({
+  volume_callback_default = createRule12({
     name: "volume-callback",
     meta: {
       type: "problem",
@@ -47000,6 +47093,12 @@ var init_volume_callback = __esm(() => {
           if (expression.type === "ArrowFunctionExpression") {
             return;
           }
+          if (expression.type === "FunctionExpression") {
+            return;
+          }
+          if (expression.type === "Identifier") {
+            return;
+          }
           context.report({
             messageId: "VolumeCallback",
             node
@@ -47009,17 +47108,17 @@ var init_volume_callback = __esm(() => {
     }
   });
 });
-var createRule12;
+var createRule13;
 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' package, because it will synchronize with the Remotion timeline.";
 var NoNativeVideoTag = "Use the <OffthreadVideo /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.";
 var warn_native_media_tag_default;
 var init_warn_native_media_tag = __esm(() => {
-  createRule12 = import_utils12.ESLintUtils.RuleCreator(() => {
+  createRule13 = import_utils13.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  warn_native_media_tag_default = createRule12({
+  warn_native_media_tag_default = createRule13({
     name: "warn-native-media-tag",
     meta: {
       type: "problem",
@@ -47114,6 +47213,7 @@ var require_src2 = __commonJS2((exports, module) => {
   init_no_duration_frames_infinity();
   init_no_from_0();
   init_no_string_assets();
+  init_slow_css_property();
   init_staticfile_no_relative();
   init_staticfile_no_remote();
   init_use_gif_component();
@@ -47132,6 +47232,7 @@ var require_src2 = __commonJS2((exports, module) => {
     "staticfile-no-relative": staticfile_no_relative_default,
     "staticfile-no-remote": staticfile_no_remote_default,
     "no-background-image": no_background_image_default,
+    "slow-css-property": slow_css_property_default,
     "v4-config-import": v4_import_default
   };
   var recommendedRuleConfig = {
@@ -47146,6 +47247,7 @@ var require_src2 = __commonJS2((exports, module) => {
     "@remotion/staticfile-no-relative": "error",
     "@remotion/staticfile-no-remote": "error",
     "@remotion/no-background-image": "error",
+    "@remotion/slow-css-property": "warn",
     "@remotion/v4-config-import": "error"
   };
   var configs = {

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.317",
+  "version": "4.0.319",
   "description": "Default configuration for Remotion templates (ESLint >= 9)",
   "main": "dist/esm/index.mjs",
   "type": "module",
@@ -26,8 +26,8 @@
     "eslint-plugin-react": "7.37.4",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint": "9.19.0",
-    "@remotion/eslint-plugin": "4.0.317",
-    "@remotion/eslint-config-internal": "4.0.317"
+    "@remotion/eslint-plugin": "4.0.319",
+    "@remotion/eslint-config-internal": "4.0.319"
   },
   "keywords": [
     "remotion",
@@ -50,7 +50,7 @@
   "homepage": "https://www.remotion.dev/docs/brownfield#install-the-eslint-plugin",
   "scripts": {
     "lint": "eslint src",
-    "formatting": "prettier src --check",
+    "formatting": "prettier --experimental-cli src --check",
     "make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
   }
 }