MediaWiki

Difference between revisions of "Sparql2data.js"

m
m
 
(16 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
// Description: given a sparql query,a wikipage, a sparql enpoints, a format, will formatt the data on that wikipage.
 
// Description: given a sparql query,a wikipage, a sparql enpoints, a format, will formatt the data on that wikipage.
 
// Usage: [[Template:Sparql2data]]
 
// Usage: [[Template:Sparql2data]]
// Usage: open [[Help:SPARQL 2#Tools]] > fill the form > click "Generate" or "Run !"
+
// Usage: open [[Template:Sparql2data]] > fill the form > click "Fectch data", review if it looks normal, then click "Update data !"
 
// Hack pad: https://jsfiddle.net/hugolpz/x4qmcudj/
 
// Hack pad: https://jsfiddle.net/hugolpz/x4qmcudj/
 
// Documentations:  https://www.mediawiki.org/wiki/API:Edit#MediaWiki_JS
 
// Documentations:  https://www.mediawiki.org/wiki/API:Edit#MediaWiki_JS
 
// Author: Yug
 
// Author: Yug
 
var endpoint = 'https://lingualibre.org/sparql';
 
var sparql = 'SELECT ?item WHERE { ?item prop:P2 entity:Q5 } LIMIT 10';
 
var format = 'json';
 
var wikipage = 'MediaWiki:Mydata.js';
 
 
 
var data2wikipage = function(data,wikipage) {
 
    var params = {
 
            action: 'edit',
 
            title: wikipage,
 
            text: "Yug test!",
 
            format: 'json'
 
        },
 
    api = new mw.Api();
 
 
    api.formattWithToken( 'csrf', params ).done( function ( data ) {
 
        console.log( data );
 
    } );
 
}
 
 
var sparql2data = async function(sparql, wikipage, format, endpoint) {
 
wikipage = wikipage || 'Sandbox';
 
format = format || 'json';
 
    endpoint = endpoint || 'https://lingualibre.org/sparql';
 
    var res = await $.getJSON(endpoint,
 
        { query: sparql, format: format },
 
        function(data, wikipage){
 
        console.log('JQuery: ',data)
 
        data2wikipage(data,wikipage);
 
        }
 
    );
 
}
 
 
 
 
 
 
// Toolbox
 
 
/* ********************************************************************** */
 
/* QUERIES BASIS ******************************************************** */
 
// Current: Wikidata, Dbnary.
 
 
   
 
   
 
/* ********************************************************************** */
 
/* ********************************************************************** */
Line 55: Line 12:
 
// Data & options
 
// Data & options
 
var formatArray = [
 
var formatArray = [
      { data: 'json', label: 'json' },
+
    { data: 'json', label: 'json' },
      { data: 'xml', label: 'xml' },
+
    { data: 'xml', label: 'xml' },/*
      { data: 'csv', label: 'csv' },
+
    { data: 'csv', label: 'csv' },
     ].map(o => new OO.ui.MenuOptionWidget({ data: o.data, label: o.label })),
+
     { data: 'tsv', label: 'tsv' }, */
    endpointsArray = [
+
  ].map(o => new OO.ui.MenuOptionWidget({ data: o.data, label: o.label })),
      { data: 'wikidata', label: 'Wikidata', selected: true },
+
  endpointsArray = [
      { data: 'LinguaLibre', label: 'LinguaLibre' },
+
    { data: 'https://lingualibre.org/sparql', label: 'LinguaLibre'},
    ];
+
    { data: 'https://query.wikidata.org/sparql', label: 'Wikidata'},
 +
  ];
  
 
// Elements
 
// Elements
 
var wikipage = new OO.ui.TextInputWidget({
 
var wikipage = new OO.ui.TextInputWidget({
    id: 's2d-wikipage',
+
  id: 's2d-wikipage',
    icon: 'book',
+
  icon: 'specialPages',
    placeholder: 'Sandbox',
+
  placeholder: 'MediaWiki:*.js',
    value: 'Sandbox',
+
  value: 'MediaWiki:SandboxData.js',
label: 'Data hosting page',
+
      label: 'Data hosting page',
 +
}),
 +
format = new OO.ui.DropdownWidget( {
 +
  id: 's2d-format',
 +
  icon: 'code',
 +
      label: 'Data format',
 +
      menu: { items: formatArray }
 
   }),
 
   }),
  format = new OO.ui.DropdownWidget( {
+
endpoints = new OO.ui.RadioSelectInputWidget( {  
    id: 's2d-format',
+
  id: 's2d-endpoints',
label: 'Data format',
+
    label: 'Radios buttons',
menu: { items: formatArray }
+
  options: endpointsArray,
}),
 
  endpoints = new OO.ui.RadioSelectInputWidget( {  
 
    id: 's2d-endpoints',
 
  label: 'Radios buttons',
 
    options: endpointsArray,
 
 
} ),
 
} ),
  limit = new OO.ui.CheckboxInputWidget({ id: 's2d-limit', selected: true, }),
+
limit = new OO.ui.CheckboxInputWidget({ id: 's2d-limit', selected: true, }),
  limitLabel = new OO.ui.LabelWidget( { label: 'Limit to 100 (faster)' }),
+
limitLabel = new OO.ui.LabelWidget( { label: 'Limit to 100 (faster)' }),
  queryDisplay = new OO.ui.MultilineTextInputWidget( {  
+
queryDisplay = new OO.ui.MultilineTextInputWidget( {  
    id: 's2d-queryDisplay',
+
  id: 's2d-queryDisplay',
//value: `# Query will appear here.\n\n\n\n\n\n`,
+
      //value: `# Query will appear here.\n\n\n\n\n\n`,
    placeholder: `# SPARQL query here.\n\n\n\n\n\n`,
+
  placeholder: `# SPARQL query here.\n\n\n\n\n\n`,
multiline: true,
+
  value: `SELECT ?item ?itemLabel WHERE {
autosize: true,
+
SERVICE wikibase:label {
    minRows: 10,
+
  bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en" .
maxRows: 20
+
}
} ),
+
?item prop:P2 entity:Q5
   dataDisplay = new OO.ui.MultilineTextInputWidget( {  
+
} `,
    id: 's2d-dataDisplay',
+
      multiline: true,
    placeholder: `# Data will appear here.\n\n\n\n\n\n`,
+
      autosize: true,
multiline: true,
+
  minRows: 10,
autosize: true,
+
      maxRows: 20
    minRows: 10,
+
  } ),
maxRows: 20
+
fetchData = new OO.ui.ButtonWidget({
} ),
+
    id: 's2d-fetchData',  
  generate = new OO.ui.ButtonWidget({  
+
   label: 'Fetch data',
  id: 's2d-generate',  
+
}),
    label: 'Fetch data',
+
dataDisplay = new OO.ui.MultilineTextInputWidget( {  
  }),
+
  id: 's2d-dataDisplay',
  run = new OO.ui.ButtonWidget({  
+
  placeholder: `# Data will appear here after a while.\n\n\n\n\n\n`,
    id: 's2d-run',
+
      multiline: true,
    label:'Update data !',
+
      autosize: true,
  });
+
  minRows: 10,
 
+
      maxRows: 20
 +
  } ),
 +
postData = new OO.ui.ButtonWidget({  
 +
  id: 's2d-postData',
 +
  label:'Save data !',
 +
}),
 +
clean = new OO.ui.CheckboxInputWidget({ id: 's2d-clean', selected: false, }),
 +
cleanLabel = new OO.ui.LabelWidget( { label: 'Clean it' }),
 +
prettify = new OO.ui.CheckboxInputWidget({ id: 's2d-prettify', selected: true, }),
 +
prettifyLabel = new OO.ui.LabelWidget( { label: 'Prettify it' });
 +
 
 
// An example of a fieldset with horizontal layout.
 
// An example of a fieldset with horizontal layout.
 
var fieldset = new OO.ui.FieldsetLayout( {
 
var fieldset = new OO.ui.FieldsetLayout( {
label: 'Sparql to stored data tool'
+
      label: "Save SPARQL results"
} );
+
  } );
 
fieldset.addItems( [  
 
fieldset.addItems( [  
  new OO.ui.FieldLayout(
+
new OO.ui.FieldLayout(
    new OO.ui.Widget( {
+
  new OO.ui.Widget( {
      content: [  
+
    content: [  
        new OO.ui.HorizontalLayout( { items: [
+
      new OO.ui.HorizontalLayout( { items: [
          wikipage, // keep -> wikipage
+
        wikipage,
          format, // keep -> format
+
        format,
       //    languages,
+
       ]}),
       //    infoTypes,
+
       new OO.ui.HorizontalLayout( { items: [
       //    translations,
+
          queryDisplay,
        ]}),
+
       ]}),
        new OO.ui.HorizontalLayout( { items: [
+
      new OO.ui.HorizontalLayout( { items: [
          generate, // REPLACE BY FETCH SPARQL ?
+
        fetchData,
        run,  // keep
+
        limit,
          limit, // keep
+
        limitLabel,
          limitLabel, // keep
+
        endpoints,
          endpoints, // keep
+
      ]}),
        ]}),
+
      new OO.ui.HorizontalLayout( { items: [  
        new OO.ui.HorizontalLayout( { items:  
+
         dataDisplay,
        [ queryDisplay ]  // keep -> sparql_query
+
      ]}),
         }),
+
      new OO.ui.HorizontalLayout( { items: [
        new OO.ui.HorizontalLayout( { items:  
+
        postData,
        [ dataDisplay ]  // keep -> data
+
        clean,
         }),
+
        cleanLabel,
      ]
+
        prettify,
    }),{
+
         prettifyLabel,
label: 'Based on heavy SPAQRL query, update the raw data of the target wikipage',
+
      ]}),
align: 'top'
+
    ]
})
+
  }),{
]
+
          label: 'Given one heavy SPARQL query, save its responded raw data into a target wikipage.',
 +
          align: 'top'
 +
      })
 +
  ]
 
);
 
);
$( "#s2d" ).append( fieldset.$element );
+
$( "#s2d" ).html( fieldset.$element );
  
 
// Check data
 
// Check data
 
var checkAvailableData = function(identity,element){
 
var checkAvailableData = function(identity,element){
// console.log('2',languages)
+
  // console.log('2',languages)
console.log(identity+'a getElementId(): ',element.getElementId())
+
  console.log(identity+'a getElementId(): ',element.getElementId())
console.log(identity+'b getData(): ',element.getData())
+
  console.log(identity+'b getData(): ',element.getData())
 
   console.log(identity+'c getValue(): ',element.getValue())
 
   console.log(identity+'c getValue(): ',element.getValue())
 
}
 
}
  
 
$('#s2d-wikipage').on('focusout',function() {checkAvailableData(1,wikipage);})
 
$('#s2d-wikipage').on('focusout',function() {checkAvailableData(1,wikipage);})
$('#s2d-languages').on('focusout',function() { checkAvailableData(2,languages);});
 
checkAvailableData(2,languages);
 
  
 +
 +
/* ********************************************************************** */
 +
/* SPARQL QUERIES & WIKI EDIT ******************************************* */
 +
//
 +
//var endpoint = 'https://lingualibre.org/sparql';
 +
//var sparql = 'SELECT ?item WHERE { ?item prop:P2 entity:Q5 } LIMIT 10';
 +
//var format = 'json';
 +
//var wikipage = 'MediaWiki:Mydata.js';
 +
 +
var cleanResponseDataBindings = function(dataBindings){
 +
  var res = dataBindings.map(item => {
 +
    var keys = Object.keys(item);
 +
    var obj = {};
 +
    for(var i=0;i<keys.length;i++){
 +
        var key = keys[i],
 +
            val = item[key].value;
 +
        obj[key]=val;
 +
    } return obj
 +
  });
 +
  return res;
 +
}
 +
 +
var sparql2data = function(sparql,endpoint,responseFormat) {
 +
  console.log(sparql,endpoint,responseFormat)
 +
  responseFormat = responseFormat || 'json';
 +
  endpoint = endpoint || 'https://lingualibre.org/sparql';
 +
  console.log({
 +
      "SPARQL endpoint: ":endpoint,
 +
      "Response format requested: ": responseFormat,
 +
      "SPARQL query: ":`${sparql}`})
 +
  $.getJSON(
 +
      endpoint,
 +
      { query: sparql, format: responseFormat },
 +
      function(data){
 +
            console.log("SPARQL query's response: ",data);
 +
          // Inject query
 +
          dataDisplay.setValue(JSON.stringify(data.results.bindings));
 +
      }
 +
  );
 +
}
 +
 +
var data2wikipage = function(data, wikipage, sparql) {
 +
    sparql = sparql || '';
 +
    // String to object + optional clean
 +
    var response = clean.isSelected()?
 +
        cleanResponseDataBindings(JSON.parse(data))
 +
        :JSON.parse(data);
 +
    // object to string + optional prettify
 +
    response = prettify.isSelected() ?
 +
        JSON.stringify(response, null, 2)
 +
        : JSON.stringify(response);
 +
 +
    var content = `
 +
/* **************
 +
${sparql}
 +
************** */
 +
${response}`
 +
  var params = {
 +
          action: 'edit',
 +
          title: wikipage.replace(/^.+\:/,'MediaWiki:'), // Namespace to MediaWiki:
 +
          text: content,
 +
          format: 'json'
 +
      },
 +
  api = new mw.Api();
 +
  api.postWithToken( 'csrf', params )
 +
      .done( function ( data ) { console.log('d2w: ', data ); } );
 +
}
  
  
 
/* ********************************************************************** */
 
/* ********************************************************************** */
/* GENERATE QUERY STRING ************************************************ */
+
/* FETCHDATA QUERY STRING ************************************************ */
// Current: Wikidata, Dbnary.
+
// getData from elements
var generateQuery = function () {
+
var fetchQuery = function () {
  // getData from elements
+
// getData from elements
  var selectedDropdown = function (group){
+
var selectedDropdown = function (group){
    var items = group.getMenu().items.filter(item=> item.selected==true )
+
  var items = group.getMenu().items.filter(item=> item.selected===true );
    return items[0]?items[0].data:null;
+
  return items[0]?items[0].data:null;
  }
+
}
  var selectedRadio = function (group){
+
var selectedRadio = function (group){
    var items = group.getMenu().items.filter(item=> item.selected==true )
+
  var items = group.getMenu().items.filter(item=> item.selected===true );
    return items[0]?items[0].data:null;
+
  return items[0]?items[0].data:null;
  }
+
}
  var qid2value = function (arr,qid,field){
+
var form = {
    field = field || 'label'
+
     wikipage: wikipage.getValue(), //string
    var match = arr.filter(item=> item.data==qid);
+
     format: selectedDropdown(format), //string of value
    return match[0]?match[0][field]:null;
+
     //formatLabel: qid2value(formatArray,selectedDropdown(format)), //noun
  }
+
     limit: limit.isSelected(), //boolean
  var form = {
+
     endpoint: endpoints.getValue(), // url
     wikipage: wikipage.getValue(),//string
+
     sparql: queryDisplay.getValue(), //string
     format: selectedDropdown(format),//Qid
+
};
     formatLabel: qid2value(formatArray,selectedDropdown(format)),//noun
+
    dataDisplay.setValue('');
     limit: limit.isSelected(),//boolean
+
  sparql2data(form.sparql,form.endpoint,form.format);  
     endpoints: endpoints.getValue(),//wikidata|dbnary
+
}
     queryDisplay: queryDisplay.getValue(),//string
 
  };
 
  console.log(form)
 
  //  console.log(form);
 
  var query = form.queryDisplay;
 
// Identify suitable query
 
  query = '';
 
 
 
  // Edit suitable query 
 
  query = query.concat(form.limit?`\nLIMIT 100`:'');
 
  
  // Inject query
+
var setLimit = function () {
  queryDisplay.setValue(query);
+
  var query = queryDisplay.getValue()
}
+
      .replace(`\nLIMIT 100`,'')
 +
      .concat(limit.isSelected()?`\nLIMIT 100`:'');
 +
  queryDisplay.setValue(query);
 +
}
  
 
/* ********************************************************************** */
 
/* ********************************************************************** */
 
/* OPENS EXTERNAL QUERY SERVICE ***************************************** */
 
/* OPENS EXTERNAL QUERY SERVICE ***************************************** */
 
// Current: Wikidata, Dbnary. Broken: lingualibre.
 
// Current: Wikidata, Dbnary. Broken: lingualibre.
var runQuery = function () {
+
var postQuery = function () {
var endpointLabel = endpoints.getValue(),
+
  var data = dataDisplay.getValue();
    queryText = queryDisplay.getValue(),
+
  var targetPage = wikipage.getValue();
    queryEncoded = encodeURIComponent(queryText),
+
  var sparql = queryDisplay.getValue();
    baseEndpointUrl =
+
  //var queryEncoded = encodeURIComponent(queryText);
    endpointLabel == 'wikidata'? 'https://query.wikidata.org/#'
+
if (dataDisplay) {
      :'http://kaiko.getalp.org/sparql?default-graph-uri=&query=';
+
        data2wikipage(data, targetPage, sparql);
  if (queryText) {
+
    // window.open(baseEndpointUrl.concat(queryEncoded), '_blank');
      window.open(baseEndpointUrl.concat(queryEncoded), '_blank');
 
  }
 
 
  }
 
  }
$('#s2d-run').on('click',function(){ runQuery(); });
+
}
$('#s2d-generate').on('click',function(){ generateQuery(); });
+
$('#s2d-limit').on('click',function(){ setLimit(); });
 +
$('#s2d-fetchData').on('click',function(){ fetchQuery(); });
 +
$('#s2d-postData').on('click',function(){ postQuery(); });

Latest revision as of 16:17, 20 January 2022

/* ************************************************************************** */
/* Sparql2data script ******************************************* */
// Description: given a sparql query,a wikipage, a sparql enpoints, a format, will formatt the data on that wikipage.
// Usage: [[Template:Sparql2data]]
// Usage: open [[Template:Sparql2data]] > fill the form > click "Fectch data", review if it looks normal, then click "Update data !"
// Hack pad: https://jsfiddle.net/hugolpz/x4qmcudj/
// Documentations:  https://www.mediawiki.org/wiki/API:Edit#MediaWiki_JS
// Author: Yug
 
/* ********************************************************************** */
/* OOJS / OOUI ********************************************************** */
// Data & options
var formatArray = [
    { data: 'json', label: 'json' },
    { data: 'xml', label: 'xml' },/*
    { data: 'csv', label: 'csv' },
    { data: 'tsv', label: 'tsv' }, */
  ].map(o => new OO.ui.MenuOptionWidget({ data: o.data, label: o.label })),
  endpointsArray = [
    { data: 'https://lingualibre.org/sparql', label: 'LinguaLibre'},
    { data: 'https://query.wikidata.org/sparql', label: 'Wikidata'},
  ];

// Elements
var wikipage = new OO.ui.TextInputWidget({
  id: 's2d-wikipage',
  icon: 'specialPages',
  placeholder: 'MediaWiki:*.js',
  value: 'MediaWiki:SandboxData.js',
      label: 'Data hosting page',
}),
format = new OO.ui.DropdownWidget( {
  id: 's2d-format',
  icon: 'code',
      label: 'Data format',
      menu: { items: formatArray }
  }),
endpoints = new OO.ui.RadioSelectInputWidget( { 
  id: 's2d-endpoints',
    label: 'Radios buttons',
  options: endpointsArray,
} ),
limit = new OO.ui.CheckboxInputWidget({ id: 's2d-limit', selected: true, }),
limitLabel = new OO.ui.LabelWidget( { label: 'Limit to 100 (faster)' }),
queryDisplay = new OO.ui.MultilineTextInputWidget( { 
  id: 's2d-queryDisplay',
      //value: `# Query will appear here.\n\n\n\n\n\n`,
  placeholder: `# SPARQL query here.\n\n\n\n\n\n`,
  value: `SELECT ?item ?itemLabel WHERE {
SERVICE wikibase:label {
  bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en" .
} 
?item prop:P2 entity:Q5
} `,
      multiline: true,
      autosize: true,
  minRows: 10,
      maxRows: 20
  } ),
fetchData = new OO.ui.ButtonWidget({ 
    id: 's2d-fetchData', 
  label: 'Fetch data',
}),
dataDisplay = new OO.ui.MultilineTextInputWidget( { 
  id: 's2d-dataDisplay',
  placeholder: `# Data will appear here after a while.\n\n\n\n\n\n`,
      multiline: true,
      autosize: true,
  minRows: 10,
      maxRows: 20
  } ),
postData = new OO.ui.ButtonWidget({ 
  id: 's2d-postData',
  label:'Save data !',
}),
clean = new OO.ui.CheckboxInputWidget({ id: 's2d-clean', selected: false, }),
cleanLabel = new OO.ui.LabelWidget( { label: 'Clean it' }),
prettify = new OO.ui.CheckboxInputWidget({ id: 's2d-prettify', selected: true, }),
prettifyLabel = new OO.ui.LabelWidget( { label: 'Prettify it' });

// An example of a fieldset with horizontal layout.
var fieldset = new OO.ui.FieldsetLayout( {
      label: "Save SPARQL results"
  } );
fieldset.addItems( [ 
new OO.ui.FieldLayout(
  new OO.ui.Widget( {
    content: [ 
      new OO.ui.HorizontalLayout( { items: [
        wikipage,
        format,
      ]}),
      new OO.ui.HorizontalLayout( { items: [
          queryDisplay,
      ]}),
      new OO.ui.HorizontalLayout( { items: [
        fetchData,
        limit,
        limitLabel,
        endpoints,
      ]}),
      new OO.ui.HorizontalLayout( { items: [ 
        dataDisplay,
      ]}),
      new OO.ui.HorizontalLayout( { items: [ 
        postData,
        clean,
        cleanLabel,
        prettify,
        prettifyLabel,
      ]}),
    ]
  }),{
          label: 'Given one heavy SPARQL query, save its responded raw data into a target wikipage.',
          align: 'top'
      })
  ]
);
$( "#s2d" ).html( 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())
}

$('#s2d-wikipage').on('focusout',function() {checkAvailableData(1,wikipage);})


/* ********************************************************************** */
/* SPARQL QUERIES & WIKI EDIT ******************************************* */
// 
//var endpoint = 'https://lingualibre.org/sparql';
//var sparql = 'SELECT ?item WHERE { ?item prop:P2 entity:Q5 } LIMIT 10';
//var format = 'json';
//var wikipage = 'MediaWiki:Mydata.js';

var cleanResponseDataBindings = function(dataBindings){
  var res = dataBindings.map(item => {
     var keys = Object.keys(item);
     var obj = {};
     for(var i=0;i<keys.length;i++){
         var key = keys[i],
             val = item[key].value;
         obj[key]=val;
     } return obj 
  });
  return res;
}

var sparql2data = function(sparql,endpoint,responseFormat) {
  console.log(sparql,endpoint,responseFormat)
  responseFormat = responseFormat || 'json';
  endpoint = endpoint || 'https://lingualibre.org/sparql';
  console.log({ 
      "SPARQL endpoint: ":endpoint,
      "Response format requested: ": responseFormat,
      "SPARQL query: ":`${sparql}`})
  $.getJSON(
      endpoint,
      { query: sparql, format: responseFormat },
      function(data){ 
             console.log("SPARQL query's response: ",data);
          // Inject query
          dataDisplay.setValue(JSON.stringify(data.results.bindings));
      }
  );
}

var data2wikipage = function(data, wikipage, sparql) {
    sparql = sparql || '';
    // String to object + optional clean
    var response = clean.isSelected()? 
        cleanResponseDataBindings(JSON.parse(data))
        :JSON.parse(data);
    // object to string + optional prettify
    response = prettify.isSelected() ?
        JSON.stringify(response, null, 2)
        : JSON.stringify(response);

    var content = `
/* **************
${sparql}
************** */
${response}`
  var params = {
          action: 'edit',
          title: wikipage.replace(/^.+\:/,'MediaWiki:'), // Namespace to MediaWiki:
          text: content,
          format: 'json'
      },
  api = new mw.Api();
  api.postWithToken( 'csrf', params )
      .done( function ( data ) { console.log('d2w: ', data ); } );
}


/* ********************************************************************** */
/* FETCHDATA QUERY STRING ************************************************ */
// getData from elements
var fetchQuery = function () {
 // getData from elements
 var selectedDropdown = function (group){
  var items = group.getMenu().items.filter(item=> item.selected===true );
  return items[0]?items[0].data:null;
 }
 var selectedRadio = function (group){
  var items = group.getMenu().items.filter(item=> item.selected===true );
  return items[0]?items[0].data:null;
 }
 var form = {
     wikipage: wikipage.getValue(),	//string
     format: selectedDropdown(format),	//string of value
     //formatLabel: qid2value(formatArray,selectedDropdown(format)),	//noun
     limit: limit.isSelected(),	//boolean
     endpoint: endpoints.getValue(),	// url
     sparql: queryDisplay.getValue(),	//string
 };
     dataDisplay.setValue('');
  sparql2data(form.sparql,form.endpoint,form.format); 
}

var setLimit = function () {
  var query = queryDisplay.getValue()
      .replace(`\nLIMIT 100`,'')
      .concat(limit.isSelected()?`\nLIMIT 100`:'');
  queryDisplay.setValue(query);
}

/* ********************************************************************** */
/* OPENS EXTERNAL QUERY SERVICE ***************************************** */
// Current: Wikidata, Dbnary. Broken: lingualibre.
var postQuery = function () {
  var data = dataDisplay.getValue();
  var targetPage = wikipage.getValue();
  var sparql = queryDisplay.getValue();
  //var queryEncoded = encodeURIComponent(queryText);
 if (dataDisplay) {
         data2wikipage(data, targetPage, sparql);
    // window.open(baseEndpointUrl.concat(queryEncoded), '_blank');
 }
}
$('#s2d-limit').on('click',function(){ setLimit(); });
$('#s2d-fetchData').on('click',function(){ fetchQuery(); });
$('#s2d-postData').on('click',function(){ postQuery(); });