vanten-s/vanten-s.com
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Terminal implement typ
Some checks failed
/ build (push) Failing after 16s
Details

Browse source
This commit is contained in:
vanten-s 2024-12-18 11:17:29 +01:00
parent 7cc580cff6
commit ba6022747f
Signed by: vanten-s
GPG key ID: DE3060396884D3F2
7 changed files with 1164 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.gitignore vendored
View file

@ -1,3 +1,2 @@
.hugo_build.lock /target
public /dist
resources/_gen

1053
Cargo.lock generated Normal file
View file

File diff suppressed because it is too large Load diff

12
Cargo.toml Normal file
View file

@ -0,0 +1,12 @@
[package]
name = "vanten-s"
version = "0.1.0"
edition = "2021"
[dependencies]
log = "0.4.22"
wasm-logger = "0.2.0"
web-sys = "0.3.76"
# this is the development version of Yew
yew = { git = "https://github.com/yewstack/yew/", features = ["csr"] }

0
Trunk.toml Normal file
View file

9
index.html Normal file
View file

@ -0,0 +1,9 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Yew App</title>
<link data-trunk rel="css" href="main.css"/>
</head>
<body></body>
</html>

15
shell.nix Normal file
View file

@ -0,0 +1,15 @@
{ pkgs ? import <nixpkgs> {} }:
pkgs.mkShell rec {
buildInputs = with pkgs; [
rustup
trunk
];
RUSTC_VERSION = "stable";
shellHook = ''
rustup default $RUSTC_VERSION
rustup component add rust-analyzer
export PATH=$PATH:''${CARGO_HOME:-~/.cargo}/bin
export PATH=$PATH:''${RUSTUP_HOME:-~/.rustup}/toolchains/nightly-x86_64-unknown-linux-gnu/bin/
'';
}

73
src/main.rs Normal file
View file

@ -0,0 +1,73 @@
use yew::prelude::*;
use log::info;
use web_sys::{wasm_bindgen::{JsCast, UnwrapThrowExt}, HtmlInputElement};
#[function_component]
fn App() -> Html {
let rader: UseStateHandle<Vec<String>> = use_state(Vec::new);
let rader_handle = rader.clone();
let push_rad = move |rad| {
info!("{}", rad);
let handle = rader_handle.clone();
let mut val = (*handle).clone();
val.push(rad);
rader_handle.set(val);
};
html! {
<div>
<Terminal rader = { (*rader).clone() } />
<Input { push_rad } />
</div>
}
}
#[derive(Properties, PartialEq)]
struct InputProps {
pub push_rad: Callback<String>
}
#[function_component]
fn Input(props: &InputProps) -> Html {
let push_rad = props.push_rad.clone();
let onchange = move |event: Event| {
let target: HtmlInputElement = event.target().unwrap_throw().dyn_into().unwrap_throw();
let value = target.value();
target.set_value("");
push_rad.emit(value);
};
html! {
<input { onchange } type="text" class="input"/>
}
}
#[derive(Properties, PartialEq)]
struct TerminalProps {
pub rader: Vec<String>,
}
#[function_component]
fn Terminal(props: &TerminalProps) -> Html {
let rader: Vec<_> = props.rader.iter().map(|rad|
html! {
<>
<span> { rad } </span>
<br />
</>
}
).collect();
html! {
<div id="terminal" class="terminal">
{ rader }
</div>
}
}
fn main() {
wasm_logger::init(wasm_logger::Config::default());
yew::Renderer::<App>::new().render();
}