Skip to content

Commit

Permalink
add leptosfmt
Browse files Browse the repository at this point in the history
  • Loading branch information
@hitchhooker
hitchhooker committed Jan 10, 2024
1 parent 3ec2a5d commit 7000a41
Show file tree
Hide file tree
Showing 7 changed files with 527 additions and 350 deletions.
5 changes: 5 additions & 0 deletions app/leptosfmt.toml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
max_width = 100 # Maximum width of each line
tab_spaces = 4 # Number of spaces per tab
indentation_style = "Auto" # "Tabs", "Spaces" or "Auto"
newline_style = "Auto" # "Unix", "Windows" or "Auto"
attr_value_brace_style = "WhenRequired" # "Always", "AlwaysUnlessLit", "WhenRequired" or "Preserve"
14 changes: 7 additions & 7 deletions app/src/app.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,13 +12,13 @@ pub fn App() -> impl IntoView {

view! {
<body class="h-screen w-screen">
<Navigation/>
<Router>
<Routes>
<Route path="" view= move || view! { <Home/> }/>
<Route path="disassembler" view= move || view! { <Disassembler/> }/>
</Routes>
</Router>
<Navigation/>
<Router>
<Routes>
<Route path="" view=move || view! { <Home/> }/>
<Route path="disassembler" view=move || view! { <Disassembler/> }/>
</Routes>
</Router>
</body>
}
}
571 changes: 326 additions & 245 deletions app/src/disassembler.rs
View file

Large diffs are not rendered by default.

17 changes: 9 additions & 8 deletions app/src/file_upload.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,15 +56,16 @@ pub fn FileUploadComponent<F: Fn(Option<Vec<u8>>) + 'static>(on_file_uploaded: F

