17 |
18 |
33 | preRef.current.childNodes[1].textContent} size={14} />
34 |
35 | {children}
36 |
37 | )
38 | }
39 |
40 | Pre.propTypes = {
41 | className: PropTypes.string.isRequired,
42 | children: PropTypes.object.isRequired,
43 | }
44 |
--------------------------------------------------------------------------------
/src/components/ConfirmButton/index.jsx:
--------------------------------------------------------------------------------
1 | import { useTranslation } from 'react-i18next'
2 | import { useEffect, useRef, useState } from 'react'
3 | import PropTypes from 'prop-types'
4 |
5 | ConfirmButton.propTypes = {
6 | onConfirm: PropTypes.func.isRequired,
7 | text: PropTypes.string.isRequired,
8 | }
9 |
10 | function ConfirmButton({ onConfirm, text }) {
11 | const { t } = useTranslation()
12 | const [waitConfirm, setWaitConfirm] = useState(false)
13 | const confirmRef = useRef(null)
14 |
15 | useEffect(() => {
16 | if (waitConfirm) confirmRef.current.focus()
17 | }, [waitConfirm])
18 |
19 | return (
20 |
21 |
42 |
54 |
55 | )
56 | }
57 |
58 | export default ConfirmButton
59 |
--------------------------------------------------------------------------------
/src/content-script/site-adapters/followin/index.mjs:
--------------------------------------------------------------------------------
1 | import { cropText } from '../../../utils'
2 |
3 | export default {
4 | inputQuery: async () => {
5 | try {
6 | const author = document.querySelector('main article a > span')?.textContent
7 | const description =
8 | document.querySelector('#article-content')?.textContent ||
9 | document.querySelector('#thead-gallery')?.textContent
10 | if (author && description) {
11 | const title = document.querySelector('main article h1')?.textContent
12 | if (title) {
13 | return await cropText(
14 | `You are an expert content summarizer. Please carefully read the following article. ` +
15 | `Provide a conclusion and 3 to 5 main points, presented as a markdown list. ` +
16 | `The summary should be concise, clear, and accurately reflect the core content.\n` +
17 | `Title: "${title}"\n` +
18 | `Author: "${author}"\n` +
19 | `Content:\n"${description}"`,
20 | )
21 | } else {
22 | return await cropText(
23 | `You are an expert content summarizer. Please carefully read the following long tweet. ` +
24 | `Provide a conclusion and 3 to 5 main points, presented as a markdown list. ` +
25 | `The summary should be concise, clear, and accurately reflect the core content.\n` +
26 | `Author: "${author}"\n` +
27 | `Content:\n"${description}"`,
28 | )
29 | }
30 | }
31 | } catch (e) {
32 | console.log(e)
33 | }
34 | },
35 | }
36 |
--------------------------------------------------------------------------------
/src/services/apis/poe-web.mjs:
--------------------------------------------------------------------------------
1 | import { pushRecord, setAbortController } from './shared.mjs'
2 | import PoeAiClient from '../clients/poe/index.mjs'
3 |
4 | /**
5 | * @param {Runtime.Port} port
6 | * @param {string} question
7 | * @param {Session} session
8 | * @param {string} modelName
9 | */
10 | export async function generateAnswersWithPoeWebApi(port, question, session, modelName) {
11 | const bot = new PoeAiClient(session.poe_chatId)
12 | const { messageListener, disconnectListener } = setAbortController(
13 | port,
14 | () => {
15 | bot.close()
16 | },
17 | () => {
18 | bot.breakMsg()
19 | bot.close()
20 | },
21 | )
22 |
23 | let answer = ''
24 | await bot
25 | .ask(
26 | question,
27 | modelName,
28 | (msg) => {
29 | answer += msg
30 | port.postMessage({ answer: answer, done: false, session: null })
31 | },
32 | () => {
33 | if (bot.chatId) session.poe_chatId = bot.chatId
34 |
35 | pushRecord(session, question, answer)
36 | console.debug('conversation history', { content: session.conversationRecords })
37 | port.onMessage.removeListener(messageListener)
38 | if (session.conversationRecords.length > 1)
39 | port.onDisconnect.removeListener(disconnectListener)
40 | port.postMessage({ answer: answer, done: true, session: session })
41 | bot.close()
42 | },
43 | )
44 | .catch((err) => {
45 | port.onMessage.removeListener(messageListener)
46 | port.onDisconnect.removeListener(disconnectListener)
47 | bot.close()
48 | throw err
49 | })
50 | }
51 |
--------------------------------------------------------------------------------
/src/content-script/site-adapters/stackoverflow/index.mjs:
--------------------------------------------------------------------------------
1 | import { cropText } from '../../../utils'
2 |
3 | export default {
4 | inputQuery: async () => {
5 | try {
6 | const title = document.querySelector('#question-header .question-hyperlink')?.textContent
7 | if (title) {
8 | const description = document.querySelector('.postcell .s-prose')?.textContent
9 | let answer = ''
10 | const answers = document.querySelectorAll('.answercell .s-prose')
11 | if (answers.length > 0)
12 | for (let i = 1; i <= answers.length && i <= 2; i++) {
13 | answer += `answer${i}: ${answers[i - 1].textContent}|`
14 | }
15 |
16 | return await cropText(
17 | `You are an expert software developer and technical problem solver. ` +
18 | `The following content is from a developer Q&A platform (Stack Overflow).\n\n` +
19 | `Question: "${title}"\n` +
20 | `Question Description: "${description}"\n\n` +
21 | `Provided Answers:\n${answer}\n\n` +
22 | `Please perform the following tasks:\n` +
23 | `1. **Direct Solution:** Based on the provided answers, formulate a concise and effective solution to the question. ` +
24 | `If applicable, include a brief code snippet (using markdown for formatting).\n` +
25 | `2. **Overview of Answers:** Provide an overview of the different approaches or key points mentioned in the provided answers. ` +
26 | `You can highlight any notable variations, pros, or cons if apparent.`,
27 | )
28 | }
29 | } catch (e) {
30 | console.log(e)
31 | }
32 | },
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/DeleteButton/index.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useRef, useState } from 'react'
2 | import PropTypes from 'prop-types'
3 | import { useTranslation } from 'react-i18next'
4 | import { TrashIcon } from '@primer/octicons-react'
5 |
6 | DeleteButton.propTypes = {
7 | onConfirm: PropTypes.func.isRequired,
8 | size: PropTypes.number.isRequired,
9 | text: PropTypes.string.isRequired,
10 | }
11 |
12 | function DeleteButton({ onConfirm, size, text }) {
13 | const { t } = useTranslation()
14 | const [waitConfirm, setWaitConfirm] = useState(false)
15 | const confirmRef = useRef(null)
16 |
17 | useEffect(() => {
18 | if (waitConfirm) confirmRef.current.focus()
19 | }, [waitConfirm])
20 |
21 | return (
22 |
23 |
45 | {
50 | setWaitConfirm(true)
51 | }}
52 | >
53 |