use std::rc::Rc;
use std::sync::Mutex;

use log::{Level, debug, info};
use wasm_bindgen::prelude::*;

use render_loop::RenderLoop;
use state::State;

mod line;
mod point;
mod render_loop;
mod state;

fn window() -> web_sys::Window {
    web_sys::window().expect("no window")
}

fn document() -> web_sys::Document {
    window().document().expect("no document")
}

fn canvas() -> Result<web_sys::HtmlCanvasElement, JsValue> {
    let x = document()
        .query_selector("canvas")?
        .expect("canvas element");
    Ok(x.dyn_into::<web_sys::HtmlCanvasElement>()?)
}

fn fps() -> Result<web_sys::HtmlElement, JsValue> {
    let x = document()
        .query_selector("#fps")?
        .expect("fps counter exists");
    Ok(x.dyn_into::<web_sys::HtmlElement>()?)
}

fn go() -> Result<web_sys::HtmlElement, JsValue> {
    let x = document()
        .query_selector("button")?
        .expect("go button exists");
    Ok(x.dyn_into::<web_sys::HtmlElement>()?)
}

#[wasm_bindgen(start)]
pub fn init() -> Result<(), JsValue> {
    console_log::init_with_level(Level::Debug).expect("couldn't init console log");
    info!("wasm init");

    let paused = Rc::new(Mutex::new(true));
    let p1 = paused.clone();

    let mut s = State::new(canvas()?, fps()?)?;
    s.render_frame(0.0)?;

    let render_loop = RenderLoop::new(move |t| {
        s.render_frame(t).expect("should render frame");
        !*paused.lock().unwrap()
    });

    let a = Closure::<dyn FnMut()>::new(move || {
        let mut p = p1.lock().unwrap();
        debug!("go clicked: {}", *p);
        *p = !*p;
        let text = if *p {
            "go"
        } else {
            render_loop.start().expect("start render loop");
            "pause"
        };
        go().expect("go button works").set_text_content(Some(text));
    });
    go()?.set_onclick(Some(a.as_ref().unchecked_ref()));
    // otherwise it gets dropped after we're done, invalidating the
    // handler.
    a.forget();

    Ok(())
}