3f47487472
* Switch away from nesting React trees and mangling the DOM By parsing HTML events and manipulating the AST before passing it to React Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Use MatrixClientContext in Pill now that we are in the main React tree Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Add missing import Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Break import cycles Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Minimise Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Docs Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
25 lines
753 B
TypeScript
25 lines
753 B
TypeScript
/*
|
|
Copyright 2025 New Vector Ltd.
|
|
|
|
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 from "react";
|
|
import { domToReact, type DOMNode } from "html-react-parser";
|
|
|
|
import { type RendererMap } from "./utils.tsx";
|
|
import Spoiler from "../components/views/elements/Spoiler.tsx";
|
|
|
|
/**
|
|
* Replaces spans with `data-mx-spoiler` with a Spoiler component.
|
|
*/
|
|
export const spoilerRenderer: RendererMap = {
|
|
span: (span) => {
|
|
const reason = span.attribs["data-mx-spoiler"];
|
|
if (typeof reason === "string") {
|
|
return <Spoiler reason={reason}>{domToReact(span.children as DOMNode[])}</Spoiler>;
|
|
}
|
|
},
|
|
};
|