New: add setValue equivalent

[fregante]

I have a browser extension that gets/sets the value of fields and editors on the web and I'm trying to add support for CodeMirror 6:

• Add support for CodeMirror 6 (Overleaf) fregante/GhostText#238

As noted in a previous issue, there's no easy way to set the value of a document like setValue in CM5:

• How to get and set value? #172

Would it be possible to expose such method? The shortest way I found was via ReplaceTransaction, but being an extension, I don't have access to that class:

Bad ChatGPT suggestion, ignore

import { ReplaceTransaction } from "@codemirror/state";

const newContent = 'good soup';
const tr = new ReplaceTransaction(0, editorView.state.doc.length, newContent);
editorView.update([tr]);

getValue equivalent

document.querySelector('.cm-content').cmView.view.state.doc.toString()

setValue equivalent

Examples, not implemented

// Accept raw string
document.querySelector('.cm-content').cmView.view.state.doc.set(newContent);

// Matching https://codemirror.net/docs/ref/#state.EditorStateConfig
document.querySelector('.cm-content').cmView.view.state.doc = newContent;

[fregante]

This is the shortest equivalent I found:

cmView = document.querySelector('.cm-content').cmView;
 newContent = Math.random()+'';
 transaction = cmView.view.state.update({
	changes: {
		from: 0,
		to: cmView.view.state.doc.length,
		insert: newContent,
	},
});
cmView.view.update([transaction]);

[marijnh]

view.dispatch({changes: {from: 0, to: view.state.doc.length, insert: newDoc}}) should work.

Also, ReplaceTransaction is not something that exists in the CodeMirror interface.

[fregante]

Thank you! The helps a little. I feel that the new API is bit less friendly to amateurs (i.e. it requires a lot more code/research just go find the get/set/onchange equivalents)