@remotion/eslint-plugin 4.0.258 → 4.0.259

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.258",
+  "version": "4.0.259",
   "description": "Rules for writing Remotion code",
   "main": "dist/index.js",
   "bugs": {

package/dist/index.js

@@ -1,51 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-const deterministic_randomness_1 = __importDefault(require("./rules/deterministic-randomness"));
-const even_dimensions_1 = __importDefault(require("./rules/even-dimensions"));
-const no_background_image_1 = __importDefault(require("./rules/no-background-image"));
-const no_duration_frames_infinity_1 = __importDefault(require("./rules/no-duration-frames-infinity"));
-const no_from_0_1 = __importDefault(require("./rules/no-from-0"));
-const no_string_assets_1 = __importDefault(require("./rules/no-string-assets"));
-const staticfile_no_relative_1 = __importDefault(require("./rules/staticfile-no-relative"));
-const staticfile_no_remote_1 = __importDefault(require("./rules/staticfile-no-remote"));
-const use_gif_component_1 = __importDefault(require("./rules/use-gif-component"));
-const v4_import_1 = __importDefault(require("./rules/v4-import"));
-const volume_callback_1 = __importDefault(require("./rules/volume-callback"));
-const warn_native_media_tag_1 = __importDefault(require("./rules/warn-native-media-tag"));
-const rules = {
-    'warn-native-media-tag': warn_native_media_tag_1.default,
-    'deterministic-randomness': deterministic_randomness_1.default,
-    'no-string-assets': no_string_assets_1.default,
-    'even-dimensions': even_dimensions_1.default,
-    'duration-in-frames': no_duration_frames_infinity_1.default,
-    'from-0': no_from_0_1.default,
-    'volume-callback': volume_callback_1.default,
-    'use-gif-component': use_gif_component_1.default,
-    'staticfile-no-relative': staticfile_no_relative_1.default,
-    'staticfile-no-remote': staticfile_no_remote_1.default,
-    'no-background-image': no_background_image_1.default,
-    'v4-config-import': v4_import_1.default,
-};
-module.exports = {
-    rules,
-    configs: {
-        recommended: {
-            rules: {
-                '@remotion/warn-native-media-tag': 'error',
-                '@remotion/deterministic-randomness': 'error',
-                '@remotion/no-string-assets': 'error',
-                '@remotion/even-dimensions': 'error',
-                '@remotion/duration-in-frames': 'error',
-                '@remotion/from-0': 'error',
-                '@remotion/volume-callback': 'error',
-                '@remotion/use-gif-component': 'error',
-                '@remotion/staticfile-no-relative': 'error',
-                '@remotion/staticfile-no-remote': 'error',
-                '@remotion/no-background-image': 'error',
-                '@remotion/v4-config-import': 'error',
-            },
-        },
-    },
-};

package/dist/rules/deterministic-randomness.js

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const DeterministicRandomness = [
-    'The result of Math.random() will change between frames while in rendering mode.',
-    'Use the `random()` API from Remotion to get a deterministic pseudorandom value.',
-    'If you are sure you want a true random value, use `random(null)` to hide this warning.',
-    'See: https://remotion.dev/docs/using-randomness',
-].join('\n');
-exports.default = createRule({
-    name: 'deterministic-randomness',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: DeterministicRandomness,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            DeterministicRandomness: DeterministicRandomness,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            CallExpression: (node) => {
-                const callee = node.callee;
-                if (callee.type === 'MemberExpression') {
-                    if (callee.object.type === 'Identifier' &&
-                        callee.object.name === 'Math') {
-                        if (callee.property.type === 'Identifier' &&
-                            callee.property.name === 'random') {
-                            context.report({
-                                messageId: 'DeterministicRandomness',
-                                node,
-                            });
-                        }
-                    }
-                }
-            },
-        };
-    },
-});

package/dist/rules/even-dimensions.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const EvenDimensions = "Videos rendered in H264/H265 codec do not support dimensions that are not divisible by 2. Make the number even to resolve this warning. Ignore this warning if you don't plan on rendering this video with a H264 or H265 codec.";
-exports.default = createRule({
-    name: 'even-dimensions',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: EvenDimensions,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            EvenDimensions,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXAttribute: (node) => {
-                if (node.type !== 'JSXAttribute') {
-                    return;
-                }
-                if (node.name.name !== 'width' && node.name.name !== 'height') {
-                    return;
-                }
-                const value = node.value;
-                if (!value || value.type !== 'JSXExpressionContainer') {
-                    return;
-                }
-                const expression = value.expression;
-                if (!expression || expression.type !== 'Literal') {
-                    return;
-                }
-                const stringValue = expression.value;
-                if (typeof stringValue !== 'number') {
-                    return;
-                }
-                const parent = node.parent;
-                if (!parent) {
-                    return;
-                }
-                if (parent.type !== 'JSXOpeningElement') {
-                    return;
-                }
-                const name = parent.name;
-                if (name.type !== 'JSXIdentifier') {
-                    return;
-                }
-                if (name.name !== 'Composition') {
-                    return;
-                }
-                if (stringValue % 2 !== 0) {
-                    context.report({
-                        messageId: 'EvenDimensions',
-                        node,
-                    });
-                }
-            },
-        };
-    },
-});

