first commit

2022-08-31 11:40:50 +05:30
parent b337811f48
commit 1e499087b0
15 changed files with 365 additions and 0 deletions
--- a/frontend/Cargo.toml
+++ b/frontend/Cargo.toml
@@ -0,0 +1,19 @@
+[package]
+name = "frontend"
+version = "0.1.0"
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+console_error_panic_hook = "0.1.7"
+env_logger = "0.9.0"
+gloo-net = "^0.2"
+log = "0.4"
+console_log = { version = "0.2", features = ["color"] }
+wasm-bindgen-futures = "^0.4"
+wasm-logger = "0.2.0"
+sycamore = {version = "0.8.0-beta.7", features = ["suspense"]}
+sycamore-router = "0.8.0-beta.7"
+#yew = "0.19.3"
+#yew-router = "0.16.0"
--- a/frontend/Trunk.toml
+++ b/frontend/Trunk.toml
@@ -0,0 +1,6 @@
+[build]
+target = "index.html"
+dist = "../dist"
+
+[[proxy]]
+backend = "http://[::1]:8081/api/"
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="shortcut icon"type="image/x-icon" href="data:image/x-icon;,">
+    <title>Sycamore App</title>
+    <base href="/"/>
+  </head>
+  <body>loading...</body>
+</html>
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -0,0 +1,61 @@
+use gloo_net::http::Request;
+use wasm_bindgen_futures::spawn_local;
+use sycamore::prelude::*;
+use sycamore::suspense::Suspense;
+use sycamore_router::{Route, Router, RouterProps};
+use log::Level;
+
+#[derive(Route)]
+enum AppRoutes {
+    #[to("/")]
+    Home,
+    #[to("/hello-server")]
+    HelloServer,
+    #[not_found]
+    NotFound,
+}
+
+#[component]
+fn App<G: Html>(cx: Scope) -> View<G> {
+view! {cx,
+    div{"Test"}
+/*
+Router {
+        integration: {HistoryIntegration::new()},
+        view: |cx, route: &ReadSignal<AppRoutes>| {
+            view! {
+                div(class="app") {
+                    (match route.get().as_ref() {
+                        AppRoutes::Home => view! { cx,
+                            "This is the index page"
+                        },
+                        AppRoutes::HelloServer => view! { cx,
+                            "About this website"
+                        },
+                        AppRoutes::NotFound => view! { cx,
+                            "404 Not Found"
+                        },
+                    })
+                }
+            }
+        }
+    }
+    */
+    }
+}
+
+#[component(HelloServer<G>)]
+fn HelloServer<G: Html>(cx: Scope) -> View<G> {
+
+            view! {cx,
+                div{"No server response"}
+            }
+}
+
+fn main() {
+    console_error_panic_hook::set_once();
+    console_log::init_with_level(log::Level::Debug).unwrap();
+
+    sycamore::render(|cx| view! { cx, App {} });
+    //sycamore::render(|cx|  App(cx));
+}