@remotion/eslint-config-flat 4.0.484 → 4.0.485

package/dist/esm/index.mjs

@@ -46263,6 +46263,7 @@ 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 import_utils16 = __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;
@@ -47236,13 +47237,103 @@ var init_v4_import = __esm(() => {
   v4_import_default = rule;
 });
 var createRule14;
+var validNameRegex;
+var InvalidCompositionId = "Composition IDs can only contain a-z, A-Z, 0-9, CJK characters and -.";
+var InvalidFolderName = "Folder names can only contain a-z, A-Z, 0-9, CJK characters and -.";
+var getStringValue = (value) => {
+  if (!value) {
+    return null;
+  }
+  if (value.type === "Literal") {
+    return typeof value.value === "string" ? value.value : null;
+  }
+  if (value.type !== "JSXExpressionContainer") {
+    return null;
+  }
+  const { expression } = value;
+  if (expression.type === "Literal") {
+    return typeof expression.value === "string" ? expression.value : null;
+  }
+  if (expression.type === "TemplateLiteral" && expression.expressions.length === 0) {
+    return expression.quasis[0].value.cooked;
+  }
+  return null;
+};
+var getJsxElementName = (node) => {
+  if (node.type !== "JSXIdentifier") {
+    return null;
+  }
+  return node.name;
+};
+var valid_composition_and_folder_name_default;
+var init_valid_composition_and_folder_name = __esm(() => {
+  createRule14 = import_utils14.ESLintUtils.RuleCreator(() => {
+    return `https://github.com/remotion-dev/remotion`;
+  });
+  validNameRegex = /^([a-zA-Z0-9-\u4E00-\u9FFF])+$/;
+  valid_composition_and_folder_name_default = createRule14({
+    name: "valid-composition-and-folder-name",
+    meta: {
+      type: "problem",
+      docs: {
+        description: "Warns about invalid Remotion composition IDs and folder names.",
+        recommended: "warn"
+      },
+      fixable: undefined,
+      schema: [],
+      messages: {
+        InvalidCompositionId,
+        InvalidFolderName
+      }
+    },
+    defaultOptions: [],
+    create: (context) => {
+      return {
+        JSXAttribute: (node) => {
+          if (node.type !== "JSXAttribute") {
+            return;
+          }
+          if (node.name.type !== "JSXIdentifier") {
+            return;
+          }
+          const parent = node.parent;
+          if (!parent || parent.type !== "JSXOpeningElement") {
+            return;
+          }
+          const elementName = getJsxElementName(parent.name);
+          if (elementName === null) {
+            return;
+          }
+          const propName = node.name.name;
+          const value = getStringValue(node.value);
+          if (value === null || validNameRegex.test(value)) {
+            return;
+          }
+          if ((elementName === "Composition" || elementName === "Still") && propName === "id") {
+            context.report({
+              messageId: "InvalidCompositionId",
+              node
+            });
+          }
+          if (elementName === "Folder" && propName === "name") {
+            context.report({
+              messageId: "InvalidFolderName",
+              node
+            });
+          }
+        }
+      };
+    }
+  });
+});
+var createRule15;
 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(() => {
-  createRule14 = import_utils14.ESLintUtils.RuleCreator(() => {
+  createRule15 = import_utils15.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  volume_callback_default = createRule14({
+  volume_callback_default = createRule15({
     name: "volume-callback",
     meta: {
       type: "problem",
@@ -47309,17 +47400,17 @@ var init_volume_callback = __esm(() => {
     }
   });
 });
-var createRule15;
+var createRule16;
 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(() => {
-  createRule15 = import_utils15.ESLintUtils.RuleCreator(() => {
+  createRule16 = import_utils16.ESLintUtils.RuleCreator(() => {
     return `https://github.com/remotion-dev/remotion`;
   });
-  warn_native_media_tag_default = createRule15({
+  warn_native_media_tag_default = createRule16({
     name: "warn-native-media-tag",
     meta: {
       type: "problem",
@@ -47421,6 +47512,7 @@ var require_src2 = __commonJS2((exports, module) => {
   init_staticfile_no_remote();
   init_use_gif_component();
   init_v4_import();
+  init_valid_composition_and_folder_name();
   init_volume_callback();
   init_warn_native_media_tag();
   var rules = {
@@ -47438,7 +47530,8 @@ var require_src2 = __commonJS2((exports, module) => {
     "non-pure-animation": non_pure_animation_default,
     "slow-css-property": slow_css_property_default,
     "v4-config-import": v4_import_default,
-    "no-object-fit-on-media-video": no_object_fit_on_media_video_default
+    "no-object-fit-on-media-video": no_object_fit_on_media_video_default,
+    "valid-composition-and-folder-name": valid_composition_and_folder_name_default
   };
   var recommendedRuleConfig = {
     "@remotion/warn-native-media-tag": "error",
@@ -47454,7 +47547,8 @@ var require_src2 = __commonJS2((exports, module) => {
     "@remotion/no-background-image": "error",
     "@remotion/non-pure-animation": "warn",
     "@remotion/v4-config-import": "error",
-    "@remotion/no-object-fit-on-media-video": "warn"
+    "@remotion/no-object-fit-on-media-video": "warn",
+    "@remotion/valid-composition-and-folder-name": "error"
   };
   var configs = {
     recommended: {
@@ -47523,7 +47617,10 @@ var makeConfig = ({
   plugins: {
     "@remotion": esm_default
   },
-  rules: esm_default.configs.recommended.rules,
+  rules: {
+    ...esm_default.configs.recommended.rules,
+    "@remotion/valid-composition-and-folder-name": "error"
+  },
   ...remotionDir ? { files: [remotionDir] } : {}
 });
 var config = makeConfig({

package/dist/index.js

@@ -48,7 +48,10 @@ export const makeConfig = ({ remotionDir, }) => tseslint.config({
     plugins: {
         '@remotion': remotionPlugin,
     },
-    rules: remotionPlugin.configs.recommended.rules,
+    rules: {
+        ...remotionPlugin.configs.recommended.rules,
+        '@remotion/valid-composition-and-folder-name': 'error',
+    },
     ...(remotionDir ? { files: [remotionDir] } : {}),
 });
 export const config = makeConfig({

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.484",
+	"version": "4.0.485",
 	"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.484",
+		"@remotion/eslint-plugin": "4.0.485",
 		"@eslint/js": "9.19.0",
 		"eslint-plugin-react": "7.37.4",
 		"eslint-plugin-react-hooks": "5.2.0",
-		"@remotion/eslint-config-internal": "4.0.484",
+		"@remotion/eslint-config-internal": "4.0.485",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},