dockerfile新增npm安装

Author: geekr-dev

.gitignore

@@ -2,6 +2,7 @@
 /node_modules
 /public/hot
 /public/storage
+/public/build
 /storage/*.key
 /vendor
 /resources/views/analysis.blade.php

README.md

@@ -39,3 +39,71 @@ After that, you can view GeekChat by `http://localhost` in your local browser.
 
 detail：<https://geekr.dev/posts/chatgpt-website-by-laravel-10>
 
+### Stream Support
+
+I implement stream with EventSource and curl, you can use it to receive stream response from OpenAI API.
+
+Frontend:
+
+```js
+ChatAPI.chatMessage(message).then(response => {
+    ...
+    return response.json();
+}).then(data => {
+    ...
+    const eventSource = new EventSource(`/stream?chat_id=${data.chat_id}`);
+    eventSource.onmessage = function (e) {
+        ...
+        if (e.data == "[DONE]") {
+            eventSource.close();
+        } else {
+            let word = JSON.parse(e.data).choices[0].delta.content
+            if (word !== undefined) {
+                state.messages[state.messages.length - 1].content += JSON.parse(e.data).choices[0].delta.content
+            }
+        }
+    };
+    eventSource.onerror = function (e) {
+        eventSource.close();
+        ...
+    };
+}).catch(error => {
+    ...
+});
+```
+
+Backend:
+
+```php
+use App\Facades\OpenAI;
+use Symfony\Component\HttpFoundation\StreamedResponse;
+
+...
+
+$params = [
+    'model' => 'gpt-3.5-turbo',
+    'messages' => $messages,
+    'stream' => true,
+];
+
+$response = new StreamedResponse(function () use ($request, $params) {
+    $respData = '';
+    OpenAI::chat($params, function ($ch, $data) use (&$respData) {
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        if ($httpCode >= 400) {
+            echo "data: [ERROR] $httpCode";
+        } else {
+            echo $data;
+        }
+        ob_flush();
+        flush();
+        return strlen($data);
+    });
+    ...
+});
+$response->headers->set('Content-Type', 'text/event-stream');
+$response->headers->set('Cache-Control', 'no-cache');
+$response->headers->set('X-Accel-Buffering', 'no');
+return $response;
+```
+

README.zh.md

@@ -39,3 +39,69 @@ docker-compose up -d
 
 开发流程详细文档在这里：<https://geekr.dev/posts/chatgpt-website-by-laravel-10>。
 
+### Stream 实现
+
+我使用 EventSource 和 curl 实现了流式响应，你可以使用这个管道组合来接收 OpenAI API 的流式响应：
+
+Frontend:
+
+```js
+ChatAPI.chatMessage(message).then(response => {
+    ...
+    return response.json();
+}).then(data => {
+    ...
+    const eventSource = new EventSource(`/stream?chat_id=${data.chat_id}`);
+    eventSource.onmessage = function (e) {
+        ...
+        if (e.data == "[DONE]") {
+            eventSource.close();
+        } else {
+            let word = JSON.parse(e.data).choices[0].delta.content
+            if (word !== undefined) {
+                state.messages[state.messages.length - 1].content += JSON.parse(e.data).choices[0].delta.content
+            }
+        }
+    };
+    eventSource.onerror = function (e) {
+        eventSource.close();
+        ...
+    };
+}).catch(error => {
+    ...
+});
+```
+
+Backend:
+
+```php
+use App\Facades\OpenAI;
+use Symfony\Component\HttpFoundation\StreamedResponse;
+
+$params = [
+    'model' => 'gpt-3.5-turbo',
+    'messages' => $messages,
+    'stream' => true,
+];
+
+$response = new StreamedResponse(function () use ($request, $params) {
+    $respData = '';
+    OpenAI::chat($params, function ($ch, $data) use (&$respData) {
+        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
+        if ($httpCode >= 400) {
+            echo "data: [ERROR] $httpCode";
+        } else {
+            echo $data;
+        }
+        ob_flush();
+        flush();
+        return strlen($data);
+    });
+    ...
+});
+$response->headers->set('Content-Type', 'text/event-stream');
+$response->headers->set('Cache-Control', 'no-cache');
+$response->headers->set('X-Accel-Buffering', 'no');
+return $response;
+```
+

app/Providers/AiServiceProvider.php

@@ -8,8 +8,6 @@
 use App\Exceptions\OpenAI\ApiKeyIsMissing;
 use Orhanerday\OpenAi\OpenAi;
 
-use function GuzzleHttp\Promise\settle;
-
 /**
  * @internal
  */

context/Dockerfile

@@ -3,6 +3,7 @@ FROM ubuntu:22.04
 LABEL maintainer="Taylor Otwell"
 
 ARG WWWGROUP
+ARG NODE_VERSION=18
 
 WORKDIR /var/www/html