chore: merge eslint and prettier to oxlint and oxfmt

Author: huijiewei

.changeset/dull-emus-visit.md

@@ -0,0 +1,5 @@
+---
+"@resolid/react-ui": patch
+---
+
+chore: merge eslint and prettier to oxlint and oxfmt

package.json

@@ -23,7 +23,7 @@
     "@changesets/cli": "^2.29.8",
     "@commitlint/cli": "^20.4.2",
     "@commitlint/config-conventional": "^20.4.2",
-    "@resolid/config": "^5.0.0",
+    "@resolid/config": "^5.0.1",
     "@svitejs/changesets-changelog-github-compact": "^1.2.0",
     "@tailwindcss/language-server": "^0.14.29",
     "@types/node": "^24.10.13",

packages/react-ui/package.json

@@ -49,7 +49,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.18",
     "@formkit/tempo": "^1.0.0",
-    "@resolid/utils": "^1.2.6",
+    "@resolid/utils": "^1.2.7",
     "@tanstack/react-virtual": "^3.13.19",
     "tailwind-variants": "^3.2.2"
   },

packages/react-ui/plugins/react-compiler-plugin.js

@@ -11,35 +11,33 @@ import { transformAsync } from "@babel/core";
  * @returns {import('rolldown').Plugin}
  *   A Rolldown plugin instance.
  */
-export const reactCompilerRolldownPlugin = ({ filter }) => {
-  return {
-    name: "rolldown-react-compiler-plugin",
-    transform: {
-      filter: {
-        id: filter,
-      },
-      async handler(code, id) {
-        const result = await transformAsync(code, {
-          filename: id,
-          plugins: [
-            [
-              "babel-plugin-react-compiler",
-              {
-                target: "19",
-              },
-            ],
+export const reactCompilerRolldownPlugin = ({ filter }) => ({
+  name: "rolldown-react-compiler-plugin",
+  transform: {
+    filter: {
+      id: filter,
+    },
+    async handler(code, id) {
+      const result = await transformAsync(code, {
+        filename: id,
+        plugins: [
+          [
+            "babel-plugin-react-compiler",
+            {
+              target: "19",
+            },
           ],
-          parserOpts: { sourceType: "module", plugins: ["jsx", "typescript"] },
-          ast: false,
-          cloneInputAst: false,
-          compact: false,
-          sourceMaps: false,
-          babelrc: false,
-          configFile: false,
-        });
+        ],
+        parserOpts: { sourceType: "module", plugins: ["jsx", "typescript"] },
+        ast: false,
+        cloneInputAst: false,
+        compact: false,
+        sourceMaps: false,
+        babelrc: false,
+        configFile: false,
+      });
 
-        return result.code;
-      },
+      return result.code;
     },
-  };
-};
+  },
+});

packages/react-ui/src/components/accordion/accordion-content.tsx

@@ -4,6 +4,4 @@ import { CollapsibleContent } from "../collapsible/collapsible-content";
 
 export const AccordionContent = (
   props: PrimitiveProps<"div", EmptyObject, "id" | "role">,
-): JSX.Element => {
-  return <CollapsibleContent role={"region"} {...props} />;
-};
+): JSX.Element => <CollapsibleContent role="region" {...props} />;

packages/react-ui/src/components/accordion/accordion-context.ts

@@ -21,7 +21,7 @@ export type AccordionContextValue = Required<AccordionBaseProps> & {
   setOpenedValue: Dispatch<SetStateAction<string | number | null | (string | number)[]>>;
 };
 
-const desc = createSafeContext<AccordionContextValue>({ name: "AccordionContext" });
+const [context, hook] = createSafeContext<AccordionContextValue>({ name: "AccordionContext" });
 
-export const AccordionContext: SafeContext<AccordionContextValue> = desc[0];
-export const useAccordion: UseSafeContext<AccordionContextValue> = desc[1];
+export const AccordionContext: SafeContext<AccordionContextValue> = context;
+export const useAccordion: UseSafeContext<AccordionContextValue> = hook;

packages/react-ui/src/components/accordion/accordion-header.tsx

@@ -4,5 +4,5 @@ import { Polymorphic, type PolymorphicProps } from "../../primitives";
 export const AccordionHeader = (props: PolymorphicProps<"h3">): JSX.Element => {
   const { render, ...rest } = props;
 
-  return <Polymorphic<"h3"> as={"h3"} render={render} {...rest} />;
+  return <Polymorphic<"h3"> as="h3" render={render} {...rest} />;
 };

packages/react-ui/src/components/accordion/accordion-item.tsx

@@ -33,13 +33,13 @@ export const AccordionItem = (props: PrimitiveProps<"div", AccordionItemProps>):
   const handleOpenChange = (open: boolean) => {
     if (open) {
       if (Array.isArray(openedValue)) {
-        setOpenedValue((prev) => [value, ...(prev as Array<string | number>)]);
+        setOpenedValue((prev) => [value, ...(prev as (string | number)[])]);
       } else {
         setOpenedValue(value);
       }
     } else {
       if (Array.isArray(openedValue)) {
-        setOpenedValue((prev) => (prev as Array<string | number>).filter((p) => p != value));
+        setOpenedValue((prev) => (prev as (string | number)[]).filter((p) => p != value));
       } else {
         if (collapsible) {
           setOpenedValue(null);

packages/react-ui/src/components/accordion/accordion-root.tsx

@@ -96,7 +96,7 @@ export const AccordionRoot = (props: PrimitiveProps<"div", AccordionRootProps>):
       onNavigate={setActiveIndex}
       className={tx("flex", orientation == "horizontal" ? "flex-row" : "flex-col", className)}
       onKeyDown={handleKeyDown}
-      render={(props) => <div {...props} aria-orientation={undefined} />}
+      render={(renderProps) => <div {...renderProps} aria-orientation={undefined} />}
       {...rest}
     >
       <AccordionContext value={context}>

packages/react-ui/src/components/accordion/tests/accordion.test.tsx

@@ -21,8 +21,8 @@ const ComponentUnderTest = (props: AccordionProps) => {
 
   return (
     <Accordion {...props}>
-      {items.map((item, id) => (
-        <AccordionItem key={id} value={item.value} disabled={item.disabled}>
+      {items.map((item) => (
+        <AccordionItem key={item.value} value={item.value} disabled={item.disabled}>
           <AccordionHeader>
             <AccordionTrigger>{item.value} Trigger</AccordionTrigger>
           </AccordionHeader>