package/dist/rules/no-background-image.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return 'https://remotion.dev/docs/troubleshooting/background-image';
-});
-const BackgroundImage = [
-    "Don't use background-image in Remotion.",
-    'See: https://remotion.dev/docs/troubleshooting/background-image',
-].join('\n');
-exports.default = createRule({
-    name: 'no-background-image',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: BackgroundImage,
-            recommended: 'error',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            BackgroundImage: BackgroundImage,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            Property: (node) => {
-                if (node.key.type !== 'Identifier') {
-                    return;
-                }
-                if (node.key.name !== 'backgroundImage') {
-                    return;
-                }
-                if (node.value.type === 'Literal') {
-                    const { value } = node.value;
-                    if (typeof value === 'string' && value.includes('url(')) {
-                        context.report({
-                            messageId: 'BackgroundImage',
-                            node,
-                        });
-                    }
-                }
-                if (node.value.type === 'TemplateLiteral') {
-                    for (const element of node.value.quasis) {
-                        if (element.type !== 'TemplateElement') {
-                            continue;
-                        }
-                        if (element.value.raw.includes('url(')) {
-                            context.report({
-                                messageId: 'BackgroundImage',
-                                node,
-                            });
-                        }
-                    }
-                }
-            },
-        };
-    },
-});

package/dist/rules/no-duration-frames-infinity.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const DurationInFrames = 'Infinity is now the default, so you can remove the prop.';
-exports.default = createRule({
-    name: 'duration-in-frames',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: DurationInFrames,
-            recommended: 'warn',
-        },
-        fixable: 'code',
-        schema: [],
-        messages: {
-            DurationInFrames,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXAttribute: (node) => {
-                if (node.type !== 'JSXAttribute') {
-                    return;
-                }
-                if (node.name.name !== 'durationInFrames') {
-                    return;
-                }
-                const value = node.value;
-                if (!value || value.type !== 'JSXExpressionContainer') {
-                    return;
-                }
-                const expression = value.expression;
-                if (!expression || expression.type !== 'Identifier') {
-                    return;
-                }
-                const stringValue = expression.name;
-                if (typeof stringValue !== 'string') {
-                    return;
-                }
-                const parent = node.parent;
-                if (!parent) {
-                    return;
-                }
-                if (parent.type !== 'JSXOpeningElement') {
-                    return;
-                }
-                const name = parent.name;
-                if (name.type !== 'JSXIdentifier') {
-                    return;
-                }
-                if (name.name !== 'Sequence') {
-                    return;
-                }
-                if (stringValue === 'Infinity') {
-                    context.report({
-                        messageId: 'DurationInFrames',
-                        node,
-                        fix: (fixer) => {
-                            return fixer.removeRange([node.name.range[0], value.range[1]]);
-                        },
-                    });
-                }
-            },
-        };
-    },
-});

package/dist/rules/no-from-0.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const From0 = '0 is now the default, so you can remove the prop.';
-exports.default = createRule({
-    name: 'from',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: From0,
-            recommended: 'warn',
-        },
-        fixable: 'code',
-        schema: [],
-        messages: {
-            From0,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXAttribute: (node) => {
-                if (node.type !== 'JSXAttribute') {
-                    return;
-                }
-                if (node.name.name !== 'from') {
-                    return;
-                }
-                const value = node.value;
-                if (!value || value.type !== 'JSXExpressionContainer') {
-                    return;
-                }
-                const expression = value.expression;
-                if (!expression || expression.type !== 'Literal') {
-                    return;
-                }
-                const stringValue = expression.value;
-                if (stringValue !== 0) {
-                    return;
-                }
-                const parent = node.parent;
-                if (!parent) {
-                    return;
-                }
-                if (parent.type !== 'JSXOpeningElement') {
-                    return;
-                }
-                const name = parent.name;
-                if (name.type !== 'JSXIdentifier') {
-                    return;
-                }
-                if (name.name !== 'Sequence') {
-                    return;
-                }
-                if (stringValue === 0) {
-                    context.report({
-                        messageId: 'From0',
-                        node,
-                        fix: (fixer) => {
-                            return fixer.removeRange([node.name.range[0], value.range[1]]);
-                        },
-                    });
-                }
-            },
-        };
-    },
-});

