@remotion/eslint-plugin 4.0.341 → 4.0.342

package/dist/cjs/index.js

@@ -386,9 +386,112 @@ var no_string_assets_default = createRule6({
   }
 });
 
-// src/rules/slow-css-property.ts
+// src/rules/non-pure-animation.ts
 var import_utils7 = require("@typescript-eslint/utils");
 var createRule7 = import_utils7.ESLintUtils.RuleCreator(() => {
+  return "https://www.remotion.dev/docs/flickering";
+});
+var NonPureAnimation = [
+  "This animation does not run purely off useCurrentFrame() and will lead to flickering.",
+  "See: https://www.remotion.dev/docs/flickering"
+].join(`
+`);
+var nonPureAnimationProperties = new Set(["transition"]);
+var nonPureAnimationPropertiesKebab = new Set(["transition"]);
+var nonPureAnimationTailwindClasses = [
+  /\btransition-\w+\b/,
+  /\btransition\b/
+];
+function findProblematicTailwindClass(classString) {
+  for (const pattern of nonPureAnimationTailwindClasses) {
+    const match = classString.match(pattern);
+    if (match) {
+      return {
+        match: match[0],
+        index: match.index
+      };
+    }
+  }
+  return null;
+}
+var non_pure_animation_default = createRule7({
+  name: "non-pure-animation",
+  meta: {
+    type: "problem",
+    docs: {
+      description: NonPureAnimation,
+      recommended: "warn"
+    },
+    fixable: undefined,
+    schema: [],
+    messages: {
+      NonPureAnimation
+    }
+  },
+  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 isNonPureProperty = nonPureAnimationProperties.has(propertyName) || nonPureAnimationPropertiesKebab.has(propertyName);
+        if (isNonPureProperty) {
+          context.report({
+            messageId: "NonPureAnimation",
+            node
+          });
+        }
+      },
+      JSXAttribute: (node) => {
+        if (node.name.type === "JSXIdentifier" && node.name.name === "className" && node.value) {
+          let classString;
+          let valueNode;
+          if (node.value.type === "Literal" && typeof node.value.value === "string") {
+            classString = node.value.value;
+            valueNode = node.value;
+          } else if (node.value.type === "JSXExpressionContainer" && node.value.expression.type === "Literal" && typeof node.value.expression.value === "string") {
+            classString = node.value.expression.value;
+            valueNode = node.value.expression;
+          } 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(" ");
+            valueNode = templateLiteral;
+          }
+          if (classString) {
+            const problematicClass = findProblematicTailwindClass(classString);
+            if (problematicClass) {
+              const sourceCode = context.getSourceCode();
+              const valueStart = valueNode.range[0];
+              const quoteOffset = valueNode.type === "Literal" ? 1 : 0;
+              const classStart = valueStart + quoteOffset + problematicClass.index;
+              const classEnd = classStart + problematicClass.match.length;
+              const start = sourceCode.getLocFromIndex(classStart);
+              const end = sourceCode.getLocFromIndex(classEnd);
+              context.report({
+                messageId: "NonPureAnimation",
+                loc: {
+                  start,
+                  end
+                }
+              });
+            }
+          }
+        }
+      }
+    };
+  }
+});
+
+// src/rules/slow-css-property.ts
+var import_utils8 = require("@typescript-eslint/utils");
+var createRule8 = import_utils8.ESLintUtils.RuleCreator(() => {
   return "https://remotion.dev/docs/gpu";
 });
 var SlowCssProperty = [
@@ -415,7 +518,7 @@ var slowTailwindClasses = [
 function containsSlowTailwindClass(classString) {
   return slowTailwindClasses.some((pattern) => pattern.test(classString));
 }
-var slow_css_property_default = createRule7({
+var slow_css_property_default = createRule8({
   name: "slow-css-property",
   meta: {
     type: "problem",
@@ -474,8 +577,8 @@ var slow_css_property_default = createRule7({
 });
 
 // src/rules/staticfile-no-relative.ts
-var import_utils8 = require("@typescript-eslint/utils");
-var createRule8 = import_utils8.ESLintUtils.RuleCreator(() => {
+var import_utils9 = require("@typescript-eslint/utils");
+var createRule9 = import_utils9.ESLintUtils.RuleCreator(() => {
   return `https://remotion.dev/docs/staticfile-relative-paths`;
 });
 var RelativePathStaticFile = [
@@ -491,7 +594,7 @@ var PublicStaticFile = [
   "Do not prefix your assets with public/.",
   "See: https://remotion.dev/docs/staticfile-relative-paths"
 ].join("");
-var staticfile_no_relative_default = createRule8({
+var staticfile_no_relative_default = createRule9({
   name: "staticfile-no-relative",
   meta: {
     type: "problem",
@@ -558,8 +661,8 @@ var staticfile_no_relative_default = createRule8({
 });
 
 // src/rules/staticfile-no-remote.ts
-var import_utils9 = require("@typescript-eslint/utils");
-var createRule9 = import_utils9.ESLintUtils.RuleCreator(() => {
+var import_utils10 = require("@typescript-eslint/utils");
+var createRule10 = import_utils10.ESLintUtils.RuleCreator(() => {
   return `https://remotion.dev/docs/staticfile-remote-urls`;
 });
 var RelativePathStaticFile2 = [
@@ -567,7 +670,7 @@ var RelativePathStaticFile2 = [
   "See: https://remotion.dev/docs/staticfile-remote-urls"
 ].join(`
 `);
-var staticfile_no_remote_default = createRule9({
+var staticfile_no_remote_default = createRule10({
   name: "staticfile-no-remote",
   meta: {
     type: "problem",
@@ -620,8 +723,8 @@ var staticfile_no_remote_default = createRule9({
 });
 
 // src/rules/use-gif-component.ts
-var import_utils10 = require("@typescript-eslint/utils");
-var createRule10 = import_utils10.ESLintUtils.RuleCreator(() => {
+var import_utils11 = require("@typescript-eslint/utils");
+var createRule11 = import_utils11.ESLintUtils.RuleCreator(() => {
   return `https://github.com/remotion-dev/remotion`;
 });
 var UseGifComponent = [
@@ -630,7 +733,7 @@ var UseGifComponent = [
   "Ignore this message if this is a non-animated GIF."
 ].join(`
 `);
-var use_gif_component_default = createRule10({
+var use_gif_component_default = createRule11({
   name: "use-gif-component",
   meta: {
     type: "problem",
@@ -706,12 +809,12 @@ var use_gif_component_default = createRule10({
 });
 
 // src/rules/v4-import.ts
-var import_utils11 = require("@typescript-eslint/utils");
-var createRule11 = import_utils11.ESLintUtils.RuleCreator(() => {
+var import_utils12 = require("@typescript-eslint/utils");
+var createRule12 = import_utils12.ESLintUtils.RuleCreator(() => {
   return `https://www.remotion.dev/docs/4-0-migration`;
 });
 var ImportConfig = "Update the import to the new V4 location: import {Config} from '@remotion/cli/config'";
-var rule = createRule11({
+var rule = createRule12({
   name: "v4-config-import",
   meta: {
     type: "problem",
@@ -746,12 +849,12 @@ var rule = createRule11({
 var v4_import_default = rule;
 
 // src/rules/volume-callback.ts
-var import_utils12 = require("@typescript-eslint/utils");
-var createRule12 = import_utils12.ESLintUtils.RuleCreator(() => {
+var import_utils13 = require("@typescript-eslint/utils");
+var createRule13 = import_utils13.ESLintUtils.RuleCreator(() => {
   return `https://github.com/remotion-dev/remotion`;
 });
 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 = createRule12({
+var volume_callback_default = createRule13({
   name: "volume-callback",
   meta: {
     type: "problem",
@@ -819,15 +922,15 @@ var volume_callback_default = createRule12({
 });
 
 // src/rules/warn-native-media-tag.ts
-var import_utils13 = require("@typescript-eslint/utils");
-var createRule13 = import_utils13.ESLintUtils.RuleCreator(() => {
+var import_utils14 = require("@typescript-eslint/utils");
+var createRule14 = import_utils14.ESLintUtils.RuleCreator(() => {
   return `https://github.com/remotion-dev/remotion`;
 });
 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 = createRule13({
+var warn_native_media_tag_default = createRule14({
   name: "warn-native-media-tag",
   meta: {
     type: "problem",
@@ -928,6 +1031,7 @@ var rules = {
   "staticfile-no-relative": staticfile_no_relative_default,
   "staticfile-no-remote": staticfile_no_remote_default,
   "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
 };
@@ -943,6 +1047,7 @@ var recommendedRuleConfig = {
   "@remotion/staticfile-no-relative": "error",
   "@remotion/staticfile-no-remote": "error",
   "@remotion/no-background-image": "error",
+  "@remotion/non-pure-animation": "warn",
   "@remotion/slow-css-property": "warn",
   "@remotion/v4-config-import": "error"
 };

package/dist/esm/index.mjs

@@ -404,14 +404,120 @@ var init_no_string_assets = __esm(() => {
   });
 });
 
-// src/rules/slow-css-property.ts
+// src/rules/non-pure-animation.ts
 import { ESLintUtils as ESLintUtils7 } from "@typescript-eslint/utils";
+function findProblematicTailwindClass(classString) {
+  for (const pattern of nonPureAnimationTailwindClasses) {
+    const match = classString.match(pattern);
+    if (match) {
+      return {
+        match: match[0],
+        index: match.index
+      };
+    }
+  }
+  return null;
+}
+var createRule7, NonPureAnimation, nonPureAnimationProperties, nonPureAnimationPropertiesKebab, nonPureAnimationTailwindClasses, non_pure_animation_default;
+var init_non_pure_animation = __esm(() => {
+  createRule7 = ESLintUtils7.RuleCreator(() => {
+    return "https://www.remotion.dev/docs/flickering";
+  });
+  NonPureAnimation = [
+    "This animation does not run purely off useCurrentFrame() and will lead to flickering.",
+    "See: https://www.remotion.dev/docs/flickering"
+  ].join(`
+`);
+  nonPureAnimationProperties = new Set(["transition"]);
+  nonPureAnimationPropertiesKebab = new Set(["transition"]);
+  nonPureAnimationTailwindClasses = [
+    /\btransition-\w+\b/,
+    /\btransition\b/
+  ];
+  non_pure_animation_default = createRule7({
+    name: "non-pure-animation",
+    meta: {
+      type: "problem",
+      docs: {
+        description: NonPureAnimation,
+        recommended: "warn"
+      },
+      fixable: undefined,
+      schema: [],
+      messages: {
+        NonPureAnimation
+      }
+    },
+    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 isNonPureProperty = nonPureAnimationProperties.has(propertyName) || nonPureAnimationPropertiesKebab.has(propertyName);
+          if (isNonPureProperty) {
+            context.report({
+              messageId: "NonPureAnimation",
+              node
+            });
+          }
+        },
+        JSXAttribute: (node) => {
+          if (node.name.type === "JSXIdentifier" && node.name.name === "className" && node.value) {
+            let classString;
+            let valueNode;
+            if (node.value.type === "Literal" && typeof node.value.value === "string") {
+              classString = node.value.value;
+              valueNode = node.value;
+            } else if (node.value.type === "JSXExpressionContainer" && node.value.expression.type === "Literal" && typeof node.value.expression.value === "string") {
+              classString = node.value.expression.value;
+              valueNode = node.value.expression;
+            } 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(" ");
+              valueNode = templateLiteral;
+            }
+            if (classString) {
+              const problematicClass = findProblematicTailwindClass(classString);
+              if (problematicClass) {
+                const sourceCode = context.getSourceCode();
+                const valueStart = valueNode.range[0];
+                const quoteOffset = valueNode.type === "Literal" ? 1 : 0;
+                const classStart = valueStart + quoteOffset + problematicClass.index;
+                const classEnd = classStart + problematicClass.match.length;
+                const start = sourceCode.getLocFromIndex(classStart);
+                const end = sourceCode.getLocFromIndex(classEnd);
+                context.report({
+                  messageId: "NonPureAnimation",
+                  loc: {
+                    start,
+                    end
+                  }
+                });
+              }
+            }
+          }
+        }
+      };
+    }
+  });
+});
+
+// src/rules/slow-css-property.ts
+import { ESLintUtils as ESLintUtils8 } from "@typescript-eslint/utils";
 function containsSlowTailwindClass(classString) {
   return slowTailwindClasses.some((pattern) => pattern.test(classString));
 }
-var createRule7, SlowCssProperty, slowCssProperties, slowCssPropertiesKebab, slowTailwindClasses, slow_css_property_default;
+var createRule8, SlowCssProperty, slowCssProperties, slowCssPropertiesKebab, slowTailwindClasses, slow_css_property_default;
 var init_slow_css_property = __esm(() => {
-  createRule7 = ESLintUtils7.RuleCreator(() => {
+  createRule8 = ESLintUtils8.RuleCreator(() => {
     return "https://remotion.dev/docs/gpu";
   });
   SlowCssProperty = [
@@ -435,7 +541,7 @@ var init_slow_css_property = __esm(() => {
     /\bsepia(?:-\d+)?\b/,
     /\btext-shadow-\w+\b/
   ];
-  slow_css_property_default = createRule7({
+  slow_css_property_default = createRule8({
     name: "slow-css-property",
     meta: {
       type: "problem",
@@ -495,10 +601,10 @@ var init_slow_css_property = __esm(() => {
 });
 
 // src/rules/staticfile-no-relative.ts
-import { ESLintUtils as ESLintUtils8 } from "@typescript-eslint/utils";
-var createRule8, RelativePathStaticFile, AbsoluteStaticFile, PublicStaticFile, staticfile_no_relative_default;
+import { ESLintUtils as ESLintUtils9 } from "@typescript-eslint/utils";
+var createRule9, RelativePathStaticFile, AbsoluteStaticFile, PublicStaticFile, staticfile_no_relative_default;
 var init_staticfile_no_relative = __esm(() => {
-  createRule8 = ESLintUtils8.RuleCreator(() => {
+  createRule9 = ESLintUtils9.RuleCreator(() => {
     return `https://remotion.dev/docs/staticfile-relative-paths`;
   });
   RelativePathStaticFile = [
@@ -514,7 +620,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 = createRule8({
+  staticfile_no_relative_default = createRule9({
     name: "staticfile-no-relative",
     meta: {
       type: "problem",
@@ -582,10 +688,10 @@ var init_staticfile_no_relative = __esm(() => {
 });
 
 // src/rules/staticfile-no-remote.ts
-import { ESLintUtils as ESLintUtils9 } from "@typescript-eslint/utils";
-var createRule9, RelativePathStaticFile2, staticfile_no_remote_default;
+import { ESLintUtils as ESLintUtils10 } from "@typescript-eslint/utils";
+var createRule10, RelativePathStaticFile2, staticfile_no_remote_default;
 var init_staticfile_no_remote = __esm(() => {
-  createRule9 = ESLintUtils9.RuleCreator(() => {
+  createRule10 = ESLintUtils10.RuleCreator(() => {
     return `https://remotion.dev/docs/staticfile-remote-urls`;
   });
   RelativePathStaticFile2 = [
@@ -593,7 +699,7 @@ var init_staticfile_no_remote = __esm(() => {
     "See: https://remotion.dev/docs/staticfile-remote-urls"
   ].join(`
 `);
-  staticfile_no_remote_default = createRule9({
+  staticfile_no_remote_default = createRule10({
     name: "staticfile-no-remote",
     meta: {
       type: "problem",
@@ -647,10 +753,10 @@ var init_staticfile_no_remote = __esm(() => {
 });
 
 // src/rules/use-gif-component.ts
-import { ESLintUtils as ESLintUtils10 } from "@typescript-eslint/utils";
-var createRule10, UseGifComponent, use_gif_component_default;
+import { ESLintUtils as ESLintUtils11 } from "@typescript-eslint/utils";
+var createRule11, UseGifComponent, use_gif_component_default;
 var init_use_gif_component = __esm(() => {
-  createRule10 = ESLintUtils10.RuleCreator(() => {
+  createRule11 = ESLintUtils11.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
   UseGifComponent = [
@@ -659,7 +765,7 @@ var init_use_gif_component = __esm(() => {
     "Ignore this message if this is a non-animated GIF."
   ].join(`
 `);
-  use_gif_component_default = createRule10({
+  use_gif_component_default = createRule11({
     name: "use-gif-component",
     meta: {
       type: "problem",
@@ -736,13 +842,13 @@ var init_use_gif_component = __esm(() => {
 });
 
 // src/rules/v4-import.ts
-import { ESLintUtils as ESLintUtils11 } from "@typescript-eslint/utils";
-var createRule11, ImportConfig = "Update the import to the new V4 location: import {Config} from '@remotion/cli/config'", rule, v4_import_default;
+import { ESLintUtils as ESLintUtils12 } from "@typescript-eslint/utils";
+var createRule12, ImportConfig = "Update the import to the new V4 location: import {Config} from '@remotion/cli/config'", rule, v4_import_default;
 var init_v4_import = __esm(() => {
-  createRule11 = ESLintUtils11.RuleCreator(() => {
+  createRule12 = ESLintUtils12.RuleCreator(() => {
     return `https://www.remotion.dev/docs/4-0-migration`;
   });
-  rule = createRule11({
+  rule = createRule12({
     name: "v4-config-import",
     meta: {
       type: "problem",
@@ -778,13 +884,13 @@ var init_v4_import = __esm(() => {
 });
 
 // src/rules/volume-callback.ts
-import { ESLintUtils as ESLintUtils12 } from "@typescript-eslint/utils";
-var createRule12, VolumeCallback = "Prefer a callback function for setting the volume: `volume={(f) => interpolate(...)}`. See https://www.remotion.dev/docs/audio/volume", volume_callback_default;
+import { ESLintUtils as ESLintUtils13 } from "@typescript-eslint/utils";
+var createRule13, VolumeCallback = "Prefer a callback function for setting the volume: `volume={(f) => interpolate(...)}`. See https://www.remotion.dev/docs/audio/volume", volume_callback_default;
 var init_volume_callback = __esm(() => {
-  createRule12 = ESLintUtils12.RuleCreator(() => {
+  createRule13 = ESLintUtils13.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  volume_callback_default = createRule12({
+  volume_callback_default = createRule13({
     name: "volume-callback",
     meta: {
       type: "problem",
@@ -853,13 +959,13 @@ var init_volume_callback = __esm(() => {
 });
 
 // src/rules/warn-native-media-tag.ts
-import { ESLintUtils as ESLintUtils13 } from "@typescript-eslint/utils";
-var createRule13, NoNativeImgTag = "Prefer the <Img /> tag from 'remotion' package, because it will wait until the image is loaded when you are rendering your video.", NoNativeIFrameTag = "Prefer the <IFrame /> tag from 'remotion' package, because it will wait until the iframe is loaded when you are rendering your video.", NoNativeAudioTag = "Use the <Audio /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.", NoNativeVideoTag = "Use the <OffthreadVideo /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.", warn_native_media_tag_default;
+import { ESLintUtils as ESLintUtils14 } from "@typescript-eslint/utils";
+var createRule14, NoNativeImgTag = "Prefer the <Img /> tag from 'remotion' package, because it will wait until the image is loaded when you are rendering your video.", NoNativeIFrameTag = "Prefer the <IFrame /> tag from 'remotion' package, because it will wait until the iframe is loaded when you are rendering your video.", NoNativeAudioTag = "Use the <Audio /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.", NoNativeVideoTag = "Use the <OffthreadVideo /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.", warn_native_media_tag_default;
 var init_warn_native_media_tag = __esm(() => {
-  createRule13 = ESLintUtils13.RuleCreator(() => {
+  createRule14 = ESLintUtils14.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  warn_native_media_tag_default = createRule13({
+  warn_native_media_tag_default = createRule14({
     name: "warn-native-media-tag",
     meta: {
       type: "problem",
@@ -956,6 +1062,7 @@ var require_src = __commonJS((exports, module) => {
   init_no_duration_frames_infinity();
   init_no_from_0();
   init_no_string_assets();
+  init_non_pure_animation();
   init_slow_css_property();
   init_staticfile_no_relative();
   init_staticfile_no_remote();
@@ -975,6 +1082,7 @@ var require_src = __commonJS((exports, module) => {
     "staticfile-no-relative": staticfile_no_relative_default,
     "staticfile-no-remote": staticfile_no_remote_default,
     "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
   };
@@ -990,6 +1098,7 @@ var require_src = __commonJS((exports, module) => {
     "@remotion/staticfile-no-relative": "error",
     "@remotion/staticfile-no-remote": "error",
     "@remotion/no-background-image": "error",
+    "@remotion/non-pure-animation": "warn",
     "@remotion/slow-css-property": "warn",
     "@remotion/v4-config-import": "error"
   };

package/dist/index.d.ts

@@ -13,6 +13,7 @@ declare const _default: {
                 readonly '@remotion/staticfile-no-relative': "error";
                 readonly '@remotion/staticfile-no-remote': "error";
                 readonly '@remotion/no-background-image': "error";
+                readonly '@remotion/non-pure-animation': "warn";
                 readonly '@remotion/slow-css-property': "warn";
                 readonly '@remotion/v4-config-import': "error";
             };
@@ -31,6 +32,7 @@ declare const _default: {
         'staticfile-no-relative': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"RelativePathStaticFile" | "AbsoluteStaticFile" | "PublicStaticFile", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
         'staticfile-no-remote': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"RelativePathStaticFile", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
         'no-background-image': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"BackgroundImage", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
+        'non-pure-animation': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"NonPureAnimation", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
         'slow-css-property': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"SlowCssProperty", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
         'v4-config-import': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"ImportConfig", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
     };
@@ -47,6 +49,7 @@ declare const _default: {
             readonly '@remotion/staticfile-no-relative': "error";
             readonly '@remotion/staticfile-no-remote': "error";
             readonly '@remotion/no-background-image': "error";
+            readonly '@remotion/non-pure-animation': "warn";
             readonly '@remotion/slow-css-property': "warn";
             readonly '@remotion/v4-config-import': "error";
         };
@@ -64,6 +67,7 @@ declare const _default: {
                     'staticfile-no-relative': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"RelativePathStaticFile" | "AbsoluteStaticFile" | "PublicStaticFile", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
                     'staticfile-no-remote': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"RelativePathStaticFile", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
                     'no-background-image': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"BackgroundImage", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
+                    'non-pure-animation': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"NonPureAnimation", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
                     'slow-css-property': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"SlowCssProperty", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
                     'v4-config-import': import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"ImportConfig", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
                 };

package/dist/rules/non-pure-animation.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@typescript-eslint/utils/dist/ts-eslint").RuleModule<"NonPureAnimation", [], import("@typescript-eslint/utils/dist/ts-eslint").RuleListener>;
+export default _default;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/eslint-plugin"
   },
   "name": "@remotion/eslint-plugin",
-  "version": "4.0.341",
+  "version": "4.0.342",
   "description": "Rules for writing Remotion code",
   "main": "dist/index.js",
   "bugs": {