Spaces:
Running
on
Zero
Running
on
Zero
File size: 1,715 Bytes
7362797 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 |
/*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the Chameleon License found in the
* LICENSE file in the root directory of this source tree.
*/
import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
import {
$createParagraphNode,
$createTextNode,
$getRoot,
} from "lexical";
import { useEffect, useState } from "react";
import type { InsertImagePayload } from "./ImagesPlugin";
import { INSERT_IMAGE_COMMAND } from "./ImagesPlugin";
/**
* This is a hacky plugin to replace contents in the Lexical Composer. It needs to be improved.
*/
export type ReplaceContentData = {
content_type: string;
content: string;
};
export function ReplaceContentPlugin({
payload,
}: {
payload: ReplaceContentData[];
}) {
const [editor] = useLexicalComposerContext();
const [last, setLast] = useState<ReplaceContentData[] | null>(null);
useEffect(() => {
if (last == null) {
return;
}
editor.update(() => {
const root = $getRoot();
root.clear();
for (let i = 0; i < last.length; i++) {
const item = last[i];
if (item.content_type === "TEXT") {
const paragraphNode = $createParagraphNode();
const text = $createTextNode(item.content);
paragraphNode.append(text);
root.append(paragraphNode);
} else {
editor.dispatchCommand(INSERT_IMAGE_COMMAND, {
altText: "an image",
src: item.content,
} as InsertImagePayload);
}
}
setLast(null);
});
}, [last]);
useEffect(() => {
if (payload !== null) {
setLast(payload);
}
}, [payload]);
return null;
}
|