☰

QR-Plugins.IMG.WrapBBCode

plugins for Kaskus-QR, wrap all image link with img bbcode

  1. // ==UserScript==
  2. // @name          QR-Plugins.IMG.WrapBBCode
  3. // @namespace     http://userscripts.org/scripts/show/QR-Plugins.IMG.AutoBBCode
  4. // @include        *.kaskus.co.id/thread/*
  5. // @include        *.kaskus.co.id/lastpost/*
  6. // @include        *.kaskus.co.id/post/*
  7. // @include        *.kaskus.co.id/group/discussion/*
  8. // @include        *.kaskus.co.id/show_post/*
  9. // @version       0.2
  10. // @dtversion     1404260002
  11. // @timestamp     1398458678447
  12. // @qrversion     4.0
  13. // @description   plugins for Kaskus-QR, wrap all image link with img bbcode
  14. // @author        tuxie.forte;
  15. // @license       (CC) by-nc-sa 3.0
  16. //
  17. // -!--latestupdate
  18. //
  19. // v0.2 - 2014-04-26
  20. //  subdom regex
  21. //
  22. // -/!latestupdate---
  23. //
  24. // v0.1 - 2014-04-14
  25. //  init
  26. //
  27. // ==/UserScript==
  28. //
  29.  
  30. (function(){
  31. // Initialize Global Variables
  32. var gvar=function() {};
  33.  
  34. /*
  35. window.alert(new Date().getTime());
  36. */
  37. //========-=-=-=-=--=========
  38. gvar.__DEBUG__ = !1; // development
  39. //========-=-=-=-=--=========
  40.  
  41.  
  42. // this is where we re-initialize before we trigger start_Main()
  43. // any huge global var or loading any saved value may start in here too
  44. function init_start(){
  45.     gvar.B = rSRC.getSetOf('button');
  46.     gvar.tID = "reply-messsage";
  47.  
  48.     // gvar.supportExt = '*';
  49.     gvar.supportExt = 'gif,jpg,jpeg,png,pneg';
  50.     
  51.     
  52.     start_Main();
  53. }
  54.  
  55. function handleClick(){
  56.   var vBText = _TEXT.init();
  57.   var re, isImg, ucok, textcontent = vBText.content;
  58.   var extpat = ( gvar.supportExt == '*' ? "[\\w]+" : gvar.supportExt.split(",").join("|") );
  59.   var imgStrRgx = "\\b(https?:\\/\\/(?:[a-z0-9\\-]+\\.)+[a-z]{2,6}(?:\\/[^/#?\\n]+)+\\.(?:"+extpat+"))\\b";
  60.  
  61.   isImg = new RegExp(imgStrRgx, "gi");
  62.   re = new RegExp("(.[^\\n\\]\\[]+|^\\W|^)"+imgStrRgx+"([\\]\\[]+)?", "gim");
  63.   clog( re );
  64.  
  65.   if( re.test( textcontent ) ){
  66.     // let parse..
  67.     var parser = function parser(S, $1, $imglink, $3){
  68.       var sbf='', prefix = (isDefined($1) && $1 ? $1.toUpperCase() : '');
  69.       if( isUndefined($3) )
  70.         $3 = '';
  71.       if( isUndefined($1) )
  72.         $1 = '';
  73.  
  74.       clog("\nS="+S+';prefix='+prefix+';imglink='+$imglink+';$3='+$3+"\n");
  75.  
  76.       if( $3 && (!prefix || (prefix == '[URL=' && $3 == ']')) ){
  77.  
  78.         return S; // ignored
  79.  
  80.       }
  81.       else{
  82.         if( isImg.test(trimStr(S)) )
  83.           return S.replace(isImg, function(S, $$1){
  84.             return '[IMG]'+$$1+'[/IMG]';
  85.           });
  86.         else
  87.           return $1+'[IMG]'+($imglink ? $imglink : S)+'[/IMG]'+$3;
  88.       }
  89.     };
  90.  
  91.     var tmp = textcontent.replace(re, parser);
  92.     if( tmp != textcontent ) 
  93.       vBText.set( tmp );
  94.   }
  95. }
  96.  
  97.  
  98. // =====
  99. // START
  100. function start_Main(){
  101.   var par = gID(gvar.qr_identity);
  102.   var inp, span;
  103.  
  104.   if( par ){
  105.     // this span container needed if we have to wrap popup menu with absolute position
  106.     span = createEl('span', {style:'display:inline-block'});
  107.     Dom.add(span, par);
  108.  
  109.     inp = createEl('img', {id:'btn_autoimgbbcode', 'src':gvar.B.txtflip_gif, style:'vertical-align:bottom;', alt:'[imgautobbcode]', title:'IMG.AutoBBCode'});
  110.     _o('click', inp, function(e){return handleClick(e)} );
  111.     Dom.add(inp, span);
  112.   }
  113. }
  114.  
  115.  
  116.  
  117. // -
  118. // -
  119. // -
  120. // -
  121. //========= 
  122. // code below should adapting current QR Engine for this plugins works
  123. // leave code below as wot it is, as long you know what todo
  124. //========= Common Functions && Global Var Init ====
  125. // static routine
  126. function isDefined(x)   { return !(x == null && x !== null); }
  127. function isUndefined(x) { return x == null && x !== null; }
  128. function isString(x) { return (typeof(x)!='object' && typeof(x)!='function'); }
  129. function trimStr(x) { return x.replace(/^\s+|\s+$/g,""); };
  130.  
  131. function _o(m,e,f){Dom.Ev(e,m,function(e){typeof(f)=='function'?f(e):void(0)});}
  132. function gID(x) { return document.getElementById(x) }
  133. function addClass(cName, Obj){
  134.   if(cName=="") return;
  135.   var neocls = (Obj.className ? Obj.className : '');
  136.   if(neocls.indexOf(cName)!=-1) return;
  137.   neocls+=(neocls!=''?' ':'')+cName;
  138.   Obj.setAttribute('class', neocls);
  139. }
  140. function removeClass(cName, Obj){
  141.   if(cName=="") return;
  142.   var neocls = (Obj.className ? Obj.className : '');
  143.   neocls = trimStr ( neocls.replace(cName,"") ); // replace and trim
  144.   Obj.setAttribute('class', neocls);
  145. }
  146. function SimulateMouse(elem,event,preventDef) {
  147.   if(typeof(elem)!='object') return;
  148.   var evObj = document.createEvent('MouseEvents');
  149.   preventDef=(isDefined(preventDef) && preventDef ? true : false);
  150.   evObj.initEvent(event, preventDef, true);
  151.   try{elem.dispatchEvent(evObj);}
  152.   catch(e){}
  153. }
  154. function createEl(type, attrArray, html){
  155.  var node = document.createElement(type);
  156.  for (var attr in attrArray) 
  157.    if (attrArray.hasOwnProperty(attr))
  158.     node.setAttribute(attr, attrArray[attr]);
  159.  if(html) node.innerHTML = html;
  160.    return node;
  161. }
  162.  
  163. // Get Elements
  164. var $D=function (q, root, single) {
  165.   if (root && typeof root == 'string') {
  166.       root = $D(root, null, true);
  167.       if (!root) { return null; }
  168.   }
  169.   if( !q ) return false;
  170.   if ( typeof q == 'object') return q;
  171.   root = root || document;
  172.   if (q[0]=='/' || (q[0]=='.' && q[1]=='/')) {
  173.       if (single) { return document.evaluate(q, root, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; }
  174.       return document.evaluate(q, root, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  175.   }
  176.   else if (q[0]=='.') { return root.getElementsByClassName(q.substr(1)); }
  177.   else { return root.getElementById( (q[0]=='#' ? q.substr(1):q.substr(0)) ); }
  178.   return root.getElementsByTagName(q);
  179. };
  180. // utk add - remove element
  181. var Dom = {
  182.   g: function(el) {
  183.    if(!el) return false;
  184.    return ( isString(el) ? document.getElementById(el) : el );
  185.   },
  186.   add: function(el, dest) {    
  187.     var el = this.g(el);
  188.     var dest = this.g(dest);
  189.     if(el && dest) dest.appendChild(el);
  190.   },
  191.   remove: function(el) {
  192.     var el = this.g(el);
  193.     if(el && el.parentNode)
  194.       el.parentNode.removeChild(el);
  195.   },
  196.   Ev: function() {
  197.     if (window.addEventListener) {
  198.       return function(el, type, fn, ph) {
  199.         if(typeof(el)=='object')
  200.          this.g(el).addEventListener(type, function(e){fn(e);}, (isUndefined(ph) ? false : ph));
  201.       };      
  202.     }else if (window.attachEvent) {
  203.       return function(el, type, fn) {
  204.         var f = function() { fn.call(this.g(el), window.event); };
  205.         this.g(el).attachEvent('on' + type, f);
  206.       };
  207.     }
  208.   }()
  209. };
  210.  
  211. var _TEXT = {
  212.   e : null, eNat : null,
  213.   content   : "",
  214.   cursorPos   : [],
  215.   last_scrollTop: 0,
  216.   init: function() {
  217.     this.eNat = gID(gvar.tID);
  218.     this.content = this.eNat.value;
  219.     this.cursorPos = _TEXT.rearmPos(); // [start, end]
  220.     
  221.     this.last_scrollTop = gID(gvar.tID).scrollTop; // last scrolltop pos  
  222.     return this;
  223.   },
  224.   rearmPos: function(){ return [this.getCaretPos(), gID(gvar.tID).selectionEnd]; },
  225.   subStr: function(start, end){ return this.content.substring(start, end);},
  226.   set: function(value){
  227.     
  228.     gID(gvar.tID).value = this.content = value; 
  229.     _TEXT.setRows_Elastic();
  230.     _TEXT.init();
  231.  
  232.   },
  233.   wrapValue : function(tag, title){
  234.     var st2, start=this.cursorPos[0], end=this.cursorPos[1],bufValue;
  235.     tag = tag.toUpperCase();    
  236.     bufValue = this.subStr(0, start) + 
  237.       '['+tag+(title?'='+title:'')+']' + 
  238.       (start==end ? '' : this.subStr(start, end)) + 
  239.       '[/'+tag+']' + this.subStr(end, this.content.length);
  240.     
  241.     this.set(bufValue);
  242.     st2 = (start + ('['+tag+(title?'='+title:'')+']').length);
  243.     this.setCaretPos( st2, st2 + this.subStr(start, end).length );    
  244.     if(this.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  245.     return bufValue; 
  246.   },
  247.   add: function(text){ // used on fetch post only
  248.     var newline = '\n\n';
  249.     if( gID(gvar.tID).value != "" )
  250.       this.content+= newline;
  251.     gID(gvar.tID).value = ( this.content + text );
  252.     
  253.     setTimeout(function(){
  254.       _TEXT.lastfocus();
  255.     }, 200);
  256.   },
  257.   // ptpos stand to puretext position [start, end]
  258.   setValue : function(text, ptpos){
  259.     var start=this.cursorPos[0], end=this.cursorPos[1];
  260.     if(isUndefined(ptpos)) ptpos=[text.length,text.length];
  261.     if(start!=end) {
  262.       this.replaceSelected(text,ptpos);
  263.       return;
  264.     }
  265.     var bufValue = this.subStr(0, start) + text + this.subStr(start, this.content.length);
  266.     this.set(bufValue);
  267.     // fix chrome weird
  268.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  269.     if(_TEXT.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  270.     return bufValue; 
  271.   },
  272.   replaceSelected : function(text, ptpos){
  273.     var start=this.cursorPos[0], end=this.cursorPos[1];
  274.     if(start==end) return;    
  275.     var bufValue = this.subStr(0, start) + text + this.subStr(end, this.content.length);
  276.     this.set(bufValue);
  277.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  278.     if( _TEXT.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  279.   },
  280.   pracheck: function(foc){
  281.     if( isUndefined(foc) )
  282.       foc = true;
  283.     
  284.     _TEXT.setElastic(gvar.maxH_editor);
  285.     if( gID(gvar.tID).value !="" )
  286.       gID('clear_text').style.setProperty('display', 'block');
  287.     else
  288.       gID('clear_text').style.setProperty('display', 'none');
  289.     if(foc) setTimeout(function(){
  290.       _TEXT.focus();
  291.     }, 200);
  292.   },
  293.   focus: function(){ 
  294.     gID(gvar.tID).focus() 
  295.   },
  296.   lastfocus: function (){
  297.     var eText, nl, pos, txt = String(gID(gvar.tID).value); // use the actual content
  298.     pos = txt.length;   
  299.     nl = txt.split('\n');
  300.     nl = nl.length;
  301.     pos+= (nl * 2);   
  302.     eText = gID(gvar.tID);
  303.     if( eText.setSelectionRange ) {
  304.       _TEXT.focus();
  305.       eText.setSelectionRange(pos,pos);
  306.     }
  307.     setTimeout(function(){ _TEXT.focus() } , 310);
  308.   },
  309.   getSelectedText : function() {
  310.     return (this.cursorPos[0]==this.cursorPos[1]? '': this.subStr(this.cursorPos[0], this.cursorPos[1]) );
  311.   },
  312.   getCaretPos : function() {  
  313.     var CaretPos = 0;
  314.     //Mozilla/Firefox/Netscape 7+ support   
  315.     if(gID(gvar.tID))
  316.       if (gID(gvar.tID).selectionStart || gID(gvar.tID).selectionStart == '0')
  317.       CaretPos = gID(gvar.tID).selectionStart;
  318.     return CaretPos;
  319.   },  
  320.   setCaretPos : function (pos,end){
  321.     if(isUndefined(end)) end = pos;
  322.     if(gID(gvar.tID).setSelectionRange)    { // Firefox, Opera and Safari
  323.       this.focus();
  324.       gID(gvar.tID).setSelectionRange(pos,end);
  325.     }
  326.   },
  327.   setElastic: function(max,winrez){
  328.     var a, tid=gvar.tID;
  329.   
  330.     function setCols_Elastic(max){
  331.       var a=gID(tid); a.setAttribute("cols", Math.floor(a.clientWidth/7));
  332.       var w = Math.floor(a.clientWidth/7);
  333.       _TEXT.setRows_Elastic(max)
  334.     }
  335.     a= gID(tid) || gID(gvar.tID);
  336.     _TEXT.oflow='hidden';
  337.     a.setAttribute('style','visibility:hidden; overflow:'+_TEXT.oflow+';letter-spacing:0;line-height:14pt;'+(max?'max-height:'+(max-130)+'pt;':''));
  338.     if( !winrez ) gID(gvar.tID).keyup(function(){ setCols_Elastic(max) });
  339.     setCols_Elastic(max);
  340.   },
  341.   setRows_Elastic: function(max){
  342.     var a = gID(gvar.tID), c=a.cols, b=a.value.toString(), h;
  343.     b=b.replace(/(?:\r\n|\r|\n)/g,"\n");
  344.     for(var d=2,e=0,f=0;f<b.length;f++){
  345.       var g=b.charAt(f);e++;if(g=="\n"||e==c){d++;e=0}
  346.     }
  347.     h=(d*14); a.setAttribute("rows",d); a.style.height=h+"pt";
  348.     _TEXT.oflow = (max && (d*14>(max-130)) ? 'auto':'hidden');
  349.     a.style.setProperty('overflow', _TEXT.oflow, 'important');
  350.     gID(gvar.tID).style.setProperty('visibility', 'visible');
  351.   }
  352. };
  353.  
  354.  
  355. // ----my ge-debug--------
  356. function show_alert(msg, force) {
  357.   if(arguments.callee.counter) { arguments.callee.counter++; } else { arguments.callee.counter=1; }
  358.   GM_log('('+arguments.callee.counter+') '+msg);
  359.   if(force==0) { return; }
  360. }
  361. function clog(msg) {
  362.   if(!gvar.__DEBUG__) return;
  363.   show_alert(msg);
  364. }
  365.  
  366.  
  367.  
  368. // main resource
  369. var rSRC = {
  370.   getSetOf: function(type){
  371.     if(isUndefined(type)) return false;        
  372.     switch(type){
  373.       case "button":
  374.       return {
  375.         txtflip_gif : ""
  376.         +"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAAAAAB+u6HMAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB94EEBANFPIrL+AAAABNSURBVBjTY/zPgAmYsIgxsDBUX0YT0m1lQeZuYrjMoFvFwMDCwCDmDBNczsDAcOWVOAMLA4NYJIruyzgsGiqCLAwMV/zQAoSBkejwBACJzwu9lnUAQAAAAABJRU5ErkJggg=="
  377.  
  378.       };
  379.       break;
  380.     }
  381.   }
  382.  
  383. };
  384. // -end static
  385. //========= 
  386.  
  387. function init(){
  388.     gvar.qr_identity= 'qr_plugins_container';
  389.     gvar.try_wait = 0;
  390.     gvar.try_max = 20;
  391.     gvar.sITry_wait= null;
  392.  
  393.     wait_for_qr();
  394. }
  395.  
  396. // make sure QR DOM is finished loaded
  397. function wait_for_qr(){
  398.   if( gvar.try_wait<gvar.try_max ){
  399.     if( !gID(gvar.qr_identity) ){
  400.       clog('IMG.AutoBBCode waiting.. ');
  401.       gvar.try_wait++;
  402.       gvar.sITry_wait = window.setTimeout(function() { wait_for_qr() }, 500);
  403.     }else{
  404.       clearTimeout( gvar.sITry_wait ); 
  405.       init_start();
  406.     }
  407.   }
  408. }
  409.  
  410. // ------
  411. init();
  412. // ------
  413.  
  414. })()
  415. /* tF. */