MediaWiki:LexemeQueriesGenerator.js

/* TODO
1) List of languages with recordings AND number of speakers
See base : https://lingualibre.org/wiki/LinguaLibre:List_of_languages
See nbSp : https://w.wiki/4ZB3

Finish hacking based on https://jsfiddle.net/hugolpz/rygo9s5b/
1) getData from elements
2) Identify suitable query
3) Edit suitable query
4) Run/Open Query

Improve Query with federate SPARQL including LinguaLibre
1) Explore

Add to LinguaLibre
1) Add to [[User:Yug/OOUI]]
2) Migrate to general space.

Translate
1) Find a what to translate ?

Extension ?
1) Explore
*/


// Toolbox
var runQuery = function(){
 return 'https://query.wikidata.org/#';
}

// Data & options
var baseLanguages = [ //Major languages: cmn, spa, eng, fra, ara, rus, hin, swa
      // data https://w.wiki/4ZB3
      { data:'Q13955', ll:'', label:'ara — Arabic' },
      { data:'Q9610', ll:'', label:'ben — Bengali' },
      { data:'Q9192', ll:'Q113', label:'cmn — MandarinChinese' } ,
      { data:'Q188', ll:'', label:'deu — German' },
      { data:'Q1860', ll:'', label:'eng — English' },
      { data:'Q150', ll:'', label:'fra — French' },
      { data:'Q1568', ll:'', label:'hin — Hindi' },
      { data:'Q5287', ll:'', label:'jpn — Japanese' },
      { data:'Q1571', ll:'Q34', label:'mar — Marathi' },
      { data:'Q58635', ll:'', label:'pan — Punjabi' },
      { data:'Q5146', ll:'', label:'por — Portuguese' },
      { data:'Q7737', ll:'', label:'rus — Russian' },
      { data:'Q1321', ll:'', label:'spa — Spanish' },
    ],
    availableLanguages = [
      { data:'Q13955', ll:'', label:'ara — Arabic' },
      { data:'Q9610', ll:'', label:'ben — Bengali' },
      { data: 'Q12107', ll:'Q209', label: 'bre: Breton' }, // lili 
      { data:'Q9192', ll:'Q113', label:'cmn — MandarinChinese' } ,
      { data:'Q188', ll:'', label:'deu — German' },
      { data:'Q1860', ll:'', label:'eng — English' },
      { data:'Q33298', ll:'', label:'fil — Filipino' },
      { data:'Q150', ll:'', label:'fra — French' },
      { data:'Q33454', ll:'', label:'ful — Fula' },
      { data:'Q56475', ll:'', label:'hau — Hausa' },
      { data:'Q1568', ll:'', label:'hin — Hindi' },
      { data:'Q9240', ll:'', label:'ind — Indonesian' },
      { data:'Q652', ll:'', label:'ita — Italian' },
      { data:'Q33549', ll:'', label:'jav — Javanese' },
      { data:'Q5287', ll:'', label:'jpn — Japanese' },
      { data:'Q9176', ll:'', label:'kor — Korean' },
      { data:'Q1571', ll:'Q34', label:'mar — Marathi' },
      { data:'Q9237', ll:'', label:'msa — Malay' },
      { data:'Q58635', ll:'', label:'pan — Punjabi' },
      { data:'Q5146', ll:'', label:'por — Portuguese' },
      { data:'Q7737', ll:'', label:'rus — Russian' },
      { data:'Q1321', ll:'', label:'spa — Spanish' },
      { data:'Q5885', ll:'', label:'tam — Tamil' },
      { data:'Q8097', ll:'', label:'tel — Telugu' },
      { data:'Q256', ll:'', label:'tur — Turkish' },
      { data:'Q1617', ll:'', label:'urd — Urdu' },
      { data:'Q9199', ll:'', label:'vie — Vietnamese' },
    ],
    languagesArray = [ ...availableLanguages ],
    posArray = [
      { data: 'Q1084', label: 'noun' },
      { data: 'Q36224', label: 'pronoun' },
      { data: 'Q24905', label: 'verb' },
      { data: 'Q380057', label: 'adverb' },
      { data: 'Q34698', label: 'adjective' },
      { data: 'Q21087400', label: 'quantitative'},
      { data: 'Q83034', label: 'interjection' },
      { data: 'Q4833830', label: 'preposition' },
      { data: 'Q103184', label: 'article' },
      { data: 'Q36484', label: 'conjunction' },
    ].map(o => new OO.ui.MenuOptionWidget({ data: o.data, label: o.label })),
    infoTypesArray = [
      { data: '1', label: 'Just look !' },
      { data: '2', label: 'Sense' },
      { data: '3', label: 'Sense, definition' },
      { data: '4', label: 'Sense, definition and examples'},
    ].map(o => new OO.ui.MenuOptionWidget({ data: o.data, label: o.label })),
    languagesArrayT = [ ...baseLanguages, ]
