code-editor.ts
No OneTemporary
Actions

Size

665 B

Referenced Files

None

Subscribers

None

code-editor.ts
View Options

	import type { Context } from "koa";
	import type { FormDataValue } from "@sealcode/sealgen";
	import { Controls } from "@sealcode/sealgen";

	export class CodeEditor extends Controls.Textarea {
	async renderInput(
	ctx: Context,
	attributes: string,
	data: Record<string, FormDataValue>
	) {
	const { parsed: value } = await this.field.getValue(ctx, data);
	return /* HTML */ ` <div class="monacoEditor" data-controller="monaco">
	<textarea
	data-monaco-target="textarea"
	cols=${this.options.cols}
	rows=${this.options.rows}
	id="monacoAlternative"
	${attributes}
	>

	${value \|\| "console.log('Hello World')"}</textarea
	>
	</div>`;
	}
	}