apply formatter cleanup to web files

surfsense_web/components/ui/block-draggable.tsx

@@ -1,22 +1,21 @@
 "use client";
 
-import * as React from "react";
-
 import { DndPlugin, useDraggable, useDropLine } from "@platejs/dnd";
 import { expandListItemsWithChildren } from "@platejs/list";
 import { BlockSelectionPlugin } from "@platejs/selection/react";
 import { GripVertical } from "lucide-react";
-import { type TElement, getPluginByType, isType, KEYS } from "platejs";
+import { getPluginByType, isType, KEYS, type TElement } from "platejs";
 import {
+	MemoizedChildren,
 	type PlateEditor,
 	type PlateElementProps,
 	type RenderNodeWrapper,
-	MemoizedChildren,
 	useEditorRef,
 	useElement,
 	usePluginOption,
+	useSelected,
 } from "platejs/react";
-import { useSelected } from "platejs/react";
+import * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";

surfsense_web/components/ui/block-list.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import React from "react";
-
-import type { TListElement } from "platejs";
-
 import { isOrderedList } from "@platejs/list";
 import { useTodoListElement, useTodoListElementState } from "@platejs/list/react";
+import type { TListElement } from "platejs";
 import { type PlateElementProps, type RenderNodeWrapper, useReadOnly } from "platejs/react";
+import type React from "react";
 
 import { Checkbox } from "@/components/ui/checkbox";
 import { cn } from "@/lib/utils";

surfsense_web/components/ui/block-selection.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-import * as React from "react";
-
 import { DndPlugin } from "@platejs/dnd";
 import { useBlockSelected } from "@platejs/selection/react";
 import { cva } from "class-variance-authority";
 import { type PlateElementProps, usePluginOption } from "platejs/react";
