DOM & Web APIs (web-sys)

use wasm_bindgen::prelude::*;
use web_sys::{console, Document, Window};
 
#[wasm_bindgen]
pub fn log_message(msg: &str) {
    // Registra uma mensagem no console do navegador.
    console::log_1(&JsValue::from_str(msg));
}

use wasm_bindgen::prelude::*;
use web_sys::{Document, HtmlElement, Window};
 
// Retorna a janela global do navegador.
fn window() -> Window {
    web_sys::window().expect("no global window")
}
 
// Retorna o documento atual do navegador.
fn document() -> Document {
    window().document().expect("no document")
}
 
#[wasm_bindgen]
pub fn mount_greeting(name: &str) -> Result<(), JsValue> {
    let doc = document();
    // Obtém o corpo do documento, retornando um erro se não existir.
    let body = doc.body().ok_or("no body")?;
    // Cria um novo elemento div.
    let div = doc.create_element("div")?;
    // Define o conteúdo de texto do elemento div.
    div.set_text_content(Some(&format!("Hello, {name}!")));
    // Adiciona o elemento div ao corpo do documento.
    body.append_child(&div)?;
    Ok(())
}
 
#[wasm_bindgen]
pub fn set_title(text: &str) {
    // Define o título da página do navegador.
    document().set_title(text);
}

[dependencies.web-sys]
version = "0.3"
features = [
  "console",
  "Document",
  "Element",
  "HtmlElement",
  "Window",
  "Request",
  "Response",
]

use wasm_bindgen::JsCast;
use wasm_bindgen_futures::JsFuture;
use web_sys::{Request, RequestInit, Response};
 
// Busca o conteúdo de texto de uma URL de forma assíncrona.
pub async fn fetch_text(url: &str) -> Result<String, JsValue> {
    let opts = RequestInit::new();
    opts.set_method("GET"); // Define o método HTTP como GET.
    let request = Request::new_with_str_and_init(url, &opts)?; // Cria uma nova requisição.
    let window = web_sys::window().unwrap(); // Obtém a janela global.
    // Executa a requisição e aguarda a resposta.
    let resp_value = JsFuture::from(window.fetch_with_request(&request)).await?;
    // Converte o valor da resposta para o tipo Response.
    let resp: Response = resp_value.dyn_into()?;
    // Obtém o corpo da resposta como texto e aguarda.
    let text = JsFuture::from(resp.text()?).await?;
    // Retorna o texto como String, ou uma string vazia se a conversão falhar.
    Ok(text.as_string().unwrap_or_default())
}