forked from retoor/devplacepy
retoor
e59bc2d34e
- Add `account_api_key` field to `BotState` and `_adopt_account_api_key()` method that fetches the bot's own `users.api_key` from its profile JSON after auth, switching `LLMClient` to use it instead of the shared bootstrap key, routing gateway spend through the bot's user identity - Replace `interleave_by_author` with a simpler greedy algorithm that picks the first row whose owner differs from the last picked, removing the multi-queue priority logic - Extend `_ai_quota` response with `unlimited`, `requests`, and `last_used` fields sourced from new `user_spend_24h()` analytics helper - Pass `recent_post_titles` from `BotState` into `LLMClient.generate_post()` and add a `distinct_rule` prompt instructing the model to avoid repeating framing, examples, or opinions from the bot's last six posts - Remove early-return dedup check in `ArticleRegistry.admit` that skipped articles already held by the same bot owner, allowing re-admission under a different category - Render bot username as a clickable link with avatar in the admin bots table
117 lines
3.5 KiB
JavaScript
117 lines
3.5 KiB
JavaScript
// retoor <retoor@molodetz.nl>
|
|
|
|
import { Http } from "./Http.js";
|
|
import "./devii/devii-avatar.js";
|
|
import "./devii/devii-terminal.js";
|
|
|
|
export class DeviiTerminal {
|
|
constructor() {
|
|
this.element = null;
|
|
this.avatar = null;
|
|
this.bindEscapeTrigger();
|
|
this.bindDoubleClickTrigger();
|
|
this.ready = this.init();
|
|
}
|
|
|
|
async init() {
|
|
try {
|
|
await Http.getJson("/devii/session");
|
|
} catch (error) {
|
|
return;
|
|
}
|
|
|
|
this.avatar = document.createElement("devii-avatar");
|
|
this.avatar.id = "devii";
|
|
this.avatar.setAttribute("character", "Clippy");
|
|
document.body.appendChild(this.avatar);
|
|
|
|
this.element = document.createElement("devii-terminal");
|
|
this.element.setAttribute("avatar", "devii");
|
|
document.body.appendChild(this.element);
|
|
|
|
this.bindTriggers();
|
|
}
|
|
|
|
bindTriggers() {
|
|
document.querySelectorAll("[data-devii-open]").forEach((trigger) => {
|
|
trigger.addEventListener("click", (event) => {
|
|
event.preventDefault();
|
|
this.open();
|
|
});
|
|
});
|
|
const stored = this.element && this.element.hasStoredState && this.element.hasStoredState();
|
|
if (document.querySelector("[data-devii-autoopen]") && !stored) {
|
|
this.open();
|
|
}
|
|
}
|
|
|
|
bindEscapeTrigger() {
|
|
document.addEventListener(
|
|
"keydown",
|
|
(event) => {
|
|
if (event.key !== "Escape" || event.repeat) return;
|
|
if (this._canTriggerOnEscape()) this.open();
|
|
},
|
|
true,
|
|
);
|
|
}
|
|
|
|
bindDoubleClickTrigger() {
|
|
document.addEventListener("dblclick", (event) => this._onDoubleClick(event));
|
|
}
|
|
|
|
_onDoubleClick(event) {
|
|
const terminal = event.target.closest("container-terminal");
|
|
if (terminal) {
|
|
if (!this._isInteractive(event.target)) terminal.close();
|
|
return;
|
|
}
|
|
const devii = event.target.closest("devii-terminal");
|
|
if (devii) {
|
|
if (this.element && this.element.state !== "closed" && !this._isInteractive(event.target)) {
|
|
this.close();
|
|
}
|
|
return;
|
|
}
|
|
if (this._canOpenOnGesture()) this.open();
|
|
}
|
|
|
|
_isInteractive(target) {
|
|
return !!target.closest("button, a, input, textarea, select");
|
|
}
|
|
|
|
_canTriggerOnEscape() {
|
|
if (this.element && this.element.state !== "closed") return false;
|
|
return this._canOpenOnGesture();
|
|
}
|
|
|
|
_canOpenOnGesture() {
|
|
if (document.querySelector(".modal-overlay.visible")) return false;
|
|
if (document.querySelector(".dialog-overlay.visible")) return false;
|
|
if (document.querySelector(".context-menu.visible")) return false;
|
|
const mobilePanel = document.getElementById("mobile-panel");
|
|
if (mobilePanel && mobilePanel.classList.contains("open")) return false;
|
|
const active = document.activeElement;
|
|
if (active) {
|
|
const editable = ["INPUT", "TEXTAREA", "SELECT"].includes(active.tagName);
|
|
if (editable || active.isContentEditable) return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
async open() {
|
|
await this.ready;
|
|
if (this.element) this.element.open();
|
|
}
|
|
|
|
async close() {
|
|
await this.ready;
|
|
if (this.element) this.element.close();
|
|
}
|
|
|
|
async toggle() {
|
|
await this.ready;
|
|
if (this.element) this.element.toggle();
|
|
}
|
|
}
|