package/dist/rules/no-string-assets.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const NoStringAssets = [
-    "Don't reference local assets by string, use an import statement or staticFile() instead.",
-    'See: https://www.remotion.dev/docs/assets',
-].join('\n');
-exports.default = createRule({
-    name: 'no-string-assets',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: NoStringAssets,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            NoStringAssets: NoStringAssets,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXAttribute: (node) => {
-                if (node.type !== 'JSXAttribute') {
-                    return;
-                }
-                if (node.name.name !== 'src') {
-                    return;
-                }
-                const value = node.value;
-                // src={"some string"}
-                const insideCurlyBraces = value &&
-                    value.type === 'JSXExpressionContainer' &&
-                    value.expression.type === 'Literal';
-                if (!value || (value.type !== 'Literal' && !insideCurlyBraces)) {
-                    return;
-                }
-                const stringValue = value &&
-                    value.type === 'JSXExpressionContainer' &&
-                    value.expression.type === 'Literal'
-                    ? value.expression.value
-                    : value.type === 'Literal'
-                        ? value.value
-                        : null;
-                if (typeof stringValue !== 'string') {
-                    return;
-                }
-                const parent = node.parent;
-                if (!parent) {
-                    return;
-                }
-                if (parent.type !== 'JSXOpeningElement') {
-                    return;
-                }
-                const name = parent.name;
-                if (name.type !== 'JSXIdentifier') {
-                    return;
-                }
-                if (name.name === 'Img' ||
-                    name.name === 'img' ||
-                    name.name === 'Audio' ||
-                    name.name === 'audio' ||
-                    name.name === 'Video' ||
-                    name.name === 'video' ||
-                    name.name === 'source') {
-                    // Network and inline URLs are okay
-                    if (stringValue.startsWith('http://')) {
-                        return;
-                    }
-                    if (stringValue.startsWith('https://')) {
-                        return;
-                    }
-                    if (stringValue.startsWith('data:')) {
-                        return;
-                    }
-                    context.report({
-                        messageId: 'NoStringAssets',
-                        node,
-                    });
-                }
-            },
-        };
-    },
-});

package/dist/rules/staticfile-no-relative.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://remotion.dev/docs/staticfile-relative-paths`;
-});
-const RelativePathStaticFile = [
-    "Don't pass a relative path to staticFile().",
-    'See: https://remotion.dev/docs/staticfile-relative-paths',
-].join('\n');
-const AbsoluteStaticFile = [
-    'Do not pass an absolute path to staticFile().',
-    'See: https://remotion.dev/docs/staticfile-relative-paths',
-].join('');
-const PublicStaticFile = [
-    'Do not prefix your assets with public/.',
-    'See: https://remotion.dev/docs/staticfile-relative-paths',
-].join('');
-exports.default = createRule({
-    name: 'staticfile-no-relative',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: RelativePathStaticFile,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            RelativePathStaticFile: RelativePathStaticFile,
-            PublicStaticFile: PublicStaticFile,
-            AbsoluteStaticFile: AbsoluteStaticFile,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            CallExpression: (node) => {
-                const value = node;
-                // src={"some string"}
-                if (!value) {
-                    return;
-                }
-                if (node.type === 'CallExpression' &&
-                    node.callee.type === 'Identifier' &&
-                    node.callee.name === 'staticFile') {
-                    const args = node.arguments;
-                    if (args.length === 0) {
-                        return;
-                    }
-                    const firstArg = args[0];
-                    if (firstArg.type === 'Literal') {
-                        const value = firstArg.value;
-                        if (typeof value !== 'string') {
-                            return;
-                        }
-                        if (value.startsWith('./')) {
-                            context.report({
-                                messageId: 'RelativePathStaticFile',
-                                node,
-                            });
-                        }
-                        if (value.startsWith('../')) {
-                            context.report({
-                                messageId: 'RelativePathStaticFile',
-                                node,
-                            });
-                        }
-                        if (value.startsWith('public/')) {
-                            context.report({
-                                messageId: 'PublicStaticFile',
-                                node,
-                            });
-                        }
-                        if (value.startsWith('/Users') ||
-                            value.startsWith('/home') ||
-                            value.startsWith('/tmp') ||
-                            value.startsWith('/etc') ||
-                            value.startsWith('/opt') ||
-                            value.startsWith('/var') ||
-                            value.startsWith('C:') ||
-                            value.startsWith('D:') ||
-                            value.startsWith('E:')) {
-                            context.report({
-                                messageId: 'AbsoluteStaticFile',
-                                node,
-                            });
-                        }
-                    }
-                }
-            },
-        };
-    },
-});

