mirror of
https://github.com/GrammaticalFramework/gf-core.git
synced 2026-04-30 23:02:50 -06:00
e92583ca8c
The trees are drawn by using the Haskell run-time request AppEng.pgf?command=abstrtree&tree=... Thus AppEng.pgf has to be installed on the server and in sync with App14.pgf. This is to avoid loading the huge App14.pgf in the Haskell run-time system, and is enough since we only need the abstract syntax.
362 lines
9.2 KiB
JavaScript
362 lines
9.2 KiB
JavaScript
|
|
/* --- Wide Coverage Translation Demo web app ------------------------------- */
|
|
|
|
var wc={}
|
|
//wc.cnl="Phrasebook" // try this controlled natural language first
|
|
wc.f=document.forms[0]
|
|
wc.o=element("output")
|
|
wc.e=element("extra")
|
|
wc.i=element("grammarinfo")
|
|
wc.p=element("pick")
|
|
wc.os=[] // output segment list
|
|
wc.cache={} // output segment cache, indexed by source text
|
|
wc.local=appLocalStorage("gf.wc.")
|
|
wc.translating=""
|
|
|
|
wc.delayed_translate=function() {
|
|
function restart(){
|
|
if(wc.f.input.value!=wc.translating) wc.translate()
|
|
var h=wc.f.input.scrollHeight,bh=document.body.clientHeight
|
|
if(h>bh) h=bh
|
|
if(wc.f.input.clientHeight<h) wc.f.input.style.height=h+15+"px"
|
|
}
|
|
if(wc.timer) clearTimeout(wc.timer);
|
|
wc.timer=setTimeout(restart,500)
|
|
}
|
|
|
|
wc.clear=function() {
|
|
wc.f.input.value=""
|
|
wc.f.input.style.height=""
|
|
clear(wc.o)
|
|
wc.delayed_translate()
|
|
}
|
|
|
|
wc.save=function() {
|
|
var f=wc.f
|
|
wc.local.put("from",f.from.value)
|
|
wc.local.put("to",f.to.value)
|
|
wc.local.put("input",f.input.value)
|
|
wc.local.put("colors",f.colors.checked)
|
|
}
|
|
|
|
wc.load=function() {
|
|
var f=wc.f
|
|
f.input.value=wc.local.get("input",f.input.value)
|
|
f.from.value=wc.local.get("from",f.from.value)
|
|
f.to.value=wc.local.get("to",f.to.value)
|
|
f.colors.checked=wc.local.get("colors",f.colors.checked)
|
|
wc.colors()
|
|
wc.delayed_translate()
|
|
}
|
|
|
|
wc.translate=function() {
|
|
var f=wc.f, e=wc.e, p=wc.p
|
|
|
|
/*
|
|
function disable(yes) {
|
|
f.translate.disabled=yes
|
|
f.to.disabled=yes
|
|
if(f.swap) f.swap.disabled=yes
|
|
}
|
|
*/
|
|
|
|
function split_punct(s) {
|
|
return s.split(/([.!?]+[ \t\n]+|\n\n+|[ \t\n]*[-•*+#]+[ \t\n]+)/)
|
|
}
|
|
|
|
function find_pick(rs) {
|
|
for(var i=0;i<rs.length && !rs[i].t;i++)
|
|
;
|
|
return i
|
|
}
|
|
|
|
function translate_segment(so) { // so = segment output
|
|
so.rs=[] // list of alternative translations for this segment
|
|
so.current_pick= -1 // index of currently selected alternative
|
|
|
|
function show_error(msg) {
|
|
//if(e) e.innerHTML="<span class=low_quality>Translation problem: "+msg+"</span>"
|
|
//else
|
|
{
|
|
replaceChildren(so.target,text("["+msg+"]"))
|
|
so.target.className="error"
|
|
}
|
|
//disable(false)
|
|
}
|
|
function show_pick(i) { return function() { show_trans(i); return false; } }
|
|
function show_picks() {
|
|
clear(p)
|
|
for(var i=0;i<so.rs.length;i++) {
|
|
if(so.rs[i].t) {
|
|
var pick=text(i+1) // +"⃝"
|
|
if(i!=so.current_pick) {
|
|
var pick=node("a",{href:"#"},[pick])
|
|
pick.onclick=pick.onmouseover=show_pick(i)
|
|
}
|
|
var q=so.rs[i].t.quality
|
|
p.appendChild(text(" "))
|
|
p.appendChild(span_class("pick "+q,pick))
|
|
}
|
|
}
|
|
if(!so.got_more) p.appendChild(text("..."))
|
|
/*
|
|
p.appendChild(wrap_class("small","pick",
|
|
node("a",{href:wc.google_translate_url(),
|
|
target:"google_translate"},
|
|
[text("Google Translate")])))
|
|
*/
|
|
}
|
|
function show_more() {
|
|
wc.selected=so
|
|
var r=so.rs[so.current_pick]
|
|
var prob=r.prob<=0 ? "" : r.prob || ""
|
|
if(e) {
|
|
e.innerHTML=prob+"<br>"
|
|
if(r.tree) {
|
|
var t=wrap("span",text(r.tree))
|
|
var imgurl="/robust/AppEng.pgf?command=abstrtree&tree="+encodeURIComponent(r.tree)+"&format=svg"
|
|
e.appendChild(t)
|
|
if(!r.img) r.img=node("img",{src:imgurl},[])
|
|
e.appendChild(empty("br"))
|
|
e.appendChild(r.img)
|
|
}
|
|
}
|
|
if(wc.p /*&& so.rs.length>1*/) show_picks()
|
|
//if(f.speak.checked) wc.speak(t.text,f.to.value)
|
|
if(!so.got_more) {
|
|
so.got_more=true
|
|
trans(so.input,1,9)
|
|
}
|
|
}
|
|
so.target.onclick=show_more
|
|
|
|
function show_trans(i) {
|
|
var r=so.rs[i]
|
|
if(!r.t) {
|
|
i=find_pick(so.rs)
|
|
r=so.rs[i]
|
|
}
|
|
if(r && r.t) {
|
|
replaceChildren(so.target,text(r.t.text))
|
|
so.text=r.t.text
|
|
so.target.className=r.t.quality
|
|
so.current_pick=i
|
|
if(wc.selected==so) show_more()
|
|
}
|
|
}
|
|
function showit(r,grammar) {
|
|
r.grammar=grammar
|
|
r.t=trans_quality(r,grammar+f.to.value)
|
|
so.rs.push(r)
|
|
var j=so.rs.length-1
|
|
if(so.current_pick<0 || so.current_pick==j) show_trans(j)
|
|
else if(wc.selected==so) show_picks()
|
|
//disable(false)
|
|
}
|
|
|
|
function word_for_word(text,cont) {
|
|
function step3(tra) {
|
|
if(tra.length>=1) {
|
|
var r=tra[0]
|
|
r.prob = -1
|
|
if(r.linearizations) showit(r,gftranslate.grammar)
|
|
}
|
|
else if(so.rs.length==0)
|
|
show_error("Unable to translate")
|
|
}
|
|
gftranslate.wordforword(text,f.from.value,wc.languages || f.to.value,step3)
|
|
}
|
|
|
|
function trans(text,i,count) {
|
|
function step3(tra) {
|
|
if(tra.length>=1) {
|
|
var r=tra[0]
|
|
if(r.error!=undefined) {
|
|
if(i==0 && so.rs.length==0) {
|
|
//show_error(tra[0].error)
|
|
word_for_word(text)
|
|
}
|
|
}
|
|
else {
|
|
for(var ti=0;ti<tra.length;ti++) {
|
|
var r=tra[ti]
|
|
if(r.linearizations) showit(r,gftranslate.grammar)
|
|
//else show_error("no linearizations")
|
|
}
|
|
}
|
|
}
|
|
else if(i==0 && so.rs.length==0)
|
|
show_error("Unable to translate")
|
|
}
|
|
gftranslate.translate(text,f.from.value,wc.languages || f.to.value,i,count,step3)
|
|
}
|
|
function step2(text) { trans(text,0,1) }
|
|
function step2cnl(text) {
|
|
function step3cnl(results) {
|
|
var trans=results[0].translations
|
|
if(trans && trans.length>=1) {
|
|
for(var i=0;i<trans.length;i++) {
|
|
var r=trans[i]
|
|
r.prob=0
|
|
showit(r,wc.cnl)
|
|
}
|
|
}
|
|
step2(text)
|
|
}
|
|
wc.pgf_online.translate({from:wc.cnl+f.from.value,
|
|
//to:wc.cnl+f.to.value,
|
|
lexer:"text",unlexer:"text",input:text},
|
|
step3cnl,
|
|
function(){step2(text)})
|
|
}
|
|
if(wc.cnl) step2cnl(so.input)
|
|
else step2(so.input)
|
|
}
|
|
|
|
function change_segment_to(so,to) {
|
|
var rs=so.rs
|
|
if(rs) {
|
|
for(var i=0;i<rs.length;i++)
|
|
rs[i].t=trans_quality(rs[i],rs[i].grammar+to)
|
|
var i=so.current_pick
|
|
if(!rs[i].t) {
|
|
i=find_pick(rs)
|
|
//console.log("Change pick",so.current_pick,i)
|
|
so.current_pick=i
|
|
clear(p)
|
|
wc.selected=null
|
|
}
|
|
var r=rs[i]
|
|
so.text=r.t.text
|
|
replaceChildren(so.target,text(r.t.text))
|
|
so.target.className=r.t.quality
|
|
}
|
|
so.to=to
|
|
}
|
|
|
|
//disable(true)
|
|
clear(wc.o)
|
|
clear(e)
|
|
clear(p)
|
|
|
|
|
|
var old=wc.cache
|
|
var old_selected=wc.selected
|
|
wc.selected=null
|
|
for(var i=0;i<wc.os.length;i++) old[wc.os[i].input]=wc.os[i]
|
|
// could also keep all copies if the same text occurs more than once...
|
|
wc.os=[]
|
|
|
|
wc.translating=f.input.value
|
|
var is=split_punct(wc.translating+"\n")
|
|
|
|
for(var i=0;i<is.length;i++) {
|
|
var same=old[is[i]]
|
|
if(same /*&& same.to==f.to.value*/ && same.from==f.from.value) {
|
|
// reuse an unchanged segment
|
|
wc.os[i]=same
|
|
wc.o.appendChild(same.target)
|
|
if(same==old_selected) wc.selected=same
|
|
delete old[is[i]] // can't use the same node twice
|
|
if(same.to!=f.to.value) change_segment_to(same,f.to.value)
|
|
}
|
|
else {
|
|
// create a new output segment
|
|
var o=wc.os[i]={input:is[i],text:is[i],
|
|
from:f.from.value,to:f.to.value}
|
|
if(i&1) { // punctuation
|
|
o.target=span_class("punct",text(is[i]))
|
|
wc.o.appendChild(o.target)
|
|
}
|
|
else { // text segment to be translated
|
|
o.target=span_class("placeholder",text(is[i]))
|
|
wc.o.appendChild(o.target)
|
|
translate_segment(o)
|
|
}
|
|
}
|
|
}
|
|
wc.save()
|
|
return false;
|
|
}
|
|
|
|
wc.speak=function(text,lang) {
|
|
if(wc.speech) {
|
|
var u=new SpeechSynthesisUtterance(text)
|
|
u.lang=add_country(alangcode(lang))
|
|
speechSynthesis.cancel()
|
|
speechSynthesis.speak(u)
|
|
}
|
|
}
|
|
|
|
wc.colors=function() {
|
|
document.body.className=wc.f.colors.checked ? "colors" : ""
|
|
wc.local.put("colors",wc.f.colors.checked)
|
|
}
|
|
|
|
wc.swap=function() {
|
|
var f=wc.f
|
|
function txt(so) { return so.text }
|
|
f.input.value=wc.os.map(txt).join("").trimRight()
|
|
var from=f.from.value
|
|
f.from.value=f.to.value
|
|
f.to.value=from
|
|
wc.translate()
|
|
}
|
|
|
|
wc.google_translate_url=function() {
|
|
return "http://translate.google.com/"
|
|
+"#"+alangcode(wc.f.from.value)
|
|
+"/"+alangcode(wc.f.to.value)
|
|
+"/"+encodeURIComponent(wc.f.input.value)
|
|
}
|
|
|
|
wc.try_google=function() {
|
|
var w=window.open(wc.google_translate_url(),
|
|
"google_translate")
|
|
w.focus()
|
|
}
|
|
|
|
|
|
// Update language selection menus with the languages supported by the grammar
|
|
function init_languages() {
|
|
function init2(langs) {
|
|
replaceInnerHTML(wc.i,"Enter text to translate above")
|
|
wc.languages=langs
|
|
var langset=toSet(langs)
|
|
function update_menu(m) {
|
|
var l=m.value
|
|
clear(m)
|
|
for(var i=0;i<langs.length;i++)
|
|
m.appendChild(option(concname(langs[i]),langs[i]))
|
|
if(langset[l]) m.value=l
|
|
}
|
|
update_menu(wc.f.from)
|
|
update_menu(wc.f.to)
|
|
}
|
|
function initerror(errortext,status,ct) {
|
|
var msg = status==404 ? "The wide cover translation grammar was not found on the server" : "Server problem "+status
|
|
replaceChildren(wc.i,text(msg))
|
|
if(wc.i) wc.i.className="error"
|
|
}
|
|
replaceInnerHTML(wc.i,"Loading the wide coverage translation grammar, please wait...")
|
|
gftranslate.get_languages(init2,initerror)
|
|
}
|
|
|
|
function init_speech() {
|
|
var speak=element("speak")
|
|
if(speak) {
|
|
wc.speech=window.speechSynthesis && window.speechSynthesis.getVoices().length>0
|
|
if(wc.speech) speak.style.display="inline"
|
|
}
|
|
}
|
|
|
|
init_languages()
|
|
init_speech()
|
|
setTimeout(init_speech,500) // A hack for Chrome.
|
|
if(wc.cnl) {
|
|
wc.pgf_online=pgf_online({});
|
|
wc.pgf_online.switch_grammar(wc.cnl+".pgf")
|
|
}
|
|
wc.load()
|
|
wc.f.input.focus()
|