\n 📜 Quote Extractor\n

setText(e.target.value)}\n        placeholder=\"Paste your text here...\"\n        rows={6}\n        style={{ \n          width: '100%', \n          marginBottom: '10px', \n          backgroundColor: '#1e1e1e', \n          color: '#e0e0e0', \n          border: '1px solid #333', \n          borderRadius: '4px',\n          padding: '10px'\n        }}\n      />\n      <button \n        onClick={extractQuotes} \n        disabled={isLoading}\n        style={{\n          backgroundColor: '#bb86fc',\n          color: '#000',\n          border: 'none',\n          padding: '10px 20px',\n          borderRadius: '4px',\n          cursor: 'pointer',\n          width: '100%',\n          opacity: isLoading ? 0.5 : 1\n        }}\n      >\n        {isLoading ? 'Extracting...' : 'Extract Quotes'}\n      </button>\n      {quotes.length > 0 && (\n        <div>\n          <h2 style={{ \n            color: '#bb86fc', \n            borderBottom: '1px solid #333', \n            paddingBottom: '10px' \n          }}>\n            Extracted Quotes:\n          </h2>\n          <ul style={{ listStyleType: 'none', padding: 0 }}>\n            {quotes.map((quoteObj, index) => (\n              <li \n                key={index} \n                style={{ \n                  marginBottom: '15px', \n                  padding: '10px', \n                  backgroundColor: '#1e1e1e', \n                  borderRadius: '5px',\n                  border: '1px solid #333'\n                }}\n              >\n                <strong style={{ color: '#03dac6' }}>\n                  🗣️ {quoteObj.speaker || 'Unknown Speaker'}\n                </strong>\n                <blockquote style={{ \n                  margin: '5px 0', \n                  fontStyle: 'italic',\n                  color: '#e0e0e0',\n                  borderLeft: '4px solid #bb86fc',\n                  paddingLeft: '10px'\n                }}>\n                  \"{quoteObj.quote}\"\n                </blockquote>\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n      <div style={{\n        position: 'absolute',\n        bottom: '10px',\n        left: '0',\n        width: '100%',\n        textAlign: 'center'\n      }}>\n        <a \n          href=\"https://duyhua.com\" \n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          style={{ \n            color: '#666', \n            fontSize: '0.7em',\n            textDecoration: 'none'\n          }}\n        >\n          © {new Date().getFullYear()} Duy Hua\n        </a>\n      </div>\n    </div>\n  );\n}\n\nfunction client() {\n  createRoot(document.getElementById(\"root\")).render(<App />);\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise<Response> {\n  if (request.method === 'POST' && request.url.endsWith('/extract')) {\n    const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n    const openai = new OpenAI();\n    \n    const { text } = await request.json();\n    \n    const completion = await openai.chat.completions.create({\n      messages: [\n        { \n          role: \"system\", \n          content: `Extract quotes from the text with their speakers. \n          Return a JSON object with a 'quotes' array. \n          Each quote object should have 'quote' and 'speaker' fields. \n          If no speaker is identifiable, use 'Unknown' as the speaker. \n          Format: { \"quotes\": [{\"quote\": \"...\", \"speaker\": \"...\"}, ...] }` \n        },\n        { \n          role: \"user\", \n          content: text \n        }\n      ],\n      model: \"gpt-4o-mini\",\n      response_format: { type: \"json_object\" }\n    });\n\n    const result = JSON.parse(completion.choices[0].message.content || '{\"quotes\": []}');\n    \n    return new Response(JSON.stringify(result), {\n      headers: { 'Content-Type': 'application/json' }\n    });\n  }\n\n  return new Response(`\n    <html>\n      <head>\n        <title>Quote Extractor</title>\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <style>\n          body { \n            font-family: 'Arial', sans-serif; \n            line-height: 1.6; \n            background-color: #121212; \n            color: #e0e0e0; \n            margin: 0;\n            padding: 0;\n          }\n        </style>\n      </head>\n      <body>\n        <div id=\"root\"></div>\n        <script src=\"https://esm.town/v/std/catch\"></script>\n        <script type=\"module\" src=\"${import.meta.url}\"></script>\n      </body>\n    </html>\n  `, {\n    headers: { 'Content-Type': 'text/html' }\n  });\n}",["D",1737349236593],"version",3,"currentUserHasLiked",true,1,"referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":155,"_101":156},"dh1011","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJuMlRTOWcxRHZBRU02bWM0bTlzcjA4Zmp4eiJ9","forkedVal","interval","description","📜 Quote Extractor Tool Quickly find all the quotes in any text! This tool is great for saving time when reading long articles that take forever to get to the important quotes. Just copy the whole article (Ctrl+A → Ctrl+C), paste it into the tool (Ctrl+V), and get all the quotes instantly. No more wasting time searching! 👍","latestEvaluation","slug","dh1011/quoteExtractor","versions",[166,170,173,176],{"_98":167,"_144":145,"_168":169},["D",1737349236593],"n","1",{"_98":171,"_144":90,"_168":172},["D",1737348239071],"2",{"_98":174,"_144":148,"_168":175},["D",1737347297513],"3",{"_98":177,"_144":31,"_168":178},["D",1737346834780],"4","hasNext","routes/_app","actionData","errors"]
</article></body></html>

slinfo