mirror of
https://github.com/Aider-AI/aider.git
synced 2025-06-01 10:14:59 +00:00
d2dde5d592
# Aider chat conversation:
USER: I did `git reset --hard HEAD~1` to discard the last edits.
ASSISTANT: Okay, that command will undo the last commit and discard the changes made in it. If you need to make any further changes or need assistance with anything else, feel free to ask.
USER: can we make the css animation less regular, maybe cycle from 1-9 and then 1-3 and then 1-9 ...
ASSISTANT: Sure, we can modify the CSS animation in the `docs/voice.md` file to make the progress bar oscillate in a less regular pattern. We can achieve this by defining multiple keyframes for the animation.
Here is the *edit block* for this change:
<source>markdown
docs/voice.md
<<<<<<< HEAD
<style>
.recording-line > * {
display: inline-block;
vertical-align: middle;
}
#progress-bar {
width: 100px;
height: 20px;
background-color: #f0f0f0;
margin-left: 10px;
}
#progress {
height: 100%;
background-color: #333;
animation: progress 1s infinite;
}
@keyframes progress {
0% { width: 10%; }
50% { width: 90%; }
100% { width: 10%; }
}
</style>
=======
<style>
.recording-line > * {
display: inline-block;
vertical-align: middle;
}
#progress-bar {
width: 100px;
height: 20px;
background-color: #f0f0f0;
margin-left: 10px;
}
#progress {
height: 100%;
background-color: #333;
animation: progress 3s infinite;
}
@keyframes progress {
0% { width: 10%; }
33% { width: 90%; }
66% { width: 30%; }
100% { width: 90%; }
}
</style>
>>>>>>> updated
</source>
106 lines
2.8 KiB
Markdown
106 lines
2.8 KiB
Markdown
|
|
# Voice-to-code
|
|
|
|
Aider has experimental support for "voice-to-code",
|
|
allowing you to edit your codebase using spoken words.
|
|
|
|
You can speak to GPT to have it modify your code according to your
|
|
instructions.
|
|
Use the `/voice` in-chat command to start recording,
|
|
and press `ENTER` when you're done speaking.
|
|
Your voice coding instructions will be transcribed
|
|
and sent to GPT, as if you had manually typed them into
|
|
the aider chat session.
|
|
|
|
<div class="chat-transcript" markdown="1">
|
|
|
|
> Aider v0.11.2-dev
|
|
> Added app.py to the chat.
|
|
|
|
#### /voice
|
|
|
|
<blockquote>
|
|
<div class="recording-line">
|
|
<p style="display: inline;">Recording, press ENTER when done... <span id="timer">3.5</span>sec</p>
|
|
<div id="progress-bar">
|
|
<div id="progress"></div>
|
|
</div>
|
|
</div>
|
|
</blockquote>
|
|
|
|
<style>
|
|
.recording-line > * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
#progress-bar {
|
|
width: 100px;
|
|
height: 20px;
|
|
background-color: #f0f0f0;
|
|
margin-left: 10px;
|
|
}
|
|
#progress {
|
|
height: 100%;
|
|
background-color: #333;
|
|
animation: progress 3s infinite;
|
|
}
|
|
@keyframes progress {
|
|
0% { width: 10%; }
|
|
33% { width: 90%; }
|
|
66% { width: 30%; }
|
|
100% { width: 90%; }
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
window.onload = function() {
|
|
var counter = 0;
|
|
var timer = document.getElementById('timer');
|
|
setInterval(function() {
|
|
counter = (counter + 0.1) % 9;
|
|
timer.textContent = counter.toFixed(1);
|
|
}, 100);
|
|
}
|
|
</script>
|
|
|
|
<div style="display: inline-block; position: relative; width: 200px; background-color: #f0f0f0; border-radius: 10px; padding: 10px; color: #333; font-family: 'Comic Sans MS', 'Comic Sans', 'Marker Felt', sans-serif;">
|
|
<span style="position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f0f0f0;"></span>
|
|
“ add a factorial endpoint that uses math factorial ”
|
|
</div>
|
|
|
|
#### Add a factorial endpoint that uses math.factorial.
|
|
|
|
To add a factorial endpoint to the Flask application, we need to modify the `app.py` file.
|
|
|
|
Here are the steps:
|
|
|
|
1. Add a new route `/fact/<int:x>` to the Flask application.
|
|
2. In the function for this route, call `math.factorial(x)` and return the result as a string.
|
|
|
|
Here is the *edit block* for these changes:
|
|
|
|
```python
|
|
app.py
|
|
<<<<<<< HEAD
|
|
if __name__ == '__main__':
|
|
print("Starting...")
|
|
app.run()
|
|
=======
|
|
@app.route('/fact/<int:x>')
|
|
def factorial(x):
|
|
result = math.factorial(x)
|
|
return str(result)
|
|
|
|
if __name__ == '__main__':
|
|
print("Starting...")
|
|
app.run()
|
|
>>>>>>> updated
|
|
```
|
|
|
|
> Applied edit to app.py
|
|
> Commit ef9e3e7 aider: Add a factorial endpoint that uses math.factorial.
|
|
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|