|
1
|
1 'use strict';
|
|
|
2
|
|
|
3 function ajax(url,postData) {
|
|
|
4 let request = new XMLHttpRequest();
|
|
|
5 let method = postData ? "POST" : "GET";
|
|
|
6 request.open( method, url );
|
|
|
7 if( typeof(postData)==='string' )
|
|
|
8 request.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
|
|
|
9 request.onload = function() {
|
|
|
10 if( request.status !== 200 ) {
|
|
|
11 let err = 'sr_ajax failed: ' + request.status;
|
|
|
12 if( request.responseText ) {
|
|
|
13 err += '\n' + request.responseText;
|
|
|
14 document.write('<pre>'+request.responseText+'</pre>');
|
|
|
15 }
|
|
|
16 err += '\npage = ' + window.location;
|
|
|
17 ajax( '/error_log.js', 'err='+encodeURIComponent(err) );
|
|
|
18 return;
|
|
|
19 }
|
|
|
20 try {
|
|
|
21 //console.log(request.responseText);
|
|
|
22 eval( request.responseText );
|
|
|
23 } catch(e) {
|
|
|
24 window.sr_err = '\najax-url = ' + url;
|
|
|
25 //window.sr_err += '\n'+('ajax-response =\n' + request.responseText).trim();
|
|
|
26 throw e;
|
|
|
27 }
|
|
|
28 };
|
|
|
29 request.send(postData);
|
|
|
30 }
|
|
|
31
|
|
2
|
32 window.onerror = function(msg, url, line, col, error) {
|
|
|
33 if( !url )
|
|
|
34 return;
|
|
|
35 let err = msg;
|
|
|
36 err += '\nurl = ' + url;
|
|
|
37 if( url != window.location )
|
|
|
38 err += '\npage = ' + window.location;
|
|
|
39 err += '\nline = '+line;
|
|
|
40 if( col )
|
|
|
41 err += '\ncolumn = ' + col;
|
|
|
42 if( error ) {
|
|
|
43 if( error.stack )
|
|
|
44 err += '\nstack = ' + error.stack;
|
|
|
45 if( error.cause )
|
|
|
46 err += '\ncause= ' + error.cause;
|
|
|
47 if( error.fileName )
|
|
|
48 err += '\nfileName= ' + error.fileName;
|
|
|
49 }
|
|
|
50 if( window.err ) {
|
|
|
51 err += window.err;
|
|
|
52 window.err = null;
|
|
|
53 }
|
|
|
54 ajax( '/error_log.js', 'err='+encodeURIComponent(err) );
|
|
|
55 };
|
|
|
56
|
|
|
57 function ajaxForm(url,form) {
|
|
|
58 let post = '';
|
|
|
59 for( let i=0; i<form.length; i++ ) {
|
|
|
60 let input = form[i];
|
|
|
61 let name = input.name;
|
|
|
62 if( name === '' )
|
|
|
63 continue;
|
|
|
64 let type = input.type;
|
|
|
65 if( (type==='radio' || type==='checkbox') && !input.checked )
|
|
|
66 continue;
|
|
|
67 post += name + '=' + encodeURIComponent(input.value) + '&';
|
|
|
68 }
|
|
|
69 ajax(url,post,{form:form});
|
|
|
70 }
|
|
|
71
|
|
|
72
|
|
4
|
73 let currentPulldown = null;
|
|
|
74 let newPulldown = null;
|
|
1
|
75
|
|
4
|
76 function clickMenu(clicked,display) {
|
|
|
77 //console.log('clickMenu');
|
|
|
78 let pulldown = clicked.parentNode.querySelector('div');
|
|
|
79 if( pulldown !== currentPulldown ) {
|
|
|
80 pulldown.style.display = display || 'block';
|
|
|
81 newPulldown = pulldown;
|
|
|
82 window.onclick = function() {
|
|
|
83 //console.log('window.onclick');
|
|
|
84 if( currentPulldown ) {
|
|
|
85 currentPulldown.style.display = 'none';
|
|
|
86 if( !newPulldown )
|
|
|
87 window.onclick = null;
|
|
|
88 }
|
|
|
89 currentPulldown = newPulldown;
|
|
|
90 newPulldown = null;
|
|
|
91 };
|
|
|
92 pulldown.scrollIntoViewIfNeeded(false);
|
|
1
|
93 }
|
|
|
94 }
|
|
|
95
|
|
4
|
96 function getEnclosingDialog(el) {
|
|
|
97 while( el.nodeName !== 'DIALOG' )
|
|
|
98 el = el.parentNode;
|
|
|
99 return el;
|
|
1
|
100 }
|
|
|
101
|
|
4
|
102 function closeModal(el) {
|
|
|
103 getEnclosingDialog(el).close();
|
|
1
|
104 }
|
|
8
|
105
|
|
|
106 let lastY = 0;
|
|
|
107
|
|
|
108 function scrollToTop() {
|
|
|
109 lastY = window.scrollY;
|
|
|
110 window.scrollTo( 0, 0 );
|
|
|
111 }
|
|
|
112
|
|
|
113 function scrollToBottom() {
|
|
|
114 lastY = window.scrollY;
|
|
|
115 window.scrollTo( 0, document.body.scrollHeight );
|
|
|
116 }
|
|
|
117
|
|
|
118 function scrollBack() {
|
|
|
119 window.scrollTo( 0, lastY );
|
|
|
120 }
|
|
|
121
|
|
42
|
122 function fixTextarea(textarea) {
|
|
|
123 textarea.style.height = 'initial';
|
|
|
124 textarea.style.height = (textarea.scrollHeight+2) + 'px';
|
|
|
125 textarea.scrollIntoViewIfNeeded(false);
|
|
|
126 }
|
|
|
127
|
|
12
|
128
|
|
9
|
129 // requires markdown-it
|
|
12
|
130
|
|
|
131 let mdDiv = document.createElement('div');
|
|
|
132
|
|
44
|
133 function toRuby(node) {
|
|
|
134 let type = node.nodeType;
|
|
|
135 if( type === Node.ELEMENT_NODE ) {
|
|
|
136 let name = node.tagName;
|
|
|
137 if( name === "PRE" || name === "CODE" )
|
|
|
138 return;
|
|
|
139 for( let child of node.childNodes ) {
|
|
|
140 toRuby(child);
|
|
|
141 }
|
|
|
142 } else if( type === Node.TEXT_NODE ) {
|
|
|
143 let text = node.nodeValue.replace(/\{([^{|}]+)\|([^{|}]+)\}/g, '<ruby>$1<rt>$2</rt></ruby>');
|
|
|
144 if( text !== node.nodeValue ) {
|
|
|
145 mdDiv.innerHTML = text;
|
|
|
146 while(mdDiv.firstChild) {
|
|
|
147 node.parentNode.insertBefore(mdDiv.firstChild, node);
|
|
|
148 }
|
|
|
149 node.remove();
|
|
|
150 }
|
|
|
151 }
|
|
|
152 }
|
|
|
153
|
|
46
|
154 function handleMarkdown(voice,instructions) {
|
|
44
|
155 let converter = window.markdownit();
|
|
9
|
156 let divs = document.querySelectorAll('[markdown]');
|
|
|
157 for( let div of divs ) {
|
|
44
|
158 div.innerHTML = converter.render(div.textContent);
|
|
|
159 toRuby(div);
|
|
34
|
160 div.removeAttribute('markdown');
|
|
|
161 let parent = div.parentNode;
|
|
|
162 if( parent.getAttribute('role')==='assistant' ) {
|
|
45
|
163 mdDiv.innerHTML = div.innerHTML;
|
|
12
|
164 let rts = mdDiv.querySelectorAll('rt');
|
|
|
165 for( let rt of rts ) {
|
|
|
166 rt.remove();
|
|
|
167 }
|
|
|
168 //console.log(mdDiv.textContent);
|
|
46
|
169 parent.querySelector('audio').src = `/tts.mp3?voice=${voice}&instructions=${encodeURIComponent(instructions)}&text=${encodeURIComponent(mdDiv.textContent)}`;
|
|
12
|
170 }
|
|
9
|
171 }
|
|
|
172 }
|
