464b52004b
The links menu moves into @hive/shared and takes its links as a prop. The swarm UI feeds it /api/links as before; the dashboard feeds it stats, API docs and the swarm, and mounts it next to the profile menu in place of its own hamburger on the left. A link opens in a new tab unless its entry says it is a page of the same site.
36 lines
1.4 KiB
JavaScript
36 lines
1.4 KiB
JavaScript
// Pages menu in the dashboard chrome: one icon button, beside the profile
|
|
// avatar at the right, that opens a popover linking the standalone pages
|
|
// (stats, API docs) and the swarm UI. It is `@hive/shared`'s `LinksMenu`, the
|
|
// same component the swarm UI mounts for its service links, rendered with
|
|
// Preact like the profile menu. The swarm entry only exists when `/api/state`
|
|
// carries `swarm_public_url`, so a hive without a configured swarm domain
|
|
// shows no dead link.
|
|
|
|
import { h, render } from "preact";
|
|
import { LinksMenu } from "@hive/shared/links-menu.js";
|
|
import { $ } from "./common.js";
|
|
|
|
/** Menu entries for a state snapshot. The two pages open in place; the swarm
|
|
* UI is another site, so it opens in a new tab. */
|
|
export function menuLinks(state) {
|
|
const links = [
|
|
{ icon: "📊", label: "stats", url: "/stats.html", external: false },
|
|
{ icon: "🧬", label: "api docs", url: "/api/docs/", external: false },
|
|
];
|
|
if (state && state.swarm_public_url) {
|
|
links.push({
|
|
icon: "🐝",
|
|
label: "swarm",
|
|
url: state.swarm_public_url,
|
|
});
|
|
}
|
|
return links;
|
|
}
|
|
|
|
/** (Re)render the menu into `#links-menu`. Safe to call on every state
|
|
* refresh: Preact diffs the same component, so an open popover stays open. */
|
|
export function renderLinksMenu(state) {
|
|
const root = $("links-menu");
|
|
if (!root) return;
|
|
render(h(LinksMenu, { links: menuLinks(state), label: "pages" }), root);
|
|
}
|