Move to TanStack Start from Next.js (#184)

web/shared/la-editor/hooks/use-text-menu-states.ts

@@ -0,0 +1,34 @@
+import * as React from "react"
+import { Editor } from "@tiptap/react"
+import { ShouldShowProps } from "../types"
+import { isCustomNodeSelected, isTextSelected } from "../lib/utils"
+
+export const useTextmenuStates = (editor: Editor) => {
+  const shouldShow = React.useCallback(
+    ({ view, from }: ShouldShowProps) => {
+      if (!view) {
+        return false
+      }
+
+      const domAtPos = view.domAtPos(from || 0).node as HTMLElement
+      const nodeDOM = view.nodeDOM(from || 0) as HTMLElement
+      const node = nodeDOM || domAtPos
+
+      if (isCustomNodeSelected(editor, node)) {
+        return false
+      }
+
+      return isTextSelected({ editor })
+    },
+    [editor],
+  )
+
+  return {
+    isBold: editor.isActive("bold"),
+    isItalic: editor.isActive("italic"),
+    isStrike: editor.isActive("strike"),
+    isUnderline: editor.isActive("underline"),
+    isCode: editor.isActive("code"),
+    shouldShow,
+  }
+}