ব্যবহারকারী:Mahir256/annotator.js

mw.loader.using( 'oojs-ui' ).done( function () {
$( function () {
    importStylesheet('ব্যবহারকারী:Mahir256/annotator.css');
    function getCurrentlySelectedText() {
        var text = "";
        if (window.getSelection) {
            text = window.getSelection().toString();
        } else if (document.selection && document.selection.type != "Control") {
            text = document.selection.createRange().text;
        }
        return text;
    }

    function getSelectionRange() {
        var range, sel, container, outputElem;
        if (document.selection) {
            range = document.selection.createRange();
            range.collapse(isStart);
        } else {
            sel = window.getSelection();
            if (sel.getRangeAt) {
                if (sel.rangeCount > 0) {
                    range = sel.getRangeAt(0);
                }
            } else {
                // Old WebKit
                range = document.createRange();
                range.setStart(sel.anchorNode, sel.anchorOffset);
                range.setEnd(sel.focusNode, sel.focusOffset);

                // Handle the case when the selection was selected backwards (from the end to the start in the document)
                if (range.collapsed !== sel.isCollapsed) {
                    range.setStart(sel.focusNode, sel.focusOffset);
                    range.setEnd(sel.anchorNode, sel.anchorOffset);
                }
           }
        }
        return range;
    }

    function getPreviousPageSpanFromRange(range){
        return getPreviousPageSpan(range.startContainer);
    }

    function getPreviousPageSpan(startContainer){
        var stuff = $(startContainer), parent = stuff.parent(), foundpage = 0, currentlySelectedText = getCurrentlySelectedText();
        // for each sibling prior to this one
        while(parent[0] != $(document)[0]) {
            stuff.prevAll().each(function() {
                var current_elems = $(".ws-pagenum", this);
                var current_length = current_elems.length;
                if (current_length > 0) {
                    foundpage = current_elems[current_length - 1];
                    return false;
                }
            });
            if(foundpage != 0){
                break;
            }
            stuff = parent; parent = stuff.parent();
        }
        return foundpage;
    }

    function getPageNameFromWsPagenum(item) {
        if(!item)
            return '';
        return $(item).attr('title');
    }

    function MyProcessDialog( config ) {
        MyProcessDialog.super.call( this, config );
    }
    OO.inheritClass( MyProcessDialog, OO.ui.ProcessDialog );

    MyProcessDialog.static.name = 'myProcessDialog';
    MyProcessDialog.static.title = 'টীকাকারী';
    MyProcessDialog.static.actions = [
        { label: 'টীকা দিন', action: 'save', flags: 'primary' },
        { label: 'গণহারে টীকা দিন', action: 'masssave' },
        { label: 'বাতিল করুন', flags: 'safe' }
    ];

    var myWikidataApi = new mw.Api({'ajax':{'url': 'https://www.wikidata.org/w/api.php', 'timeout': 30000, 'dataType': 'json'}});
    var myWikisourceApi = new mw.Api();

    MyProcessDialog.prototype.initialize = function () {
        MyProcessDialog.super.prototype.initialize.apply( this, arguments );
        var currentDialog = this;
        this.content = new OO.ui.PanelLayout( { padded: true, expanded: false } );
        this.currentlySelectedText = getCurrentlySelectedText();
        this.textInput = new OO.ui.SearchWidget( {
            value: this.currentlySelectedText
        } );
        this.textInput.results.selectedQid = '';
        $(this.textInput.$element).css('height', '240px');
        $(this.textInput.$element).addClass('annotator-results');
        this.target_range = getSelectionRange();
        if(mw.config.get('wgNamespaceNumber') == 104) {
            this.targetPage = mw.config.get('wgPageName');
        }
        else{
            this.targetPage = decodeURI(
                getPageNameFromWsPagenum(
                    getPreviousPageSpanFromRange(
                        this.target_range
                    )
                )
            );
        }
        console.log('target page', this.targetPage);
        this.content.$element.append(
            new OO.ui.LabelWidget( {
                label: 'একটি উইকিউপাত্ত আইটেম খুঁজে বের করুন:'
            } ),
            this.textInput.$element
        );
        this.$body.append( this.content.$element );
        this.textInput.onQueryChange = function (value) {
            var currentTextInput = this;
            this.results.clearItems();
            var items = [];
            myWikidataApi.get({
                'action': 'wbsearchentities',
                'search': value,
                'errorformat': 'plaintext',
                'language': 'bn',
                'type': 'item',
                'origin': '*',
                'limit': '5',
                'uselang': 'bn'
            }).done( function ( data3 ) {
                for ( i = 0; i < 5; ++i ) {
                    (function(i){
                    if(i < data3['search'].length) {
                        (function(data3_search_i){
                            var newOptionWidget = new OO.ui.OptionWidget( {
                                data: data3_search_i['id'],
                                label: $( '<span><b>' + data3_search_i['display']['label']['value'] + '</b><br/>' + 
                                ('description' in data3_search_i['display'] ? data3_search_i['display']['description']['value'] : '<i>(বিবরণ নেই)</i>')
                                + '</span>' )
                            } );
                        myWikidataApi.get({
                            'action': 'wbgetclaims',
                            'entity': data3_search_i['id'],
                            'property': 'P18',
                            'origin': '*'
                        }).done(function(data2){
                            if(!$.isEmptyObject(data2['claims'])){
                                image_element = $('<img src="' +
                                'https://commons.wikimedia.org/wiki/Special:FilePath/' + data2['claims']['P18'][0]['mainsnak']['datavalue']['value']
                                + '" style="height: 2.8em;display: block;float: right;"/>');
                                $(newOptionWidget.$label).css('display', 'inline-block');                            
                                newOptionWidget.$element.append(image_element);
                                currentTextInput.results.addItems( [ newOptionWidget ] );
                            }
                            else{
                                image_element = $('<img src="' +
                                "https://commons.wikimedia.org/wiki/Special:FilePath/White_box_28x52.png"
                                + '" style="height: 2.8em;display: block;float: right;"/>');
                                $(newOptionWidget.$label).css('display', 'inline-block');                            
                                newOptionWidget.$element.append(image_element);
                                currentTextInput.results.addItems( [ newOptionWidget ] );
                            }
                        });
                        })(data3['search'][i]);
                    }})(i);
                }
            });
        };
        this.textInput.results.on('choose', function(item, selected){
            if(item !== null){
                console.log(item.getData());
                currentDialog.textInput.results.selectedQid = item.getData();
            }
        });
        this.textInput.onQueryChange(this.currentlySelectedText);
    };

    function replaceRevisionText(target_range, revisionText, selectedQid, currentlySelectedText){
       var startContainerDataReplaced = target_range.startContainer.data.replace(/\s+$/, '');
       console.log('Original:', target_range.startContainer.data);
       console.log('Replaced:', startContainerDataReplaced);
       return revisionText.replace(
                    startContainerDataReplaced,
                    startContainerDataReplaced.slice(0, target_range.startOffset)
                    + '{{wdl|' + selectedQid + '|' + currentlySelectedText + '}}' +
                    startContainerDataReplaced.slice(target_range.endOffset)
       )
    }

    function replaceInRevisionText(revisionText, selectedQid, currentlySelectedText){
       var test_regex = new RegExp("(?:(?<!\\|Q\\d+\\|[^}]*)(" + currentlySelectedText + "[^ ,।;?!–—<}-]*)[^}]*}}"
           + ")\|(?:"
           + "\\|Q\\d+\\|[^}]*(" + currentlySelectedText + "[^ ,।;?!–—<}-]*)(?![^}]*}})"
           + ")\|(?:"
           + "(?<!\\|Q\\d+\\|[^}]*)(" + currentlySelectedText + "[^ ,।;?!–—<}-]*)(?![^}]*}}))"
       , "g");
       console.log('Original:', revisionText);

       function replacer(match, p1, p2, p3, offset, string, groups) {
           var cST = p1 || p2 || p3;
           return match.replace(cST, '{{wdl|' + selectedQid + '|' + cST + '}}');
       }

       var replacedRevisionText = revisionText.replaceAll(test_regex, replacer);
       console.log("Replaced:", replacedRevisionText);
       return replacedRevisionText;
    }

    function replaceAllOccurrences(currentlySelectedText, selectedQid, dialog){
        var pagesToEdit = {};
        $('.prp-pages-output').each(function(index){
            $((index == 0) ? '.wikisource-header-template ~ *' : '*', this).contents().filter(function() { 
              return ((this.nodeType == 3) && ($(this).text().search(currentlySelectedText) != -1));
            }).each(function(){
                var currentPage = decodeURI(getPageNameFromWsPagenum(getPreviousPageSpan(this)));
                if(currentPage in pagesToEdit){
                    pagesToEdit[currentPage].push($(this).text());
                }
                else{
                    pagesToEdit[currentPage] = [$(this).text()];
                }
            });
        });
        console.log(pagesToEdit);

        function makeEditFunc(pageToEdit, editsToMake, currentlySelectedText, selectedQid) {
            return function () {
                return $.Deferred(function (deferred) {
            myWikisourceApi.get({
                'action': 'query',
                'prop': 'revisions',
                'titles': pageToEdit,
                'rvslots': 'main',
                'rvprop': 'content',
            }).done(function(data){
                // save same page
                var revisionText = Object.values(data.query.pages)[0].revisions[0].slots.main['*'],
                    headerText = revisionText.slice(0, revisionText.indexOf('</noinclude>')+'</noinclude>'.length),
                    replacedText = revisionText.slice(revisionText.indexOf('</noinclude>')+'</noinclude>'.length, revisionText.lastIndexOf('<noinclude>')),
                    footerText = revisionText.slice(revisionText.lastIndexOf('<noinclude>'));
                replacedText = replaceInRevisionText(replacedText, selectedQid, currentlySelectedText);
                    var promise = myWikisourceApi.postWithToken('csrf', {
                        'action': 'edit',
                        'title': pageToEdit,
                        // perform find/replace
                        'text': headerText + replacedText + footerText,
                        'summary': 'গণহারে টীকা দেওয়া হয়েছে'
                    });
                    promise.done(function () {
                        console.log(pageToEdit, 'সব করা হয়েছে!')
                    });
                    promise.fail(function (code, obj) {
                        console.log(pageToEdit, 'কি যেন সমস্যা তৈরি হল!')
                    });
                    promise.always(function () {
                        deferred.resolve();
                    });
                });
                });
            };
        }

        // Make a chain of deferred objects. We chain them rather than execute them in
        // parallel so that we don't make 1000 simultaneous delete requests and bring the
        // site down. We use deferred objects rather than the promise objects returned
        // from the API request so that the chain continues even if some articles gave
        // errors.
        var deferred;
        for (let key in pagesToEdit) {
            if(typeof(deferred) == 'undefined'){
                deferred = makeEditFunc(key, pagesToEdit[key], currentlySelectedText, selectedQid)();
            }
            else {
                deferred = deferred.then(makeEditFunc(key, pagesToEdit[key], currentlySelectedText, selectedQid));
            }
        }

        $.when(deferred).then(function () {
            var status = new OO.ui.MessageWidget( {
                type: 'success',
                label: 'টীকা ঠিক মতো দেওয়া হয়েছে!'
            });
            dialog.$body.prepend(status.$element);
            dialog.executeAction('');
        });
    }

    MyProcessDialog.prototype.getActionProcess = function ( action ) {
        var dialog = this;
        if ( action == 'masssave') {
            console.log(action);
            replaceAllOccurrences(dialog.currentlySelectedText, dialog.textInput.results.selectedQid, dialog);
        }
        else if ( action == 'save' ) {
            var selectedQid = dialog.textInput.results.selectedQid;
            if(selectedQid != '') {
            console.log('The selected Qid is', selectedQid);
            // get source of target page
            myWikisourceApi.get({
                'action': 'query',
                'prop': 'revisions',
                'titles': dialog.targetPage,
                'rvslots': 'main',
                'rvprop': 'content',
            }).done(function(data){
                // save same page
                var revisionText = Object.values(data.query.pages)[0].revisions[0].slots.main['*'];
                var replacedText = replaceRevisionText(dialog.target_range, revisionText, selectedQid, dialog.currentlySelectedText);
       console.log(dialog.target_range);
       console.log(revisionText);
       console.log(replacedText);
                var promise = myWikisourceApi.postWithToken('csrf', {
                    'action': 'edit',
                    'title': dialog.targetPage,
                    // perform find/replace
                    'text': replacedText,
                    'summary': 'টীকা দেওয়া হয়েছে'
                }).done(function () {
                    var status = new OO.ui.MessageWidget( {
                        type: 'success',
                        label: 'টীকা ঠিক মতো দেওয়া হয়েছে!'
                    });
                    dialog.$body.prepend(status.$element);
                    dialog.executeAction('');
                }).fail(function (code, obj) {
                    var status = new OO.ui.MessageWidget( {
                        type: 'error',
                        label: 'কী ত্রুটি যেন হলো:' + obj.error.info
                    });
                    dialog.$body.prepend(status.$element);
                });
            });
            }
        }
        return MyProcessDialog.super.prototype.getActionProcess.call( this, action );
    };
    MyProcessDialog.prototype.getBodyHeight = function () {
        return 300;
    };

    var node2 = new OO.ui.ButtonWidget( {
            icon: 'edit',
            label: 'Edit',
            invisibleLabel: true,
        classes: ['annotator-cornerlink']
    } );
    node2.on( 'click', function ( e ) {
        var windowManager = new OO.ui.WindowManager();
        $( document.body ).append( windowManager.$element );

        var dialog = new MyProcessDialog();
        windowManager.addWindows( [ dialog ] );
        windowManager.openWindow( dialog );
    } );

    $( 'body' ).append( node2.$element );
} );
} );