matrix-dimension/web/app/shared/models/widget.ts
2021-09-02 01:01:01 +02:00

102 lines
3.5 KiB
TypeScript

import { WidgetsResponse } from "./server-client-responses";
export const WIDGET_CUSTOM = ["m.custom", "customwidget", "dimension-customwidget"];
export const WIDGET_BIGBLUEBUTTON = ["bigbluebutton", "dimension-bigbluebutton"];
export const WIDGET_ETHERPAD = ["m.etherpad", "etherpad", "dimension-etherpad"];
export const WIDGET_GOOGLE_DOCS = ["m.googledoc", "googledocs", "dimension-googledocs"];
export const WIDGET_GOOGLE_CALENDAR = ["m.googlecalendar", "googlecalendar", "dimension-googlecalendar"];
export const WIDGET_JITSI = ["jitsi", "m.jitsi", "dimension-jitsi"]; // TODO: Move m.jitsi higher (https://github.com/vector-im/riot-meta/issues/282)
export const WIDGET_YOUTUBE = ["m.video", "youtube", "dimension-youtube"];
export const WIDGET_GRAFANA = ["m.grafana", "grafana", "dimension-grafana"];
export const WIDGET_TWITCH = ["twitch", "dimension-twitch"]; // TODO: m.* namespace proposal
export const WIDGET_STICKER_PICKER = ["m.stickerpicker"];
export const WIDGET_TRADINGVIEW = ["tradingview", "dimension-tradingview"]; // TODO: Use m.tradingview (https://github.com/turt2live/matrix-dimension/issues/261)
export const WIDGET_SPOTIFY = ["m.spotify", "spotify", "dimension-spotify"];
export const WIDGET_WHITEBOARD = ["whiteboard", "phoenix-whiteboard"];
export interface EditableWidget {
/**
* The widget ID. This is generated.
*/
id: string;
/**
* The type of widget. Normally one of the WIDGET_* values.
*/
type: string;
/**
* The wrapped URL for the widget.
*/
url: string;
/**
* The name of the widget.
*/
name?: string;
/**
* The raw data for the widget. For parsed data, refer to the "dimension" property.
*/
data?: any;
/**
* The user ID that created this widget.
*/
ownerId?: string;
/**
* The Dimension-related settings for the widget, such as the metadata and state
* information for editing/creating this widget.
*/
dimension?: {
/**
* The new name for the widget. Used when editing/creating the widget.
*/
newName: string;
/**
* The new title for the widget. This may be null to have the client try and
* determine a title for this widget. An empty string will prevent the client
* from determining a title. Used when editing or creating the widget.
*/
newTitle: string;
/**
* The new URL for the widget (may end up being wrapped). Used when editing or
* creating the widget.
*/
newUrl: string;
/**
* The new data for the widget. Should not be falsey, but may be empty. Used
* when editing/creating the widget.
*/
newData: any;
};
}
/**
* Converts a series of widgets (as given to us by the Scalar API) to widgets which
* can be passed around safely. This only converts the properties to the Widget interface
* and will not populate any custom fields, including the "dimension" field.
* @param {WidgetsResponse} scalarResponse The scalar widgets
* @return {EditableWidget[]} The Dimension widgets
*/
export function convertScalarWidgetsToDtos(scalarResponse: WidgetsResponse): EditableWidget[] {
const widgets = [];
for (const event of scalarResponse.response) {
widgets.push({
id: event.state_key,
type: event.content.type,
url: event.content.url,
name: event.content.name,
data: event.content.data,
ownerId: event.sender,
});
}
return widgets;
}