Initial commit.

.gitignore

@@ -0,0 +1,7 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target
+.DS_Store
+
+# These are backup files generated by rustfmt
+**/*.rs.bk

Cargo.toml

@@ -0,0 +1,20 @@
+[package]
+name = "dx-extract-test"
+version = "0.1.0"
+authors = ["Nolan Darilek <nolan@thewordnerd.info>"]
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+axum = { version = "0.7", optional = true }
+dioxus = { version = "0.6.0", features = ["fullstack"] }
+serde = "1"
+tokio = { version = "1", features = ["full"], optional = true }
+
+[features]
+default = ["web"]
+web = ["dioxus/web"]
+desktop = ["dioxus/desktop"]
+mobile = ["dioxus/mobile"]
+server = ["dioxus/server", "axum", "tokio"]

Dioxus.toml

@@ -0,0 +1,21 @@
+[application]
+
+[web.app]
+
+# HTML title tag content
+title = "dx-extract-test"
+
+# include `assets` in web platform
+[web.resource]
+
+# Additional CSS style files
+style = []
+
+# Additional JavaScript files
+script = []
+
+[web.resource.dev]
+
+# Javascript code file
+# serve: [dev-server] only
+script = []

README.md

@@ -0,0 +1,25 @@
+# Development
+
+Your new bare-bones project includes minimal organization with a single `main.rs` file and a few assets.
+
+```
+project/
+├─ assets/ # Any assets that are used by the app should be placed here
+├─ src/
+│  ├─ main.rs # main.rs is the entry point to your application and currently contains all components for the app
+├─ Cargo.toml # The Cargo.toml file defines the dependencies and feature flags for your project
+```
+
+### Serving Your App
+
+Run the following command in the root of your project to start developing with the default platform:
+
+```bash
+dx serve --platform web
+```
+
+To run for a different platform, use the `--platform platform` flag. E.g.
+```bash
+dx serve --platform desktop
+```
+

assets/main.css

@@ -0,0 +1,81 @@
+/* App-wide styling */
+body {
+    background-color: #0f1116;
+    color: #ffffff;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    margin: 20px;
+}
+
+#hero {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+#links {
+    width: 400px;
+    text-align: left;
+    font-size: x-large;
+    color: white;
+    display: flex;
+    flex-direction: column;
+}
+
+#links a {
+    color: white;
+    text-decoration: none;
+    margin-top: 20px;
+    margin: 10px 0px;
+    border: white 1px solid;
+    border-radius: 5px;
+    padding: 10px;
+}
+
+#links a:hover {
+    background-color: #1f1f1f;
+    cursor: pointer;
+}
+
+#header {
+    max-width: 1200px;
+}
+
+
+
+/* Echo */
+#echo {
+    width: 360px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 50px;
+    background-color: #1e222d;
+    padding: 20px;
+    border-radius: 10px;
+}
+
+#echo>h4 {
+    margin: 0px 0px 15px 0px;
+}
+
+
+#echo>input {
+    border: none;
+    border-bottom: 1px white solid;
+    background-color: transparent;
+    color: #ffffff;
+    transition: border-bottom-color 0.2s ease;
+    outline: none;
+    display: block;
+    padding: 0px 0px 5px 0px;
+    width: 100%;
+}
+
+#echo>input:focus {
+    border-bottom-color: #6d85c6;
+}
+
+#echo>p {
+    margin: 20px 0px 0px auto;
+}

src/main.rs

@@ -0,0 +1,53 @@
+#[cfg(feature = "server")]
+use axum::Extension;
+use dioxus::prelude::*;
+
+const FAVICON: Asset = asset!("/assets/favicon.ico");
+const MAIN_CSS: Asset = asset!("/assets/main.css");
+const HEADER_SVG: Asset = asset!("/assets/header.svg");
+
+#[cfg(not(feature = "server"))]
+fn main() {
+    dioxus::launch(App);
+}
+
+#[derive(Clone, Default, serde::Deserialize, serde::Serialize)]
+struct TestType(String);
+
+#[cfg(feature = "server")]
+fn main() {
+    tokio::runtime::Runtime::new()
+        .unwrap()
+        .block_on(async move {
+            // Connect to dioxus' logging infrastructure
+            dioxus::logger::initialize_default();
+            // Connect to the IP and PORT env vars passed by the Dioxus CLI (or your dockerfile)
+            let socket_addr = dioxus::cli_config::fullstack_address_or_localhost();
+            // Build a custom axum router
+            let router = axum::Router::new()
+                .layer(Extension(TestType::default()))
+                .serve_dioxus_application(ServeConfigBuilder::new(), App)
+                .into_make_service();
+            // And launch it!
+            let listener = tokio::net::TcpListener::bind(socket_addr).await.unwrap();
+            axum::serve(listener, router).await.unwrap();
+        });
+}
+
+#[component]
+fn App() -> Element {
+    rsx! {
+        button {
+            onclick: move |_| async move {
+                test().await;
+            },
+            "Test"
+        }
+    }
+}
+
+#[server]
+async fn test() -> Result<(), ServerFnError> {
+    let test: Extension<TestType> = extract().await?;
+    Ok(())
+}