WIP: Dioxus Bootstrap migration — hero_inspector #6

Draft

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

pull from: development_dioxus_bootstrap

merge into: lhumina_code:development

lhumina_code:development

lhumina_code:development_home27

lhumina_code:development_kristof

lhumina_code:main

Conversation 0 Commits 19 Files changed 20 +2323 -6

mik-tf commented 2026-03-14 04:52:20 +00:00

Owner

Copy link

WIP: Dioxus WASM Frontend for Hero Inspector

DO NOT MERGE — Work in progress.

Refs: #26

What

Adds a new hero_inspector_ui_wasm crate that replaces the Askama/JS frontend with a Dioxus WASM app using dioxus-bootstrap-css v0.1.6.

Phase 1 (this PR)

• New WASM crate with all major components:
  • Sidebar: auto-discovered service groups + manual entries
  • Service detail: header card with protocol badges, status, actions
  • Tabs: Methods accordion, Markdown docs, OpenRPC JSON, MCP setup, Sockets table, MCP Logs, Service Logs
  • Navbar: connection status, theme toggle, OpenRPC link
  • Toast notifications
• JSON-RPC client with hero_proxy base-path detection
• Server changes: --dist CLI flag, /assets/* route, dist_dir in AppState

Still TODO (Phase 2+)

• Add Spec offcanvas (manual source addition)
• Context dropdown filter
• Web proxy open/close buttons
• SSE-based live updates (replace polling)
• Search/filter in sidebar
• Remove manual spec button
• JSON syntax highlighting in OpenRPC tab
• Feature-gate askama as optional dependency
• Markdown-to-HTML rendering in docs tab

## WIP: Dioxus WASM Frontend for Hero Inspector **DO NOT MERGE** — Work in progress. Refs: #26 ### What Adds a new `hero_inspector_ui_wasm` crate that replaces the Askama/JS frontend with a Dioxus WASM app using `dioxus-bootstrap-css` v0.1.6. ### Phase 1 (this PR) - New WASM crate with all major components: - **Sidebar**: auto-discovered service groups + manual entries - **Service detail**: header card with protocol badges, status, actions - **Tabs**: Methods accordion, Markdown docs, OpenRPC JSON, MCP setup, Sockets table, MCP Logs, Service Logs - **Navbar**: connection status, theme toggle, OpenRPC link - **Toast** notifications - JSON-RPC client with hero_proxy base-path detection - Server changes: `--dist` CLI flag, `/assets/*` route, dist_dir in AppState ### Still TODO (Phase 2+) - [ ] Add Spec offcanvas (manual source addition) - [ ] Context dropdown filter - [ ] Web proxy open/close buttons - [ ] SSE-based live updates (replace polling) - [ ] Search/filter in sidebar - [ ] Remove manual spec button - [ ] JSON syntax highlighting in OpenRPC tab - [ ] Feature-gate askama as optional dependency - [ ] Markdown-to-HTML rendering in docs tab

mik-tf added 1 commit 2026-03-14 04:52:21 +00:00

feat: add Dioxus WASM frontend for hero_inspector (Phase 1) ... e80ee41d91

New crate `hero_inspector_ui_wasm` with dioxus-bootstrap-css v0.1.6:
- Sidebar with auto-discovered and manual service groups
- Service detail panel with tabs: Methods, Markdown, OpenRPC, MCP, Sockets, MCP Logs, Service Logs
- JSON-RPC client via /rpc endpoint with hero_proxy base-path detection
- Toast notifications, theme toggle, clipboard support

Server changes (herolib_inspector + hero_inspector_ui):
- Add --dist CLI flag to serve WASM dist/index.html and /assets/*
- AppState gains dist_dir field; index_handler tries dist first
- /assets/*path route for WASM asset serving

Refs: #26

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:42 +00:00

refactor: convert hero_inspector_ui_wasm to archipelago library crate 3cb6c2f87e

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

fix: RPC routing + conditional BootstrapHead for hero_os integration 09f8c35f1b

mik-tf added 1 commit 2026-03-15 03:39:04 +00:00

fix: synchronous RPC base init (before first render) 7660bd10e3

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

fix: unconditional RPC base init ce1cc8f152

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

chore: bump dioxus-bootstrap-css to 0.1.7 484a62bee0

mik-tf added 1 commit 2026-03-16 03:29:56 +00:00

refactor: pure dioxus-bootstrap-css 0.1.8 — TabList, Card header_class 886e5bee00

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

chore: bump dioxus-bootstrap-css to 0.1.8 77015d0b0c

mik-tf added 2 commits 2026-03-16 03:53:02 +00:00

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

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

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

Convert sidebar card with header/body/footer to Card component with
header, body, footer slots. Convert raw buttons to Button component.

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

chore: bump dioxus-bootstrap-css to 0.1.9 763c2ada48

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

chore: bump dioxus-bootstrap-css to 0.2.0 (extends GlobalAttributes) 577396c80d

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

chore: bump dioxus-bootstrap-css to 0.2.1 be00ef7905

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

fix: pixel-perfect navbar matching Askama template ... 054600480b

- Remove py-1 from navbar, py-0 from brand
- Remove id from sseDot span

mik-tf added 1 commit 2026-03-16 13:02:32 +00:00

refactor: convert raw Bootstrap HTML to dioxus-bootstrap-css components 0b54f6eef6

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

refactor: convert link-buttons to Button { href } (dioxus-bootstrap-css 0.2.2) bd7bd2aa4f

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

refactor: use Button { href, target, download } (dioxus-bootstrap-css 0.2.3) 6e28716dce

mik-tf added 1 commit 2026-03-16 14:37:01 +00:00

refactor: convert toast to dioxus-bootstrap-css Toast/ToastContainer (0.2.5) b09d75c4ec

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

refactor: remove Bootstrap-overriding CSS, use pure dioxus-bootstrap utility classes 93cb95354b

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

Build & Test / check (pull_request) Failing after 6s

Details

Build & Test / check (push) Failing after 7s

Details

This pull request is marked as a work in progress.

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_inspector!6

No description provided.