Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui(editor): prevent initialContent being duplicated

Browse source
This commit is contained in:
Matthew Penner 2021-11-04 13:44:10 -06:00
parent 5359ef8407
commit f7c824743f
No known key found for this signature in database
GPG key ID: BAB67850901908A8
1 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
resources/scripts/components/elements/Editor.tsx
View file

@ -203,7 +203,10 @@ export interface Props {
export default ({ className, style, overrides, initialContent, extensions, mode, filename, onModeChanged, fetchContent, onContentSaved }: Props) => {
const [ languageConfig ] = useState<Compartment>(new Compartment());
const [ keybinds ] = useState<Compartment>(new Compartment());
const [ state ] = useState<EditorState>(EditorState.create({
const [ view, setView ] = useState<EditorView>();
const createEditorState = () => {
return EditorState.create({
doc: initialContent,
extensions: [
...defaultExtensions,
@ -212,8 +215,8 @@ export default ({ className, style, overrides, initialContent, extensions, mode,
languageConfig.of(mode !== undefined ? modeToExtension(mode) : findLanguageExtensionByMode(findModeByFilename(filename || ''))),
keybinds.of([]),
],
}));
const [ view, setView ] = useState<EditorView>();
});
};
const ref = useCallback((node) => {
if (!node) {
@ -221,7 +224,7 @@ export default ({ className, style, overrides, initialContent, extensions, mode,
}
const view = new EditorView({
state: state,
state: createEditorState(),
parent: node,
});
setView(view);
@ -277,9 +280,9 @@ export default ({ className, style, overrides, initialContent, extensions, mode,
return;
}
view.dispatch({
changes: { from: 0, insert: initialContent },
});
// We could dispatch a view update to replace the content, but this would keep the edit history,
// and previously would duplicate the content of the editor.
view.setState(createEditorState());
}, [ initialContent ]);
useEffect(() => {