WIP: Dioxus Bootstrap migration — hero_cloud_ui #18

Draft

mik-tf wants to merge 14 commits from development_dioxus_bootstrap into development

pull from: development_dioxus_bootstrap

merge into: lhumina_code:development

lhumina_code:development

lhumina_code:development_mik_6_1

lhumina_code:development_mahmoud

lhumina_code:development_mik

lhumina_code:development_kristof

Conversation 0 Commits 14 Files changed 22 +2633 -894

mik-tf commented 2026-03-14 04:46:23 +00:00

Owner

Copy link

DO NOT MERGE

Phase 1 of the Dioxus Bootstrap migration for hero_cloud_ui.

Ref: #26

What this PR does

• Adds new hero_cloud_ui_wasm crate with Dioxus 0.7 + dioxus-bootstrap-css 0.1.6
• Translates the Askama/JS dashboard into reactive Dioxus components:
  • AppNavbar with theme toggle and connection status
  • NodeCard for compute node registration and info
  • SlicesTable for slice listing
  • VmsTable for VM management (start/stop/delete)
  • DeployModal for deploying new VMs
• JSON-RPC client via gloo-net calling /rpc proxy
• Modifies hero_cloud_ui Axum server:
  • --dist CLI arg for serving WASM dist directory
  • Feature-gated Askama (backward compatible)
  • /assets/{*path} route for WASM dist files

Build verification

• cargo check -p hero_cloud_ui passes
• cargo check -p hero_cloud_ui_wasm --target wasm32-unknown-unknown passes

Test plan

• dx build in crates/hero_cloud_ui_wasm/
• hero_cloud_ui serve --dist target/dx/hero_cloud_ui_wasm/release/web/public
• Verify dashboard loads, node register works, VMs table populates
• Verify theme toggle (dark/light) works
• Verify backward compat: hero_cloud_ui serve (no --dist) still renders Askama template

## DO NOT MERGE **Phase 1** of the Dioxus Bootstrap migration for `hero_cloud_ui`. Ref: #26 ### What this PR does - Adds new `hero_cloud_ui_wasm` crate with Dioxus 0.7 + dioxus-bootstrap-css 0.1.6 - Translates the Askama/JS dashboard into reactive Dioxus components: - `AppNavbar` with theme toggle and connection status - `NodeCard` for compute node registration and info - `SlicesTable` for slice listing - `VmsTable` for VM management (start/stop/delete) - `DeployModal` for deploying new VMs - JSON-RPC client via gloo-net calling `/rpc` proxy - Modifies `hero_cloud_ui` Axum server: - `--dist` CLI arg for serving WASM dist directory - Feature-gated Askama (backward compatible) - `/assets/{*path}` route for WASM dist files ### Build verification - `cargo check -p hero_cloud_ui` passes - `cargo check -p hero_cloud_ui_wasm --target wasm32-unknown-unknown` passes ### Test plan - [ ] `dx build` in `crates/hero_cloud_ui_wasm/` - [ ] `hero_cloud_ui serve --dist target/dx/hero_cloud_ui_wasm/release/web/public` - [ ] Verify dashboard loads, node register works, VMs table populates - [ ] Verify theme toggle (dark/light) works - [ ] Verify backward compat: `hero_cloud_ui serve` (no --dist) still renders Askama template

mik-tf added 1 commit 2026-03-14 04:46:23 +00:00

feat: add Dioxus WASM frontend for hero_cloud_ui (Phase 1) d2e6fb7003

mik-tf referenced this pull request from lhumina_code/home 2026-03-14 04:55:08 +00:00

Hero OS — Dioxus Bootstrap Migration #26

mik-tf added 1 commit 2026-03-14 14:28:35 +00:00

refactor: convert hero_cloud_ui_wasm to archipelago library crate ... 060c34fc45

Change from [[bin]] to [lib] with crate-type = ["cdylib", "rlib"].
Add hero_archipelagos_core dependency and IslandContext-based props.
Split main.rs into lib.rs + app.rs, export HeroCloudApp component.
Add [package.metadata.island] and feature gates (default/web/standalone).