package/dist/rules/staticfile-no-remote.js

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://remotion.dev/docs/staticfile-remote-urls`;
-});
-const RelativePathStaticFile = [
-    "Don't pass a remote URL to staticFile().",
-    'See: https://remotion.dev/docs/staticfile-remote-urls',
-].join('\n');
-exports.default = createRule({
-    name: 'staticfile-no-remote',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: RelativePathStaticFile,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            RelativePathStaticFile: RelativePathStaticFile,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            CallExpression: (node) => {
-                const value = node;
-                // src={"some string"}
-                if (!value) {
-                    return;
-                }
-                if (node.type === 'CallExpression' &&
-                    node.callee.type === 'Identifier' &&
-                    node.callee.name === 'staticFile') {
-                    const args = node.arguments;
-                    if (args.length === 0) {
-                        return;
-                    }
-                    const firstArg = args[0];
-                    if (firstArg.type === 'Literal') {
-                        const value = firstArg.value;
-                        if (typeof value !== 'string') {
-                            return;
-                        }
-                        if (value.startsWith('http://')) {
-                            context.report({
-                                messageId: 'RelativePathStaticFile',
-                                node,
-                            });
-                        }
-                        if (value.startsWith('https://')) {
-                            context.report({
-                                messageId: 'RelativePathStaticFile',
-                                node,
-                            });
-                        }
-                    }
-                }
-            },
-        };
-    },
-});

package/dist/rules/use-gif-component.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const UseGifComponent = [
-    'Use the <Gif> component animated GIFs.',
-    'See: https://www.remotion.dev/docs/gif.',
-    'Ignore this message if this is a non-animated GIF.',
-].join('\n');
-exports.default = createRule({
-    name: 'use-gif-component',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: UseGifComponent,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            UseGifComponent: UseGifComponent,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXAttribute: (node) => {
-                if (node.type !== 'JSXAttribute') {
-                    return;
-                }
-                if (node.name.name !== 'src') {
-                    return;
-                }
-                const parent = node.parent;
-                if (!parent) {
-                    return;
-                }
-                if (parent.type !== 'JSXOpeningElement') {
-                    return;
-                }
-                const name = parent.name;
-                if (name.type !== 'JSXIdentifier') {
-                    return;
-                }
-                if (name.name !== 'Img' && name.name !== 'img') {
-                    return;
-                }
-                const value = node.value;
-                // src={"some string"}
-                if (!value) {
-                    return;
-                }
-                const stringValue = value &&
-                    value.type === 'JSXExpressionContainer' &&
-                    value.expression.type === 'Literal'
-                    ? value.expression.value
-                    : value.type === 'Literal'
-                        ? value.value
-                        : null;
-                // src="image.gif"
-                if (typeof stringValue === 'string') {
-                    // Network and inline URLs are okay
-                    if (stringValue.includes('.gif')) {
-                        context.report({
-                            messageId: 'UseGifComponent',
-                            node,
-                        });
-                    }
-                }
-                if (value.type === 'JSXExpressionContainer' &&
-                    value.expression.type === 'CallExpression' &&
-                    value.expression.callee.type === 'Identifier' &&
-                    value.expression.callee.name === 'staticFile') {
-                    const args = value.expression.arguments;
-                    if (args.length === 0) {
-                        return;
-                    }
-                    const firstArg = args[0];
-                    if (firstArg.type === 'Literal') {
-                        const value = firstArg.value;
-                        if (typeof value !== 'string') {
-                            return;
-                        }
-                        if (value.includes('.gif')) {
-                            context.report({
-                                messageId: 'UseGifComponent',
-                                node,
-                            });
-                        }
-                    }
-                }
-            },
-        };
-    },
-});

package/dist/rules/v4-import.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://www.remotion.dev/docs/4-0-migration`;
-});
-const ImportConfig = "Update the import to the new V4 location: import {Config} from '@remotion/cli/config'";
-const rule = createRule({
-    name: 'v4-config-import',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: ImportConfig,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            ImportConfig,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            ImportDeclaration: (node) => {
-                if (node.source.value !== 'remotion') {
-                    return;
-                }
-                const config = node.specifiers.find((s) => s.type === 'ImportSpecifier' && s.imported.name === 'Config');
-                if (config) {
-                    context.report({
-                        messageId: 'ImportConfig',
-                        node,
-                    });
-                }
-            },
-        };
-    },
-});
-exports.default = rule;

