import './style.css';
import './app.css';

import {EditorView, basicSetup} from "codemirror";
import {Application} from "@hotwired/stimulus";

import {textProcessor} from "./services.js";
import {multiCursorKeymap, commandPalette} from "./cmplugins.js";

import {CommandsController} from "./controllers/commands_controller.js";


const view = new EditorView({
    parent: document.querySelector("#app"),
    doc: "",
    extensions: [
        basicSetup,
        EditorView.lineWrapping,
        multiCursorKeymap,
        commandPalette,
    ]
})

window.Stimulus = Application.start()
Stimulus.register("commands", CommandsController);

textProcessor.setCodeMirrorEditor(view);

view.focus();