31:T616,details_sparql = { const list_of_ids = Array.from(wikitext.search.map(e => `wd:${e.id}`)).join("\n"); console.log(list_of_ids); return `SELECT ?item (SAMPLE(?itemLabel) AS ?itemLabel) (SAMPLE(?itemDescription) AS ?itemDescription) (SAMPLE(?pic) AS ?pic) (SAMPLE(?date_of_birth) AS ?date_of_birth) (GROUP_CONCAT(DISTINCT ?country_of_citizenship; SEPARATOR=", ") AS ?country_of_citizenships) (GROUP_CONCAT(DISTINCT ?country_of_citizenshipLabel; SEPARATOR=", ") AS ?country_of_citizenshipLabels) (GROUP_CONCAT(DISTINCT ?occupation; SEPARATOR=", ") AS ?occupations) (GROUP_CONCAT(DISTINCT ?occupationLabel; SEPARATOR=", ") AS ?occupationLabels) (GROUP_CONCAT(DISTINCT ?country; SEPARATOR=", ") AS ?countries) (GROUP_CONCAT(DISTINCT ?countryLabel; SEPARATOR=", ") AS ?countryLabels) WHERE \{ VALUES ?item \{ ${list_of_ids} \} OPTIONAL \{ ?item wdt:P18 ?pic. \} OPTIONAL \{ ?item wdt:P27 ?country_of_citizenship. \} OPTIONAL \{ ?item wdt:P106 ?occupation. \} OPTIONAL \{ ?item wdt:P17 ?country. \} OPTIONAL \{ ?item wdt:P569 ?date_of_birth. \} OPTIONAL \{ ?item wdt:P31 ?instance_of. \} OPTIONAL \{ ?item wdt:P17 ?country. \} OPTIONAL \{ ?item wdt:P569 ?date_of_birth. \} SERVICE wikibase:label \{ bd:serviceParam wikibase:language "[AUTO_LANGUAGE],en". ?item rdfs:label ?itemLabel. ?item rdfs:description ?itemDescription. ?country_of_citizenship rdfs:label ?country_of_citizenshipLabel. ?occupation rdfs:label ?occupationLabel. ?country rdfs:label ?countryLabel. \} \} GROUP BY ?item` }32:T82e,{ const container = DOM.element('div', { id: 'images' }); const default_img = "https://commons.wikimedia.org/wiki/Special:FilePath/Coraz%C3%B3n.svg"; details_result.results.bindings .map(item => { const pic = item.pic || {value: default_img}; return { ...item, img_src: pic.value } }) .forEach(item => { console.log(item); const img_src = item.img_src.replace("http://", "https://"); const countries = split_results(item.countries.value); const countryLabels = split_results(item.countryLabels.value); const country_of_citizenships = split_results(item.country_of_citizenships.value); const country_of_citizenshipLabels = split_results(item.country_of_citizenshipLabels.value); const occupations = split_results(item.occupations.value); const occupationLabels = split_results(item.occupationLabels.value); console.log(countries, countryLabels, country_of_citizenships, country_of_citizenshipLabels, occupations, occupationLabels); //console.log(img_src); const item_div = DOM.element("div", {class: "item", width: 200,}); const img = DOM.element('img', { src: img_src, width: 50, title: item.itemLabel.value, style: "float: left"}); const country_str = create_linked_items(countries, countryLabels); const country_of_citizenship_str = create_linked_items(country_of_citizenships, country_of_citizenshipLabels); const occupations_str = create_linked_items(occupations, occupationLabels); const p = DOM.element("p"); p.innerHTML = ` Name: ${item.itemLabel.value} | Countries: ${country_str} | Citizenships: ${country_of_citizenship_str} | Occupations: ${occupations_str} | Date of birth: ${item.date_of_birth ? item.date_of_birth.value: ""} `; item_div.appendChild(img); item_div.appendChild(p); container.appendChild(item_div); }); return container; }33:[] 2f:{"title":"Wikidata typeahead API","cells":[{"id":0,"value":"md`# Wikidata typeahead API`","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"jQuery = require(\"jquery\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"jQueryUI = require(\"jqueryui\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"import {text} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"viewof f1 = text({\n value: \"Barbara Harris\",\n title: \"A Text Input\", \n placeholder: \"Placeholder text\", \n description: \"Note that text inputs don’t show output on the right\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"viewof suggestions = html`

Hello

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"function format_data(data){\n const n = data[1].length;\n return data[1].map((e, i) => {\n return {title: e, description: data[2][i], link: data[3][i]}\n })\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"{\n const URL = `https://www.wikidata.org/w/api.php\n?action=wbsearchentities\n&format=json\n&language=en\n&origin=*\n&search=${f1}`;\n return fetch(URL).then(response => response.json())\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"wikitext = {\n console.log(f1)\n if(f1.length < 1) return \"\";\n const URL = `https://www.wikidata.org/w/api.php?action=wbsearchentities&origin=*&format=json&&language=en&search=${f1}`;\n console.log(URL);\n return fetch(URL).then(response => response.json())\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":81,"value":"image_sparql = {\n const list_of_ids = Array.from(wikitext.search.map(e => `entity:${e.id}`)).join(\" \");\n console.log(list_of_ids);\n \n return `#Data of Douglas Adams\n#added before 2016-10\n\nPREFIX entity: \n#partial results\n#Cats, with pictures\n#added before 2016-10\n\n#defaultView:ImageGrid\nSELECT ?item ?itemLabel ?pic\nWHERE\n\\{\nVALUES ?item \\{ ${list_of_ids} \\}\nOPTIONAL \\{ ?item wdt:P18 ?pic; \\}\nSERVICE wikibase:label { bd:serviceParam wikibase:language \"[AUTO_LANGUAGE],en\" }\n\\}`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":83,"value":"image_result = {\n return fetch('https://query.wikidata.org/sparql?query=' + encodeURIComponent(image_sparql), {\n headers: {\n 'accept': 'application/sparql-results+json'\n }\n }).then(res => res.json())\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":87,"value":"{\n const container = DOM.element('div', { id: 'images' });\n const default_img = \"https://commons.wikimedia.org/wiki/Special:FilePath/Coraz%C3%B3n.svg\";\n image_result.results.bindings\n .map(item => {\n const pic = item.pic || {value: default_img};\n return {\n img_src: pic.value, \n title: item.itemLabel.value\n }\n })\n .forEach(item => {\n const img_src = item.img_src.replace(\"http://\", \"https://\");\n console.log(img_src);\n container.appendChild(DOM.element('img', { src: img_src, width: 50, title: item.title}))\n });\n return container;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":138,"value":"details_result = {\n return fetch('https://query.wikidata.org/sparql?query=' + encodeURIComponent(details_sparql), {\n headers: {\n 'accept': 'application/sparql-results+json'\n }\n }).then(res => res.json())\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":164,"value":"function split_results(result){\n return result.length > 1 ? result.split(\", \") : [];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":170,"value":"function create_linked_items(items, itemLabels){\n return (items.length > 0 ? items.map((item, i) => `${itemLabels[i]}`): []).join(\", \");\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":145,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}