view! {
<div
class="border-dashed border-4 p-6 mt-6 w-full h-full"
on:drop=on_drop
on:dragover=move |event: DragEvent| {
event.prevent_default();
event.stop_propagation();
}
class="border-dashed border-4 p-6 mt-6 w-full h-full"
on:drop=on_drop
on:dragover=move |event: DragEvent| {
event.prevent_default();
event.stop_propagation();
}
>
"Drag and drop your .polkavm file here or click to upload"
<input type="file" accept=".polkavm" on:change=on_upload />

"Drag and drop your .polkavm file here or click to upload"
<input type="file" accept=".polkavm" on:change=on_upload/>
</div>
}
}
187 changes: 112 additions & 75 deletions app/src/home.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,81 +4,118 @@ use leptos::*;
pub fn Home() -> impl IntoView {
view! {
<div class="container p-8 mx-auto">
<h1 class="text-3xl font-bold text-center md:text-4xl lg:text-5xl">"polka.run"</h1>
<div class="flex flex-col md:flex-row gap-6 mt-6">
<div class="lg:w-1/2 p-4">
<h1 class="text-3xl font-bold">"PolkaVM: Stepping up the Blockchain Virtual Machines"</h1>
<p class="text-md leading-relaxed mt-4">"PolkaVM, a new RISC-V based virtual machine by Polkadot, promises to transform the blockchain landscape. Jan from Polkadot's team at Parity introduced this innovative VM, highlighting its unique features and potential benefits."</p>
<h2 class="text-xl mt-4 font-semibold">"Background: Polkadot and WebAssembly"</h2>
<p class="text-md leading-relaxed mt-2">"Polkadot has heavily utilized WebAssembly (WASM) since its inception, utilizing it for both its state transition function, known as the runtime, and its native smart contract solution. WASM's speed and efficiency initially made it an attractive choice. However, it presented several challenges."</p>
<ul class="list-disc pl-5 mt-2">
<li><strong>"Complexity"</strong>" - WASM's instruction set grew from 172 to over 400 instructions, creating a complex and constantly evolving environment."</li>
<li><strong>Determinism</strong>" - Blockchain technology demands 100% determinism, but WASM does not fully meet this requirement."</li>
</ul>
</div>
<div class="lg:w-1/2 p-4">
<h2 class="text-xl font-semibold">"PolkaVM's Advantages"</h2>
<ul class="list-disc pl-5 mt-2">
<li><strong>"Performance"</strong>" - Early benchmarks show PolkaVM nearly matching native performance."</li>
<li><strong>"Efficiency"</strong>" - Exceptional compile-time performance, significantly outpacing competitors."</li>
<li><strong>"Simplicity and Stability"</strong>" - Leverages the RISC-V architecture for a simpler, stable baseline."</li>
<li><strong>"Security"</strong>" - Runs guest programs in separate processes and namespaces, similar to Docker containers."</li>
</ul>
<h2 class="text-xl mt-4 font-semibold">"Future Prospects"</h2>
<p class="text-md leading-relaxed mt-2">"PolkaVM, still in its research phase, has shown impressive results in a short period."</p>
<ul class="list-disc pl-5 mt-2">
<li><strong>"Time-Travel Debugging"</strong>" - A unique feature allowing backward navigation during debugging."</li>
<li><strong>"Cross-Platform Compatibility"</strong>" - Aiming to support different CPU architectures."</li>
<li><strong>"Optimization and Extensions"</strong>" - Continuous improvements in performance and support for RISC-V extensions."</li>
</ul>
</div>
<div class="lg:w-1/2">
<pre class="text-xs xl:text-sm">
"╔══════════════════════════════════════════════════════════════════════════════╗
║...:OdKK; ;OK;..OcXXXd0XxdkdOXNX0oX0lNdNWNWWx0WkWo0OdWXkWdK ; kNMX0d0XMMx;XMk║
║...:OdKKxccx00.;.x:XXXo0XX0XNNXNX0lX0lXdNNNNNx.,.No0OdWXkWx0 ' kWMX0d0XMMx;NMx║
║...c0dXXKKxXXK.' dcXXXoOXK0dc;,... ......',;cc,:cWoKOdWXkNx0 . kWWXo:lKMMk;WMx║
║'''c0dXXKKxKKK.. dcXXx;'. . ...;:x:OkoWXkNx0 . kWWX . xMMMkMM0║
║.,,cOoOKKKxK0K.. o:;. . ..'.co:Oxd0x0 . OWWX . xMMMkMMk║
║;;;c; lKKkK0Kkl,';. .';::;'. .....:,dc:cco . OWWX.. xMMMMMMx║
║clcc; oNXOKd' . ., .ollodxkkKWWo' .;,c;;::: OWWX. xMMMMMMN║
║dxdcxcl0NXo' . ' .cooxxc0Nc...,kWWWMO. ,';'';;:cco0WMNW0NXMMMMMMx║
║O0OlNXKN0;... . . .:Mkoo' OMl kNNWMN. ..;::..',;:coOWMWWdNXMMMMMMk║
║00OlNX0o'.... . . :0. . .OKXNNMM0:. o;odk'.',,;:lkXWNXlXNMMMMMMW║
║OOOlNKc'...... . . .xl .lkOKXXNWWMOxx, .',...',,,;:dkKK0;kNMWMMMMK║
║000l0:,''......' . . .. ox ;cldk0KKNWMo:dcdKd' ..,;,,;ocdxx;lxNWWNlll║
║000c:;,''''....' ' . ok' X'.;:coxO0KXW,ld'odloOKc. .'''.,'cll,lokNNN;..║
║KK0';,,,'''''.., ' . ;O.,;:cok0KXM.;O:o,dokkXMx' ...c.xd;:ooo0WNlcc║
║KKk.,''''',,'.., ' . kc.,;coxO0XWd oOklxkkOXWKNX:. ..lO0llONOxWWNNW║
║XKo.;;;;,,,'''.,. ' ' . od,;codkOKNWk..kXNXXXX0KKWMMk,...'cl'oO0OKMNNX║
║XKc':::;,,,''..;. ' ' . .dOxxxk0KXNWMd..:0KXX0NWWNkoXWo,.,,':clokOWNK║
║XK,'c::;,,,'...,'',;o,. 'oNWXXXXNWWMNl'.,odXNXdMd. .;ll:.;:cl...,X║
║X0::k0l;,,'..:...,,.'.d: .MdoOMMMMMMMMk:'';dWMNMk,...,,cccl,;;lW║
║WNllkXKx:,'.c' ,Occk..'X:. M. ,MMMMMMMMoc:'..,;oNMKl;,':cloOMMMO║
║MWxlcldxc,'.,c.;:lO';.dK;.. .;:coooc:;,''KMMMMMd ...;ldNx;clodNMMW;║
║MWKllccc:;,,.;d:.;..:0x;,. ,;:' xc .XMMMMMK, ...,;clxxKkxOMMMW:║
║WWNxllcc::;;,'.;codl:;;;,. .o.co.co. .:. .KMMMMMMO,...',;:ccl:xO0W;'MWd║
║WWXKxllcc:::;;,,',l;;;;,'. ,llccc:;. . .OMMMMMMM0c;;:cclll;dxNMMMWMW║
║KK0OKdll;,,::;;,.':;;;;,.. oc.dcoc.xd .kMMMMMMMMNkollloo;dXMMNWWMK║
║K0Ok0Kxl . koc:,:dd0k:,'... .',' .'.. .....dMMMMMMWWWM0kddd:XMMMXWNMX║
║NKOkKXK0c::KKxc:cokXNXOc,'.... .. ....,;::,.........;oNWMMMWNNNWWNOOlWWMK0M0W;║
║KOxxKXXXNK0KKkoc::coOXXXkc;,''.::...',;cllc:;;;;:;;dOdoKWWWWWNXXXNMO...,. ;MMl║
║KO:::XXNNNNXOd',''',.,,;k0dc:;;;cdc;;;:::ccccccccc:ldOOdONNWWNNNWMoc...d..,Wxx║
║KO . XNNNNNN0O,o;..; ..:k0MKdlcccdO0dccccclcllloooloodxxxkKNNWWMMMOd,.'x'.:Mc:║
║0k WWWWNNN00;c........dKMMMKxooooxkkdlolooooddddddddxxO0NMWMWMWMk0.'';','K::║
║X0lclWWWWNNN00;, ; ''''.OKMWMWWKxddddxxdddddddxkxxxkOxXKWWMMkONMWMk0 . . . K;;║
║KKK0XNXNXXXX0Klx c.,,,';0XMMMMMWNKxkxxkkkkkOO0x00NNWMxMXNNMKlxKMNM0K,:;;,:;0ol║
║XNX0Xo..NXXNXNN0KKXXXXXNNWWWMMMMMXxMWkMNMMWMMMkNKMMWMOMNNNMMNMWMNMMM0MMMMMMMMM║
╚══════════════════════════════════════════════════════════════════════════════╝"
</pre>
</div>
</div>
<div class="mt-6">
<p class="text-md">
"PolkaVM's combination of security, determinism, and performance positions it as a promising
lightweight virtual machine, making it ideal for a wide range of applications."
</p>
</div>
<h1 class="text-3xl font-bold text-center md:text-4xl lg:text-5xl">"polka.run"</h1>
<div class="flex flex-col md:flex-row gap-6 mt-6">
<div class="lg:w-1/2 p-4">
<h1 class="text-3xl font-bold">
"PolkaVM: Stepping up the Blockchain Virtual Machines"
</h1>
<p class="text-md leading-relaxed mt-4">
"PolkaVM, a new RISC-V based virtual machine by Polkadot, promises to transform the blockchain landscape. Jan from Polkadot's team at Parity introduced this innovative VM, highlighting its unique features and potential benefits."
</p>
<h2 class="text-xl mt-4 font-semibold">
"Background: Polkadot and WebAssembly"
</h2>
<p class="text-md leading-relaxed mt-2">
"Polkadot has heavily utilized WebAssembly (WASM) since its inception, utilizing it for both its state transition function, known as the runtime, and its native smart contract solution. WASM's speed and efficiency initially made it an attractive choice. However, it presented several challenges."
</p>
<ul class="list-disc pl-5 mt-2">
<li>
<strong>"Complexity"</strong>
" - WASM's instruction set grew from 172 to over 400 instructions, creating a complex and constantly evolving environment."
</li>
<li>
<strong>Determinism</strong>
" - Blockchain technology demands 100% determinism, but WASM does not fully meet this requirement."
</li>
</ul>
</div>
<div class="lg:w-1/2 p-4">
<h2 class="text-xl font-semibold">"PolkaVM's Advantages"</h2>
<ul class="list-disc pl-5 mt-2">
<li>
<strong>"Performance"</strong>
" - Early benchmarks show PolkaVM nearly matching native performance."
</li>
<li>
<strong>"Efficiency"</strong>
" - Exceptional compile-time performance, significantly outpacing competitors."
</li>
<li>
<strong>"Simplicity and Stability"</strong>
" - Leverages the RISC-V architecture for a simpler, stable baseline."
</li>
<li>
<strong>"Security"</strong>
" - Runs guest programs in separate processes and namespaces, similar to Docker containers."
</li>
</ul>
<h2 class="text-xl mt-4 font-semibold">"Future Prospects"</h2>
<p class="text-md leading-relaxed mt-2">
"PolkaVM, still in its research phase, has shown impressive results in a short period."
</p>
<ul class="list-disc pl-5 mt-2">
<li>
<strong>"Time-Travel Debugging"</strong>
" - A unique feature allowing backward navigation during debugging."
</li>
<li>
<strong>"Cross-Platform Compatibility"</strong>
" - Aiming to support different CPU architectures."
</li>
<li>
<strong>"Optimization and Extensions"</strong>
" - Continuous improvements in performance and support for RISC-V extensions."
</li>
</ul>
</div>
<div class="lg:w-1/2">
<pre class="text-xs xl:text-sm">
"╔══════════════════════════════════════════════════════════════════════════════╗
║...:OdKK; ;OK;..OcXXXd0XxdkdOXNX0oX0lNdNWNWWx0WkWo0OdWXkWdK ; kNMX0d0XMMx;XMk║
║...:OdKKxccx00.;.x:XXXo0XX0XNNXNX0lX0lXdNNNNNx.,.No0OdWXkWx0 ' kWMX0d0XMMx;NMx║
║...c0dXXKKxXXK.' dcXXXoOXK0dc;,... ......',;cc,:cWoKOdWXkNx0 . kWWXo:lKMMk;WMx║
║'''c0dXXKKxKKK.. dcXXx;'. . ...;:x:OkoWXkNx0 . kWWX . xMMMkMM0║
║.,,cOoOKKKxK0K.. o:;. . ..'.co:Oxd0x0 . OWWX . xMMMkMMk║
║;;;c; lKKkK0Kkl,';. .';::;'. .....:,dc:cco . OWWX.. xMMMMMMx║
║clcc; oNXOKd' . ., .ollodxkkKWWo' .;,c;;::: OWWX. xMMMMMMN║
║dxdcxcl0NXo' . ' .cooxxc0Nc...,kWWWMO. ,';'';;:cco0WMNW0NXMMMMMMx║
║O0OlNXKN0;... . . .:Mkoo' OMl kNNWMN. ..;::..',;:coOWMWWdNXMMMMMMk║
║00OlNX0o'.... . . :0. . .OKXNNMM0:. o;odk'.',,;:lkXWNXlXNMMMMMMW║
║OOOlNKc'...... . . .xl .lkOKXXNWWMOxx, .',...',,,;:dkKK0;kNMWMMMMK║
║000l0:,''......' . . .. ox ;cldk0KKNWMo:dcdKd' ..,;,,;ocdxx;lxNWWNlll║
║000c:;,''''....' ' . ok' X'.;:coxO0KXW,ld'odloOKc. .'''.,'cll,lokNNN;..║
║KK0';,,,'''''.., ' . ;O.,;:cok0KXM.;O:o,dokkXMx' ...c.xd;:ooo0WNlcc║
║KKk.,''''',,'.., ' . kc.,;coxO0XWd oOklxkkOXWKNX:. ..lO0llONOxWWNNW║
║XKo.;;;;,,,'''.,. ' ' . od,;codkOKNWk..kXNXXXX0KKWMMk,...'cl'oO0OKMNNX║
║XKc':::;,,,''..;. ' ' . .dOxxxk0KXNWMd..:0KXX0NWWNkoXWo,.,,':clokOWNK║
║XK,'c::;,,,'...,'',;o,. 'oNWXXXXNWWMNl'.,odXNXdMd. .;ll:.;:cl...,X║
║X0::k0l;,,'..:...,,.'.d: .MdoOMMMMMMMMk:'';dWMNMk,...,,cccl,;;lW║
║WNllkXKx:,'.c' ,Occk..'X:. M. ,MMMMMMMMoc:'..,;oNMKl;,':cloOMMMO║
║MWxlcldxc,'.,c.;:lO';.dK;.. .;:coooc:;,''KMMMMMd ...;ldNx;clodNMMW;║
║MWKllccc:;,,.;d:.;..:0x;,. ,;:' xc .XMMMMMK, ...,;clxxKkxOMMMW:║
║WWNxllcc::;;,'.;codl:;;;,. .o.co.co. .:. .KMMMMMMO,...',;:ccl:xO0W;'MWd║
║WWXKxllcc:::;;,,',l;;;;,'. ,llccc:;. . .OMMMMMMM0c;;:cclll;dxNMMMWMW║
║KK0OKdll;,,::;;,.':;;;;,.. oc.dcoc.xd .kMMMMMMMMNkollloo;dXMMNWWMK║
║K0Ok0Kxl . koc:,:dd0k:,'... .',' .'.. .....dMMMMMMWWWM0kddd:XMMMXWNMX║
║NKOkKXK0c::KKxc:cokXNXOc,'.... .. ....,;::,.........;oNWMMMWNNNWWNOOlWWMK0M0W;║
║KOxxKXXXNK0KKkoc::coOXXXkc;,''.::...',;cllc:;;;;:;;dOdoKWWWWWNXXXNMO...,. ;MMl║
║KO:::XXNNNNXOd',''',.,,;k0dc:;;;cdc;;;:::ccccccccc:ldOOdONNWWNNNWMoc...d..,Wxx║
║KO . XNNNNNN0O,o;..; ..:k0MKdlcccdO0dccccclcllloooloodxxxkKNNWWMMMOd,.'x'.:Mc:║
║0k WWWWNNN00;c........dKMMMKxooooxkkdlolooooddddddddxxO0NMWMWMWMk0.'';','K::║
║X0lclWWWWNNN00;, ; ''''.OKMWMWWKxddddxxdddddddxkxxxkOxXKWWMMkONMWMk0 . . . K;;║
║KKK0XNXNXXXX0Klx c.,,,';0XMMMMMWNKxkxxkkkkkOO0x00NNWMxMXNNMKlxKMNM0K,:;;,:;0ol║
║XNX0Xo..NXXNXNN0KKXXXXXNNWWWMMMMMXxMWkMNMMWMMMkNKMMWMOMNNNMMNMWMNMMM0MMMMMMMMM║
╚══════════════════════════════════════════════════════════════════════════════╝"
</pre>
</div>
</div>
<div class="mt-6">
<p class="text-md">
"PolkaVM's combination of security, determinism, and performance positions it as a promising
lightweight virtual machine, making it ideal for a wide range of applications."
</p>
</div>
</div>
}
}
2 changes: 1 addition & 1 deletion app/src/main.rs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,6 @@ pub fn main() {
log::debug!("csr mode - mounting to body");

mount_to_body(|| {
view! { <App /> }
view! { <App/> }
});
}
Loading

0 comments on commit 7000a41

Please sign in to comment.