.map(o => new OO.ui.MenuOptionWidget({ data: o.data, label: o.label })),
    endpointsArray = [
      { data: 'wikidata', label: 'Wikidata', selected: true },
      { data: 'Dbnary', label: 'Dbnary' },
      //{ data: 'LinguaLibre', label: 'LinguaLibre' },
    ].map(o => new OO.ui.RadioOptionWidget({ data: o.data, label: o.label }));

// Elements
var lemma = new OO.ui.TextInputWidget({
    id: 'lqg-lemma',
    icon: 'search',
    placeholder: 'book',
    value: 'book',
		label: 'Word to search',
  }),
  languagesC = new OO.ui.ComboBoxInputWidget({ // ComboBox
    id: 'lqg-languagesC',
		placeholder : 'Target language',
    options: languagesArray,
    menu: {	filterFromInput: true, filterMode : 'substring'	}
  	// value: 'Q34',
	}),
  pos = new OO.ui.DropdownWidget( {
    id: 'lqg-pos',
		label: 'Part-of-speech',
		menu: { items: posArray }
	}),
  infoTypes = new OO.ui.DropdownWidget({
    id: 'lqg-infoTypes',
		label: 'Information to fetch ... (if any)',
		menu: { items: infoTypesArray }
	}),
  translations = new OO.ui.DropdownWidget({
    id: 'lqg-translations',
		label: 'Translations to fetch ... (if any)',
		menu: { items: languagesArrayT }
	}),
  enpoints =  new OO.ui.RadioSelectWidget({ 
    id: 'lqg-endpoints',
  	label: 'Radios buttons',
		items: endpointsArray 
	} ),
  generate = new OO.ui.ButtonWidget({ id: 'lqg-generate', label: 'Generate' } ),
  run = new OO.ui.ButtonWidget({ 
    id: 'lqg-pos',
    label:'Run !', 
    href:runQuery(), 
    target:'new' 
  }),
  limit = new OO.ui.CheckboxInputWidget({ id: 'lqg-limit', selected: true, }),
  limitLabel = new OO.ui.LabelWidget( { label: 'Limit to 100 (faster)' }),
  queryDisplay = new OO.ui.MultilineTextInputWidget( { 
    id: 'lqg-pos',
		value: `Query will appear here.\n\n\n\n\n\n`,
		multiline: true,
		autosize: true,
    minRows: 10,
		maxRows: 20
	} );
  
// An example of a fieldset with horizontal layout.
var fieldset = new OO.ui.FieldsetLayout( {
		label: 'Queries Generator for Wikidata Lexemes'
	} );
fieldset.addItems( [ 
  new OO.ui.FieldLayout(
    new OO.ui.Widget( {
      content: [ 
        new OO.ui.HorizontalLayout( { items: [
          lemma,
          pos,
          languagesC,
          infoTypes,
          translations,
        ]}),
        new OO.ui.HorizontalLayout( { items: [
          generate,
        	run,
          limit,
          limitLabel,
          enpoints,
        ]}),
        queryDisplay
      ]
    }),{
			label: 'Select the suitable values to build your Wikidata Lexemes Query.',
			align: 'top'
		})
	]
);
$( "#lqg" ).append( fieldset.$element );

// Check data
var checkAvailableData = function(identity,element){
	// console.log('2',languages)
	console.log(identity+'a getElementId(): ',element.getElementId())
	console.log(identity+'b getData(): ',element.getData())
  console.log(identity+'c getValue(): ',element.getValue())
}

$('#lqg-lemma').on('focusout',function() {checkAvailableData(1,lemma);})
$('#lqg-languages').on('focusout',function() { checkAvailableData(2,languagesA);});