style: fmt code

Author: ReaJason

web/app/components/code-viewer.tsx

@@ -1,18 +1,14 @@
 import type { VariantProps } from "class-variance-authority";
+
 import { Check, Copy } from "lucide-react";
-import {
-  type HTMLProps,
-  type ReactNode,
-  useCallback,
-  useEffect,
-  useState,
-} from "react";
+import { type HTMLProps, type ReactNode, useCallback, useEffect, useState } from "react";
 import CopyToClipboard from "react-copy-to-clipboard";
 import { useTranslation } from "react-i18next";
 import { PrismLight as SyntaxHighlighter } from "react-syntax-highlighter";
 import java from "react-syntax-highlighter/dist/esm/languages/prism/java";
 import materialDark from "react-syntax-highlighter/dist/esm/styles/prism/material-dark";
 import { toast } from "sonner";
+
 import { Button, type buttonVariants } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
 
@@ -68,25 +64,21 @@ export default function CodeViewer({
   showLineNumbers = true,
   wrapLongLines = true,
 }: Readonly<CodeViewerProps>) {
-  const lineProps: lineTagPropsFunction | HTMLProps<HTMLElement> | undefined =
-    wrapLongLines
-      ? { style: { overflowWrap: "break-word", whiteSpace: "pre-wrap" } }
-      : undefined;
+  const lineProps: lineTagPropsFunction | HTMLProps<HTMLElement> | undefined = wrapLongLines
+    ? { style: { overflowWrap: "break-word", whiteSpace: "pre-wrap" } }
+    : undefined;
   return (
     <div className="rounded-lg border">
       <div
-        className={cn(
-          "flex items-center border-b p-2 justify-end",
-          header && "justify-between",
-        )}
+        className={cn("flex items-center justify-end border-b p-2", header && "justify-between")}
       >
         {header}
         <div className="flex items-center gap-2">
           {button}
           <CopyButton value={code} variant="ghost" size="sm" />
         </div>
       </div>
-      <div className="relative overflow-hidden text-xs wrap-all">
+      <div className="wrap-all relative overflow-hidden text-xs">
         <SyntaxHighlighter
           language={language}
           style={materialDark}

web/app/components/copyable-field.tsx

@@ -1,13 +1,9 @@
 import { Check, Copy } from "lucide-react";
-import {
-  type ComponentPropsWithoutRef,
-  useCallback,
-  useEffect,
-  useState,
-} from "react";
+import { type ComponentPropsWithoutRef, useCallback, useEffect, useState } from "react";
 import CopyToClipboard from "react-copy-to-clipboard";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
+
 import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
 import { cn } from "@/lib/utils";
@@ -48,7 +44,7 @@ export function CopyableField({
 
   return (
     <div className={cn("flex flex-col gap-1 py-1", className)} {...divProps}>
-      <div className="flex items-center justify-between gap-2 h-6">
+      <div className="flex h-6 items-center justify-between gap-2">
         <Label className="text-sm text-muted-foreground">{label}：</Label>
         {value && (
           <CopyToClipboard.CopyToClipboard text={value} onCopy={handleCopy}>
@@ -59,11 +55,7 @@ export function CopyableField({
               className="h-8 w-8"
               disabled={hasCopied}
             >
-              {hasCopied ? (
-                <Check className="h-4 w-4" />
-              ) : (
-                <Copy className="h-4 w-4" />
-              )}
+              {hasCopied ? <Check className="h-4 w-4" /> : <Copy className="h-4 w-4" />}
             </Button>
           </CopyToClipboard.CopyToClipboard>
         )}

web/app/components/image-zoom.tsx

@@ -1,8 +1,10 @@
 "use client";
 
-import { Image, type ImageProps } from "fumadocs-core/framework";
 import type { ComponentProps } from "react";
+
+import { Image, type ImageProps } from "fumadocs-core/framework";
 import Zoom, { type UncontrolledProps } from "react-medium-image-zoom";
+
 import "@/components/image-zoom.css";
 
 export type ImageZoomProps = ImageProps & {
@@ -22,20 +24,14 @@ function getImageSrc(src: ImageProps["src"]): string {
 
   if (typeof src === "object") {
     // Next.js
-    if ("default" in src)
-      return (src as { default: { src: string } }).default.src;
+    if ("default" in src) return (src as { default: { src: string } }).default.src;
     return src.src;
   }
 
   return "";
 }
 
-export function ImageZoom({
-  zoomInProps,
-  children,
-  rmiz,
-  ...props
-}: ImageZoomProps) {
+export function ImageZoom({ zoomInProps, children, rmiz, ...props }: ImageZoomProps) {
   return (
     <Zoom
       zoomMargin={20}
@@ -48,10 +44,7 @@ export function ImageZoom({
       }}
     >
       {children ?? (
-        <Image
-          sizes="(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px"
-          {...props}
-        />
+        <Image sizes="(max-width: 768px) 100vw, (max-width: 1200px) 70vw, 900px" {...props} />
       )}
     </Zoom>
   );

web/app/components/language-switcher.tsx

@@ -1,5 +1,6 @@
 import { LanguagesIcon } from "lucide-react";
 import { useTranslation } from "react-i18next";
+
 import { Button } from "./ui/button";
 
 export function LanguageSwitcher() {

web/app/components/magicui/line-shadow-text.tsx

@@ -1,9 +1,9 @@
 import { type MotionProps, motion } from "motion/react";
+
 import { cn } from "@/lib/utils";
 
 interface LineShadowTextProps
-  extends Omit<React.HTMLAttributes<HTMLElement>, keyof MotionProps>,
-    MotionProps {
+  extends Omit<React.HTMLAttributes<HTMLElement>, keyof MotionProps>, MotionProps {
   shadowColor?: string;
   as?: React.ElementType;
 }
@@ -27,7 +27,7 @@ export function LineShadowText({
       style={{ "--shadow-color": shadowColor } as React.CSSProperties}
       className={cn(
         "relative z-0 inline-flex",
-        "after:absolute after:left-[0.04em] after:top-[0.04em] after:content-[attr(data-text)]",
+        "after:absolute after:top-[0.04em] after:left-[0.04em] after:content-[attr(data-text)]",
         "after:bg-[linear-gradient(45deg,transparent_45%,var(--shadow-color)_45%,var(--shadow-color)_55%,transparent_0)]",
         "after:-z-10 after:bg-[length:0.06em_0.06em] after:bg-clip-text after:text-transparent",
         "after:animate-line-shadow",

web/app/components/mdx.tsx

@@ -1,6 +1,7 @@
-import defaultMdxComponents from "fumadocs-ui/mdx";
 import type { MDXComponents } from "mdx/types";
 
+import defaultMdxComponents from "fumadocs-ui/mdx";
+
 export function getMDXComponents(components?: MDXComponents) {
   return {
     ...defaultMdxComponents,

web/app/components/memshell/jreversion-field.tsx

@@ -1,19 +1,16 @@
+import type { MemShellFormSchema } from "@/types/schema";
+
 import { Controller, type UseFormReturn } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import {
-  Field,
-  FieldContent,
-  FieldError,
-  FieldLabel,
-} from "@/components/ui/field";
+
+import { Field, FieldContent, FieldError, FieldLabel } from "@/components/ui/field";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import type { MemShellFormSchema } from "@/types/schema";
 
 const JDKVersion = [
   { name: "Java6", value: "50" },
@@ -37,9 +34,7 @@ export function JREVersionFormField({
       render={({ field, fieldState }) => (
         <Field orientation="vertical" data-invalid={fieldState.invalid}>
           <FieldContent>
-            <FieldLabel htmlFor="targetJdkVersion">
-              {t("common:targetJdkVersion")}
-            </FieldLabel>
+            <FieldLabel htmlFor="targetJdkVersion">{t("common:targetJdkVersion")}</FieldLabel>
             <Select
               onValueChange={(v) => {
                 if (Number.parseInt(v ?? "0", 10) >= 53) {
@@ -51,13 +46,8 @@ export function JREVersionFormField({
               }}
               value={field.value}
             >
-              <SelectTrigger
-                id="targetJdkVersion"
-                aria-invalid={fieldState.invalid}
-              >
-                <SelectValue
-                  data-placeholder={t("common:placeholders.select")}
-                />
+              <SelectTrigger id="targetJdkVersion" aria-invalid={fieldState.invalid}>
+                <SelectValue data-placeholder={t("common:placeholders.select")} />
               </SelectTrigger>
               <SelectContent>
                 {JDKVersion.map((v) => (