appchat 0.0.4 → 0.0.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/generators/appchat/appchat_generator.rb +27 -6
- data/lib/generators/appchat/templates/assets/appchat.tailwind.css +14 -0
- data/lib/generators/appchat/templates/chats/chat.html.erb +3 -3
- data/lib/generators/appchat/templates/chats/index.html.erb +18 -15
- data/lib/generators/appchat/templates/chats_controller.rb +1 -1
- data/lib/generators/appchat/templates/javascript/speech_to_text_controller.js +65 -0
- data/lib/generators/appchat/templates/messages/new.html.erb +35 -12
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3071421a8c3c49e11f5c5186b9f17a00bd37d45229d0d95a3b466ae9b9032fee
|
|
4
|
+
data.tar.gz: 79284185b56a3efaeb60e1ec1ad144ada532fd499e686b4604db7a29aabccd16
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9e642582fe817de68a171c14b272a0b0ceb2257b96021ae9a51e630c5ef562ed982c452fdc9694c2d6e6c81378720f636e0e8218f51d1704134d383602cf2df7
|
|
7
|
+
data.tar.gz: a71996c59642154416cb3178b9406d44242b5626ab7069aeb6341a15e1062d6c297131dfd19de2455c7e59be0cbf8af8c43e6daa0879afb269c001a88723f0a3
|
|
@@ -23,14 +23,22 @@ class AppchatGenerator < Rails::Generators::Base
|
|
|
23
23
|
run 'rails tailwindcss:install'
|
|
24
24
|
end
|
|
25
25
|
|
|
26
|
-
def
|
|
27
|
-
generate "model", "Chat context:text"
|
|
26
|
+
def set_routes
|
|
28
27
|
route "resources :chats"
|
|
29
|
-
|
|
28
|
+
route "resources :messages"
|
|
30
29
|
end
|
|
31
30
|
|
|
32
|
-
def
|
|
31
|
+
def generate_models
|
|
32
|
+
generate "model", "Chat context:text"
|
|
33
|
+
generate "model", "Message chat:references content:text role:integer"
|
|
34
|
+
end
|
|
35
|
+
|
|
36
|
+
def create_controllers
|
|
33
37
|
copy_file "chats_controller.rb", "app/controllers/chats_controller.rb"
|
|
38
|
+
copy_file "messages_controller.rb", "app/controllers/messages_controller.rb", force: true
|
|
39
|
+
end
|
|
40
|
+
|
|
41
|
+
def create_views
|
|
34
42
|
copy_file "chats/chat.html.erb", "app/views/chats/_chat.html.erb", force: true
|
|
35
43
|
copy_file "chats/index.html.erb", "app/views/chats/index.html.erb", force: true
|
|
36
44
|
copy_file "chats/show.html.erb", "app/views/chats/show.html.erb", force: true
|
|
@@ -38,8 +46,15 @@ class AppchatGenerator < Rails::Generators::Base
|
|
|
38
46
|
copy_file "messages/new.html.erb", "app/views/messages/new.html.erb", force: true
|
|
39
47
|
copy_file "messages/message.html.erb", "app/views/messages/_message.html.erb", force: true
|
|
40
48
|
copy_file "messages/_typing_bubbles.html.erb", "app/views/messages/_typing_bubbles.html.erb", force: true
|
|
49
|
+
end
|
|
50
|
+
|
|
51
|
+
def create_stylesheets
|
|
41
52
|
copy_file "assets/appchat.tailwind.css", "app/assets/stylesheets/appchat.tailwind.css", force: true
|
|
53
|
+
end
|
|
54
|
+
|
|
55
|
+
def create_stimulus_controllers
|
|
42
56
|
copy_file "javascript/chat_message_controller.js", "app/javascript/controllers/chat_message_controller.js"
|
|
57
|
+
copy_file "javascript/speech_to_text_controller.js", "app/javascript/controllers/speech_to_text_controller.js"
|
|
43
58
|
end
|
|
44
59
|
|
|
45
60
|
def copy_models
|
|
@@ -63,8 +78,14 @@ class AppchatGenerator < Rails::Generators::Base
|
|
|
63
78
|
copy_file "get_ai_response_job.rb", "app/jobs/get_ai_response_job.rb"
|
|
64
79
|
end
|
|
65
80
|
|
|
66
|
-
def
|
|
67
|
-
|
|
81
|
+
def swap_class_in_layout
|
|
82
|
+
layout_file = "app/views/layouts/application.html.erb"
|
|
83
|
+
|
|
84
|
+
if File.exist?(layout_file)
|
|
85
|
+
gsub_file layout_file, /\bmt-28\b/, "mt-10"
|
|
86
|
+
else
|
|
87
|
+
say "Layout file not found. No changes were made.", :red
|
|
88
|
+
end
|
|
68
89
|
end
|
|
69
90
|
|
|
70
91
|
def show_art
|
|
@@ -59,4 +59,18 @@
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
#microphone-button.recording {
|
|
63
|
+
animation: flash 1s infinite;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
@keyframes flash {
|
|
67
|
+
0%, 100% {
|
|
68
|
+
opacity: 80;
|
|
69
|
+
background-color: #EE4B2B; /* Ensure the color remains during the flash */
|
|
70
|
+
}
|
|
71
|
+
50% {
|
|
72
|
+
opacity: 0.5;
|
|
73
|
+
background-color: #EE4B2B; /* Ensure the color remains during the flash */
|
|
74
|
+
}
|
|
75
|
+
}
|
|
62
76
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<%= link_to chat, data: { turbo_frame: :chat } do %>
|
|
2
|
-
<div class="w-full text-gray-100 hover:text-green-500">
|
|
3
|
-
|
|
4
|
-
</div>
|
|
2
|
+
<div class="w-full text-gray-100 hover:text-green-500">
|
|
3
|
+
<%= chat&.messages&.first&.content&.truncate(45) || "New AI chat conversation" %>
|
|
4
|
+
</div>
|
|
5
5
|
<% end %>
|
|
@@ -3,20 +3,23 @@
|
|
|
3
3
|
background-color: black;
|
|
4
4
|
}
|
|
5
5
|
</style>
|
|
6
|
+
|
|
6
7
|
<div class="flex w-full">
|
|
7
|
-
<%= turbo_stream_from :chats %>
|
|
8
|
-
<div class="max-w-sm w-full h-full flex flex-col gap-4 p-2 w-full flex-shrink-0 bg-[#2e2e2e] rounded-lg" id="chats">
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
8
|
+
<%= turbo_stream_from :chats %>
|
|
9
|
+
<div class="max-w-sm w-full h-full flex flex-col gap-4 p-2 w-full flex-shrink-0 bg-[#2e2e2e] rounded-lg" id="chats">
|
|
10
|
+
<%= link_to chats_path, data: { turbo_method: :post, turbo_frame: :chat }, class: "flex gap-2 justify-center items-center bg-gray-500 text-gray-100 rounded-lg p-2 text-center mr-auto" do %>
|
|
11
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
|
|
12
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
|
|
13
|
+
</svg>
|
|
14
|
+
<span> Create Chat </span>
|
|
15
|
+
<% end %>
|
|
16
|
+
<div class="h-[70vh] overflow-y-hidden overflow-y-scroll">
|
|
17
|
+
<% @chats.each do |chat| %>
|
|
18
|
+
<%= render "chat", chat: chat %>
|
|
19
|
+
<% end %>
|
|
20
|
+
</div>
|
|
21
|
+
</div>
|
|
22
|
+
<div class="w-full ml-4">
|
|
23
|
+
<%= turbo_frame_tag :chat, src: ( chat_path(@chats.first) if @chats.any? ) %>
|
|
24
|
+
</div>
|
|
22
25
|
</div>
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Controller } from "@hotwired/stimulus";
|
|
2
|
+
|
|
3
|
+
// Connects to data-controller="speech-to-text"
|
|
4
|
+
export default class extends Controller {
|
|
5
|
+
static targets = ["microphoneButton", "chatInput"]
|
|
6
|
+
|
|
7
|
+
connect() {
|
|
8
|
+
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
|
|
9
|
+
if (SpeechRecognition) {
|
|
10
|
+
this.microphoneButtonTarget.classList.remove("hidden")
|
|
11
|
+
} else {
|
|
12
|
+
return
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
this.recognition = new SpeechRecognition();
|
|
16
|
+
this.recognition.continuous = false;
|
|
17
|
+
this.recognition.lang = 'en-US';
|
|
18
|
+
this.recognition.interimResults = false;
|
|
19
|
+
this.recognition.maxAlternatives = 1;
|
|
20
|
+
|
|
21
|
+
this.recognition.onresult = this.handleResult.bind(this);
|
|
22
|
+
this.recognition.onerror = this.handleError.bind(this);
|
|
23
|
+
this.recognition.onstart = this.handleStart.bind(this);
|
|
24
|
+
this.recognition.onend = this.handleEnd.bind(this);
|
|
25
|
+
|
|
26
|
+
this.isRecognizing = false; // Track if recognition is active
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
startRecognition(event) {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
if (this.isRecognizing) {
|
|
32
|
+
console.log("Recognition already started");
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
try {
|
|
37
|
+
this.recognition.start();
|
|
38
|
+
this.isRecognizing = true;
|
|
39
|
+
} catch (error) {
|
|
40
|
+
console.error("Recognition start failed:", error);
|
|
41
|
+
this.isRecognizing = false;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
handleStart() {
|
|
46
|
+
this.microphoneButtonTarget.classList.add("recording");
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
handleEnd() {
|
|
50
|
+
this.microphoneButtonTarget.classList.remove("recording");
|
|
51
|
+
this.isRecognizing = false;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
handleResult(event) {
|
|
55
|
+
const transcript = event.results[0][0].transcript;
|
|
56
|
+
this.chatInputTarget.value += ` ${transcript}`;
|
|
57
|
+
this.recognition.stop();
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
handleError(event) {
|
|
61
|
+
console.error(`Error occurred in recognition: ${event.error}`);
|
|
62
|
+
this.isRecognizing = false;
|
|
63
|
+
alert(`Speech recognition error: ${event.error}`);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -1,16 +1,39 @@
|
|
|
1
1
|
<%= turbo_frame_tag :new_message do %>
|
|
2
2
|
<%= form_with model: @chat.messages.new, url: messages_path(chat_id: @chat.id) do |f| %>
|
|
3
|
-
<div class="w-full flex items-center gap-2">
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
3
|
+
<div class="w-full flex items-center gap-2 mt-4">
|
|
4
|
+
<div class="flex flex-col w-full" data-controller="speech-to-text">
|
|
5
|
+
<div class="relative w-full">
|
|
6
|
+
<%= f.text_area :content, class: "w-full pr-32 rounded-lg", "data-speech-to-text-target":"chatInput" %>
|
|
7
|
+
<button id="microphone-button"
|
|
8
|
+
data-speech-to-text-target="microphoneButton"
|
|
9
|
+
data-speech-to-text-recording-class="recording"
|
|
10
|
+
data-action="click->speech-to-text#startRecognition"
|
|
11
|
+
class="absolute right-14 top-1/2 transform -translate-y-1/2 p-1 mr-2 bg-gray-200 rounded-full hidden">
|
|
12
|
+
<svg
|
|
13
|
+
fill="#000000"
|
|
14
|
+
height="40px"
|
|
15
|
+
width="40px"
|
|
16
|
+
version="1.1"
|
|
17
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
18
|
+
viewBox="0 0 512 512"
|
|
19
|
+
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
20
|
+
enable-background="new 0 0 512 512">
|
|
21
|
+
<g>
|
|
22
|
+
<g>
|
|
23
|
+
<path d="m439.5,236c0-11.3-9.1-20.4-20.4-20.4s-20.4,9.1-20.4,20.4c0,70-64,126.9-142.7,126.9-78.7,0-142.7-56.9-142.7-126.9 0-11.3-9.1-20.4-20.4-20.4s-20.4,9.1-20.4,20.4c0,86.2 71.5,157.4 163.1,166.7v57.5h-23.6c-11.3,0-20.4,9.1-20.4,20.4 0,11.3 9.1,20.4 20.4,20.4h88c11.3,0 20.4-9.1 20.4-20.4 0-11.3-9.1-20.4-20.4-20.4h-23.6v-57.5c91.6-9.3 163.1-80.5 163.1-166.7z"/>
|
|
24
|
+
<path d="m256,323.5c51,0 92.3-41.3 92.3-92.3v-127.9c0-51-41.3-92.3-92.3-92.3s-92.3,41.3-92.3,92.3v127.9c0,51 41.3,92.3 92.3,92.3zm-52.3-220.2c0-28.8 23.5-52.3 52.3-52.3s52.3,23.5 52.3,52.3v127.9c0,28.8-23.5,52.3-52.3,52.3s-52.3-23.5-52.3-52.3v-127.9z"/>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</svg>
|
|
28
|
+
</button>
|
|
29
|
+
<%= button_tag class: "absolute top-1 right-0 flex p-2 rounded-lg text-gray-900 font-semibold" do %>
|
|
30
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-10">
|
|
31
|
+
<path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" />
|
|
32
|
+
</svg>
|
|
33
|
+
<% end %>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
|
|
37
|
+
</div>
|
|
15
38
|
<% end %>
|
|
16
39
|
<% end %>
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: appchat
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.5
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- hackliteracy
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-08-
|
|
11
|
+
date: 2024-08-29 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
@@ -80,6 +80,7 @@ files:
|
|
|
80
80
|
- lib/generators/appchat/templates/chats_controller.rb
|
|
81
81
|
- lib/generators/appchat/templates/get_ai_response_job.rb
|
|
82
82
|
- lib/generators/appchat/templates/javascript/chat_message_controller.js
|
|
83
|
+
- lib/generators/appchat/templates/javascript/speech_to_text_controller.js
|
|
83
84
|
- lib/generators/appchat/templates/messages/_typing_bubbles.html.erb
|
|
84
85
|
- lib/generators/appchat/templates/messages/index.html.erb
|
|
85
86
|
- lib/generators/appchat/templates/messages/message.html.erb
|