package/dist/rules/volume-callback.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const VolumeCallback = 'Prefer a callback function for setting the volume: `volume={(f) => interpolate(...)}`. See https://www.remotion.dev/docs/using-audio/#controlling-volume';
-exports.default = createRule({
-    name: 'volume-callback',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: VolumeCallback,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            VolumeCallback,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXAttribute: (node) => {
-                if (node.type !== 'JSXAttribute') {
-                    return;
-                }
-                if (node.name.name !== 'volume') {
-                    return;
-                }
-                const value = node.value;
-                if (!value || value.type !== 'JSXExpressionContainer') {
-                    return;
-                }
-                const parent = node.parent;
-                if (!parent) {
-                    return;
-                }
-                if (parent.type !== 'JSXOpeningElement') {
-                    return;
-                }
-                const name = parent.name;
-                if (name.type !== 'JSXIdentifier') {
-                    return;
-                }
-                if (name.name !== 'Video' && name.name !== 'Audio') {
-                    return;
-                }
-                const expression = value.expression;
-                if (!expression) {
-                    return;
-                }
-                if (expression.type === 'Literal') {
-                    return;
-                }
-                if (expression.type === 'ArrowFunctionExpression') {
-                    return;
-                }
-                context.report({
-                    messageId: 'VolumeCallback',
-                    node,
-                });
-            },
-        };
-    },
-});

package/dist/rules/warn-native-media-tag.js

@@ -1,97 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("@typescript-eslint/utils");
-const createRule = utils_1.ESLintUtils.RuleCreator(() => {
-    return `https://github.com/remotion-dev/remotion`;
-});
-const NoNativeImgTag = "Prefer the <Img /> tag from 'remotion' package, because it will wait until the image is loaded when you are rendering your video.";
-const NoNativeIFrameTag = "Prefer the <IFrame /> tag from 'remotion' package, because it will wait until the iframe is loaded when you are rendering your video.";
-const NoNativeAudioTag = "Use the <Audio /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.";
-const NoNativeVideoTag = "Use the <Video /> tag from 'remotion' package, because it will synchronize with the Remotion timeline.";
-exports.default = createRule({
-    name: 'warn-native-media-tag',
-    meta: {
-        type: 'problem',
-        docs: {
-            description: NoNativeImgTag,
-            recommended: 'warn',
-        },
-        fixable: undefined,
-        schema: [],
-        messages: {
-            NoNativeImgTag,
-            NoNativeIFrameTag,
-            NoNativeAudioTag,
-            NoNativeVideoTag,
-        },
-    },
-    defaultOptions: [],
-    create: (context) => {
-        return {
-            JSXOpeningElement: (node) => {
-                if (node.name.type === 'JSXIdentifier' && node.name.name === 'img') {
-                    context.report({
-                        messageId: 'NoNativeImgTag',
-                        node,
-                    });
-                }
-                if (node.name.type === 'JSXIdentifier' && node.name.name === 'iframe') {
-                    context.report({
-                        messageId: 'NoNativeIFrameTag',
-                        node,
-                    });
-                }
-                if (node.name.type === 'JSXIdentifier' && node.name.name === 'video') {
-                    context.report({
-                        messageId: 'NoNativeVideoTag',
-                        node,
-                    });
-                }
-                if (node.name.type === 'JSXIdentifier' && node.name.name === 'audio') {
-                    context.report({
-                        messageId: 'NoNativeAudioTag',
-                        node,
-                    });
-                }
-            },
-            TaggedTemplateExpression: (node) => {
-                if (node.tag.type !== 'MemberExpression') {
-                    return;
-                }
-                if (node.tag.object.type !== 'Identifier') {
-                    return;
-                }
-                if (node.tag.object.name !== 'styled') {
-                    return;
-                }
-                if (node.tag.property.type !== 'Identifier') {
-                    return;
-                }
-                if (node.tag.property.name === 'img') {
-                    context.report({
-                        messageId: 'NoNativeImgTag',
-                        node,
-                    });
-                }
-                if (node.tag.property.name === 'iframe') {
-                    context.report({
-                        messageId: 'NoNativeIFrameTag',
-                        node,
-                    });
-                }
-                if (node.tag.property.name === 'audio') {
-                    context.report({
-                        messageId: 'NoNativeAudioTag',
-                        node,
-                    });
-                }
-                if (node.tag.property.name === 'video') {
-                    context.report({
-                        messageId: 'NoNativeVideoTag',
-                        node,
-                    });
-                }
-            },
-        };
-    },
-});