@webwriter/code/src/html/ww-code-html.ts

Write and run code as a code cell. Supports several languages (HTML/CSS/JS, TypeScript, Python).

import '@shoelace-style/shoelace/dist/themes/light.css';
import { customElement } from 'lit/decorators.js';

import Code from '../shared/ww-code-template'

import { style } from '../shared/ww-code-css-single';

// CodeMirror
import { LanguageSupport } from '@codemirror/language';


// Language Modules
import { htmlModule } from './languageModules/htmlModule';

export type LanguageModule = {
    name: string;
    executionFunction: ((code: string, context: CodeHTML) => any) | undefined;
    languageExtension: LanguageSupport;
};

@customElement('webwriter-code-html')
export default class CodeHTML extends Code {
    static styles = style;

    constructor(){
        super()
        this.languages= [htmlModule];
        this.languageModule = this.languages[0]
    }

    firstUpdated(): void {
        super.firstUpdated()
        this.shadowRoot.getElementById("iframePreview").contentDocument.body.style.fontFamily = "Arial";
    }

}