mik-tf added 1 commit 2026-03-14 20:31:45 +00:00

fix: use single-segment route params for Axum 0.7 compat d7a1f78c41

mik-tf added 1 commit 2026-03-15 02:53:46 +00:00

fix: RPC routing + conditional BootstrapHead for hero_os integration f620e45157

mik-tf added 1 commit 2026-03-15 03:38:57 +00:00

fix: synchronous RPC base init (before first render) 5478c0eb6a

mik-tf added 1 commit 2026-03-15 17:55:41 +00:00

fix: unconditional RPC base init 7ba4868179

mik-tf added 1 commit 2026-03-16 01:04:17 +00:00

fix(cloud): convert one-shot node_status to polling loop ... b0c864c9bc

The initial node_status RPC was a one-shot use_future that could hang
forever if the backend was down. Convert to a polling loop so it retries
and shows Disconnected gracefully.

mik-tf added 1 commit 2026-03-16 01:39:40 +00:00

chore: bump dioxus-bootstrap-css to 0.1.7 c62a0357f4

mik-tf added 1 commit 2026-03-16 03:31:22 +00:00

chore: bump dioxus-bootstrap-css to 0.1.8 fdb90c80de

mik-tf added 1 commit 2026-03-16 03:53:25 +00:00

refactor: pixel-perfect Askama→dioxus-bootstrap-css rewrite ... 63a21a49fa

Convert raw HTML div/table/button elements to proper dioxus-bootstrap-css
components (Card, Table, Button, Row, Col) for pixel-perfect Bootstrap 5.3.

mik-tf added 1 commit 2026-03-16 04:06:58 +00:00

chore: bump dioxus-bootstrap-css to 0.1.9 c689ddb641

mik-tf added 1 commit 2026-03-16 04:25:30 +00:00

chore: bump dioxus-bootstrap-css to 0.2.0 (extends GlobalAttributes) 465bc46594

mik-tf added 1 commit 2026-03-16 04:45:14 +00:00

chore: bump dioxus-bootstrap-css to 0.2.1 e3051baad8

mik-tf added 1 commit 2026-03-16 15:50:20 +00:00

refactor: remove Bootstrap-overriding CSS, use pure dioxus-bootstrap utility classes 3190389abf

mik-tf referenced this pull request from lhumina_code/hero_os 2026-03-16 16:34:04 +00:00

WIP: Pure dioxus-bootstrap-css migration — hero_os shell #27

mik-tf referenced this pull request from lhumina_code/home 2026-03-16 16:41:07 +00:00

Hero OS — Dioxus Bootstrap Migration: Status & Merge Plan #28

Some checks failed

Hide all checks

Test / test (push) Failing after 1m35s

Details

Test / test (pull_request) Failing after 2m0s

Details

This pull request has changes conflicting with the target branch.

• Cargo.lock
• Cargo.toml
• crates/hero_compute_server/src/cloud/osis_server_generated.rs
• crates/hero_compute_server/src/cloud/rpc_generated.rs
• crates/hero_compute_ui/Cargo.toml
• crates/hero_compute_ui/src/server.rs

View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.

git fetch -u origin development_dioxus_bootstrap:development_dioxus_bootstrap

git switch development_dioxus_bootstrap

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch development

git merge --no-ff development_dioxus_bootstrap

git switch development_dioxus_bootstrap

git rebase development

git switch development

git merge --ff-only development_dioxus_bootstrap

git switch development_dioxus_bootstrap

git rebase development

git switch development

git merge --no-ff development_dioxus_bootstrap

git switch development

git merge --squash development_dioxus_bootstrap

git switch development

git merge --ff-only development_dioxus_bootstrap

git switch development

git merge development_dioxus_bootstrap

git push origin development

Sign in to join this conversation.

Reviewers

No reviewers

Labels

Clear labels

No items

No labels

Milestone

Clear milestone

No items

No milestone

Projects

Clear projects

No items

No project

Assignees

Clear assignees

No assignees

1 participant

Notifications

Subscribe

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

lhumina_code/hero_compute!18

No description provided.