OpenAI Streaming Example

\n Prompt:\n \n \n

\n\n \n \n\n`;\n\napp.get('/', (c) => {\n const prompt = c.req.query('p') || \"Tell me a joke\"; // Optionally accept prompt via query parameter\n return stream(c, async (stream) => {\n try {\n const chatStream = await openai.chat.completions.create({\n model: \"gpt-4\",\n messages: [{ role: \"user\", content: prompt }],\n stream: true,\n });\n\n for await (const chunk of chatStream) {\n if (chunk.choices[0]?.delta?.content) {\n stream.write(`data: ${JSON.stringify({ token: chunk.choices[0].delta.content })}\\n\\n`);\n // stream.write(chunk.choices[0].delta.content);\n }\n }\n } catch (error) {\n stream.write(`data: ${JSON.stringify({ error: error.message })}\\n\\n`);\n stream.write('event: close\\n');\n stream.write('data: close\\n\\n');\n }\n });\n});\n\napp.get('/index.html', (c) => c.html(htmlContent));\n\nexport default app.fetch;",[],[178],"files",[157,176],"counts",{"_189":32,"_190":164,"_191":32,"_192":193},"pulls","branches","forks","envVars",{"_194":32,"_195":32},"count","emptyCount","contents",[],{"_105":158,"_96":100,"_159":160,"_161":-5,"_162":142,"_163":164,"_165":111,"_107":199,"_101":32,"_167":168,"_169":170,"_171":22,"_172":-5,"_99":200},["D",1713357488719],[100],"upstreamProject",{"_105":149,"_96":203,"_114":-5,"_115":-5,"_112":113,"_23":204},"streamingTest",{"_94":205,"_134":206},"jacoblee93","https://images.clerk.dev/oauth_github/img_2QIS74zfuoUpIQDz75ze0alKMAy.jpeg","upstreamBranch",{"_105":145,"_107":209,"_210":211,"_96":44,"_143":149,"_101":212,"_144":-5,"_146":-5,"_213":-5,"_109":-5,"_154":22,"_112":113,"_153":205,"_16":151,"_152":203},["D",1746129950654],"updatedAt",["D",1698082298000],23,"lockfileKey","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":220,"_155":225,"_185":232,"_168":233,"_196":235,"_236":237,"_240":-5,"_241":141,"_242":212,"_243":244,"_192":-5},{"_105":106,"_96":97,"_107":221,"_109":-5,"_110":111,"_112":113,"_114":-5,"_115":-5,"_14":116,"_117":118,"_119":111,"_120":-5,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":222,"_136":223,"_139":224,"_154":22},["D",1746217123679],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":116},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":145,"_146":32,"_147":113,"_148":149,"_150":151,"_152":97,"_153":95},[226,229],{"_105":158,"_96":100,"_159":160,"_161":-5,"_162":142,"_163":164,"_165":111,"_107":166,"_101":32,"_167":168,"_169":170,"_171":22,"_172":-5,"_173":227,"_99":228},[],[100],{"_105":177,"_96":178,"_159":118,"_161":-5,"_162":142,"_163":102,"_165":22,"_107":179,"_101":180,"_167":181,"_169":182,"_171":22,"_172":-5,"_173":230,"_99":231},[],[178],[226,229],{"_105":158,"_96":100,"_159":160,"_161":-5,"_162":142,"_163":164,"_165":111,"_107":199,"_101":32,"_167":168,"_169":170,"_171":22,"_172":-5,"_99":234},[100],[],"upstream",{"_105":145,"_107":238,"_210":239,"_96":44,"_143":149,"_101":212,"_144":-5,"_146":-5,"_213":-5,"_109":-5,"_154":22,"_112":113,"_153":205,"_16":151,"_152":203},["D",1746129950654],["D",1698082298000],"pull","ahead","behind","templates",[],"actionData","errors"]

yawnxyz

openAIHonoChatStreamExample