mirror of
https://github.com/gnosygnu/xowa.git
synced 2024-10-27 20:34:16 +00:00
demo code
This commit is contained in:
gnosygnu
parent
35493b21b1
commit
559cf8cf4b
40
demo/wikimedia.html
Normal file
40
demo/wikimedia.html
Normal file
@ -0,0 +1,40 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
|
||||
<style type="text/css">
|
||||
.results_div {
|
||||
align:center;
|
||||
width:800px; margin:0 auto;
|
||||
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-left: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
.result_header {
|
||||
font-weight:bold;
|
||||
background-color: #eee;
|
||||
}
|
||||
.result_div {
|
||||
display:flex;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.result_title {
|
||||
width:100%;
|
||||
padding:2px;
|
||||
}
|
||||
.result_score {
|
||||
width:80px;
|
||||
padding:2px;
|
||||
text-align:right;
|
||||
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
</style>
|
||||
<script src="wikimedia.js" type='text/javascript'></script>
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
<script>
|
||||
wm.category.run();
|
||||
</script>
|
||||
</html>
|
||||
242
demo/wikimedia.js
Normal file
242
demo/wikimedia.js
Normal file
@ -0,0 +1,242 @@
|
||||
/*
|
||||
Given a domain and a category, list its member pages and readability score
|
||||
EX: http://localhost/wikimedia.html?domain=en.wikipedia.org&page=Earth
|
||||
*/
|
||||
(function (wm) {
|
||||
wm.category = new function() {
|
||||
// **********************************************
|
||||
// member variables
|
||||
// **********************************************
|
||||
// wikimedia domain; EX: en.wikipedia.org
|
||||
this.domain = 'en.wikipedia.org';
|
||||
|
||||
// array of categories
|
||||
this.categories = [];
|
||||
|
||||
// number of pages in category
|
||||
this.categoriesTotal = 0;
|
||||
|
||||
// number of excerpts found
|
||||
this.excerptsFound = 0;
|
||||
|
||||
// maximum number of excerpts to find
|
||||
this.excerptsMax = 50;
|
||||
|
||||
// **********************************************
|
||||
// main entry function
|
||||
// **********************************************
|
||||
this.run = function() {
|
||||
// parse url to get domain and page
|
||||
var url = window.location.href;
|
||||
var domain = wm.category.getQueryArg(url, 'domain');
|
||||
var category = wm.category.getQueryArg(url, 'category');
|
||||
|
||||
// use domain arg if available; otherwise use default
|
||||
if (domain)
|
||||
wm.category.domain = domain;
|
||||
|
||||
// find pages in category
|
||||
wm.category.findPagesInCategory(wm.category.domain, category);
|
||||
}
|
||||
|
||||
this.getQueryArg = function(url, name) {
|
||||
// http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
|
||||
if (!url) {
|
||||
url = window.location.href;
|
||||
}
|
||||
name = name.replace(/[\[\]]/g, "\\$&");
|
||||
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
|
||||
categories = regex.exec(url);
|
||||
if (!categories) return null;
|
||||
if (!categories[2]) return '';
|
||||
return decodeURIComponent(categories[2].replace(/\+/g, " "));
|
||||
}
|
||||
|
||||
// **********************************************
|
||||
// find page in category
|
||||
// **********************************************
|
||||
this.findPagesInCategory = function(domain, category) {
|
||||
// run ajax
|
||||
var url = 'https://' + domain + '/w/api.php?action=query&format=json&formatversion=2&list=categorymembers&cmlimit=' + wm.category.excerptsMax + '&cmtitle=Category:' + category;
|
||||
wm.category.runAjax(url, wm.category.findPagesInCategoryCallback);
|
||||
/*
|
||||
*/
|
||||
|
||||
/*
|
||||
// run mock code
|
||||
var root = {"query":{"categorymembers":[{"pageid":9228,"ns":0,"title":"Earth"},{"pageid":51506837,"ns":0,"title":"Outline of Earth"},{"pageid":25287133,"ns":0,"title":"Anywhere on Earth"},{"pageid":174069,"ns":0,"title":"Asteroid impact avoidance"},{"pageid":35971482,"ns":0,"title":"Day length fluctuations"},{"pageid":33256286,"ns":0,"title":"Demographics of the world"},{"pageid":19509955,"ns":0,"title":"Earth in culture"},{"pageid":212485,"ns":0,"title":"Earth religion"},{"pageid":944638,"ns":0,"title":"Earth's energy budget"},{"pageid":41077022,"ns":0,"title":"Earth's internal heat budget"}]}};
|
||||
var root = {"query":{"categorymembers":[{"pageid":9228,"ns":0,"title":"Earth"}]}};
|
||||
wm.category.findPagesInCategoryCallbackRoot(root);
|
||||
*/
|
||||
}
|
||||
|
||||
this.findPagesInCategoryCallback = function() {
|
||||
if (this.readyState != 4 || this.status != 200) return;
|
||||
wm.category.findPagesInCategoryCallbackRoot(JSON.parse(this.responseText));
|
||||
}
|
||||
|
||||
this.findPagesInCategoryCallbackRoot = function(root) {
|
||||
// loop each page in category
|
||||
var categorymembers = root.query.categorymembers;
|
||||
for (var categoryIndex in categorymembers) {
|
||||
// get category
|
||||
var category = categorymembers[categoryIndex];
|
||||
|
||||
// get member vars
|
||||
var page_id = category.pageid;
|
||||
var ns = category.ns;
|
||||
var title = category.title;
|
||||
|
||||
// populate local categories table
|
||||
wm.category.categories[page_id] = category;
|
||||
|
||||
// increment total
|
||||
wm.category.categoriesTotal++;
|
||||
|
||||
// assign score
|
||||
category.score = 0;
|
||||
}
|
||||
|
||||
// now, get excerpts
|
||||
wm.category.getExcerpts();
|
||||
}
|
||||
|
||||
// **********************************************
|
||||
// get excerpts
|
||||
// **********************************************
|
||||
this.getExcerpts = function() {
|
||||
// loop each page to get excerpt
|
||||
var excerptsCount = 0;
|
||||
for (var page_id in wm.category.categories) {
|
||||
var category = wm.category.categories[page_id];
|
||||
|
||||
// exit if too many
|
||||
if (excerptsCount++ >= wm.category.excerptsMax) {
|
||||
// NOTE: must update categoriesTotal
|
||||
wm.category.categoriesTotal = wm.category.excerptsMax;
|
||||
break;
|
||||
}
|
||||
|
||||
// run ajax
|
||||
var url = 'https://' + wm.category.domain + '/w/api.php?action=query&format=json&formatversion=2&prop=extracts&exintro=1&explaintext&titles=' + category.title;
|
||||
wm.category.runAjax(url, wm.category.getExcerptCallback);
|
||||
/*
|
||||
*/
|
||||
|
||||
/*
|
||||
// run mock code
|
||||
var root = {"query":{"pages":
|
||||
[
|
||||
{"pageid":9228,"ns":0,"title":"Earth","extract":"Earth (Greek: Γαῖα Gaia; Latin: Terra)."}
|
||||
]}};
|
||||
wm.category.getExcerptCallbackRoot(root);
|
||||
*/
|
||||
}
|
||||
}
|
||||
this.getExcerptCallback = function() {
|
||||
if (this.readyState != 4 || this.status != 200) return;
|
||||
|
||||
var root = JSON.parse(this.responseText);
|
||||
wm.category.getExcerptCallbackRoot(root);
|
||||
}
|
||||
this.getExcerptCallbackRoot = function(root) {
|
||||
// get variables
|
||||
var page = root.query.pages[0]; // only 1 page per api call
|
||||
var page_id = page.pageid;
|
||||
var excerpt = page.extract;
|
||||
|
||||
// calc score
|
||||
var score = wm.category.calcReadabilityScore(excerpt);
|
||||
|
||||
// update category
|
||||
var category = wm.category.categories[page_id];
|
||||
category.excerpt = excerpt;
|
||||
category.score = score;
|
||||
|
||||
// if last category, print all
|
||||
if (++wm.category.excerptsFound == wm.category.categoriesTotal) {
|
||||
wm.category.printResults();
|
||||
}
|
||||
}
|
||||
|
||||
// **********************************************
|
||||
// calc readability
|
||||
// **********************************************
|
||||
this.calcReadabilityScore = function(s) {
|
||||
// REF: https://en.wikipedia.org/wiki/Flesch–Kincaid_readability_tests
|
||||
var words = wm.category.toWordArray(s);
|
||||
var totalWords = words.length;
|
||||
var totalSentences = wm.category.countSentences(s);
|
||||
|
||||
var totalSyllables = 0;
|
||||
for (var word in words) {
|
||||
totalSyllables += wm.category.countSyllablesInWord(word);
|
||||
}
|
||||
|
||||
return 206.835 - (1.015 * (totalWords / totalSentences)) - (84.6 * (totalSyllables / totalWords));
|
||||
}
|
||||
|
||||
this.toWordArray = function(s){
|
||||
// REF: http://stackoverflow.com/a/18679657
|
||||
s = s.replace(/(^\s*)|(\s*$)/gi,"");//exclude start and end white-space
|
||||
s = s.replace(/[ ]{2,}/gi," ");//2 or more space to 1
|
||||
s = s.replace(/\n /,"\n"); // exclude newline with a start spacing
|
||||
return s.split(' ');
|
||||
}
|
||||
|
||||
this.countSentences = function(s) {
|
||||
// REF: http://stackoverflow.com/questions/35215348/count-sentences-in-string-with-javascript
|
||||
return s.replace(/\w[.?!](\s|$)/g, "$1|").split("|").length;
|
||||
}
|
||||
|
||||
this.countSyllablesInWord = function(word) {
|
||||
// REF: http://stackoverflow.com/questions/5686483/how-to-compute-number-of-syllables-in-a-word-in-javascript
|
||||
word = word.toLowerCase(); //word.downcase!
|
||||
if(word.length <= 3) {return 1;} //return 1 if word.length <= 3
|
||||
word = word.replace(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, ''); //word.sub!(/(?:[^laeiouy]es|ed|[^laeiouy]e)$/, '')
|
||||
word = word.replace(/^y/, ''); //word.sub!(/^y/, '')
|
||||
return word.match(/[aeiouy]{1,2}/g).length; //word.scan(/[aeiouy]{1,2}/).size
|
||||
}
|
||||
|
||||
// **********************************************
|
||||
// printResults
|
||||
// **********************************************
|
||||
this.printResults = function() {
|
||||
// sort results by score
|
||||
wm.category.categories.sort(wm.category.compareResult);
|
||||
|
||||
// generate string
|
||||
var s = '';
|
||||
s += '<div class="results_div">\n';
|
||||
s += ' <div class="result_div">\n';
|
||||
s += ' <div class="result_title result_header">Title</div>\n';
|
||||
s += ' <div class="result_score result_header">Score</div>\n';
|
||||
s += ' </div>';
|
||||
for (var page_id in wm.category.categories) {
|
||||
var category = wm.category.categories[page_id];
|
||||
s += ' <div class="result_div">\n';
|
||||
s += ' <div class="result_title">' + category.title + '</div>\n'
|
||||
s += ' <div class="result_score">' + category.score.toFixed(2) + '</div>\n'
|
||||
s += ' </div>';
|
||||
}
|
||||
s += '</div>';
|
||||
|
||||
// print it
|
||||
document.body.innerHTML = s;
|
||||
}
|
||||
this.compareResult = function(lhs, rhs) {
|
||||
// sort from least readable to most readable
|
||||
return (lhs.score - rhs.score);
|
||||
}
|
||||
|
||||
// **********************************************
|
||||
// utility
|
||||
// **********************************************
|
||||
this.runAjax = function(url, callback) {
|
||||
var req = new XMLHttpRequest();
|
||||
req.onreadystatechange = callback;
|
||||
req.open("GET", url, true);
|
||||
req.send();
|
||||
}
|
||||
}
|
||||
}(window.wm = window.wm || {}));
|
||||
Loading…
Reference in New Issue
Block a user