Waiting for response...
', ), ] else return [] else { const ret = [] for (const record of props.session.conversationRecords) { ret.push( new ConversationItemData('question', record.question + '\n', props.session, true), ) ret.push( new ConversationItemData('answer', record.answer + '\n
', props.session, true), ) } return ret } })(), ) useEffect(() => { if (props.onUpdate) props.onUpdate() }) useEffect(() => { // when the page is responsive, session may accumulate redundant data and needs to be cleared after remounting and before making a new request if (props.question) { const newSession = initSession({ question: props.question }) setSession(newSession) port.postMessage({ session: newSession }) } }, [props.question]) // usually only triggered once /** * @param {string} value * @param {boolean} appended * @param {'question'|'answer'|'error'} newType * @param {boolean} done */ const UpdateAnswer = (value, appended, newType, done = false) => { setConversationItemData((old) => { const copy = [...old] const index = copy.findLastIndex((v) => v.type === 'answer') if (index === -1) return copy copy[index] = new ConversationItemData( newType, appended ? copy[index].content + value : value, ) copy[index].session = { ...session } copy[index].done = done return copy }) } useEffect(() => { const listener = () => { setPort(Browser.runtime.connect()) } port.onDisconnect.addListener(listener) return () => { port.onDisconnect.removeListener(listener) } }, [port]) useEffect(() => { const listener = (msg) => { if (msg.answer) { UpdateAnswer(msg.answer, false, 'answer') } if (msg.session) { setSession(msg.session) } if (msg.done) { UpdateAnswer('\n
', true, 'answer', true) setIsReady(true) } if (msg.error) { switch (msg.error) { case 'UNAUTHORIZED': UpdateAnswer( `UNAUTHORIZED
Please login at https://chat.openai.com first${ isSafari() ? '
Then open https://chat.openai.com/api/auth/session' : '' }
And refresh this page or type you question again` + `
Consider creating an api key at https://platform.openai.com/account/api-keys
`, false, 'error', ) break case 'CLOUDFLARE': UpdateAnswer( `OpenAI Security Check Required
Please open ${ isSafari() ? 'https://chat.openai.com/api/auth/session' : 'https://chat.openai.com' }
And refresh this page or type you question again` + `
Consider creating an api key at https://platform.openai.com/account/api-keys
`, false, 'error', ) break default: setConversationItemData([ ...conversationItemData, new ConversationItemData('error', msg.error + '\n
'), ]) break } setIsReady(true) } } port.onMessage.addListener(listener) return () => { port.onMessage.removeListener(listener) } }, [conversationItemData]) return (
{!props.closeable ? (
) : (
{
if (props.onClose) props.onClose()
}}
/>
)}
{props.draggable ? (
) : (
{
const position = { x: window.innerWidth / 2 - 300, y: window.innerHeight / 2 - 200 }
const toolbarContainer = createElementAtPosition(position.x, position.y)
toolbarContainer.className = 'toolbar-container-not-queryable'
render(
toolbarContainer.remove()}
/>,
toolbarContainer,
)
}}
/>
)}
{
let output = ''
session.conversationRecords.forEach((data) => {
output += `Question:\n\n${data.question}\n\nAnswer:\n\n${data.answer}\n\n
\n\n` }) const blob = new Blob([output], { type: 'text/plain;charset=utf-8' }) FileSaver.saveAs(blob, 'conversation.md') }} >
\n\n` }) const blob = new Blob([output], { type: 'text/plain;charset=utf-8' }) FileSaver.saveAs(blob, 'conversation.md') }} >
{conversationItemData.map((data, idx) => (
') const newAnswer = new ConversationItemData( 'answer', '
Waiting for response...
', ) setConversationItemData([...conversationItemData, newQuestion, newAnswer]) setIsReady(false) const newSession = { ...session, question } setSession(newSession) try { port.postMessage({ session: newSession }) } catch (e) { UpdateAnswer(e, false, 'error') } }} />You:
{session ? 'ChatGPT:' : 'Loading...'}
Error:
{(() => {
if (question)
switch (config.triggerMode) {
case 'always':
return
)
)
}
DecisionCard.propTypes = {
session: PropTypes.object.isRequired,
question: PropTypes.string.isRequired,
siteConfig: PropTypes.object.isRequired,
container: PropTypes.object.isRequired,
}
export default DecisionCard
================================================
FILE: src/components/FeedbackForChatGPTWeb/index.jsx
================================================
import PropTypes from 'prop-types'
import { memo, useCallback, useState } from 'react'
import { ThumbsupIcon, ThumbsdownIcon } from '@primer/octicons-react'
import Browser from 'webextension-polyfill'
const FeedbackForChatGPTWeb = (props) => {
const [action, setAction] = useState(null)
const clickThumbsUp = useCallback(async () => {
if (action) {
return
}
setAction('thumbsUp')
await Browser.runtime.sendMessage({
type: 'FEEDBACK',
data: {
conversation_id: props.conversationId,
message_id: props.messageId,
rating: 'thumbsUp',
},
})
}, [props, action])
const clickThumbsDown = useCallback(async () => {
if (action) {
return
}
setAction('thumbsDown')
await Browser.runtime.sendMessage({
type: 'FEEDBACK',
data: {
conversation_id: props.conversationId,
message_id: props.messageId,
rating: 'thumbsDown',
text: '',
tags: [],
},
})
}, [props, action])
return (
setTriggered(true)}
>
setTriggered(true)}
>