style: update code style

Author: Rel1cx

dprint.json

@@ -4,6 +4,7 @@
     "indentWidth": 2,
     "quoteStyle": "preferDouble",
     "quoteProps": "asNeeded",
+    "bracePosition": "maintain",
     "importDeclaration.sortNamedImports": "maintain",
     "exportDeclaration.sortNamedExports": "maintain",
     "module.sortImportDeclarations": "maintain",

eslint.config.ts

@@ -72,7 +72,7 @@ const p11tGroups = {
 
 const enableTypeCheckedRules = {
   ...tseslint.configs.strictTypeCheckedOnly
-    .map(x => x.rules)
+    .map((x) => x.rules)
     .reduce((a, b) => ({ ...a, ...b }), {}),
   ...eslintPluginSafeTypeScript.configs.recommended.rules,
   "@susisu/safe-typescript/no-unsafe-object-property-check": "off",
@@ -90,7 +90,7 @@ const enableTypeCheckedRules = {
   }],
 } as const;
 
-const disableTypeCheckedRules = Object.fromEntries(Object.keys(enableTypeCheckedRules).map(x => [x, "off"]));
+const disableTypeCheckedRules = Object.fromEntries(Object.keys(enableTypeCheckedRules).map((x) => [x, "off"]));
 
 export default tseslint.config(
   eslintConfigFlatGitignore(),
@@ -211,7 +211,14 @@ export default tseslint.config(
       "simple-import-sort/exports": "warn",
       "simple-import-sort/imports": "warn",
       // Part: stylistic rules
+      "@stylistic/arrow-parens": ["warn", "always"],
       "@stylistic/curly-newline": ["warn", "always"],
+      "@stylistic/no-multi-spaces": ["warn"],
+      "@stylistic/operator-linebreak": [
+        "warn",
+        "before",
+      ],
+      "@stylistic/quote-props": ["error", "as-needed"],
       // Part: perfectionist rules
       "perfectionist/sort-exports": "off",
       "perfectionist/sort-imports": "off",

packages/core/src/component/component-collector-legacy.ts

@@ -31,7 +31,7 @@ export function useComponentCollectorLegacy() {
         _: key,
         id,
         kind: "class",
-        name: O.flatMapNullable(id, n => n.name),
+        name: O.flatMapNullable(id, (n) => n.name),
         node,
         // TODO: Get displayName of class component
         displayName: O.none(),

packages/core/src/component/component-collector.ts

@@ -85,7 +85,7 @@ export function useComponentCollector(
     const shouldDrop = AST.getNestedReturnStatements(entry.node.body)
       .slice()
       .reverse()
-      .some(r => {
+      .some((r) => {
         return context.sourceCode.getScope(r).block === entry.node
           && r.argument != null
           && !JSX.isJSXValue(r.argument, jsxCtx, hint);
@@ -144,15 +144,15 @@ export function useComponentCollector(
     ) {
       const { left, right } = node;
       const mbComponentName = match(left.object)
-        .with({ type: T.Identifier }, n => O.some(n.name))
+        .with({ type: T.Identifier }, (n) => O.some(n.name))
         .otherwise(O.none);
       if (O.isNone(mbComponentName)) {
         return;
       }
       const componentName = mbComponentName.value;
       const component = Array
         .from(components.values())
-        .findLast(({ name }) => O.exists(name, n => n === componentName));
+        .findLast(({ name }) => O.exists(name, (n) => n === componentName));
       if (component == null) {
         return;
       }

packages/core/src/component/component-name.ts

@@ -4,7 +4,7 @@ export const RE_COMPONENT_NAME = /^_?[A-Z]/u;
 
 export function getComponentNameFromIdentifier(node: TSESTree.Identifier | TSESTree.Identifier[]) {
   return Array.isArray(node)
-    ? node.map(n => n.name).join(".")
+    ? node.map((n) => n.name).join(".")
     : node.name;
 }
 

packages/core/src/element/get-element-represent-name.ts

@@ -17,7 +17,7 @@ export function getElementRepresentName(node: TSESTree.JSXOpeningElement, contex
   return F.pipe(
     O.fromNullable(polymorphicPropName),
     O.flatMap(JSX.findPropInAttributes(node.attributes, context.sourceCode.getScope(node))),
-    O.flatMap(attr => JSX.getPropValue(attr, context.sourceCode.getScope(attr))),
+    O.flatMap((attr) => JSX.getPropValue(attr, context.sourceCode.getScope(attr))),
     O.filter(isString),
     O.getOrElse(() => rawElementName),
   );

packages/core/src/element/hierarchy.ts

@@ -39,10 +39,10 @@ export function isChildrenOfCreateElement(
     O.fromNullable(node.parent),
     O.filter(AST.is(T.CallExpression)),
     O.filter(isCreateElementCall(context)),
-    O.exists(n =>
+    O.exists((n) =>
       n.arguments
         .slice(2)
-        .some(arg => arg === node)
+        .some((arg) => arg === node)
     ),
   );
 }

packages/core/src/render-prop/hierarchy.ts

@@ -42,10 +42,10 @@ export function isDeclaredInRenderPropLoose(node: TSESTree.Node) {
 
   return F.pipe(
     AST.findParentNodeGuard(node, AST.is(T.JSXExpressionContainer)),
-    O.flatMapNullable(c => c.parent),
+    O.flatMapNullable((c) => c.parent),
     O.filter(AST.is(T.JSXAttribute)),
-    O.flatMapNullable(a => a.name),
-    O.exists(n =>
+    O.flatMapNullable((a) => a.name),
+    O.exists((n) =>
       n.type === T.JSXIdentifier
       && n.name.startsWith("render")
     ),

packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml.ts

@@ -33,7 +33,7 @@ export default createRule<[], MessageID>({
         F.pipe(
           O.some("dangerouslySetInnerHTML"),
           O.flatMap(JSX.findPropInAttributes(node.openingElement.attributes, context.sourceCode.getScope(node))),
-          O.map(prop => ({ messageId: "noDangerouslySetInnerhtml", node: prop } as const)),
+          O.map((prop) => ({ messageId: "noDangerouslySetInnerhtml", node: prop } as const)),
           O.map(context.report),
         );
       },

packages/plugins/eslint-plugin-react-dom/src/rules/no-script-url.ts

@@ -41,7 +41,7 @@ export default createRule<[], MessageID>({
         const isJavaScript = F.pipe(
           JSX.getPropValue(node, context.sourceCode.getScope(node)),
           O.filter(isString),
-          O.exists(v => RE_JAVASCRIPT_PROTOCOL.test(v)),
+          O.exists((v) => RE_JAVASCRIPT_PROTOCOL.test(v)),
         );
         if (isJavaScript) {
           context.report({