MediaWiki:Gadget-charinsert-core.js

/**
 * Originally copied from [[mw:User:Alex Smotrov/edittools.js]],
 * modified for use on English Wikisource.
 *
 * Configuration (to be set from [[Special:MyPage/common.js]]):
 *   window.charinsertCustom – Object. Merged into the default charinsert list. For example, setting
 *       this to { Symbols: '‽' } will add the interrobang to the end of the Symbols section.
 *   window.editToolsRecall – Boolean. Set true to create a recall switch.
 *   window.charinsertDontMove – Boolean. Set true to leave the box in its default position, rather
 *       than moving it above the edit summary.
 *   window.updateEditTools() – Function. Call after updating window.charinsertCustom to regenerate the
 *       EditTools window.
 */
/* global $, mw, charinsertCustom */

window.updateEditTools = function () {
};

$(function () {
	var $currentFocused,
		editTools;

    function getSelectedSection() {
		var selectedSection = mw.storage.get( editTools.storageKey )
			|| mw.storage.session.get( editTools.storageKey );
		
		return selectedSection;
    }
    
    function saveSelectedSection( newIndex ) {
		mw.storage.set( editTools.storageKey, newIndex )
			|| mw.storage.session.set( editTools.storageKey, newIndex );
    }
    
    editTools = {
        // Entries prefixed with ␥ (U+2425 SYMBOL FOR DELETE FORM TWO) will not appear in the article namespace (namespace 0).
        // Please make any changes to [[MediaWiki:Edittools]] as well, however, instead of using the ␥ symbol, use {{#ifeq:{{NAMESPACE}}|{{ns:0}}| | }}.
	charinsert: {
		'Insert': '  –  —  {\{+}}  {\{\{+|}}}  |  [+]  [\[+|]]  "+" „  = [\[Category:+]]  #REDIRECT.[\[+]]  &nb'+'sp;  <nowiki>+</nowiki>  ␥Sign_your_posts: ␥~~\~~ ',
		'Wiki markup': '  –  —  {\{+}}  {\{\{+|}}}  |  [+]  [\[+|]]  "+"  =  [\[Category:+]]  #REDIRECT.[\[+]]  &nb'+'sp;  &#1'+'60;  <nowiki>+</nowiki>  ␥~~\~~  <span.class="plainlinks">+</span>  <s>+</s>  <sub>+</sub>  <sup>+</sup>  <ref>+</ref>  <ref.name="+"_/>  {\{smallrefs}}  {\{reflist}}  <references./>  <includeonly>+</includeonly>  <noinclude>+</noinclude>  <onlyinclude>+</onlyinclude>  <poem>+</poem>  <blockquote>+</blockquote>  <pre>+</pre>  <kbd>+</kbd>  <syntaxhighlight.lang="wikitext">+</syntaxhighlight>  {\{DEFAULTSORT:+}}  <!--.+_-->  {\{sc|+}}  {\{center|+}}  [\[Author:+|]]  {\{fs90/s}}+{\{fs90/e}}  {\{gap}}  {\{nop}}  {\{hws|+|}}  {\{hwe|+|}}  <section.begin="+"_/>  <section.end="+"_/>',
		'Symbols': ' ~ | ¡ ¿ † ‡ ♀ ♂ ← ↔ → ↑ ↕ ↓ ¶ § # ‽ ∞ ″ ′ ‘+’ “+” ‹+› «+» 〈+〉 – — … ∴ ‿ · • ¤ ☀ ʘ ◌ ₳ ฿ ₵ ¢ ₡ ₢ $ ₫ ₯ £ € ₠ ₣ ƒ ₴ ₭ ₤ ℳ ₥ ₦ № ₧ ₰ ៛ ₨ ₪ ৳ ₮ ₩ ¥ ♠ ♣ ♥ ♦ ♭ ♯ ♮ © ® ™ {\{Unicode|+}}',
		'Math & logic': '  ≤ ≥ ≈ ﴾+﴿ ± − × ÷ = ≠ √ ≡ ° ′ ″ ¹ ² ³ ¼ ½ ¾ ⅓ ⅔ ⅛ ⅜ ⅝ ⅞ ∞ ฿ ¢ $ € ₭ £ ₦ ¥ ₩ ₪ ∞ ← ↔ → ↑ ↕ ↓ m² m³ ∩ ∑ ∏ ∐ ′ ∫ ⟨+⟩ ∬ ∭ ∮ ∇ ∂ ∆ ⋅ ∗ ∘ ∓ ≅ ≜ ≝ ≐ ≃ ⊕ ⊗ ⇐ ⇔ ⇒ ≪ ≫ ∝ ∤ ≀ ◅ ▻ ⋉ ⋊ ⋈ ∴ ∵ ↦ ∧ ∨ ⊻ ∀ ∃ ∈ ∉ ∋ ⊆ ⊈ ⊊ ⊂ ⊄ ⊇ ⊉ ⊋ ⊃ ⊅ ∪ ∅ ℂ ℍ ℕ ℙ ℚ ℝ ℤ ℵ ¬ ⌊ ⌋ ⌈ ⌉ ⊤ ⊥ ⊢ ⊣ ⊧ □ ∠ ⟨ ⟩ {\{frac|+|}} &nb'+'sp; &minus; <math>+</math>',
		'Ligatures': ' Æ æ Œ œ Ỻ ỻ ᵫ',
		'Accents': 'acute: á Á ấ Ấ ắ Ắ ć Ć é É ế Ế ǵ Ǵ í Í ḱ Ḱ ĺ Ĺ ḿ Ḿ ń Ń ó Ó ố Ố ớ Ớ ṕ Ṕ ŕ Ŕ ś Ś ú Ú ứ Ứ ẃ Ẃ ý Ý ź Ź ǻ Ǻ ǽ Ǽ ǿ Ǿ  grave: à À è È ì Ì ǹ Ǹ ò Ò ờ Ờ ù Ù ǜ Ǜ ừ Ừ ẁ Ẁ ỳ Ỳ',
		'Tildes': ' Ã  ã  Ẽ  ẽ  M̃  m̃  Ñ  ñ  Õ  õ  Ỡ  ỡ  Ữ  ữ  Ṽ  ṽ  Ỹ  ỹ',
		'Cedillas': ' Ç  ç  Ḑ  ḑ  Ȩ  ȩ  Ģ  ģ  Ḩ  ḩ  Ķ  ķ  Ļ  ļ  Ņ  ņ  Ŗ  ŗ  Ş  ş  Ţ  ţ',
		'Diereses': ' Ä  ä  Ë  ë  Ḧ  ḧ  Ï  ï  Ö  ö  ẗ  Ü  ü  Ẅ  ẅ  Ẍ  ẍ  Ÿ  ÿ',
		'Circumflexes': ' Â  â  Ĉ  ĉ  Ê  ê  Ĝ  ĝ  Ĥ  ĥ  Î  î  Ĵ  ĵ  Ô  ô  Ŝ  ŝ  Û  û  Ŵ  ŵ  Ŷ  ŷ  Ẑ  ẑ',
		'Macrons': ' Ā  ā  Ǣ  ǣ  Ē  ē  Ḕ  ḕ  Ḗ  ḗ  Ī  ī  Ō  ō  Ṑ  ṑ  Ṓ  ṓ  Ǭ  ǭ  Ū  ū  Ǖ  ǖ  Ȳ  ȳ',
  'Dots': 'below: Ạ ạ Ḅ ḅ Ḍ ḍ Ẹ ẹ Ḥ ḥ Ị ị Ḳ ḳ Ḷ ḷ Ṃ ṃ Ṇ ṇ Ọ ọ Ṛ ṛ Ṣ ṣ Ṭ ṭ Ụ ụ Ṿ ṿ Ẉ ẉ Ỵ ỵ Ẓ ẓ  above: Ȧ ȧ Ḃ ḃ Ċ ċ Ḋ ḋ Ė ė Ḟ ḟ Ġ ġ Ḣ ḣ İ Ṁ ṁ Ṅ ṅ Ȯ ȯ Ṗ ṗ Ṙ ṙ Ṡ ṡ Ṫ ṫ Ẇ ẇ Ẋ ẋ Ẏ ẏ Ż ż',
		'Other_diacritics': 'breve: ă Ă ắ Ắ ằ Ằ ẳ Ẳ ẵ Ẵ ặ Ặ ĕ Ĕ ğ Ğ ĭ Ĭ ŏ Ŏ ŭ Ŭ  caron: ǎ Ǎ č Č Ď ě Ě ǧ Ǧ ǐ Ǐ ň Ň ǒ Ǒ ř Ř š Š ť Ť ǔ Ǔ ž Ž  ogonek: ą Ą ę Ę į Į ų Ų  rings: ʿ ʾ  other: ǡ ȱ ď Ľ ľ å Å ů Ů ł Ł ŀ Ŀ ő Ő ű Ű',
		'Super- & Sub-scripts': ' ᴬ ᵃ ᴮ ᵇ ᶜ ᴰ ᵈ ᴱ ᵉ ᶠ ᴳ ᵍ ᴴ ʰ ᴵ ⁱ ᴶ ʲ ᴷ ᵏ ᴸ ˡ ᴹ ᵐ ᴺ ⁿ ᴼ ᵒ ᴾ ᵖ ᴿ ʳ ˢ ᵀ ᵗ ᵁ ᵘ ⱽ ᵛ ᵂ ʷ ˣ ʸ ᶻ ⁰ ¹ ² ³ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ⁺ ⁻ ⁼ ⁽ ⁾ ₐ ₑ ₕ ᵢ ⱼ ₖ ₗ ₗ ₙ ₒ ₚ ᵣ ₛ ₜ ᵤ ᵥ ₓ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ ₊ ₋ ₌ ₍ ₎',
		'Latin': ' A a Á á À à  â Ä ä Ǎ ǎ Ă ă Ā ā à ã Å å Ą ą Æ æ Ǣ ǣ  B b  C c Ć ć Ċ ċ Ĉ ĉ Č č Ç ç  D d Ď ď Đ đ Ḍ ḍ Ð ð  E e É é È è Ė ė Ê ê Ë ë Ě ě Ĕ ĕ Ē ē Ẽ ẽ Ę ę Ẹ ẹ Ɛ ɛ Ə ə Ǝ ǝ  F f  G g Ġ ġ Ĝ ĝ Ğ ğ Ģ ģ  H h Ĥ ĥ Ħ ħ Ḥ ḥ  I i İ ı Í í Ì ì Î î Ï ï Ǐ ǐ Ĭ ĭ Ī ī Ĩ ĩ Į į Ị ị  J j Ĵ ĵ  K k Ķ ķ  L l Ĺ ĺ Ŀ ŀ Ľ ľ Ļ ļ Ł ł Ḷ ḷ Ḹ ḹ  M m Ṃ ṃ  N n Ń ń Ň ň Ñ ñ Ņ ņ Ṇ ṇ Ŋ ŋ  O o Ó ó Ò ò Ô ô Ö ö Ǒ ǒ Ŏ ŏ Ō ō Õ õ Ǫ ǫ Ọ ọ Ő ő Ø ø Œ œ  Ɔ ɔ  P p  Q q  R r Ŕ ŕ Ř ř Ŗ ŗ Ṛ ṛ Ṝ ṝ  S s Ś ś Ŝ ŝ Š š Ş ş Ș ș Ṣ ṣ ẞ ß {\{ls}}  T t Ť ť Ţ ţ Ț ț Ṭ ṭ Þ þ  U u Ú ú Ù ù Û û Ü ü Ǔ ǔ Ŭ ŭ Ū ū Ũ ũ Ů ů Ų ų Ụ ụ Ű ű Ǘ ǘ Ǜ ǜ Ǚ ǚ Ǖ ǖ  V v  W w Ŵ ŵ  X x  Y y Ý ý Ŷ ŷ Ÿ ÿ Ỹ ỹ Ȳ ȳ  Z z Ź ź Ż ż Ž ž  {\{Unicode|+}}',
		'Greek': ' ΆάΈέΉήΊίΌόΎύΏώ  ΑαΒβΓγΔδ  ΕεΖζΗηΘθ  ΙιΚκΛλΜμ  ΝνΞξΟοΠπ  ΡρΣσςΤτΥυ  ΦφΧχΨψΩω  ᾼᾳᾴᾺὰᾲᾶᾷἈἀᾈᾀἉἁᾉᾁἌἄᾌᾄἊἂᾊᾂἎἆᾎᾆἍἅᾍᾅἋἃᾋᾃἏἇᾏᾇ  ῈὲἘἐἙἑἜἔἚἒἝἕἛἓ  ῌῃῄῊὴῂῆῇἨἠᾘᾐἩἡᾙᾑἬἤᾜᾔἪἢᾚᾒἮἦᾞᾖἭἥᾝᾕἫἣᾛᾓἯἧᾟᾗ  ῚὶῖἸἰἹἱἼἴἺἲἾἶἽἵἻἳἿἷ  ῸὸὈὀὉὁὌὄὊὂὍὅὋὃ  ῤῬῥ  ῪὺῦὐὙὑὔὒὖὝὕὛὓὟὗ  ῼῳῴῺὼῲῶῷὨὠᾨᾠὩὡᾩᾡὬὤᾬᾤὪὢᾪᾢὮὦᾮᾦὭὥᾭᾥὫὣᾫᾣὯὧᾯᾧ',
		'Cyrillic': ' АаБбВвГг  ҐґЃѓДдЂђ  ЕеЁёЄєЖж  ЗзЅѕИиІі  ЇїЙйЈјКк  ЌќЛлЉљМм  НнЊњОоПп  РрСсТтЋћ  УуЎўФфХх  ЦцЧчЏџШш  ЩщЪъЫыЬь  ЭэЮюЯя ӘәӨөҒғҖҗ ҚқҜҝҢңҮү ҰұҲҳҸҹҺһ  ҔҕӢӣӮӯҘҙ  ҠҡҤҥҪҫӐӑ  ӒӓӔӕӖӗӰӱ  ӲӳӸӹӀ  ҞҟҦҧҨҩҬҭ  ҴҵҶҷҼҽҾҿ  ӁӂӃӄӇӈӋӌ  ӚӛӜӝӞӟӠӡ  ӤӥӦӧӪӫӴӵ  ́',
		'Hebrew': ' א ב ג ד ה ו ז ח ט י כ ך ל מ ם נ ן ס ע פ ף צ ץ ק ר ש ת ׳ ״ ײַ',
		'Arabic': 'Transliteration: ʾ ṯ ḥ ḫ ẖ ḏ š ṣ ḍ ṭ ẓ ʿ ġ ẗ ا ﺁ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه ة و ي ى ء أ إ ؤ ئ',
                'Bengali': ' ঀ অ আ ই ঈ উ ঊ ঋ ঌ এ ঐ ও ঔ া ি ী ু ূ ৃ ে ৈ ো ৌ ্য ৗ ক খ গ ঘ ঙ চ ছ জ ঝ ঞ ট ঠ ড ঢ ণ ত থ দ ধ ন প ফ ব ভ ম য র ল শ ষ স হ ড় ঢ় য় ৎ ং ঃ ঁ ্ ৷ ॥ ১ ২ ৩ ৪ ৫ ৬ ৭ ৮ ৯ ০ ঽ ় ৰ ৱ ৲ ৻ ৳ ৴ ৵ ৶ ৷ ৸ ৹ ৺ ৠ ৡ ৄ ৢ ৣ &zw'+'nj; ',
		'IPA (English)': ' ˈ ˌ ŋ ɡ tʃ dʒ ʃ ʒ θ ð ʔ  iː ɪ uː ʊ ʌ ɜr eɪ ɛ æ oʊ ɒ ɔː ɔɪ ɔr ɑː ɑr aɪ aʊ  ə ər ɨ ɵ ʉ ⟨+⟩  {\{IPAc-en|+}} {\{IPA-en|+}} {\{IPA|/+/}}',
		'IPA': ' t̪ d̪ ʈɖɟɡɢʡʔ  ɸβθðʃʒɕʑʂʐçʝɣχʁħʕʜʢɦ  ɱɳɲŋɴ  ʋɹɻɰ  ʙⱱʀɾɽ  ɫɬɮɺɭʎʟ  ʍɥɧ  ʼ ɓɗʄɠʛ  ʘǀǃǂǁ  ɨʉɯ ɪʏʊ øɘɵɤ ə ɚ ɛœɜɝɞʌɔ æ ɐɶɑɒ  ʰʱʷᶣʲˠˤˀ ᵊ k̚ ⁿˡ  ˈˌːˑ t̪ d̪ s̺ s̻ θ̼ s̬ n̥ ŋ̊ a̤ a̰  β̞ ˕ r̝ ˔ o˞ ɚ ɝ e̘ e̙ u̟ i̠ ɪ̈ e̽ ɔ̹ ɔ̜ n̩ ə̆ ə̯ ə̃ ȷ̃ ɫ z̴ ə̋ ə́ ə̄ ə̀ ə̏ ə̌ ə̂ ə᷄ ə᷅ ə᷇ ə᷆ ə᷈ ə᷉ t͡ʃ d͡ʒ t͜ɬ ‿  ˥ ˦ ˧ ˨ ˩ ꜛ ꜜ | ‖ ↗ ↘  k͈ s͎ {\{IPA|+}}',
		'User': ' '
		},

        charinsertDivider: "\240",

        storageKey: 'edittoolscharsubset',

        createEditTools: function ( placeholder ) {
            var sel, id;
            var box = document.createElement( 'div' );
            var prevSubset = 0, curSubset = 0;
            box.id = 'editpage-specialchars';
            box.title = 'Click on the character or tag to insert it into the edit window';

            // append user-defined sets
            if ( window.charinsertCustom ) {
                for ( id in charinsertCustom ) {
                    if ( !editTools.charinsert[id] ) {
                        editTools.charinsert[id] = '';
                    }
                }
            }

            // create drop-down select
            sel = document.createElement( 'select' );
            for ( id in editTools.charinsert ) {
                sel.options[sel.options.length] = new Option( id, id );
            }
            sel.selectedIndex = 0;
            sel.style.marginRight = '.3em';
            sel.title = 'Choose character subset';
            sel.onchange = sel.onkeyup = selectSubset;
            box.appendChild( sel );

            // create "recall" switch
            if ( window.editToolsRecall ) {
                var recall = document.createElement( 'span' );
                recall.appendChild( document.createTextNode( '↕' ) ); // ↔
                recall.onclick = function() {
                    sel.selectedIndex = prevSubset;
                    selectSubset();
                };
                recall.style.cssFloat = 'left';
                recall.style.marginRight = '5px';
                recall.style.cursor = 'pointer';
                box.appendChild( recall );
            }

			if ( getSelectedSection() ) {
				sel.selectedIndex = getSelectedSection();
			}

            placeholder.parentNode.replaceChild( box, placeholder );
            selectSubset();
            return;

            function selectSubset() {
                // remember previous (for "recall" button)
                prevSubset = curSubset;
                curSubset = sel.selectedIndex;
                //save into web storage for persistence
                saveSelectedSection( curSubset );
                
                //hide other subsets
                var pp = box.getElementsByTagName( 'p' ) ;
                for ( var i = 0; i < pp.length; i++ ) {
                    pp[i].style.display = 'none';
                }
                //show/create current subset
                var id = sel.options[curSubset].value;
                var p = document.getElementById( id );
                if ( !p ) {
                    p = document.createElement( 'p' );
                    p.className = 'nowraplinks';
                    p.id = id;
                    if ( id == 'Arabic' || id == 'Hebrew' ) {
                        p.style.fontSize = '120%';
                        p.dir = 'rtl';
                    }
                    var tokens = editTools.charinsert[id];
                    if ( window.charinsertCustom && charinsertCustom[id] ) {
                        if ( tokens.length > 0 ) {
                            tokens += ' ';
                        }
                        tokens += charinsertCustom[id];
                    }
                    editTools.createTokens( p, tokens );
                    box.appendChild( p );
                }
                p.style.display = 'inline';
            }
        },

        createTokens: function ( paragraph, str ) {
            var tokens = str.split( ' ' ), token, i, n;
            for ( i = 0; i < tokens.length; i++ ) {
                token = tokens[i];
                n = token.indexOf( '+' );
                if ( token.charAt( 0 ) === '␥' ) {
                    if ( token.length > 1 && mw.config.get( 'wgNamespaceNumber' ) === 0 ) {
                        continue;
                    } else {
                        token = token.substring( 1 );
                    }
                }
                if ( token === '' || token === '_' ) {
                    addText( editTools.charinsertDivider + ' ' );
                } else if ( token === '\n' ) {
                    paragraph.appendChild( document.createElement( 'br' ) );
                } else if ( token === '___' ) {
                    paragraph.appendChild( document.createElement( 'hr' ) );
                } else if ( token.charAt( token.length-1 ) === ':' ) { // : at the end means just text
                    addBold( token );
                } else if ( n === 0 ) { // +<tag>  ->   <tag>+</tag>
                    addLink( token.substring( 1 ), '</' + token.substring( 2 ), token.substring( 1 ) );
                } else if ( n > 0 ) { // <tag>+</tag>
                    addLink( token.substring( 0, n ), token.substring( n+1 ) );
                } else if ( token.length > 2 && token.charCodeAt( 0 ) > 127 ) { // a string of insertable characters
                    for ( var j = 0; j < token.length; j++ ) {
                        addLink( token.charAt( j ), '' );
                    }
                } else {
                    addLink( token, '' );
                }
            }
            return;

            function addLink( tagOpen, tagClose, name ) {
                var handler;
                var dle = tagOpen.indexOf( '\x10' );
                var a = document.createElement( 'a' );
                
                if ( dle > 0 ) {
                    var path = tagOpen.substring( dle + 1 ).split( '.' );
                    tagOpen = tagOpen.substring( 0, dle );
                    handler = window;
                    for ( var i = 0; i < path.length; i++ ) {
                        handler = handler[path[i]];
                    }
	                $( a ).on( 'click', handler );
                } else {
                    tagOpen = tagOpen.replace( /\./g,' ' );
                    tagClose = tagClose ? tagClose.replace( /_/g,' ' ) : '';
                    $( a ).on( 'click', {
                    	tagOpen: tagOpen,
                    	sampleText: '',
                    	tagClose: tagClose
                    }, insertTags );
                }

                name = name || tagOpen + tagClose;
                name = name.replace( /\\n/g,'' );
                a.appendChild( document.createTextNode( name ) );
                a.href = '';
                paragraph.appendChild( a );
                addText( ' ' );
            }

            function addBold( text ) {
                var b = document.createElement( 'b' );
                b.appendChild( document.createTextNode( text.replace( /_/g,' ' ) ) );
                paragraph.appendChild( b );
                addText( ' ' );
            }
            function addText( txt ) {
                paragraph.appendChild( document.createTextNode( txt ) );
            }
            function insertTags( e ) {
            	e.preventDefault();
            	if ( $currentFocused && $currentFocused.length ) {
					$currentFocused.textSelection(
						'encapsulateSelection', {
							pre: e.data.tagOpen,
							peri: e.data.sampleText,
							post: e.data.tagClose
						}
					);
				}
            }
        },

        setup: function () {
            var placeholder;
            if ( $( '#editpage-specialchars' ).length ) {
                placeholder = $( '#editpage-specialchars' )[0];
            } else {
                placeholder = $( '<div id="editpage-specialchars"> </div>' ).prependTo( '.mw-editTools' )[0];
            }
            if ( !placeholder ) {
                return;
            }
            if ( !window.charinsertDontMove ) {
                $( '.editOptions' ).before( placeholder );
            }
            // Find the element that is focused
            $currentFocused = $( '#wpTextbox1' );
            // Apply to dynamically created textboxes as well as normal ones
			$( document ).on( 'focus', 'textarea, input:text', function () {
				$currentFocused = $( this );
			} );

			// Used to determine where to insert tags
            editTools.createEditTools( placeholder );
            window.updateEditTools = function () {
                editTools.createEditTools( $( '#editpage-specialchars' )[0] );
            };
        }

    }; // end editTools

    editTools.setup();
} );