chore(monorepo): relocate client files

apps/client/src/widgets/api_log.ts

@@ -0,0 +1,80 @@
+import type { EventData } from "../components/app_context.js";
+import type FNote from "../entities/fnote.js";
+import { t } from "../services/i18n.js";
+import NoteContextAwareWidget from "./note_context_aware_widget.js";
+
+const TPL = /*html*/`
+<div class="api-log-widget">
+    <style>
+    .api-log-widget {
+        padding: 15px;
+        flex-grow: 1;
+        max-height: 40%;
+        position: relative;
+    }
+
+    .hidden-api-log {
+        display: none;
+    }
+
+    .api-log-container {
+        overflow: auto;
+        height: 100%;
+    }
+
+    .close-api-log-button {
+        padding: 5px;
+        border: 1px solid var(--button-border-color);
+        background-color: var(--button-background-color);
+        border-radius: var(--button-border-radius);
+        color: var(--button-text-color);
+        position: absolute;
+        top: 10px;
+        right: 40px;
+        cursor: pointer;
+    }
+    </style>
+
+    <div class="bx bx-x close-api-log-button" title="${t("api_log.close")}"></div>
+
+    <div class="api-log-container"></div>
+</div>`;
+
+export default class ApiLogWidget extends NoteContextAwareWidget {
+
+    private $logContainer!: JQuery<HTMLElement>;
+    private $closeButton!: JQuery<HTMLElement>;
+
+    isEnabled() {
+        return !!this.note && this.note.mime.startsWith("application/javascript;env=") && super.isEnabled();
+    }
+
+    doRender() {
+        this.$widget = $(TPL);
+        this.toggle(false);
+
+        this.$logContainer = this.$widget.find(".api-log-container");
+        this.$closeButton = this.$widget.find(".close-api-log-button");
+        this.$closeButton.on("click", () => this.toggle(false));
+    }
+
+    async refreshWithNote(note: FNote) {
+        this.$logContainer.empty();
+    }
+
+    apiLogMessagesEvent({ messages, noteId }: EventData<"apiLogMessages">) {
+        if (!this.isNote(noteId)) {
+            return;
+        }
+
+        this.toggle(true);
+
+        for (const message of messages) {
+            this.$logContainer.append(message).append($("<br>"));
+        }
+    }
+
+    toggle(show: boolean) {
+        this.$widget.toggleClass("hidden-api-log", !show);
+    }
+}