mirror of
https://github.com/informaticker/elia-li-website.git
synced 2024-11-22 09:41:59 +01:00
104 lines
3.9 KiB
JavaScript
104 lines
3.9 KiB
JavaScript
document.addEventListener('contextmenu', function(event) {
|
||
event.preventDefault();
|
||
});
|
||
async function fetchTemperature() {
|
||
const response = await fetch('https://language.apis.zhr1.infra.elia.network/v2/infra/temperature');
|
||
return response.text();
|
||
}
|
||
async function fetchAndDisplay() {
|
||
const responseDiv = document.querySelector('.response');
|
||
const statsDiv = document.querySelector('.stats');
|
||
let buffer = "";
|
||
let charCount = 0;
|
||
let startTime = performance.now();
|
||
let initialText = responseDiv.textContent;
|
||
const eraseDelay = 100;
|
||
const printDelay = 50;
|
||
const statsEraseDelay = 15;
|
||
const statsPrintDelay = 30;
|
||
let lastTemperature = "...";
|
||
let lastTemperatureUpdateTime = 0;
|
||
const response = await fetch('https://language.apis.zhr1.infra.elia.network/v2/text/generate');
|
||
const reader = response.body.getReader();
|
||
const decoder = new TextDecoder('utf-8');
|
||
while (initialText.length > 0) {
|
||
initialText = initialText.slice(0, -1);
|
||
responseDiv.textContent = initialText;
|
||
await new Promise(resolve => setTimeout(resolve, eraseDelay));
|
||
}
|
||
async function updateStatsAndTemperature() {
|
||
statsDiv.style.display = 'block';
|
||
let currentTime = (performance.now() - startTime) / 1000;
|
||
let charsPerSecond = charCount / currentTime;
|
||
if (currentTime - lastTemperatureUpdateTime >= 3) {
|
||
try {
|
||
lastTemperature = await fetchTemperature();
|
||
lastTemperatureUpdateTime = currentTime;
|
||
} catch (error) {
|
||
lastTemperature = "...";
|
||
}
|
||
}
|
||
statsDiv.textContent = `${charsPerSecond.toFixed(1)} chars/s, ${charCount} chars, ${currentTime.toFixed(1)}s, Temp: ${lastTemperature}°C`;
|
||
}
|
||
async function appendTextSmoothly(textPart) {
|
||
buffer += textPart;
|
||
while (buffer.length > 0) {
|
||
let pos = buffer.indexOf('**');
|
||
if (pos === 0) {
|
||
let endPos = buffer.indexOf('**', 2);
|
||
if (endPos !== -1) {
|
||
responseDiv.innerHTML += '<b>' + buffer.substring(2, endPos) + '</b>';
|
||
buffer = buffer.slice(endPos + 2);
|
||
} else {
|
||
break;
|
||
}
|
||
} else {
|
||
let nextPos = pos !== -1 ? pos : buffer.length;
|
||
for (let i = 0; i < nextPos; i++) {
|
||
responseDiv.innerHTML += buffer[i];
|
||
await new Promise(resolve => setTimeout(resolve, printDelay));
|
||
charCount++;
|
||
await updateStatsAndTemperature();
|
||
}
|
||
buffer = buffer.slice(nextPos);
|
||
}
|
||
}
|
||
}
|
||
while (true) {
|
||
const { value, done } = await reader.read();
|
||
if (done) {
|
||
if (buffer) {
|
||
responseDiv.innerHTML += buffer;
|
||
}
|
||
break;
|
||
}
|
||
const text = decoder.decode(value, { stream: true });
|
||
await appendTextSmoothly(text);
|
||
}
|
||
let statsText = statsDiv.textContent;
|
||
while (statsText.length > 0) {
|
||
statsText = statsText.slice(0, -1);
|
||
statsDiv.textContent = statsText;
|
||
await new Promise(resolve => setTimeout(resolve, statsEraseDelay));
|
||
}
|
||
await new Promise(resolve => setTimeout(resolve, 200));
|
||
const message = '// credit to hartnett media \\\\';
|
||
let messageIndex = 0;
|
||
while (messageIndex < message.length) {
|
||
statsDiv.textContent += message[messageIndex];
|
||
messageIndex++;
|
||
await new Promise(resolve => setTimeout(resolve, statsPrintDelay));
|
||
}
|
||
}
|
||
document.addEventListener('DOMContentLoaded', fetchAndDisplay);
|
||
console.log(` ___
|
||
/イ フ
|
||
| _ _|
|
||
/ ミ__xノ
|
||
/ |
|
||
/ ヽ ノ
|
||
│ | | |
|
||
/ ̄| | | |
|
||
| ( ̄ヽ_ヽ_)_)
|
||
\二つ`);
|
||
console.log("hello"); |