@pheem49/mint 1.5.5 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (222) hide show
  1. package/.codex +0 -0
  2. package/.github/FUNDING.yml +2 -0
  3. package/.github/workflows/ci.yml +45 -0
  4. package/.github/workflows/release.yml +79 -0
  5. package/Cargo.lock +5792 -0
  6. package/Cargo.toml +32 -0
  7. package/README.md +387 -353
  8. package/assets/icon.png +0 -0
  9. package/bin/mint +0 -0
  10. package/crates/mint-cli/Cargo.toml +23 -0
  11. package/crates/mint-cli/src/agent.rs +851 -0
  12. package/crates/mint-cli/src/gmail.rs +216 -0
  13. package/crates/mint-cli/src/image.rs +142 -0
  14. package/crates/mint-cli/src/main.rs +2837 -0
  15. package/crates/mint-cli/src/mcp.rs +63 -0
  16. package/crates/mint-cli/src/onboard.rs +1149 -0
  17. package/crates/mint-cli/src/setup.rs +390 -0
  18. package/crates/mint-cli/src/skills.rs +8 -0
  19. package/crates/mint-cli/src/updater.rs +279 -0
  20. package/crates/mint-core/Cargo.toml +22 -0
  21. package/crates/mint-core/src/agent_loop.rs +94 -0
  22. package/crates/mint-core/src/api_server.rs +991 -0
  23. package/crates/mint-core/src/channels.rs +248 -0
  24. package/crates/mint-core/src/chat.rs +895 -0
  25. package/crates/mint-core/src/code_tools.rs +729 -0
  26. package/crates/mint-core/src/config.rs +368 -0
  27. package/crates/mint-core/src/files.rs +159 -0
  28. package/crates/mint-core/src/knowledge.rs +541 -0
  29. package/crates/mint-core/src/lib.rs +84 -0
  30. package/crates/mint-core/src/mcp.rs +273 -0
  31. package/crates/mint-core/src/memory.rs +673 -0
  32. package/crates/mint-core/src/orchestration.rs +2157 -0
  33. package/crates/mint-core/src/pictures.rs +314 -0
  34. package/crates/mint-core/src/plugins.rs +727 -0
  35. package/crates/mint-core/src/safety.rs +416 -0
  36. package/crates/mint-core/src/semantic.rs +254 -0
  37. package/crates/mint-core/src/shell.rs +317 -0
  38. package/crates/mint-core/src/skills.rs +71 -0
  39. package/crates/mint-core/src/symbols.rs +157 -0
  40. package/crates/mint-core/src/tasks.rs +308 -0
  41. package/crates/mint-core/src/tts.rs +92 -0
  42. package/crates/mint-core/src/weather.rs +93 -0
  43. package/crates/mint-core/src/web_search.rs +200 -0
  44. package/crates/mint-core/src/workflows.rs +81 -0
  45. package/crates/mint-core/tests/mcp_stdio.rs +45 -0
  46. package/crates/mint-core/tests/memory_persistence.rs +172 -0
  47. package/crates/mint-core/tests/pictures_storage.rs +14 -0
  48. package/crates/mint-core/tests/task_lifecycle.rs +87 -0
  49. package/package.json +35 -99
  50. package/src/bin/index.js +16 -0
  51. package/src/renderer/index-web.html +17 -0
  52. package/src/renderer/index.html +17 -0
  53. package/src/renderer/public/Live2DCubismCore.js +9 -0
  54. package/src/renderer/public/assets/icon.png +0 -0
  55. package/src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.model3.json +36 -0
  56. package/src/renderer/src/App.tsx +33 -0
  57. package/src/renderer/src/calculator.ts +47 -0
  58. package/src/renderer/src/components/ChatPanel.tsx +1598 -0
  59. package/src/renderer/src/components/DashboardSidebar.tsx +358 -0
  60. package/src/renderer/src/components/Live2DStage.tsx +374 -0
  61. package/src/renderer/src/components/MintDashboard.tsx +950 -0
  62. package/src/renderer/src/components/ModelPanel.tsx +154 -0
  63. package/src/renderer/src/components/PicturesLibrary.tsx +46 -0
  64. package/src/renderer/src/components/ProactiveGlow.tsx +19 -0
  65. package/src/renderer/src/components/ScreenPicker.tsx +579 -0
  66. package/src/renderer/src/components/SettingsWindow.tsx +1467 -0
  67. package/src/renderer/src/components/SpotlightWindow.tsx +280 -0
  68. package/src/renderer/src/components/WidgetWindow.tsx +36 -0
  69. package/src/renderer/src/components/WorkspacePanel.tsx +268 -0
  70. package/src/{UI → renderer/src/css}/settings.css +69 -16
  71. package/src/renderer/src/css/spotlight.css +113 -0
  72. package/src/renderer/src/css/styles.css +3722 -0
  73. package/src/renderer/src/css/widget.css +185 -0
  74. package/src/renderer/src/env.d.ts +116 -0
  75. package/src/renderer/src/index.css +379 -0
  76. package/src/renderer/src/main.tsx +13 -0
  77. package/src/renderer/src/tauri.ts +996 -0
  78. package/src/renderer/src-web/App.tsx +25 -0
  79. package/src/renderer/src-web/calculator.ts +47 -0
  80. package/src/renderer/src-web/components/ChatPanel.tsx +1662 -0
  81. package/src/renderer/src-web/components/DashboardSidebar.tsx +242 -0
  82. package/src/renderer/src-web/components/MintDashboard.tsx +763 -0
  83. package/src/renderer/src-web/components/PicturesLibrary.tsx +73 -0
  84. package/src/renderer/src-web/components/SettingsWindow.tsx +1500 -0
  85. package/src/renderer/src-web/css/settings.css +1100 -0
  86. package/src/{UI → renderer/src-web/css}/spotlight.css +4 -4
  87. package/src/{UI → renderer/src-web/css}/styles.css +1055 -159
  88. package/src/{UI → renderer/src-web/css}/widget.css +2 -2
  89. package/src/renderer/src-web/env.d.ts +107 -0
  90. package/src/renderer/src-web/index.css +379 -0
  91. package/src/renderer/src-web/main.tsx +13 -0
  92. package/src/renderer/src-web/tauri.ts +983 -0
  93. package/tsconfig.json +30 -0
  94. package/vite.config.ts +33 -0
  95. package/vite.config.web.ts +51 -0
  96. package/GUIDE_TH.md +0 -125
  97. package/assets/Agent_Mint.png +0 -0
  98. package/assets/CLI_Screen.png +0 -0
  99. package/assets/Settings.png +0 -0
  100. package/benchmark_ai.js +0 -71
  101. package/install.ps1 +0 -64
  102. package/install.sh +0 -54
  103. package/main.js +0 -139
  104. package/mint-cli-logic.js +0 -3
  105. package/mint-cli.js +0 -410
  106. package/models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.model3.json +0 -47
  107. package/models/Shiroko_Model/Shiroko//342/232/241/351/253/230/344/272/256/342/232/241/344/275/277/347/224/250/346/225/231/347/250/213/344/270/216/346/263/250/346/204/217/344/272/213/351/241/271.txt +0 -23
  108. package/preload-picker.js +0 -11
  109. package/preload-settings.js +0 -11
  110. package/preload.js +0 -41
  111. package/scripts/install_linux_desktop_entry.js +0 -48
  112. package/src/AI_Brain/Gemini_API.js +0 -813
  113. package/src/AI_Brain/agent_orchestrator.js +0 -73
  114. package/src/AI_Brain/autonomous_brain.js +0 -179
  115. package/src/AI_Brain/behavior_memory.js +0 -135
  116. package/src/AI_Brain/headless_agent.js +0 -143
  117. package/src/AI_Brain/knowledge_base.js +0 -349
  118. package/src/AI_Brain/memory_store.js +0 -662
  119. package/src/AI_Brain/proactive_engine.js +0 -172
  120. package/src/AI_Brain/provider_adapter.js +0 -365
  121. package/src/Automation_Layer/browser_automation.js +0 -149
  122. package/src/Automation_Layer/file_operations.js +0 -286
  123. package/src/Automation_Layer/open_app.js +0 -85
  124. package/src/Automation_Layer/open_website.js +0 -38
  125. package/src/CLI/approval_handler.js +0 -47
  126. package/src/CLI/chat_router.js +0 -247
  127. package/src/CLI/chat_ui.js +0 -1159
  128. package/src/CLI/cli_colors.js +0 -115
  129. package/src/CLI/cli_formatters.js +0 -94
  130. package/src/CLI/code_agent.js +0 -1667
  131. package/src/CLI/code_session_memory.js +0 -62
  132. package/src/CLI/gmail_auth.js +0 -210
  133. package/src/CLI/image_input.js +0 -90
  134. package/src/CLI/intent_detectors.js +0 -181
  135. package/src/CLI/interactive_chat.js +0 -658
  136. package/src/CLI/list_features.js +0 -64
  137. package/src/CLI/onboarding.js +0 -416
  138. package/src/CLI/repo_summarizer.js +0 -282
  139. package/src/CLI/semantic_code_search.js +0 -312
  140. package/src/CLI/skill_manager.js +0 -41
  141. package/src/CLI/slash_command_handler.js +0 -418
  142. package/src/CLI/symbol_indexer.js +0 -231
  143. package/src/CLI/updater.js +0 -230
  144. package/src/CLI/workspace_manager.js +0 -90
  145. package/src/Channels/brave_search_bridge.js +0 -35
  146. package/src/Channels/discord_bridge.js +0 -66
  147. package/src/Channels/google_search_bridge.js +0 -38
  148. package/src/Channels/line_bridge.js +0 -60
  149. package/src/Channels/slack_bridge.js +0 -48
  150. package/src/Channels/telegram_bridge.js +0 -41
  151. package/src/Channels/whatsapp_bridge.js +0 -57
  152. package/src/Command_Parser/parser.js +0 -45
  153. package/src/Plugins/dev_tools.js +0 -41
  154. package/src/Plugins/discord.js +0 -20
  155. package/src/Plugins/docker.js +0 -47
  156. package/src/Plugins/gmail.js +0 -251
  157. package/src/Plugins/google_calendar.js +0 -252
  158. package/src/Plugins/mcp_manager.js +0 -95
  159. package/src/Plugins/notion.js +0 -256
  160. package/src/Plugins/obsidian.js +0 -54
  161. package/src/Plugins/plugin_manager.js +0 -81
  162. package/src/Plugins/spotify.js +0 -173
  163. package/src/Plugins/system_metrics.js +0 -31
  164. package/src/Plugins/system_monitor.js +0 -72
  165. package/src/System/action_executor.js +0 -178
  166. package/src/System/bridge_manager.js +0 -76
  167. package/src/System/chat_history_manager.js +0 -83
  168. package/src/System/config_manager.js +0 -194
  169. package/src/System/custom_workflows.js +0 -163
  170. package/src/System/daemon_manager.js +0 -67
  171. package/src/System/google_tts_urls.js +0 -51
  172. package/src/System/granular_automation.js +0 -157
  173. package/src/System/ipc_handlers.js +0 -332
  174. package/src/System/notifications.js +0 -23
  175. package/src/System/optional_require.js +0 -23
  176. package/src/System/picture_store.js +0 -109
  177. package/src/System/proactive_loop.js +0 -153
  178. package/src/System/safety_manager.js +0 -273
  179. package/src/System/sandbox_runner.js +0 -182
  180. package/src/System/screen_capture.js +0 -175
  181. package/src/System/smart_context.js +0 -227
  182. package/src/System/system_automation.js +0 -162
  183. package/src/System/system_events.js +0 -79
  184. package/src/System/system_info.js +0 -125
  185. package/src/System/task_manager.js +0 -222
  186. package/src/System/tool_registry.js +0 -293
  187. package/src/System/window_manager.js +0 -220
  188. package/src/UI/floating.css +0 -80
  189. package/src/UI/floating.html +0 -17
  190. package/src/UI/floating.js +0 -67
  191. package/src/UI/live2d_manager.js +0 -600
  192. package/src/UI/preload-floating.js +0 -7
  193. package/src/UI/preload-spotlight.js +0 -11
  194. package/src/UI/preload-widget.js +0 -5
  195. package/src/UI/proactive-glow.html +0 -42
  196. package/src/UI/renderer.js +0 -2127
  197. package/src/UI/screenPicker.html +0 -214
  198. package/src/UI/screenPicker.js +0 -262
  199. package/src/UI/settings.html +0 -577
  200. package/src/UI/settings.js +0 -770
  201. package/src/UI/spotlight.html +0 -23
  202. package/src/UI/spotlight.js +0 -185
  203. package/src/UI/widget.html +0 -29
  204. package/src/UI/widget.js +0 -10
  205. /package/{models → src/renderer/public/models}/Shiroko_Model/Shiroko/Shiroko_Core/72d86db84cfa9730b894c241fd24c0db.png +0 -0
  206. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//345/233/264/350/243/231.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/apron.exp3.json} +0 -0
  207. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//347/214/253/345/222/252/346/273/244/351/225/234.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/catfilter.exp3.json} +0 -0
  208. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//347/202/271/344/270/200/344/270/213.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/click.exp3.json} +0 -0
  209. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//345/221/206/347/214/253.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/dazed.exp3.json} +0 -0
  210. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//345/221/206/347/214/253/347/234/274/347/217/240/346/221/207/346/231/203.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/dazedeyes.exp3.json} +0 -0
  211. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//347/234/274/351/225/234.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/glasses.exp3.json} +0 -0
  212. /package/{models → src/renderer/public/models}/Shiroko_Model/Shiroko/Shiroko_Core/items_pinned_to_model.json +0 -0
  213. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//346/213/277/347/254/224.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/pen.exp3.json} +0 -0
  214. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//346/213/215/347/205/247.exp3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/photo.exp3.json} +0 -0
  215. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.4096/texture_00.png" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.4096/texture_00.png} +0 -0
  216. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.4096/texture_01.png" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.4096/texture_01.png} +0 -0
  217. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.4096/texture_02.png" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.4096/texture_02.png} +0 -0
  218. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.4096/texture_03.png" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.4096/texture_03.png} +0 -0
  219. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.cdi3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.cdi3.json} +0 -0
  220. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.moc3" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.moc3} +0 -0
  221. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.physics3.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.physics3.json} +0 -0
  222. /package/{models/Shiroko_Model/Shiroko/Shiroko_Core//351/235/242/351/245/2740.vtube.json" → src/renderer/public/models/Shiroko_Model/Shiroko/Shiroko_Core/shiroko.vtube.json} +0 -0
package/src/UI/screenPicker.html DELETED
@@ -1,214 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Screen Vision Picker</title>
7
- <style>
8
- body, html {
9
- margin: 0;
10
- padding: 0;
11
- width: 100vw;
12
- height: 100vh;
13
- overflow: hidden;
14
- background: transparent;
15
- cursor: crosshair;
16
- user-select: none;
17
- font-family: 'Inter', sans-serif;
18
- }
19
-
20
- #bg-canvas {
21
- position: absolute;
22
- top: 0;
23
- left: 0;
24
- z-index: 1;
25
- }
26
-
27
- #overlay-canvas {
28
- position: absolute;
29
- top: 0;
30
- left: 0;
31
- z-index: 2;
32
- }
33
-
34
- #toolbar {
35
- position: absolute;
36
- top: 20px;
37
- left: 50%;
38
- transform: translateX(-50%);
39
- z-index: 10;
40
- background: rgba(30, 30, 30, 0.9);
41
- backdrop-filter: blur(10px);
42
- padding: 10px 20px;
43
- border-radius: 8px;
44
- box-shadow: 0 4px 15px rgba(0,0,0,0.5);
45
- display: flex;
46
- gap: 10px;
47
- color: white;
48
- align-items: center;
49
- }
50
-
51
- .btn {
52
- background: #2a2a2a;
53
- color: #ccc;
54
- border: 1px solid #444;
55
- padding: 8px 16px;
56
- border-radius: 6px;
57
- cursor: pointer;
58
- transition: all 0.2s;
59
- font-size: 14px;
60
- }
61
-
62
- .btn:hover {
63
- background: #3a3a3a;
64
- color: white;
65
- border-color: #666;
66
- }
67
-
68
- .btn-primary {
69
- background: #28a745;
70
- color: white;
71
- border-color: #28a745;
72
- }
73
-
74
- .btn-primary:hover {
75
- background: #218838;
76
- border-color: #1e7e34;
77
- }
78
-
79
- .btn-danger {
80
- background: #dc3545;
81
- color: white;
82
- border-color: #dc3545;
83
- }
84
-
85
- .btn-danger:hover {
86
- background: #c82333;
87
- border-color: #bd2130;
88
- }
89
-
90
- .btn-translate {
91
- background: #8b5cf6;
92
- color: white;
93
- border-color: #7c3aed;
94
- }
95
-
96
- .btn-translate:hover {
97
- background: #7c3aed;
98
- border-color: #6d28d9;
99
- }
100
-
101
- .btn.active {
102
- box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.5);
103
- transform: scale(0.95);
104
- }
105
-
106
- .hint {
107
- font-size: 12px;
108
- color: #aaa;
109
- margin-right: 15px;
110
- }
111
-
112
- /* Floating Translation Box */
113
- #translation-box {
114
- position: absolute;
115
- background: rgba(20, 20, 20, 0.95);
116
- backdrop-filter: blur(10px);
117
- border: 1px solid #444;
118
- color: #fff;
119
- padding: 12px 16px;
120
- border-radius: 8px;
121
- font-family: 'Inter', sans-serif;
122
- font-size: 14px;
123
- line-height: 1.5;
124
- box-shadow: 0 8px 25px rgba(0,0,0,0.6);
125
- z-index: 100;
126
- max-width: 400px;
127
- display: none;
128
- pointer-events: auto; /* Allow text selection */
129
- }
130
-
131
- #translation-box.interactive {
132
- pointer-events: auto;
133
- }
134
-
135
- .loading-spinner {
136
- display: inline-block;
137
- width: 16px;
138
- height: 16px;
139
- border: 2px solid rgba(255,255,255,0.3);
140
- border-radius: 50%;
141
- border-top-color: #fff;
142
- animation: spin 1s ease-in-out infinite;
143
- vertical-align: middle;
144
- margin-right: 8px;
145
- }
146
- @keyframes spin {
147
- to { transform: rotate(360deg); }
148
- }
149
-
150
- /* Close Button inside Translation Box */
151
- .close-translate-btn {
152
- position: absolute;
153
- top: -18px;
154
- right: -14px;
155
- background: #dc3545;
156
- color: white;
157
- border: 2px solid rgba(20, 20, 20, 0.95);
158
- border-radius: 999px;
159
- min-width: 40px;
160
- height: 24px;
161
- padding: 0 8px;
162
- display: flex;
163
- align-items: center;
164
- justify-content: center;
165
- cursor: pointer;
166
- font-size: 12px;
167
- font-weight: bold;
168
- letter-spacing: 0.04em;
169
- text-transform: uppercase;
170
- box-shadow: 0 2px 5px rgba(0,0,0,0.5);
171
- pointer-events: auto;
172
- transition: background 0.2s;
173
- }
174
- .close-translate-btn:hover {
175
- background: #c82333;
176
- }
177
-
178
- /* Vision Enhancements */
179
- .vision-glow {
180
- position: absolute;
181
- inset: 0;
182
- pointer-events: none;
183
- box-shadow: inset 0 0 100px rgba(139, 92, 246, 0.15);
184
- z-index: 5;
185
- animation: vision-pulse 4s ease-in-out infinite alternate;
186
- }
187
-
188
- @keyframes vision-pulse {
189
- from { box-shadow: inset 0 0 60px rgba(139, 92, 246, 0.1); }
190
- to { box-shadow: inset 0 0 120px rgba(139, 92, 246, 0.25); }
191
- }
192
- </style>
193
- </head>
194
- <body>
195
- <div class="vision-glow"></div>
196
- <div id="toolbar">
197
- <span class="hint" id="hint-text">Click and drag to select a region</span>
198
- <button class="btn btn-translate" id="btn-translate">🌐 Live Translate</button>
199
- <button class="btn btn-primary" id="btn-fullscreen">Full Screen</button>
200
- <button class="btn btn-danger" id="btn-cancel">Cancel</button>
201
- </div>
202
-
203
- <canvas id="bg-canvas"></canvas>
204
- <canvas id="overlay-canvas"></canvas>
205
-
206
- <!-- Translation Results Wrapper -->
207
- <div id="translation-box">
208
- <div class="close-translate-btn" id="btn-close-translate">Esc</div>
209
- <div id="translation-content"></div>
210
- </div>
211
-
212
- <script src="screenPicker.js"></script>
213
- </body>
214
- </html>
package/src/UI/screenPicker.js DELETED
@@ -1,262 +0,0 @@
1
- const bgCanvas = document.getElementById('bg-canvas');
2
- const overlayCanvas = document.getElementById('overlay-canvas');
3
- const bgCtx = bgCanvas.getContext('2d');
4
- const overlayCtx = overlayCanvas.getContext('2d');
5
-
6
- let isDrawing = false;
7
- let startX = 0;
8
- let startY = 0;
9
- let currentX = 0;
10
- let currentY = 0;
11
- let baseImage = null;
12
- let selectedRect = null;
13
- let isOverlayInteractable = true;
14
-
15
- let isTranslateMode = false;
16
- let isContinuousTranslateActive = false;
17
- const translateBtn = document.getElementById('btn-translate');
18
- const hintText = document.getElementById('hint-text');
19
- const translationBox = document.getElementById('translation-box');
20
- const translationContent = document.getElementById('translation-content');
21
- const btnCloseTranslate = document.getElementById('btn-close-translate');
22
- const toolbar = document.getElementById('toolbar');
23
-
24
- // Initialize canvases
25
- function init() {
26
- bgCanvas.width = window.innerWidth;
27
- bgCanvas.height = window.innerHeight;
28
- overlayCanvas.width = window.innerWidth;
29
- overlayCanvas.height = window.innerHeight;
30
-
31
- // Wait for the main process to send the screenshot
32
- window.electronPicker.onScreenshot((base64Data) => {
33
- baseImage = new Image();
34
- baseImage.onload = () => {
35
- bgCtx.drawImage(baseImage, 0, 0, bgCanvas.width, bgCanvas.height);
36
- drawDarkOverlay();
37
- };
38
- baseImage.src = base64Data;
39
- });
40
- }
41
-
42
- function drawDarkOverlay() {
43
- overlayCtx.clearRect(0, 0, overlayCanvas.width, overlayCanvas.height);
44
- overlayCtx.fillStyle = 'rgba(0, 0, 0, 0.5)';
45
- overlayCtx.fillRect(0, 0, overlayCanvas.width, overlayCanvas.height);
46
- }
47
-
48
- function normalizeRect(rect) {
49
- return {
50
- x: Math.min(rect.startX, rect.currentX),
51
- y: Math.min(rect.startY, rect.currentY),
52
- width: Math.abs(rect.width),
53
- height: Math.abs(rect.height)
54
- };
55
- }
56
-
57
- function drawSelectionOutline(rect) {
58
- if (!rect || rect.width === 0 || rect.height === 0) return;
59
-
60
- overlayCtx.clearRect(0, 0, overlayCanvas.width, overlayCanvas.height);
61
- overlayCtx.strokeStyle = isTranslateMode ? '#8b5cf6' : '#00ff88';
62
- overlayCtx.lineWidth = 3;
63
- overlayCtx.strokeRect(rect.x, rect.y, rect.width, rect.height);
64
- }
65
-
66
- function drawSelection() {
67
- drawDarkOverlay();
68
-
69
- const rect = normalizeRect({
70
- startX,
71
- startY,
72
- currentX,
73
- currentY,
74
- width: currentX - startX,
75
- height: currentY - startY
76
- });
77
-
78
- overlayCtx.clearRect(rect.x, rect.y, rect.width, rect.height);
79
- overlayCtx.strokeStyle = isTranslateMode ? '#8b5cf6' : '#00ff88';
80
- overlayCtx.lineWidth = 2;
81
- overlayCtx.strokeRect(rect.x, rect.y, rect.width, rect.height);
82
- }
83
-
84
- function resetSelectionOverlay() {
85
- selectedRect = null;
86
- overlayCanvas.style.pointerEvents = 'auto';
87
- isOverlayInteractable = true;
88
- drawDarkOverlay();
89
- }
90
-
91
- function setOverlayInteractable(isInteractable) {
92
- if (isOverlayInteractable === isInteractable) return;
93
- isOverlayInteractable = isInteractable;
94
- window.electronPicker.setOverlayInteractable(isInteractable);
95
- }
96
-
97
- function stopTranslationMode({ keepTranslateMode = false } = {}) {
98
- isContinuousTranslateActive = false;
99
- isTranslateMode = keepTranslateMode;
100
-
101
- translationBox.style.display = 'none';
102
- toolbar.style.display = 'flex';
103
- overlayCanvas.style.pointerEvents = 'auto';
104
- translateBtn.classList.toggle('active', keepTranslateMode);
105
- translateBtn.innerText = keepTranslateMode ? 'Stop Translate' : '🌐 Live Translate';
106
- hintText.innerText = keepTranslateMode ? 'Drag over text to translate to Thai' : 'Click and drag to select a region';
107
-
108
- window.electronPicker.stopContinuousTranslation();
109
- setOverlayInteractable(true);
110
-
111
- if (baseImage) {
112
- bgCtx.clearRect(0, 0, bgCanvas.width, bgCanvas.height);
113
- bgCtx.drawImage(baseImage, 0, 0, bgCanvas.width, bgCanvas.height);
114
- }
115
-
116
- resetSelectionOverlay();
117
- }
118
-
119
- function setTranslationBoxPosition(rect) {
120
- const margin = 10;
121
- const boxWidth = Math.min(400, Math.max(240, rect.width));
122
- translationBox.style.maxWidth = `${boxWidth}px`;
123
- translationBox.style.left = `${Math.max(margin, Math.min(rect.x, window.innerWidth - boxWidth - margin))}px`;
124
-
125
- const preferredTop = rect.y + rect.height + margin;
126
- const fallbackTop = Math.max(margin, rect.y - margin - translationBox.offsetHeight);
127
- const top = preferredTop + translationBox.offsetHeight <= window.innerHeight
128
- ? preferredTop
129
- : fallbackTop;
130
-
131
- translationBox.style.top = `${top}px`;
132
- }
133
-
134
- function cropAndSend(rect) {
135
- if (rect.width === 0 || rect.height === 0) return;
136
-
137
- const { x, y, width: w, height: h } = normalizeRect(rect);
138
-
139
- const cropCanvas = document.createElement('canvas');
140
- cropCanvas.width = w;
141
- cropCanvas.height = h;
142
- const cropCtx = cropCanvas.getContext('2d');
143
-
144
- cropCtx.drawImage(
145
- baseImage,
146
- x, y, w, h,
147
- 0, 0, w, h
148
- );
149
-
150
- const croppedBase64 = cropCanvas.toDataURL('image/png');
151
-
152
- if (isTranslateMode) {
153
- isContinuousTranslateActive = true;
154
- selectedRect = { x, y, width: w, height: h };
155
-
156
- toolbar.style.display = 'none';
157
- bgCtx.clearRect(0, 0, bgCanvas.width, bgCanvas.height);
158
- overlayCanvas.style.pointerEvents = 'none';
159
- drawSelectionOutline(selectedRect);
160
-
161
- translationBox.style.display = 'block';
162
- translationContent.innerHTML = '<span class="loading-spinner"></span> Auto-Translating...';
163
- setTranslationBoxPosition(selectedRect);
164
- setOverlayInteractable(false);
165
-
166
- window.electronPicker.startContinuousTranslation({ x, y, width: w, height: h });
167
- } else {
168
- window.electronPicker.sendSelection(croppedBase64);
169
- }
170
- }
171
-
172
- // Listen for continuous translation results from main process
173
- window.electronPicker.onTranslationResult((thaiText) => {
174
- if (isContinuousTranslateActive && translationBox.style.display === 'block') {
175
- translationContent.innerHTML = thaiText;
176
- }
177
- });
178
-
179
- // Stop continuous translation
180
- btnCloseTranslate.addEventListener('click', (e) => {
181
- e.stopPropagation();
182
- stopTranslationMode();
183
- });
184
-
185
- window.addEventListener('keydown', (e) => {
186
- if (e.key !== 'Escape' || !isContinuousTranslateActive) return;
187
- e.preventDefault();
188
- stopTranslationMode();
189
- });
190
-
191
- window.addEventListener('mousemove', (e) => {
192
- if (!isContinuousTranslateActive || translationBox.style.display !== 'block') return;
193
-
194
- const rect = translationBox.getBoundingClientRect();
195
- const isInsideBox = e.clientX >= rect.left
196
- && e.clientX <= rect.right
197
- && e.clientY >= rect.top
198
- && e.clientY <= rect.bottom;
199
-
200
- setOverlayInteractable(isInsideBox);
201
- });
202
-
203
- // Mouse Events
204
- overlayCanvas.addEventListener('mousedown', (e) => {
205
- if (isContinuousTranslateActive) return;
206
- isDrawing = true;
207
- startX = e.clientX;
208
- startY = e.clientY;
209
- currentX = e.clientX;
210
- currentY = e.clientY;
211
- });
212
-
213
- overlayCanvas.addEventListener('mousemove', (e) => {
214
- if (!isDrawing) return;
215
- currentX = e.clientX;
216
- currentY = e.clientY;
217
- drawSelection();
218
- });
219
-
220
- overlayCanvas.addEventListener('mouseup', (e) => {
221
- if (!isDrawing) return;
222
- currentX = e.clientX;
223
- currentY = e.clientY;
224
- isDrawing = false;
225
- cropAndSend({ startX, startY, currentX, currentY, width: currentX - startX, height: currentY - startY });
226
- });
227
-
228
- // UI Buttons
229
- translateBtn.addEventListener('click', () => {
230
- isTranslateMode = !isTranslateMode;
231
- if (isTranslateMode) {
232
- translateBtn.classList.add('active');
233
- translateBtn.innerText = 'Stop Translate';
234
- hintText.innerText = 'Drag over text to translate to Thai';
235
- translationBox.style.display = 'none';
236
- resetSelectionOverlay();
237
- } else {
238
- if (isContinuousTranslateActive) {
239
- stopTranslationMode();
240
- return;
241
- }
242
- translateBtn.classList.remove('active');
243
- translateBtn.innerText = '🌐 Live Translate';
244
- hintText.innerText = 'Click and drag to select a region';
245
- translationBox.style.display = 'none';
246
- resetSelectionOverlay();
247
- }
248
- });
249
-
250
- document.getElementById('btn-fullscreen').addEventListener('click', () => {
251
- if (baseImage && !isTranslateMode) {
252
- window.electronPicker.sendSelection(baseImage.src);
253
- }
254
- });
255
-
256
- document.getElementById('btn-cancel').addEventListener('click', () => {
257
- window.electronPicker.closePicker();
258
- });
259
-
260
- // Setup
261
- window.addEventListener('resize', init);
262
- init();