pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 12:21:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add mock messages; fix CodeBlock ellipses bug

Browse Source
This commit is contained in:
Saoud Rizwan
2024-07-09 21:34:07 -04:00
parent 97faff3ba5
commit c0420b3e90
6 changed files with 431 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
webview-ui/src/App.tsx
View File

@@ -6,6 +6,7 @@ import SettingsView from "./components/SettingsView"
import { ClaudeMessage, ExtensionMessage } from "@shared/ExtensionMessage"
import WelcomeView from "./components/WelcomeView"
import { vscode } from "./utilities/vscode"
import { mockMessages } from "./utilities/mockMessages"
/*
The contents of webviews however are created when the webview becomes visible and destroyed when the webview is moved into the background. Any state inside the webview will be lost when the webview is moved to a background tab.
@@ -60,163 +61,6 @@ const App: React.FC = () => {
}
}, [])
// dummy data for messages
const generateRandomTimestamp = (baseDate: Date, rangeInDays: number): number => {
const rangeInMs = rangeInDays * 24 * 60 * 60 * 1000 // convert days to milliseconds
const randomOffset = Math.floor(Math.random() * rangeInMs * 2) - rangeInMs // rangeInMs * 2 to have offset in both directions
return baseDate.getTime() + randomOffset
}
const baseDate = new Date("2024-07-08T00:00:00Z")
const messages: ClaudeMessage[] = [
{
type: "say",
say: "task",
text: "Starting task, this is my requeirements",
ts: generateRandomTimestamp(baseDate, 1),
},
{
type: "ask",
ask: "request_limit_reached",
text: "Request limit reached",
ts: generateRandomTimestamp(baseDate, 2),
},
{ type: "ask", ask: "followup", text: "Any additional questions?", ts: generateRandomTimestamp(baseDate, 3) },
{ type: "say", say: "error", text: "An error occurred", ts: generateRandomTimestamp(baseDate, 4) },
{ type: "say", say: "text", text: "Some general text", ts: generateRandomTimestamp(baseDate, 7) },
{ type: "say", say: "tool", text: "Using a tool", ts: generateRandomTimestamp(baseDate, 8) },
// First command sequence
{ type: "ask", ask: "command", text: "ls -l", ts: generateRandomTimestamp(baseDate, 9) },
{ type: "say", say: "command_output", text: "file1.txt", ts: generateRandomTimestamp(baseDate, 10) },
{
type: "say",
say: "api_req_started",
text: JSON.stringify({ request: "GET /api/data" }),
ts: generateRandomTimestamp(baseDate, 5),
},
{ type: "say", say: "command_output", text: "file2.txt", ts: generateRandomTimestamp(baseDate, 11) },
{ type: "say", say: "command_output", text: "directory1", ts: generateRandomTimestamp(baseDate, 12) },
{ type: "say", say: "text", text: "Interrupting text", ts: generateRandomTimestamp(baseDate, 13) },
{
type: "say",
say: "api_req_finished",
text: JSON.stringify({ cost: "GET /api/data" }),
ts: generateRandomTimestamp(baseDate, 6),
},
// Second command sequence
{ type: "ask", ask: "command", text: "pwd", ts: generateRandomTimestamp(baseDate, 14) },
{ type: "say", say: "command_output", text: "/home/user", ts: generateRandomTimestamp(baseDate, 15) },
{ type: "ask", ask: "completion_result", text: "Task completed", ts: generateRandomTimestamp(baseDate, 16) },
// Third command sequence (no output)
{ type: "ask", ask: "command", text: "echo Hello", ts: generateRandomTimestamp(baseDate, 17) },
// Testing combineApiRequests
{ type: "say", say: "text", text: "Final message", ts: generateRandomTimestamp(baseDate, 18) },
{ type: "ask", ask: "command", text: "ls -l", ts: generateRandomTimestamp(baseDate, 19) },
{ type: "say", say: "command_output", text: "file1.txt", ts: generateRandomTimestamp(baseDate, 20) },
{
type: "say",
say: "api_req_started",
text: JSON.stringify({ request: "GET /api/data" }),
ts: generateRandomTimestamp(baseDate, 23),
},
{ type: "say", say: "command_output", text: "file2.txt", ts: generateRandomTimestamp(baseDate, 24) },
{ type: "say", say: "text", text: "Some random text", ts: generateRandomTimestamp(baseDate, 25) },
{
type: "say",
say: "api_req_finished",
text: JSON.stringify({ cost: 0.005 }),
ts: generateRandomTimestamp(baseDate, 26),
},
{ type: "ask", ask: "command", text: "pwd", ts: generateRandomTimestamp(baseDate, 27) },
{ type: "say", say: "command_output", text: "/home/user", ts: generateRandomTimestamp(baseDate, 28) },
{
type: "say",
say: "api_req_started",
text: JSON.stringify({ request: "POST /api/update" }),
ts: generateRandomTimestamp(baseDate, 29),
},
{ type: "say", say: "text", text: "Final message", ts: generateRandomTimestamp(baseDate, 30) },
{
type: "say",
say: "text",
text: "Starting API requests",
ts: Date.now(),
},
{
type: "say",
say: "api_req_started",
text: JSON.stringify({
request: "GET /api/data1",
}),
ts: Date.now() + 1000,
},
{
type: "say",
say: "api_req_finished",
text: JSON.stringify({
tokensIn: 10,
tokensOut: 20,
cost: 0.002,
}),
ts: Date.now() + 2000,
},
{
type: "say",
say: "text",
text: "Processing data...",
ts: Date.now() + 3000,
},
{
type: "say",
say: "api_req_started",
text: JSON.stringify({
request: "POST /api/update1",
}),
ts: Date.now() + 4000,
},
{
type: "say",
say: "api_req_finished",
text: JSON.stringify({
tokensIn: 15,
tokensOut: 25,
cost: 0.003,
}),
ts: Date.now() + 5000,
},
{
type: "say",
say: "text",
text: "More processing...",
ts: Date.now() + 6000,
},
{
type: "say",
say: "api_req_started",
text: JSON.stringify({
request: "GET /api/data2",
}),
ts: Date.now() + 7000,
},
{
type: "say",
say: "api_req_finished",
text: JSON.stringify({
tokensIn: 5,
tokensOut: 15,
cost: 0.001,
}),
ts: Date.now() + 8000,
},
]
return (
<>
{showWelcome ? (
@@ -230,7 +74,7 @@ const App: React.FC = () => {
onDone={() => setShowSettings(false)}
/>
) : (
<ChatView messages={messages} />
<ChatView messages={mockMessages} />
)}
</>
)