bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Lexical: fix EmojiNode

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2023-04-05 20:46:36 +02:00
parent 33d8ad1774
commit edb5914282
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/soapbox/features/compose/editor/nodes/emoji-node.tsx
View file

@ -29,16 +29,18 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
} }
static clone(node: EmojiNode): EmojiNode { static clone(node: EmojiNode): EmojiNode {
return new EmojiNode(node.__name, node.__key); return new EmojiNode(node.__name, node.__src);
} }
constructor(name: string, src: string, key?: NodeKey) { constructor(name: string, src: string, key?: NodeKey) {
console.log(name, src);
super(key); super(key);
this.__name = name; this.__name = name;
this.__src = src; this.__src = src;
} }
createDOM(config: EditorConfig): HTMLElement { createDOM(config: EditorConfig): HTMLElement {
console.log('creating');
const span = document.createElement('span'); const span = document.createElement('span');
const theme = config.theme; const theme = config.theme;
const className = theme.emoji; const className = theme.emoji;
@ -48,7 +50,12 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
return span; return span;
} }
updateDOM(): false {
return false;
}
exportDOM(): DOMExportOutput { exportDOM(): DOMExportOutput {
console.log('exporting');
const element = document.createElement('img'); const element = document.createElement('img');
element.setAttribute('src', this.__src); element.setAttribute('src', this.__src);
element.setAttribute('alt', this.__name); element.setAttribute('alt', this.__name);
@ -57,6 +64,7 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
} }
static importJSON(serializedNode: SerializedEmojiNode): EmojiNode { static importJSON(serializedNode: SerializedEmojiNode): EmojiNode {
console.log('importing json');
const { name, src } = const { name, src } =
serializedNode; serializedNode;
const node = $createEmojiNode(name, src); const node = $createEmojiNode(name, src);
@ -64,6 +72,12 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
} }
exportJSON(): SerializedEmojiNode { exportJSON(): SerializedEmojiNode {
console.log('exporting json', {
name: this.__name,
src: this.__src,
type: 'emoji',
version: 1,
});
return { return {
name: this.__name, name: this.__name,
src: this.__src, src: this.__src,
@ -81,6 +95,7 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
} }
decorate(): JSX.Element { decorate(): JSX.Element {
console.log('decoratin', this);
return ( return (
<Emoji src={this.__src} alt={this.__name} className='emojione h-4 w-4' /> <Emoji src={this.__src} alt={this.__name} className='emojione h-4 w-4' />
); );