*** empty log message ***
[m17n/m17n-lib-js.git] / mim.js
1 // -* coding: utf-8; -*
2
3 var MIM = {};
4
5 // URL of the input method server.
6 MIM.server = "http://www.m17n.org/common/mim-js",
7 // Boolean flag to tell if MIM is active or not.
8 MIM.enabled = true;
9 // Boolean flag to tell if MIM is running in debug mode or not.
10 MIM.debug = false;
11 // List of registered input methods.
12 MIM.list = new Array ();
13 // Currently selected input method.
14 MIM.current_im = false;
15
16 MIM.im = function (lang, name, filename)
17 {
18   this.status = 0; /* 0: not-yet-loaded, 1:loading, 2:loaded, -1:error */
19   this.url = MIM.server + "/" + filename;
20   this.lang = lang;
21   this.name = name;
22   this.keymap = false;
23   this.body = null;
24
25   function add_keystring (map, keystring, str)
26   {
27     var i, c;
28     var newmap;
29     var intermediate_string = "";
30
31     for (i = 0; i < keystring.length; i++)
32     {
33       c = keystring.charAt (i);
34       if (c in map)
35         {
36           map = map[c];
37           if ('_target_text' in map)
38             intermediate_string = map['_target_text'];
39           else
40             intermediate_string += c;
41         }
42       else
43         {
44           newmap = new Array ();
45           map[c] = newmap;
46           map['_has_child'] = true;
47           map = newmap;
48           intermediate_string += c;
49           map['_target_text'] = intermediate_string;
50         }
51     }
52     map['_target_text'] = str;
53   }
54
55   this.lookup = function (keyseq, limit)
56   {
57     var map = this.keymap;
58
59     if (limit > keyseq.length)
60       limit = keyseq.length;
61     for (var i = 0; i < limit; i++)
62       {
63         var c = keyseq[i];
64         if (! (c in map))
65           return i;
66         map = map[c];
67       }
68     return map;
69   }
70
71   this.load_map = function (mapdef)
72   {
73     this.keymap = new Array ();
74     for (var keystring in mapdef)
75       add_keystring (this.keymap, keystring, mapdef[keystring]);
76   }
77
78   this.load_map_node = function ()
79   {
80     this.keymap = new Array ();
81     var maps = this.body.getElementsByTagName ('map');
82     var map = maps[0];
83     var rules = map.getElementsByTagName ('rule');
84     for (var i = 0; i < rules.length; i++)
85       {
86         var rule = rules[i];
87         var keyseq_elm = MIM.first_element (rule);
88         var keystring = keyseq_elm.attributes[0].nodeValue;
89         var insert_elm = MIM.next_element (rule);
90         var str = insert_elm.attributes[0].nodeValue;
91         add_keystring (this.keymap, keystring, str);
92       }
93   }
94 };
95
96 MIM.error_return = function (msg, ret)
97 {
98   alert (msg);
99   return ret;
100 }
101
102 MIM.first_element = function (node)
103 {
104   node.mim_index = 0;
105   return MIM.next_element (node);
106 }
107
108 MIM.next_element = function (node)
109 {
110   var element = node.childNodes[node.mim_index++];
111   while (element && element.nodeType != 1)
112     element = node.childNodes[node.mim_index++];
113   return element;
114 }
115
116 MIM.check_map = function (im, map)
117 {
118   var rules = map.getElementsByTagName ('rule');
119   var len = rules.length;
120   
121   for (var i = 0; i < len; i++)
122     {
123       var rule = rules[i];
124       var elm = MIM.first_element (rule);
125
126       if (!elm || elm.nodeName != 'keyseq')
127         return false;
128       while ((elm = MIM.next_element (rule)))
129         if (elm.nodeName != 'insert')
130           return false;
131     }
132   return true;
133 }
134
135 MIM.check_state = function (im, state)
136 {
137   var branches = state.getElementsByTagName ('branch');
138   var len = branches.length;
139
140   for (var i = 0; i < len; i++)
141     {
142       var branch = branches[i];
143       var elm = MIM.first_element (branch);
144
145       if (elm)
146         return false;
147     }
148   return true;
149 }
150
151 MIM.parse = function (im)
152 {
153   var maps = im.body.getElementsByTagName ('map');
154   var states = im.body.getElementsByTagName ('state');
155   var str = "";
156   var i;
157
158   if (! maps || maps.length == 0)
159     MIM.error_return ('No map', false);
160   if (! states)
161     MIM.error_return ('No state', false);
162   for (i = 0; i < maps.length; i++)
163     if (! MIM.check_map (im, maps[i]))
164       MIM.error_return ('Unsupported directive in map', false);
165   for (var i = 0; i < states.length; i++)
166     if (! MIM.check_state (im, states[i]))
167       MIM.error_return ('Unsupported directive in state', false);
168   im.load_map_node ();
169   return true;
170 }
171
172 MIM.register = function (lang, name, url)
173 {
174   var im = new MIM.im (lang, name, url);
175   if (! (lang in MIM.list))
176     MIM.list[lang] = new Array ();
177   MIM.list[lang][name] = im;
178   return im;
179 };
180
181 MIM.find = function (lang, name)
182 {
183   if (! (lang in MIM.list))
184     return false;
185   if (! (name in MIM.list[lang]))
186     return false;
187   return MIM.list[lang][name];
188 };
189
190 MIM.load_async = function (im)
191 {
192   var obj = (window.XMLHttpRequest ? new XMLHttpRequest ()
193              : window.ActiveXObject ? new ActiveXObject ("Msxml2.XMLHTTP")
194              : null);
195
196   if (! obj)
197     alert ("XMLHttpRequest not supported");
198   obj.open ('GET', im.url, true);
199   im.status = 1; /* loading */
200   obj.onreadystatechange = function () { 
201     if (obj.readyState == 4)
202       {
203         try {
204           eval (obj.responseText);
205           im.status = 2; /* loaded */
206         } catch (e) {
207           alert ("load error:" + e.message + " at " + e.lineNumber
208                  + " " + obj.responseText);
209           im.status = -1; /* load fail */
210         }
211       }
212   };
213   obj.send (null);
214   return im;
215 };
216
217 MIM.load_sync = function (im)
218 {
219   var obj = (window.XMLHttpRequest ? new XMLHttpRequest ()
220              : window.ActiveXObject ? new ActiveXObject ("Msxml2.XMLHTTP")
221              : null);
222
223   if (! obj)
224     alert ("XMLHttpRequest not supported");
225   obj.open ('GET', 'latn-post.mimx', false);
226   obj.overrideMimeType ('text/xml');
227   obj.send ("");
228   im.body = obj.responseXML;
229   document.AnXml = im.body;
230   if (MIM.parse (im))
231     return im;
232   alert (im.parse_error);
233   return false;
234 };
235
236 MIM.load = function (im)
237 {
238   var s = document.createElement ('script');
239
240   s.charset = 'UTF-8';
241   s.src = im.url;
242   document.body.appendChild (s);
243   document.body.removeChild (s);
244   im.status = 2;
245   return im;
246 };
247
248 MIM.add_event_listener
249   = (window.addEventListener
250      ? function (target, type, listener) {
251        target.addEventListener (type, listener, false);
252      }
253      : window.attachEvent
254      ? function (target, type, listener) {
255        target.attachEvent ('on' + type,
256                            function() {
257                              listener.call (target, window.event);
258                            });
259      }
260      : function (target, type, listener) {
261        target['on' + type]
262          = function (e) { listener.call (target, e || window.event); };
263      });
264
265 (function () {
266   var keys = new Array ();
267   keys[0x09] = 'tab';
268   keys[0x08] = 'backspace';
269   keys[0x0D] = 'return';
270   keys[0x1B] = 'escape';
271   keys[0x20] = 'space';
272   keys[0x21] = 'pageup';
273   keys[0x22] = 'pagedown';
274   keys[0x23] = 'end';
275   keys[0x24] = 'home';
276   keys[0x25] = 'left';
277   keys[0x26] = 'up';
278   keys[0x27] = 'right';
279   keys[0x28] = 'down';
280   keys[0x2D] = 'insert';
281   keys[0x2E] = 'delete';
282   for (var i = 1; i <= 12; i++)
283     keys[111 + i] = "f" + i;
284   keys[0x90] = "numlock";
285   keys[0xF0] = "capslock";
286   MIM.special_key = keys;
287 }) ();
288
289 MIM.decode_key = function (event)
290 {
291   var key = ((event.type == 'keydown' || event.keyCode) ? event.keyCode
292              : event.charCode ? event.charCode
293              : false);
294   if (! key)
295     return false;
296   if (event.type == 'keydown')
297     {
298       key = MIM.special_key[key];
299       if (! key)
300         return false;
301       if (event.shiftKey) key = "S-" + key ;
302       }
303   else
304     key = String.fromCharCode (key);
305   if (event.altKey) key = "A-" + key ;
306   if (event.ctrlKey) key = "C-" + key ;
307   return key;
308 };
309
310 MIM.debug_print = function (event, ic)
311 {
312   if (! MIM.debug)
313     return;
314   if (! MIM.debug_nodes)
315     {
316       MIM.debug_nodes = new Array ();
317       MIM.debug_nodes['status'] = document.getElementById ('status');
318       MIM.debug_nodes['range'] = document.getElementById ('range');
319       MIM.debug_nodes['keydown'] = document.getElementById ('keydown');
320       MIM.debug_nodes['keypress'] = document.getElementById ('keypress');
321       MIM.debug_nodes['keyseq'] = document.getElementById ('keyseq');
322     }
323   var target = event.target;
324   var code = event.keyCode;
325   var ch = event.type == 'keydown' ? 0 : event.charCode;
326   var key = MIM.decode_key (event);
327   var keyseq = "";
328
329   MIM.debug_nodes[event.type].innerHTML = "" + code + "/" + ch + " : " + key;
330   MIM.debug_nodes['status'].innerHTML = ic.im.status;
331   for (var i = 0; i < ic.keyseq.length; i++)
332     keyseq += ic.keyseq[i];
333   MIM.debug_nodes['keyseq'].innerHTML = keyseq + ":" + ic.keyseq.length;
334   MIM.debug_nodes['range'].innerHTML = "" + ic.range[0] + "," + ic.range[1];;
335 };
336
337 MIM.get_range = function (target, range)
338 {
339   if (target.selectionStart != null)
340     {
341       // for Mozilla
342       range[0] = target.selectionStart;
343       range[1] = target.selectionEnd;
344       return true;
345     }
346   if (document.selection != null)
347     {
348       target.focus();
349
350       var range = document.selection.createRange ();
351       var bookmark = range.getBookmark ();
352       var value = target.value;
353       var saved_value = value;
354       var marker = "_#_MARKER_#_";
355       while (value.indexOf (marker) != -1)
356         marker += "#_";
357       var parent = range.parentElement ();
358       if (parent == null || parent.type != "textarea")
359         {
360           range[0] = range[1] = 0;
361         }
362       else
363         {
364           range.text = marker + range.text + marker;
365           contents = this.element.value;
366           range[0] = contents.indexOf (marker);
367           contents = contents.replace(marker, "");
368           range[1] = contents.indexOf(marker);
369           target.value = originalContents;
370           range.moveToBookmark (bookmark);
371           range.select ();
372         }
373       return true;
374     }
375   return false;
376 };
377
378 MIM.set_caret = function (target, pos)
379 {
380   if(/*@cc_on ! @*/ false)      // IE
381     {
382       var range = target.createTextRange ();
383       range.move ('character', pos);
384       ranges.elect ();
385       return true;
386     }
387   if (target.selectionStart != null) // Mozilla
388     {
389       target.focus ();
390       target.setSelectionRange (pos, pos);
391       return true;
392     }
393   // Unknown
394   target.focus ();
395   return false;
396 };
397
398 MIM.ic = function (im, target)
399 {
400   this.im = im;
401   this.target = target;
402   this.key = false;
403   this.keyseq = new Array ();
404   this.range = new Array (-1, -1);
405   return this;
406 };
407
408 MIM.ic.prototype.reset = function ()
409 {
410   this.key = false;
411   while (this.keyseq.length > 0)
412     this.keyseq.pop ();
413   this.range[0] = this.range[1] = -1;
414 };
415
416 MIM.ic.prototype.check_caret = function ()
417 {
418   var from = this.range[0];
419   var to = this.range[1];
420
421   MIM.get_range (this.target, this.range);
422   if (from >= 0)
423     {
424       if (this.range[0] != this.range[1] || to != this.range[0])
425         this.reset ();
426       else
427         this.range[0] = from;
428     }
429 };
430
431 MIM.insert = function (ic, insert)
432 {
433   var text = ic.target.value;
434   ic.target.value = (text.substring (0, ic.range[0])
435                      + insert
436                      + text.substring (ic.range[1]));
437   ic.range[1] = ic.range[0] + insert.length;
438   MIM.set_caret (ic.target, ic.range[1]);
439 };
440
441 function keyseq_string (keyseq)
442 {
443   var str = "";
444   for (var i = 0; i < keyseq.length; i++)
445     str += keyseq[i];
446   return str;
447 }
448
449 MIM.handle_keyseq = function (event, ic)
450 {
451   var map = ic.im.lookup (ic.keyseq, 1000);
452   if (map instanceof Array)
453     {
454       MIM.insert (ic, map['_target_text']);
455       if (! ('_has_child' in map))
456         ic.reset ();
457       event.preventDefault ();
458       //document.getElementById ('text').value
459       //= keyseq_string (ic.keyseq) + " handled";
460     }
461   else if (map > 0)
462     {
463       MIM.insert (ic, ic.im.lookup (ic.keyseq, map)['_target_text']);
464       while (map > 0)
465         {
466           ic.keyseq.shift ();
467           map--;
468         }
469       ic.range[0] = ic.range[1];
470       if (ic.keyseq.length > 0)
471         MIM.handle_keyseq (event, ic);
472     }
473   else
474     {
475       ic.reset ();
476       //document.getElementById ('text').value
477       //= keyseq_string (ic.keyseq) + " unhandled";
478     }
479 };
480
481 MIM.reset_ic = function (event)
482 {
483   var ic = event.target.mim_ic;
484   if (ic)
485     ic.reset ();
486 };
487
488 MIM.keydown = function (event)
489 {
490   if (! (event.target.type == "text" || event.target.type == "textarea"))
491     return;
492
493   var ic = event.target.mim_ic;
494   if (! ic || ic.im != MIM.current_im)
495     {
496       ic = new MIM.ic (MIM.current_im, event.target);
497       event.target.mim_ic = ic;
498     }
499   MIM.add_event_listener (event.target, 'blur', MIM.reset_ic);
500   MIM.debug_print (event, ic);
501   if (ic.im.status < 0)
502     return;
503   ic.check_caret ();
504   ic.key = MIM.decode_key (event);
505 };
506
507 MIM.keypress = function (event)
508 {
509   if (! (event.target.type == "text" || event.target.type == "textarea"))
510     return;
511
512   var ic = event.target.mim_ic;
513   var i;
514
515   MIM.debug_print (event, ic);
516   if (ic.im.status < 0)
517     return;
518   if (! ic.key)
519     ic.key = MIM.decode_key (event);
520   if (! ic.key)
521     {
522       ic.reset ();
523       return;
524     }
525   ic.keyseq.push (ic.key);
526   if (ic.im.status == 1) // Still loading.
527     return;
528   MIM.handle_keyseq (event, ic);
529   return;
530 };
531
532 MIM.select_im = function (event)
533 {
534   var target = event.target.parentNode;
535   while (target.tagName != "SELECT")
536     target = target.parentNode;
537   var idx = 0;
538   var im = false;
539   for (var lang in MIM.list)
540     for (var name in MIM.list[lang])
541       if (idx++ == target.selectedIndex)
542         {
543           im = MIM.list[lang][name];
544           break;
545         }
546   document.getElementsByTagName ('body')[0].removeChild (target);
547   target.target.focus ();
548   if (im && im != MIM.current_im)
549     MIM.current_im = MIM.load (im);
550 };
551
552 MIM.destroy_menu = function (event)
553 {
554   if (event.target.tagName == "SELECT")
555     document.getElementsByTagName ('body')[0].removeChild (event.target);
556 };
557
558 MIM.select_menu = function (event)
559 {
560   var target = event.target;
561
562   if (! ((target.type == "text" || target.type == "textarea")
563          && event.which == 1 && event.ctrlKey))
564     return;
565
566   var sel = document.createElement ('select');
567   sel.onclick = MIM.select_im;
568   sel.onmouseout = MIM.destroy_menu;
569   sel.style.position='absolute';
570   sel.style.left = (event.clientX - 10) + "px";
571   sel.style.top = (event.clientY - 10) + "px";
572   sel.target = target;
573   var idx = 0;
574   for (var lang in MIM.list)
575     for (var name in MIM.list[lang])
576       {
577         var option = document.createElement ('option');
578         var imname = lang + "-" + name;
579         option.appendChild (document.createTextNode (imname));
580         option.value = imname;
581         sel.appendChild (option);
582         if (MIM.list[lang][name] == MIM.current_im)
583           sel.selectedIndex = idx;
584         idx++;
585       }
586   sel.size = idx;
587   document.getElementsByTagName ('body')[0].appendChild (sel);
588 };
589
590 MIM.init = function ()
591 {
592   MIM.add_event_listener (window, 'keydown', MIM.keydown);
593   MIM.add_event_listener (window, 'keypress', MIM.keypress);
594   MIM.add_event_listener (window, 'mousedown', MIM.select_menu);
595   if (window.location == 'http://localhost/mim/index.html')
596     MIM.server = 'http://localhost/mim';
597   MIM.current_im = MIM.register ('latin', 'post', 'latn-post.js');
598   MIM.register ('th', 'kesmanee', 'th-kesmanee.js');
599   MIM.load_sync (MIM.current_im);
600 };
601
602 MIM.init_debug = function ()
603 {
604   MIM.debug = true;
605   MIM.init ();
606 };