import { color_mode } from "./color-mode.js";
import { push } from "./push.js";
import { material_icon } from "./icons.js";
import { scene } from "./scene.js";
import { scene_ui } from "./scene-ui.js";
import { room } from "./room.js";

document.addEventListener("DOMContentLoaded", () => {
    const app = document.querySelector(".app");
    const colors_state = new color_mode(app);
    const colors_changer = push("change-color", () => {
        colors_state.reverse();
    }, (target) => {
        target.innerText = "";
        target.appendChild(material_icon("invert_colors"));
    });

    const space = new scene(room);
    const controls = new scene_ui(space);

    space.background = 0x303030;

    app.appendChild(space.canvas);
    app.appendChild(controls.box);
    app.appendChild(colors_changer);

    space.run();
});