mediawiki-extensions-CodeMi.../src/codemirror.mediawiki.js

import CodeMirror from './codemirror';
import mediaWikiLang from './codemirror.mode.mediawiki';

const textarea = document.getElementById( 'wpTextbox1' );
const cm = new CodeMirror( textarea );
// TODO: remove URL feature flag once bidi isolation is more stable.
const urlParams = new URLSearchParams( window.location.search );
cm.initialize( [
	cm.defaultExtensions,
	mediaWikiLang( {
		bidiIsolation: urlParams.get( 'cm6bidi' )
	} )
] );
CM6: Add syntax highlighting preference for users without WikiEditor This adds the `ext.CodeMirror.v6.init` ResourceLoader module which allows use of CodeMirror on `#wpTextbox1` without the use of WikiEditor (the 'usebetatoolbar' preference). In order for users to opt-in to using CodeMirror, we make the existing 'usecodemirror' option into a visible preference. In addition, with two preferences related to CodeMirror, we group them under a new heading 'Syntax highlighting'. More preferences may be added later to this section following T359498. When WikiEditor is not enabled, the layout of the action=edit page has the textarea as a sibling to other visible content, like `.editOptions`. Because of this, we can't simply append the CodeMirror DOM to the parent like we were before, as that would put the visible editor beneath the edit summary, Publish button, etc. Instead we rework the CodeMirror to first add a wrapper around the textarea and use that as the parent. This way, `.cm-editor` is always in the same place in the DOM as the native textarea. Line wrapping and focus/blur events are also moved to CodeMirror, as these are needed when not using WikiEditor. Bug: T190108 Change-Id: I4bc069e0d398aa7088e4f50bbd0ddda458b289c3 2024-03-26 20:40:13 +00:00			`import CodeMirror from './codemirror';`
			`import mediaWikiLang from './codemirror.mode.mediawiki';`

			`const textarea = document.getElementById( 'wpTextbox1' );`
			`const cm = new CodeMirror( textarea );`
CodeMirrorModeMediaWiki: put bidi isolation behind URL feature flag Bidi isolation is still not exactly 'stable'. Instead of removing it, we look for the URL query param `cm6bidi=1`. This allows users to test out bidi isolation and give feedback as we iterate on it. Once stable, this should be removed and bidi isolation should be on by default -- and eventually, can be opted out of via CodeMirror preferences (T359498). Bug: T358804 Change-Id: If7e024f0da71ddf1b0a38c0fc49f033ddbe745fd 2024-04-14 20:50:33 +00:00			`// TODO: remove URL feature flag once bidi isolation is more stable.`
			`const urlParams = new URLSearchParams( window.location.search );`
CM6: Add syntax highlighting preference for users without WikiEditor This adds the `ext.CodeMirror.v6.init` ResourceLoader module which allows use of CodeMirror on `#wpTextbox1` without the use of WikiEditor (the 'usebetatoolbar' preference). In order for users to opt-in to using CodeMirror, we make the existing 'usecodemirror' option into a visible preference. In addition, with two preferences related to CodeMirror, we group them under a new heading 'Syntax highlighting'. More preferences may be added later to this section following T359498. When WikiEditor is not enabled, the layout of the action=edit page has the textarea as a sibling to other visible content, like `.editOptions`. Because of this, we can't simply append the CodeMirror DOM to the parent like we were before, as that would put the visible editor beneath the edit summary, Publish button, etc. Instead we rework the CodeMirror to first add a wrapper around the textarea and use that as the parent. This way, `.cm-editor` is always in the same place in the DOM as the native textarea. Line wrapping and focus/blur events are also moved to CodeMirror, as these are needed when not using WikiEditor. Bug: T190108 Change-Id: I4bc069e0d398aa7088e4f50bbd0ddda458b289c3 2024-03-26 20:40:13 +00:00			`cm.initialize( [`
			`cm.defaultExtensions,`
CodeMirrorModeMediaWiki: put bidi isolation behind URL feature flag Bidi isolation is still not exactly 'stable'. Instead of removing it, we look for the URL query param `cm6bidi=1`. This allows users to test out bidi isolation and give feedback as we iterate on it. Once stable, this should be removed and bidi isolation should be on by default -- and eventually, can be opted out of via CodeMirror preferences (T359498). Bug: T358804 Change-Id: If7e024f0da71ddf1b0a38c0fc49f033ddbe745fd 2024-04-14 20:50:33 +00:00			`mediaWikiLang( {`
codemirror.mediawiki.js: add `Mod-Shift-x` This patch adds a keyboard shortcut `Mod-Shift-x` to toggle between left-to-right (LTR) and right-to-left (RTL) text directions. Bug: T170001 Change-Id: Ia857ad0b0aff0bb206b45e4d27dee6e91a3effce 2024-06-08 03:10:11 +00:00			`bidiIsolation: urlParams.get( 'cm6bidi' )`
CodeMirrorModeMediaWiki: put bidi isolation behind URL feature flag Bidi isolation is still not exactly 'stable'. Instead of removing it, we look for the URL query param `cm6bidi=1`. This allows users to test out bidi isolation and give feedback as we iterate on it. Once stable, this should be removed and bidi isolation should be on by default -- and eventually, can be opted out of via CodeMirror preferences (T359498). Bug: T358804 Change-Id: If7e024f0da71ddf1b0a38c0fc49f033ddbe745fd 2024-04-14 20:50:33 +00:00			`} )`
CM6: Add syntax highlighting preference for users without WikiEditor This adds the `ext.CodeMirror.v6.init` ResourceLoader module which allows use of CodeMirror on `#wpTextbox1` without the use of WikiEditor (the 'usebetatoolbar' preference). In order for users to opt-in to using CodeMirror, we make the existing 'usecodemirror' option into a visible preference. In addition, with two preferences related to CodeMirror, we group them under a new heading 'Syntax highlighting'. More preferences may be added later to this section following T359498. When WikiEditor is not enabled, the layout of the action=edit page has the textarea as a sibling to other visible content, like `.editOptions`. Because of this, we can't simply append the CodeMirror DOM to the parent like we were before, as that would put the visible editor beneath the edit summary, Publish button, etc. Instead we rework the CodeMirror to first add a wrapper around the textarea and use that as the parent. This way, `.cm-editor` is always in the same place in the DOM as the native textarea. Line wrapping and focus/blur events are also moved to CodeMirror, as these are needed when not using WikiEditor. Bug: T190108 Change-Id: I4bc069e0d398aa7088e4f50bbd0ddda458b289c3 2024-03-26 20:40:13 +00:00			`] );`