{"version":3,"file":"Comments-031301df.js","sources":["../src/hooks/useComments.js","../src/hooks/useCommentPost.js","../src/components/Comments.jsx"],"sourcesContent":["import { useRef, useState, useCallback, useEffect } from 'react';\nimport { GetToken } from '@utils/storage';\nimport * as config from '@config';\nimport PropTypes from 'prop-types';\nimport { useWs } from '../contexts/WsContext';\nimport { PubSubDataType, PubSubCMD } from '../wsManager';\n\nfunction useComments() {\n    const [fetching, setFetching] = useState(false);\n    const [comments, setComments] = useState([]);\n    const abortControllerRef = useRef(null);\n    const fetchParamsRef = useRef({ commentOnID: null, selfOnly: false }); // Store the current query params\n    const { wsManager } = useWs();\n\n    useEffect(() => {\n        if (!wsManager) return;\n        const handleMessage = (data) => {\n            // console.log('useComments received message:', data);\n            try {\n                const message = JSON.parse(data);\n                switch (message.type) {\n                    case PubSubDataType.CMD:\n                        if (message.data === PubSubCMD.REFRESH_COMMENTS) {\n                            console.log('cmd to refresh comments');\n                            const { commentOnID, selfOnly } = fetchParamsRef.current;\n                            fetchComments(commentOnID, { selfOnly }).catch((err) => {\n                                console.error('Error refreshing comments:', err);\n                            });\n                        }\n                        break;\n                    default:\n                        console.log('dont know what to do with this message');\n                        break;\n                }\n            } catch (error) {\n                console.err('Error parsing message');\n            }\n        };\n        wsManager.addMessageListener(handleMessage);\n        // Cleanup function to remove the listener when the component unmounts\n        return () => {\n            wsManager.removeMessageListener(handleMessage);\n        };\n    }, [wsManager]);\n\n    const fetchComments = useCallback(async (commentOnID, { selfOnly = false }) => {\n        setFetching(true);\n        abortControllerRef.current = new AbortController();\n        const query = {\n            id: commentOnID,\n            selfOnly: selfOnly,\n        };\n        const queryString = new URLSearchParams(query).toString();\n        fetchParamsRef.current = { commentOnID, selfOnly };\n        try {\n            const response = await fetch(`${config.apiURL}/comments?${queryString}`, {\n                method: 'GET',\n                headers: { Authorization: `Bearer ${GetToken()}` },\n                signal: abortControllerRef.current.signal,\n            });\n\n            //Uses response.ok to check for successful responses, which covers all 2xx status codes.\n            if (!response.ok) {\n                const data = await response.json();\n                throw new Error(data.error || 'An error occurred while updating the order');\n            }\n            const data = await response.json();\n            setComments(data.comments || []);\n            return data;\n        } catch (error) {\n            if (error.name === 'AbortError') {\n                console.log('Request was aborted');\n                throw new Error('Request was aborted');\n            } else {\n                console.error('Error fetch comments:', error);\n            }\n            throw error;\n        } finally {\n            setFetching(false);\n        }\n    }, []);\n\n    fetchComments.propTypes = {\n        commentOnID: PropTypes.string.isRequired,\n        options: PropTypes.shape({\n            selfOnly: PropTypes.bool,\n        }),\n    };\n\n    const abort = useCallback(() => {\n        if (abortControllerRef.current) {\n            abortControllerRef.current.abort();\n        }\n    }, []);\n\n    return { fetching, comments, fetchComments, abort };\n}\n\nexport default useComments;\n","import { useState, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { GetToken } from '@utils/storage';\nimport * as config from '@config';\n\nfunction useConmmentPost() {\n    const [posting, setPosting] = useState(false);\n    const abortControllerRef = useRef(null);\n\n    const postComment = useCallback(async ({ commentOnID, comment }) => {\n        if (!comment) return;\n        //use fetch to post comment\n        setPosting(true);\n        const req = {\n            comment: comment,\n            commentOnID: commentOnID,\n        };\n        console.log('req', req);\n        abortControllerRef.current = new AbortController();\n        try {\n            const response = await fetch(`${config.apiURL}/comments`, {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application/json',\n                    Authorization: `Bearer ${GetToken()}`,\n                },\n                body: JSON.stringify(req),\n                signal: abortControllerRef.current.signal,\n            });\n            if (!response.ok) {\n                const data = await response.json();\n                throw new Error(data.error || 'An error occurred post a comment');\n            }\n            const result = await response.json();\n            return result;\n        } catch (error) {\n            if (error.name === 'AbortError') {\n                console.log('Request was aborted');\n                throw new Error('Request was aborted');\n            } else {\n                console.error('Error posting a comment:', error);\n            }\n            throw error;\n        } finally {\n            setPosting(false);\n        }\n    }, []);\n\n    postComment.propTypes = {\n        commentOnID: PropTypes.string.isRequired,\n        comment: PropTypes.string.isRequired,\n    };\n\n    const abort = useCallback(() => {\n        if (abortControllerRef.current) {\n            abortControllerRef.current.abort();\n        }\n    }, []);\n\n    return { posting, postComment, abort };\n}\n\nuseConmmentPost.propTypes = {};\n\nexport default useConmmentPost;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useState, useEffect } from 'react';\nimport { Timeago } from '@utils/utils';\nimport { GetUserInfo } from '../utils/storage';\nimport useComments from '../hooks/useComments';\nimport { App, Button, Space } from 'antd';\nimport useConmmentPost from '../hooks/useCommentPost';\nimport { List, Input } from 'antd';\n\nconst { TextArea } = Input;\n\nfunction Comments({ commentOnID = '' }) {\n    const loginInfo = GetUserInfo();\n    const { fetching, comments, fetchComments, abort: abortFetch } = useComments();\n    const { posting, postComment, abort: abortPost } = useConmmentPost();\n    const { message } = App.useApp();\n    const [addedComment, setAddedComment] = useState('');\n\n    useEffect(() => {\n        if (commentOnID) {\n            fetchData();\n        }\n        return () => {\n            abortFetch();\n            abortPost();\n        };\n    }, [commentOnID]);\n\n    const fetchData = () => {\n        if (commentOnID) {\n            fetchComments(commentOnID, { selfOnly: false }).catch((err) => {\n                message.error(err.toString());\n            });\n        }\n    };\n\n    const handleSubmit = () => {\n        if (addedComment) {\n            const req = {\n                comment: addedComment,\n                commentOnID: commentOnID,\n            };\n            postComment(req)\n                .then((res) => {\n                    setAddedComment('');\n                    fetchData();\n                    message.success(res.reply);\n                })\n                .catch((err) => {\n                    let msg = err.toString();\n                    if (err.response?.data?.error) {\n                        console.log('***', err.response.data.error);\n                        msg = err.response.data.error;\n                    }\n                    window.alert(msg);\n                });\n        }\n    };\n\n    return (\n        <div>\n            <List\n                itemLayout=\"vertical\"\n                size=\"small\"\n                dataSource={comments}\n                locale={{ emptyText: '无留言' }}\n                renderItem={(comment, index) => (\n                    <List.Item>\n                        <div style={{ display: 'flex', gap: '16px' }}>\n                            <h4>\n                                {comment.accName} {loginInfo.id == comment.accountID && '(me)'}\n                            </h4>\n                            <span className=\"color_indictive\">{Timeago(comment.createdAt)}</span>\n                        </div>\n                        <pre style={{ whiteSpace: 'pre-wrap' }}>{comment.content}</pre>\n                    </List.Item>\n                )}\n            />\n            <Space\n                direction=\"vertical\"\n                style={{\n                    display: 'flex',\n                }}\n            >\n                <TextArea\n                    value={addedComment}\n                    onChange={(e) => setAddedComment(e.target.value)}\n                    placeholder=\"留言\"\n                    autoSize={{\n                        minRows: 5,\n                    }}\n                />\n                <Button type=\"primary\" onClick={handleSubmit} loading={posting} disabled={addedComment?.trim() === ''}>\n                    Submit\n                </Button>\n            </Space>\n        </div>\n    );\n}\n\nComments.propTypes = {\n    commentOnID: PropTypes.string,\n};\n\nexport default Comments;\n"],"names":["useComments","fetching","setFetching","useState","comments","setComments","abortControllerRef","useRef","fetchParamsRef","wsManager","useWs","useEffect","handleMessage","data","message","PubSubDataType","PubSubCMD","commentOnID","selfOnly","fetchComments","err","useCallback","query","queryString","response","config.apiURL","GetToken","error","PropTypes","abort","useConmmentPost","posting","setPosting","postComment","comment","req","TextArea","Input","Comments","loginInfo","GetUserInfo","abortFetch","abortPost","App","addedComment","setAddedComment","fetchData","handleSubmit","res","msg","_b","_a","jsx","List","index","jsxs","Timeago","Space","Button"],"mappings":"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"}