feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/infra/eslint-plugin/src/rules/tsx-no-leaked-render/fixture/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "strict": true
+  },
+  "include": ["react.tsx"]
+}

frontend/infra/eslint-plugin/src/rules/tsx-no-leaked-render/index.test.ts

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import path from 'path';
+import { RuleTester } from 'eslint';
+
+import parser from '@typescript-eslint/parser';
+import { tsxNoLeakedRender } from '.';
+
+
+const ruleTester = new RuleTester({
+  languageOptions: {
+    parser,
+    parserOptions: {
+      tsconfigRootDir: path.resolve(__dirname, './fixture'),
+      project: path.resolve(__dirname, './fixture/tsconfig.json'),
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
+  },
+});
+
+ruleTester.run('tsx-no-leaked-render', tsxNoLeakedRender, {
+  valid: [
+    {
+      code: 'const Foo = (isBar: string) => (<div data-bar={ isBar && "bar" } />);',
+      filename: 'react.tsx',
+    },
+  ],
+  invalid: [],
+});

frontend/infra/eslint-plugin/src/rules/tsx-no-leaked-render/index.ts

@@ -0,0 +1,38 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import ruleComposer from 'eslint-rule-composer';
+import { AST_NODE_TYPES } from '@typescript-eslint/utils';
+import reactPlugin from 'eslint-plugin-react';
+
+const originRule = reactPlugin.rules['jsx-no-leaked-render'];
+
+// 扩展react/jsx-no-leaked-render。增加判断 「&&」 表达式左边为 boolean 、 null 、 undefined TS类型，则不报错。
+export const tsxNoLeakedRender = ruleComposer.filterReports(
+  originRule,
+  problem => {
+    const { parent } = problem.node;
+    // 如果表达式是用于jsx属性，则不需要修复。 如 <Comp prop={ { foo: 1 } && obj } />
+    if (
+      parent?.type === AST_NODE_TYPES.JSXExpressionContainer &&
+      parent?.parent?.type === AST_NODE_TYPES.JSXAttribute
+    ) {
+      return false;
+    }
+
+    return true;
+  },
+);