fix: fix export twice

closes #133, closes #130

packages/userscript/src/hooks/useWindowResize.ts

@@ -1,6 +1,6 @@
 import { useSyncExternalStore } from 'preact/compat'
 
-export function useWindowSize<T>(selector: () => T) {
+export function useWindowResize<T>(selector: () => T) {
     return useSyncExternalStore(subscribe, selector)
 }
 

packages/userscript/src/ui/Menu.tsx

@@ -6,7 +6,7 @@ import { exportToPng } from '../exporter/image'
 import { exportToJson } from '../exporter/json'
 import { exportToMarkdown } from '../exporter/markdown'
 import { exportToText } from '../exporter/text'
-import { useWindowSize } from '../hooks/useWindowSize'
+import { useWindowResize } from '../hooks/useWindowResize'
 import { getHistoryDisabled } from '../page'
 import { Divider } from './Divider'
 import { ExportDialog } from './ExportDialog'
@@ -55,7 +55,7 @@ function MenuInner({ container }: { container: HTMLDivElement }) {
     const onClickHtml = useCallback(() => exportToHtml(format, metaList), [format, metaList])
     const onClickJSON = useCallback(() => exportToJson(format), [format])
 
-    const width = useWindowSize(() => window.innerWidth)
+    const width = useWindowResize(() => window.innerWidth)
     const isMobile = width < 768
     const Portal = isMobile ? 'div' : HoverCard.Portal
 

packages/userscript/src/ui/MenuItem.tsx

@@ -19,7 +19,10 @@ export const MenuItem: FC<MenuItemProps> = ({ text, successText, disabled = fals
     const [succeed, setSucceed] = useState(false)
 
     const handleClick = typeof onClick === 'function'
-        ? async () => {
+        ? async (e: Event) => {
+            e.preventDefault()
+            if (loading) return
+
             try {
                 setLoading(true)
                 const result = await onClick()