65 lines
2.7 KiB
TypeScript
65 lines
2.7 KiB
TypeScript
|
/*
|
||
|
|
Copyright 2025 New Vector Ltd.
|
||
|
|
|
||
|
|
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
||
|
|
Please see LICENSE files in the repository root for full details.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { type JSX } from "react";
|
||
|
|
import { TooltipProvider } from "@vector-im/compound-web";
|
||
|
|
|
||
|
|
import type { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
|
||
|
|
import { CONFIG_KEY, WidgetTogglesConfig } from "./config";
|
||
|
|
import { WidgetToggle } from "./toggle";
|
||
|
|
|
||
|
|
class WidgetToggleModule implements Module {
|
||
|
|
public static readonly moduleApiVersion = "^1.0.0";
|
||
|
|
private config?: WidgetTogglesConfig;
|
||
|
|
|
||
|
|
public constructor(private api: Api) {}
|
||
|
|
|
||
|
|
public async load(): Promise<void> {
|
||
|
|
try {
|
||
|
|
this.config = WidgetTogglesConfig.parse(this.api.config.get(CONFIG_KEY));
|
||
|
|
} catch (e) {
|
||
|
|
console.error("Failed to init module", e);
|
||
|
|
throw new Error(`Errors in module configuration for widget toggles module`);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.api.extras.setRoomHeaderButtonCallback((roomId: string) => {
|
||
|
|
const widgets = this.api.widget.getWidgetsInRoom(roomId);
|
||
|
|
const toggleElements: JSX.Element[] = [];
|
||
|
|
|
||
|
|
for (const widget of widgets) {
|
||
|
|
if (this.config?.types.includes(widget.type)) {
|
||
|
|
toggleElements.push(
|
||
|
|
<WidgetToggle
|
||
|
|
app={widget}
|
||
|
|
roomId={roomId}
|
||
|
|
widgetApi={this.api.widget}
|
||
|
|
i18nApi={this.api.i18n}
|
||
|
|
/>,
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (toggleElements.length === 0) return undefined;
|
||
|
|
|
||
|
|
// XXX: We shouldn't have to add another TooltipProvider here, it should
|
||
|
|
// be using the one in MatrixChat in Element Web, but thanks to the fact
|
||
|
|
// that contexts are "magically" identified by class, it doesn't pick up the
|
||
|
|
// context because we use a different copy of compound-web. We'll probably
|
||
|
|
// need to fix this at some point, possibly by moving compound's tooltip stuff
|
||
|
|
// out to its own mini-module that can be provided at runtime by Element Web,
|
||
|
|
// unless React make contexts more sensible.
|
||
|
|
// Annoyingly this does actually cause the tooltips to behave a bit weirdly:
|
||
|
|
// there's a delay before the tooltip appears when yo move between these buttons
|
||
|
|
// and the rest of the header buttons, whereas moving between the other header
|
||
|
|
// buttons, the tooltips appear straight away once one has appeared.
|
||
|
|
return <TooltipProvider>{toggleElements}</TooltipProvider>;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default WidgetToggleModule satisfies ModuleFactory;
|