Jonathan Kelley
7ec3453ca3
* wip: fix manganis import path * upgrade tauri bundler, convert todo!() to unimplemented!() * feat: mobile hotreloading + ios asset configuration * remove oid demo and its associated env vars * nuke all the things that cause cache thrashing * swap to Asset type * add some more logs * display impl for attrvalue * dont panic on collect failure * cut down web deps to 150 * clean up deps in a lot of places, simplify build scripts * clean up asset resolution and cli-dev profile * wire up absolute paths for manganis asset in a particular mode * move document related things around to shorten compile times * move most things to `document::Item` and then decompose the cli-config * switch link to stylesheet for clarity in examples * move manganis workspace example to examples folder * decompose manganis-cli-support * dont need mobile demo anymore * remove gloo dialogs * html doesnt need document * rename hotreload to devtools * really clean up the html crate * fix weird rsx spacing * clean up desktop to use callback * clean up document a bit * re-wire up devsocket * fix utf css * yeeeet that js out of here * synthetic web system works * web crate almost done being cleaned up * desktop mostly cleaned up too * clean up cli a bit * more cli cleanup * cli builds again * clean up cli, inline structs, cut down number of unique types where possible * hotreload works again for desktop and this time, mobile too * cfg out tungstenite * devserver err * more refactor to cli builder * switch to unbounded_send * new structure is much cleaner * add http serve subcommand * bundled hotreload * kick stylsheets * clean up a bit more, split up eventloop * amazingly serve seems done * change from pub to pub(crate) in cli * remove tools * bit more polish to cli * fix issue with join * gracefully handle fullstack without a server * fullstack mobile demo * fix launch function, move projects into example-projects folder * hoist examples * add "run" command * clean up launch * remove old manual websocket receiver * doctor command * allow desktop to scroll * cut apart router crate * dont put launch in prelude * use dioxus::launch where possible * rename rsx, cut out hotreload tests * remove liveview project * bump native * fix compile for renderers * move sync event response out of interpreter * move render in serve * rollback settings change * cli compiles, huzzah! * change uris for asset * fix asset * new tui screen * new cargo-like tui works * very very verty close * it works! very small bug with incorrect grapheme calc * Clean up devserver a bit * status sytem * tidy up debug filters * clean up logging situation * Fix a number of bugs with log printing * new printing system is more reliable * wire up more stuff * things working but fullstack is having issues * fullstack works again! * hotreloading bundled assets works again * bundled hotreload and beginnings of macos bundling * Hotreload desktop * combined server builds * add build handle * fix fullstack assets * make open async, add some hooks for ios * migrate filemap to runner * wip global crate system * fixup bundles + organize asset * fix asset location bug * all the bundled reloading! * open ios simulator! * full hotreload support for mobile + serverfn * basic cleanups * clean up dx * Move filemap * fix cutting of newlines * assets workibg, some android * hoist wry/tao * use sync locks and headers to fix issues with android * desktop -> mac/win/linux with alias * better logging * feat: workspace (entire computer!) hotreload * should rebuild toggle, ios simulator bootup * proper mobile support in launch * more robust handling of assets * fix cargo * bring back some of tauri bundle * make warnings go away, clippy happy on cli * some final clippy cleanups * fmt * move manganis to its own folder * upgrade bundle to stable * drastically slim down manganis, prepping for merge * typos, failing test, docsrs config * remove static gen test * nix static gen test * we use --platform web instead of --platform fullstack now * only bind dev urls in desktop/mobile * install gtk * nix static gen * split build dir by app name
101 lines
4.2 KiB
Rust
101 lines
4.2 KiB
Rust
#![allow(non_snake_case)]
|
|
|
|
use dioxus::prelude::*;
|
|
|
|
fn main() {
|
|
dioxus::launch(app);
|
|
}
|
|
|
|
pub fn app() -> Element {
|
|
let grey_background = true;
|
|
rsx! (
|
|
document::Link { rel: "stylesheet", href: asset!("/public/tailwind.css") }
|
|
div {
|
|
header {
|
|
class: "text-gray-400 body-font",
|
|
// you can use optional attributes to optionally apply a tailwind class
|
|
class: if grey_background { "bg-gray-900" },
|
|
div { class: "container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center",
|
|
a { class: "flex title-font font-medium items-center text-white mb-4 md:mb-0",
|
|
StacksIcon {}
|
|
span { class: "ml-3 text-xl", "Hello Dioxus!" }
|
|
}
|
|
nav { class: "md:ml-auto flex flex-wrap items-center text-base justify-center",
|
|
a { class: "mr-5 hover:text-white", "First Link" }
|
|
a { class: "mr-5 hover:text-white", "Second Link" }
|
|
a { class: "mr-5 hover:text-white", "Third Link" }
|
|
a { class: "mr-5 hover:text-white", "Fourth Link" }
|
|
}
|
|
button { class: "inline-flex items-center bg-gray-800 border-0 py-1 px-3 focus:outline-none hover:bg-gray-700 rounded text-base mt-4 md:mt-0",
|
|
"Button"
|
|
RightArrowIcon {}
|
|
}
|
|
}
|
|
}
|
|
|
|
section { class: "text-gray-400 bg-gray-900 body-font",
|
|
div { class: "container mx-auto flex px-5 py-24 md:flex-row flex-col items-center",
|
|
div { class: "lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center",
|
|
h1 { class: "title-font sm:text-4xl text-3xl mb-4 font-medium text-white",
|
|
br { class: "hidden lg:inline-block" }
|
|
"Dioxus Sneak Peek"
|
|
}
|
|
p { class: "mb-8 leading-relaxed",
|
|
|
|
"Dioxus is a new UI framework that makes it easy and simple to write cross-platform apps using web
|
|
technologies! It is functional, fast, and portable. Dioxus can run on the web, on the desktop, and
|
|
on mobile and embedded platforms."
|
|
}
|
|
div { class: "flex justify-center",
|
|
button { class: "inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg",
|
|
"Learn more"
|
|
}
|
|
button { class: "ml-4 inline-flex text-gray-400 bg-gray-800 border-0 py-2 px-6 focus:outline-none hover:bg-gray-700 hover:text-white rounded text-lg",
|
|
"Build an app"
|
|
}
|
|
}
|
|
}
|
|
div { class: "lg:max-w-lg lg:w-full md:w-1/2 w-5/6",
|
|
img {
|
|
class: "object-cover object-center rounded",
|
|
src: "https://i.imgur.com/oK6BLtw.png",
|
|
referrerpolicy: "no-referrer",
|
|
alt: "hero",
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
)
|
|
}
|
|
|
|
pub fn StacksIcon() -> Element {
|
|
rsx!(
|
|
svg {
|
|
fill: "none",
|
|
stroke: "currentColor",
|
|
stroke_linecap: "round",
|
|
stroke_linejoin: "round",
|
|
stroke_width: "2",
|
|
class: "w-10 h-10 text-white p-2 bg-indigo-500 rounded-full",
|
|
view_box: "0 0 24 24",
|
|
path { d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" }
|
|
}
|
|
)
|
|
}
|
|
|
|
pub fn RightArrowIcon() -> Element {
|
|
rsx!(
|
|
svg {
|
|
fill: "none",
|
|
stroke: "currentColor",
|
|
stroke_linecap: "round",
|
|
stroke_linejoin: "round",
|
|
stroke_width: "2",
|
|
class: "w-4 h-4 ml-1",
|
|
view_box: "0 0 24 24",
|
|
path { d: "M5 12h14M12 5l7 7-7 7" }
|
|
}
|
|
)
|
|
}
|