refactor: split strm page hooks

web/src/pages/useStrmImportForm.ts

@@ -0,0 +1,52 @@
+import type { FormEvent } from 'react'
+import { useEffect, useState } from 'react'
+import toast from 'react-hot-toast'
+
+import { strmAPI } from '../api/strm'
+import type { Library } from '../types'
+import { apiErrorMessage, isHTTPURL } from './strmPageUtils'
+
+export function useStrmImportForm(libraries: Library[]) {
+  const [libraryID, setLibraryID] = useState('')
+  const [title, setTitle] = useState('')
+  const [url, setURL] = useState('')
+  const [importing, setImporting] = useState(false)
+
+  useEffect(() => {
+    if (!libraryID && libraries[0]) setLibraryID(libraries[0].id)
+  }, [libraries, libraryID])
+
+  const onImport = async (event: FormEvent) => {
+    event.preventDefault()
+    const trimmedTitle = title.trim()
+    const trimmedURL = url.trim()
+    if (!libraryID || !trimmedTitle || !trimmedURL) return
+    if (!isHTTPURL(trimmedURL)) {
+      toast.error('URL 必须以 http:// 或 https:// 开头')
+      return
+    }
+
+    setImporting(true)
+    try {
+      await strmAPI.importURL(libraryID, trimmedTitle, trimmedURL)
+      toast.success(`已导入「${trimmedTitle}」`)
+      setTitle('')
+      setURL('')
+    } catch (err: unknown) {
+      toast.error(apiErrorMessage(err, '导入失败'))
+    } finally {
+      setImporting(false)
+    }
+  }
+
+  return {
+    importing,
+    libraryID,
+    onImport,
+    setLibraryID,
+    setTitle,
+    setURL,
+    title,
+    url,
+  }
+}