starboard-notebook/dist/src/cellTypes/html.js

Starboard Notebook

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
import { html, render } from "lit";
import { BaseCellHandler } from "./base";
import { cellControlsTemplate } from "../components/controls";
import { unsafeHTML } from "lit/directives/unsafe-html.js";
import { StarboardTextEditor } from "../components/textEditor";
export const HTML_CELL_TYPE_DEFINITION = {
    name: "HTML",
    cellType: "html",
    createHandler: (c, r) => new HTMLCellHandler(c, r),
};
export class HTMLCellHandler extends BaseCellHandler {
    constructor(cell, runtime) {
        super(cell, runtime);
    }
    getControls() {
        const icon = "bi bi-play-circle";
        const tooltip = "Run Cell";
        const runButton = {
            icon,
            tooltip,
            callback: (_evt) => this.runtime.controls.runCell({ id: this.cell.id }),
        };
        return cellControlsTemplate({ buttons: [runButton] });
    }
    attach(params) {
        this.elements = params.elements;
        render(this.getControls(), this.elements.topControlsElement);
        this.editor = new StarboardTextEditor(this.cell, this.runtime, {
            language: "html",
        });
        this.elements.topElement.appendChild(this.editor);
    }
    async run() {
        const htmlContent = this.cell.textContent;
        render(html `${unsafeHTML(htmlContent)}`, this.elements.bottomElement);
    }
    focusEditor(opts) {
        var _a;
        if (this.editor) {
            this.editor.focus();
            this.editor.setCaretPosition((_a = opts.position) !== null && _a !== void 0 ? _a : "start");
        }
    }
    async dispose() {
        if (this.editor) {
            this.editor.dispose();
        }
    }
    clear() {
        render(html ``, this.elements.bottomElement);
    }
}
//# sourceMappingURL=html.js.map