32ee9f3dcc
* feat: add object base64 hash method * chore: add script to add package * feat: add request-handler package * wip: add request handlers for all jobs and widget api procedures * wip: remove errors shown in logs, add missing decryption for secrets in cached-request-job-handler * wip: highly improve request handler, add request handlers for calendar, media-server, indexer-manager and more, add support for multiple inputs from job handler creator * refactor: move media-server requests to request-handler, add invalidation logic for dns-hole and media requests * refactor: remove unused integration item middleware * feat: add invalidation to switch entity action of smart-home * fix: lint issues * chore: use integration-kind-by-category instead of union for request-handlers * fix: build not working for tasks and websocket * refactor: add more logs * refactor: readd timestamp logic for diconnect status * fix: lint and typecheck issue * chore: address pull request feedback
61 lines
1.8 KiB
TypeScript
61 lines
1.8 KiB
TypeScript
"use client";
|
|
|
|
import { Box, Stack, Text, Title } from "@mantine/core";
|
|
import { IconBrowserOff } from "@tabler/icons-react";
|
|
|
|
import { objectEntries } from "@homarr/common";
|
|
import { useI18n } from "@homarr/translation/client";
|
|
|
|
import type { WidgetComponentProps } from "../definition";
|
|
import classes from "./component.module.css";
|
|
|
|
export default function IFrameWidget({ options, isEditMode }: WidgetComponentProps<"iframe">) {
|
|
const t = useI18n();
|
|
const { embedUrl, ...permissions } = options;
|
|
const allowedPermissions = getAllowedPermissions(permissions);
|
|
|
|
if (embedUrl.trim() === "") return <NoUrl />;
|
|
|
|
return (
|
|
<Box h="100%" w="100%">
|
|
<iframe
|
|
style={isEditMode ? { userSelect: "none", pointerEvents: "none" } : undefined}
|
|
className={classes.iframe}
|
|
src={embedUrl}
|
|
title="widget iframe"
|
|
allow={allowedPermissions.join(" ")}
|
|
>
|
|
<Text>{t("widget.iframe.error.noBrowerSupport")}</Text>
|
|
</iframe>
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
const NoUrl = () => {
|
|
const t = useI18n();
|
|
|
|
return (
|
|
<Stack align="center" justify="center" h="100%">
|
|
<IconBrowserOff />
|
|
<Title order={4}>{t("widget.iframe.error.noUrl")}</Title>
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
const getAllowedPermissions = (permissions: Omit<WidgetComponentProps<"iframe">["options"], "embedUrl">) => {
|
|
return objectEntries(permissions)
|
|
.filter(([_key, value]) => value)
|
|
.map(([key]) => permissionMapping[key]);
|
|
};
|
|
|
|
const permissionMapping = {
|
|
allowAutoPlay: "autoplay",
|
|
allowCamera: "camera",
|
|
allowFullScreen: "fullscreen",
|
|
allowGeolocation: "geolocation",
|
|
allowMicrophone: "microphone",
|
|
allowPayment: "payment",
|
|
allowScrolling: "scrolling",
|
|
allowTransparency: "transparency",
|
|
} satisfies Record<keyof Omit<WidgetComponentProps<"iframe">["options"], "embedUrl">, string>;
|