+import * as React from "react";
 
 export const blockSelectionVariants = cva(
 	"pointer-events-none absolute inset-0 z-1 bg-brand/[.13] transition-opacity",

surfsense_web/components/ui/blockquote-node.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { type PlateElementProps, PlateElement } from "platejs/react";
+import { PlateElement, type PlateElementProps } from "platejs/react";
 
 export function BlockquoteElement(props: PlateElementProps) {
 	return <PlateElement as="blockquote" className="my-1 border-l-2 pl-6 italic" {...props} />;

surfsense_web/components/ui/callout-node.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import * as React from "react";
-
-import type { TCalloutElement } from "platejs";
-
 import { CalloutPlugin } from "@platejs/callout/react";
 import { cva } from "class-variance-authority";
-import { type PlateElementProps, PlateElement, useEditorPlugin } from "platejs/react";
+import type { TCalloutElement } from "platejs";
+import { PlateElement, type PlateElementProps, useEditorPlugin } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/checkbox.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/code-block-node.tsx

@@ -1,17 +1,18 @@
 "use client";
 
-import * as React from "react";
-
 import { formatCodeBlock, isLangSupported } from "@platejs/code-block";
 import { BracesIcon, Check, CheckIcon, CopyIcon } from "lucide-react";
-import { type TCodeBlockElement, type TCodeSyntaxLeaf, NodeApi } from "platejs";
+import { NodeApi, type TCodeBlockElement, type TCodeSyntaxLeaf } from "platejs";
 import {
-	type PlateElementProps,
-	type PlateLeafProps,
 	PlateElement,
+	type PlateElementProps,
 	PlateLeaf,
+	type PlateLeafProps,
+	useEditorRef,
+	useElement,
+	useReadOnly,
 } from "platejs/react";
-import { useEditorRef, useElement, useReadOnly } from "platejs/react";
+import * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import {

surfsense_web/components/ui/code-node.tsx

@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateLeafProps } from "platejs/react";
-
 import { PlateLeaf } from "platejs/react";
+import * as React from "react";
 
 export function CodeLeaf(props: PlateLeafProps) {
 	return (

surfsense_web/components/ui/dropdown-menu.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/editor.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import * as React from "react";
-
 import type { VariantProps } from "class-variance-authority";
-import type { PlateContentProps, PlateViewProps } from "platejs/react";
-
 import { cva } from "class-variance-authority";
+import type { PlateContentProps, PlateViewProps } from "platejs/react";
 import { PlateContainer, PlateContent, PlateView } from "platejs/react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/equation-node.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import * as React from "react";
-
-import type { TEquationElement } from "platejs";
-
 import { useEquationElement, useEquationInput } from "@platejs/math/react";
 import { RadicalIcon } from "lucide-react";
-import { type PlateElementProps, PlateElement, useSelected } from "platejs/react";
+import type { TEquationElement } from "platejs";
+import { PlateElement, type PlateElementProps, useSelected } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/fixed-toolbar-buttons.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import * as React from "react";
-
 import {
 	BoldIcon,
 	Code2Icon,
@@ -15,10 +13,11 @@ import {
 } from "lucide-react";
 import { KEYS } from "platejs";
 import { useEditorReadOnly, useEditorRef } from "platejs/react";
+import * as React from "react";
 
 import { useEditorSave } from "@/components/editor/editor-save-context";
-import { usePlatformShortcut } from "@/hooks/use-platform-shortcut";
 import { Spinner } from "@/components/ui/spinner";
+import { usePlatformShortcut } from "@/hooks/use-platform-shortcut";
 
 import { InsertToolbarButton } from "./insert-toolbar-button";
 import { LinkToolbarButton } from "./link-toolbar-button";

surfsense_web/components/ui/fixed-toolbar.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/floating-toolbar-buttons.tsx

@@ -1,10 +1,9 @@
 "use client";
 
-import * as React from "react";
-
 import { BoldIcon, Code2Icon, ItalicIcon, StrikethroughIcon, UnderlineIcon } from "lucide-react";
 import { KEYS } from "platejs";
 import { useEditorReadOnly } from "platejs/react";
+import * as React from "react";
 
 import { LinkToolbarButton } from "./link-toolbar-button";
 import { MarkToolbarButton } from "./mark-toolbar-button";

surfsense_web/components/ui/floating-toolbar.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import * as React from "react";
-
 import {
 	type FloatingToolbarState,
 	flip,
@@ -12,9 +10,9 @@ import {
 import { useComposedRef } from "@udecode/cn";
 import { KEYS } from "platejs";
 import { useEditorId, useEventEditorValue, usePluginOption } from "platejs/react";
-
-import { cn } from "@/lib/utils";
+import type * as React from "react";
 import { useIsMobile } from "@/hooks/use-mobile";
+import { cn } from "@/lib/utils";
 
 import { Toolbar } from "./toolbar";
 

surfsense_web/components/ui/heading-node.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
 
 import type { PlateElementProps } from "platejs/react";
-
-import { type VariantProps, cva } from "class-variance-authority";
 import { PlateElement } from "platejs/react";
+import * as React from "react";
 
 const headingVariants = cva("relative mb-1", {
 	variants: {

surfsense_web/components/ui/highlight-node.tsx

@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateLeafProps } from "platejs/react";
-
 import { PlateLeaf } from "platejs/react";
+import * as React from "react";
 
 export function HighlightLeaf(props: PlateLeafProps) {
 	return (

surfsense_web/components/ui/hr-node.tsx

@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateElementProps } from "platejs/react";
-
 import { PlateElement, useFocused, useReadOnly, useSelected } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/inline-combobox.tsx

@@ -1,15 +1,11 @@
 "use client";
 
-import * as React from "react";
-
-import type { Point, TElement } from "platejs";
-
 import {
-	type ComboboxItemProps,
 	Combobox,
 	ComboboxGroup,
 	ComboboxGroupLabel,
 	ComboboxItem,
+	type ComboboxItemProps,
 	ComboboxPopover,
 	ComboboxProvider,
 	ComboboxRow,
@@ -24,7 +20,9 @@ import {
 	useHTMLInputCursorState,
 } from "@platejs/combobox/react";
 import { cva } from "class-variance-authority";
+import type { Point, TElement } from "platejs";
 import { useComposedRef, useEditorRef } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/insert-toolbar-button.tsx

@@ -1,9 +1,6 @@
 "use client";
 
-import * as React from "react";
-
 import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
-
 import {
 	ChevronRightIcon,
 	FileCodeIcon,
@@ -25,14 +22,14 @@ import {
 } from "lucide-react";
 import { KEYS } from "platejs";
 import { type PlateEditor, useEditorRef } from "platejs/react";
-
+import * as React from "react";
+import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
 	DropdownMenuItem,
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 
 import { ToolbarButton, ToolbarMenuGroup } from "./toolbar";
 

surfsense_web/components/ui/link-node.tsx

@@ -1,12 +1,11 @@
 "use client";
 
-import * as React from "react";
+import { getLinkAttributes } from "@platejs/link";
 
 import type { TLinkElement } from "platejs";
 import type { PlateElementProps } from "platejs/react";
-
-import { getLinkAttributes } from "@platejs/link";
 import { PlateElement } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/link-toolbar-button.tsx

@@ -1,9 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import { useLinkToolbarButton, useLinkToolbarButtonState } from "@platejs/link/react";
 import { Link } from "lucide-react";
+import type * as React from "react";
 
 import { ToolbarButton } from "./toolbar";
 

surfsense_web/components/ui/link-toolbar.tsx

@@ -1,14 +1,10 @@
 "use client";
 
-import * as React from "react";
-
-import type { TLinkElement } from "platejs";
-
-import { type UseVirtualFloatingOptions, flip, offset } from "@platejs/floating";
+import { flip, offset, type UseVirtualFloatingOptions } from "@platejs/floating";
 import { getLinkAttributes } from "@platejs/link";
 import {
-	type LinkFloatingToolbarState,
 	FloatingLinkUrlInput,
+	type LinkFloatingToolbarState,
 	useFloatingLinkEdit,
 	useFloatingLinkEditState,
 	useFloatingLinkInsert,
@@ -16,6 +12,7 @@ import {
 } from "@platejs/link/react";
 import { cva } from "class-variance-authority";
 import { ExternalLink, Link, Text, Unlink } from "lucide-react";
+import type { TLinkElement } from "platejs";
 import { KEYS } from "platejs";
 import {
 	useEditorRef,
@@ -23,6 +20,7 @@ import {
 	useFormInputProps,
 	usePluginOption,
 } from "platejs/react";
+import * as React from "react";
 
 import { buttonVariants } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";

surfsense_web/components/ui/mark-toolbar-button.tsx

@@ -1,8 +1,7 @@
 "use client";
 
-import * as React from "react";
-
 import { useMarkToolbarButton, useMarkToolbarButtonState } from "platejs/react";
+import type * as React from "react";
 
 import { ToolbarButton } from "./toolbar";
 

surfsense_web/components/ui/paragraph-node.tsx

@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateElementProps } from "platejs/react";
-
 import { PlateElement } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/resize-handle.tsx

@@ -1,16 +1,15 @@
 "use client";
 
-import * as React from "react";
-
-import type { VariantProps } from "class-variance-authority";
-
 import {
-	type ResizeHandle as ResizeHandlePrimitive,
 	Resizable as ResizablePrimitive,
+	type ResizeHandle as ResizeHandlePrimitive,
 	useResizeHandle,
 	useResizeHandleState,
 } from "@platejs/resizable";
+
+import type { VariantProps } from "class-variance-authority";
 import { cva } from "class-variance-authority";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/separator.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import { Separator as SeparatorPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/slash-node.tsx

@@ -1,9 +1,5 @@
 "use client";
 
-import * as React from "react";
-
-import type { PlateElementProps } from "platejs/react";
-
 import { SlashInputPlugin } from "@platejs/slash-command/react";
 import {
 	ChevronRightIcon,
@@ -23,8 +19,10 @@ import {
 	TableIcon,
 } from "lucide-react";
 import { KEYS } from "platejs";
+import type { PlateElementProps } from "platejs/react";
 import { PlateElement, useEditorRef } from "platejs/react";
-
+import type * as React from "react";
+import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 import {
 	InlineCombobox,
 	InlineComboboxContent,
@@ -34,7 +32,6 @@ import {
 	InlineComboboxInput,
 	InlineComboboxItem,
 } from "@/components/ui/inline-combobox";
-import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 
 interface SlashCommandItem {
 	icon: React.ReactNode;

surfsense_web/components/ui/table-node.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import * as React from "react";
-
 import { useDraggable, useDropLine } from "@platejs/dnd";
 import { BlockSelectionPlugin, useBlockSelected } from "@platejs/selection/react";
 import {
@@ -26,21 +24,22 @@ import {
 	XIcon,
 } from "lucide-react";
 import {
+	KEYS,
+	PathApi,
 	type TElement,
 	type TTableCellElement,
 	type TTableElement,
 	type TTableRowElement,
-	KEYS,
-	PathApi,
 } from "platejs";
 import {
-	type PlateElementProps,
 	PlateElement,
+	type PlateElementProps,
 	useComposedRef,
 	useEditorPlugin,
 	useEditorRef,
 	useEditorSelector,
 	useElement,
+	useElementSelector,
 	useFocusedLast,
 	usePluginOption,
 	useReadOnly,
@@ -48,7 +47,7 @@ import {
 	useSelected,
 	withHOC,
 } from "platejs/react";
-import { useElementSelector } from "platejs/react";
+import type * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import { Popover, PopoverContent } from "@/components/ui/popover";

surfsense_web/components/ui/toggle-node.tsx

@@ -1,10 +1,9 @@
 "use client";
 
-import * as React from "react";
-
 import { useToggleButton, useToggleButtonState } from "@platejs/toggle/react";
 import { ChevronRightIcon } from "lucide-react";
-import { type PlateElementProps, PlateElement } from "platejs/react";
+import { PlateElement, type PlateElementProps } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/toolbar.tsx

@@ -1,11 +1,10 @@
 "use client";
 
-import * as React from "react";
-
 import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
+import * as React from "react";
 
 import {
 	DropdownMenuLabel,

surfsense_web/components/ui/tooltip.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

surfsense_web/components/ui/turn-into-toolbar-button.tsx

@@ -1,10 +1,6 @@
 "use client";
 
-import * as React from "react";
-
 import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
-import type { TElement } from "platejs";
-
 import { DropdownMenuItemIndicator } from "@radix-ui/react-dropdown-menu";
 import {
 	CheckIcon,
@@ -23,16 +19,17 @@ import {
 	QuoteIcon,
 	SquareIcon,
 } from "lucide-react";
+import type { TElement } from "platejs";
 import { KEYS } from "platejs";
 import { useEditorRef, useSelectionFragmentProp } from "platejs/react";
-
+import * as React from "react";
+import { getBlockType, setBlockType } from "@/components/editor/transforms";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
 	DropdownMenuRadioItem,
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { getBlockType, setBlockType } from "@/components/editor/transforms";
 
 import { ToolbarButton, ToolbarMenuGroup } from "./toolbar";