David Langley
69ee8fd96a
* Add commercial licence and update config files * Update license in headers * Revert "Update license in headers" This reverts commit 7ed7949485e88889a9ffc8075a9df1f8e936777e. * Update only spdx id * Remove LicenseRef- from package.json LicenseRef- no longer allowed in npm v3 package.json This fixes the warning in the logs and failing build check.
77 lines
2.8 KiB
TypeScript
77 lines
2.8 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import React, { StrictMode } from "react";
|
|
import { TooltipProvider } from "@vector-im/compound-web";
|
|
|
|
import PlatformPeg from "../PlatformPeg";
|
|
import LinkWithTooltip from "../components/views/elements/LinkWithTooltip";
|
|
import { ReactRootManager } from "./react";
|
|
|
|
/**
|
|
* If the platform enabled needsUrlTooltips, recurses depth-first through a DOM tree, adding tooltip previews
|
|
* for link elements. Otherwise, does nothing.
|
|
*
|
|
* @param {Element[]} rootNodes - a list of sibling DOM nodes to traverse to try
|
|
* to add tooltips.
|
|
* @param {Element[]} ignoredNodes - a list of nodes to not recurse into.
|
|
* @param {ReactRootManager} tooltips - an accumulator of the DOM nodes which contain
|
|
* React components that have been mounted by this function. The initial caller
|
|
* should pass in an empty array to seed the accumulator.
|
|
*/
|
|
export function tooltipifyLinks(
|
|
rootNodes: ArrayLike<Element>,
|
|
ignoredNodes: Element[],
|
|
tooltips: ReactRootManager,
|
|
): void {
|
|
if (!PlatformPeg.get()?.needsUrlTooltips()) {
|
|
return;
|
|
}
|
|
|
|
let node = rootNodes[0];
|
|
|
|
while (node) {
|
|
if (ignoredNodes.includes(node) || tooltips.elements.includes(node)) {
|
|
node = node.nextSibling as Element;
|
|
continue;
|
|
}
|
|
|
|
if (
|
|
node.tagName === "A" &&
|
|
node.getAttribute("href") &&
|
|
node.getAttribute("href") !== node.textContent?.trim()
|
|
) {
|
|
let href = node.getAttribute("href")!;
|
|
try {
|
|
href = new URL(href, window.location.href).toString();
|
|
} catch {
|
|
// Not all hrefs will be valid URLs
|
|
}
|
|
|
|
// The node's innerHTML was already sanitized before being rendered in the first place, here we are just
|
|
// wrapping the link with the LinkWithTooltip component, keeping the same children. Ideally we'd do this
|
|
// without the superfluous span but this is not something React trivially supports at this time.
|
|
const tooltip = (
|
|
<StrictMode>
|
|
<TooltipProvider>
|
|
<LinkWithTooltip tooltip={href}>
|
|
<span dangerouslySetInnerHTML={{ __html: node.innerHTML }} />
|
|
</LinkWithTooltip>
|
|
</TooltipProvider>
|
|
</StrictMode>
|
|
);
|
|
|
|
tooltips.render(tooltip, node, null);
|
|
} else if (node.childNodes?.length) {
|
|
tooltipifyLinks(node.childNodes as NodeListOf<Element>, ignoredNodes, tooltips);
|
|
}
|
|
|
|
node = node.nextSibling as Element;
|
|
}
|
|
}
|