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['keydown'] = document.getElementById ('keydown');
 318       MIM.debug_nodes['keypress'] = document.getElementById ('keypress');
 319       MIM.debug_nodes['status0'] = document.getElementById ('status0');
 320       MIM.debug_nodes['status1'] = document.getElementById ('status1');
 321       MIM.debug_nodes['keyseq0'] = document.getElementById ('keyseq0');
 322       MIM.debug_nodes['keyseq1'] = document.getElementById ('keyseq1');
 323       MIM.debug_nodes['range0'] = document.getElementById ('range0');
 324       MIM.debug_nodes['range1'] = document.getElementById ('range1');
 325     }
 326   var target = event.target;
 327   var code = event.keyCode;
 328   var ch = event.type == 'keydown' ? 0 : event.charCode;
 329   var key = MIM.decode_key (event);
 330   var keyseq = "";
 331   var index;
 332
 333   MIM.debug_nodes[event.type].innerHTML = "" + code + "/" + ch + " : " + key;
 334   index = (event.type == 'keydown' ? '0' : '1');
 335   MIM.debug_nodes['status' + index].innerHTML = ic.im.status;
 336   for (var i = 0; i < ic.keyseq.length; i++)
 337     keyseq += ic.keyseq[i];
 338   MIM.debug_nodes['keyseq' + index].innerHTML
 339     = keyseq + ":" + ic.keyseq.length;
 340   MIM.debug_nodes['range' + index].innerHTML
 341     = "" + ic.range[0] + ":" + ic.range[1];
 342 };
 343
 344 MIM.get_range = function (target, range)
 345 {
 346   if (target.selectionStart != null) // for Mozilla
 347     {
 348       range[0] = target.selectionStart;
 349       range[1] = target.selectionEnd;
 350     }
 351   else                          // for IE
 352     {
 353       var r = document.selection.createRange ();
 354       var rr = r.duplicate ();
 355
 356       rr.moveToElementText (target);
 357       rr.setEndPoint ('EndToEnd', range);
 358       range[0] = rr.text.length - r.text.length;
 359       range[1] = rr.text.length;
 360     }
 361 }
 362
 363 MIM.set_caret = function (target, pos)
 364 {
 365   if (target.selectionStart != null) // Mozilla
 366     {
 367       target.focus ();
 368       target.setSelectionRange (pos, pos);
 369     }
 370   else                          // IE
 371     {
 372       var range = target.createTextRange ();
 373       range.move ('character', pos);
 374       range.select ();
 375     }
 376 };
 377
 378 MIM.ic = function (im, target)
 379 {
 380   this.im = im;
 381   this.target = target;
 382   this.key = false;
 383   this.keyseq = new Array ();
 384   this.range = new Array (0, 0);
 385   return this;
 386 };
 387
 388 MIM.ic.prototype.reset = function ()
 389 {
 390   this.key = false;
 391   while (this.keyseq.length > 0)
 392     this.keyseq.pop ();
 393 };
 394
 395 MIM.ic.prototype.check_range = function ()
 396 {
 397   var from = this.range[0], to = this.range[1];
 398
 399   MIM.get_range (this.target, this.range);
 400   if (this.range[0] != this.range[1] || to != this.range[1])
 401     this.reset ();
 402   else
 403     this.range[0] = from;
 404 };
 405
 406 MIM.insert = function (ic, insert)
 407 {
 408   var text = ic.target.value;
 409   ic.target.value = (text.substring (0, ic.range[0])
 410                      + insert
 411                      + text.substring (ic.range[1]));
 412   ic.range[1] = ic.range[0] + insert.length;
 413   MIM.set_caret (ic.target, ic.range[1]);
 414 };
 415
 416 function keyseq_string (keyseq)
 417 {
 418   var str = "";
 419   for (var i = 0; i < keyseq.length; i++)
 420     str += keyseq[i];
 421   return str;
 422 }
 423
 424 MIM.handle_keyseq = function (event, ic)
 425 {
 426   var map = ic.im.lookup (ic.keyseq, 1000);
 427   if (map instanceof Array)
 428     {
 429       MIM.insert (ic, map['_target_text']);
 430       if (! ('_has_child' in map))
 431         {
 432           ic.reset ();
 433           ic.range[0] = ic.range[1];
 434         }
 435       event.preventDefault ();
 436       //document.getElementById ('text').value
 437       //= keyseq_string (ic.keyseq) + " handled";
 438     }
 439   else if (map > 0)
 440     {
 441       MIM.insert (ic, ic.im.lookup (ic.keyseq, map)['_target_text']);
 442       while (map > 0)
 443         {
 444           ic.keyseq.shift ();
 445           map--;
 446         }
 447       ic.range[0] = ic.range[1];
 448       if (ic.keyseq.length > 0)
 449         MIM.handle_keyseq (event, ic);
 450     }
 451   else
 452     {
 453       ic.reset ();
 454       //document.getElementById ('text').value
 455       //= keyseq_string (ic.keyseq) + " unhandled";
 456     }
 457 };
 458
 459 MIM.reset_ic = function (event)
 460 {
 461   var ic = event.target.mim_ic;
 462   if (ic)
 463     ic.reset ();
 464 };
 465
 466 MIM.keydown = function (event)
 467 {
 468   var target = event.target;
 469   if (! (target.type == "text" || target.type == "textarea"))
 470     return;
 471
 472   var ic = target.mim_ic;
 473   if (! ic || ic.im != MIM.current_im)
 474     {
 475       ic = new MIM.ic (MIM.current_im, target);
 476       target.mim_ic = ic;
 477       MIM.add_event_listener (target, 'blur', MIM.reset_ic);
 478     }
 479   if (ic.im.status < 0)
 480     return;
 481   ic.check_range ();
 482   MIM.debug_print (event, ic);
 483   ic.key = MIM.decode_key (event);
 484 };
 485
 486 MIM.keypress = function (event)
 487 {
 488   if (! (event.target.type == "text" || event.target.type == "textarea"))
 489     return;
 490
 491   var ic = event.target.mim_ic;
 492   var i;
 493
 494   try {
 495     if (ic.im.status < 0)
 496       return;
 497     if (! ic.key)
 498       ic.key = MIM.decode_key (event);
 499     if (! ic.key)
 500       {
 501         ic.reset ();
 502         return;
 503       }
 504     ic.keyseq.push (ic.key);
 505     if (ic.im.status == 1) // Still loading.
 506       return;
 507     MIM.handle_keyseq (event, ic);
 508   } finally {
 509     MIM.debug_print (event, ic);
 510   }
 511   return;
 512 };
 513
 514 MIM.select_im = function (event)
 515 {
 516   var target = event.target.parentNode;
 517   while (target.tagName != "SELECT")
 518     target = target.parentNode;
 519   var idx = 0;
 520   var im = false;
 521   for (var lang in MIM.list)
 522     for (var name in MIM.list[lang])
 523       if (idx++ == target.selectedIndex)
 524         {
 525           im = MIM.list[lang][name];
 526           break;
 527         }
 528   document.getElementsByTagName ('body')[0].removeChild (target);
 529   target.target.focus ();
 530   if (im && im != MIM.current_im)
 531     MIM.current_im = MIM.load (im);
 532 };
 533
 534 MIM.destroy_menu = function (event)
 535 {
 536   if (event.target.tagName == "SELECT")
 537     document.getElementsByTagName ('body')[0].removeChild (event.target);
 538 };
 539
 540 MIM.select_menu = function (event)
 541 {
 542   var target = event.target;
 543
 544   if (! ((target.type == "text" || target.type == "textarea")
 545          && event.which == 1 && event.ctrlKey))
 546     return;
 547
 548   var sel = document.createElement ('select');
 549   sel.onclick = MIM.select_im;
 550   sel.onmouseout = MIM.destroy_menu;
 551   sel.style.position='absolute';
 552   sel.style.left = (event.clientX - 10) + "px";
 553   sel.style.top = (event.clientY - 10) + "px";
 554   sel.target = target;
 555   var idx = 0;
 556   for (var lang in MIM.list)
 557     for (var name in MIM.list[lang])
 558       {
 559         var option = document.createElement ('option');
 560         var imname = lang + "-" + name;
 561         option.appendChild (document.createTextNode (imname));
 562         option.value = imname;
 563         sel.appendChild (option);
 564         if (MIM.list[lang][name] == MIM.current_im)
 565           sel.selectedIndex = idx;
 566         idx++;
 567       }
 568   sel.size = idx;
 569   document.getElementsByTagName ('body')[0].appendChild (sel);
 570 };
 571
 572 MIM.init = function ()
 573 {
 574   MIM.add_event_listener (window, 'keydown', MIM.keydown);
 575   MIM.add_event_listener (window, 'keypress', MIM.keypress);
 576   MIM.add_event_listener (window, 'mousedown', MIM.select_menu);
 577   if (window.location == 'http://localhost/mim/index.html')
 578     MIM.server = 'http://localhost/mim';
 579   MIM.current_im = MIM.register ('latin', 'post', 'latn-post.js');
 580   MIM.register ('th', 'kesmanee', 'th-kesmanee.js');
 581   MIM.load (MIM.current_im);
 582 };
 583
 584 MIM.init_debug = function ()
 585 {
 586   MIM.debug = true;
 587   MIM.init ();
 588 };