Implementing String.Tweetify in MooTools

Discussion

1. moonkiki

   I think this example is not usefull only for twittify but is a good practice to show and teach how to extend in our architecture every Object.

   Changing our prospective of OOP developer we can imagine to transform our objects and give them a bit of intelligence like languages like Ruby do, for example :)
2. Marc Fowler

   That right there is glorious. Love it.
3. Ororok Orebuk

   You can do the same with String.prototype.tweetify=function(){ ... };
4. Sean Hood

   How would you do this in php or jQuery?
5. Darkimmortal

   Doesn’t extending native objects in Javascript screw things up?

   Or is that another myth?
6. David Walsh

   @Sean: jQuery doesn’t lend itself as well to this. I started creating a jQuery version and got frustrated and gave up. I may try again.

   @Darkimmortal: Myth. Definitely a myth.
7. derschreckliche

   Nice thing – could be useful for a javascript “tweet this” button implementation.
8. Sean Hood

   Ive recreated this in jQuery http://sublimeorange.com/jquery/tweetify/
9. derschreckliche

   Here is dentify for using with identi.ca and other laconica / statusnet servers:

   String.implement({
       dentify: function(server) {
           return this.replace(/(https?:\/\/\S+)/gi,'<a href="$1">$1</a>'
                     ).replace(/(^|\s)@(\w+)/g,
                         '$1<a href="'+server+'/$2">@$2</a>'
                     ).replace(/(^|\s)#(\w+)/g,
                         '$1<a href="'+server+
                         '/search/notice?q=%23$2&search=Search">#$2</a>'
                     ).replace(/(^|\s)!(\w+)/g,
                         '$1<a href="'+server+
                         '/search/group?q=%23$2&search=Search">#$2</a>');
       }
   });
   

   You will have to give it a “server” string like “http://identi.ca”.

   I used it for my identi.ca / twitter widget

   Big THX again for this useful thing!
10. derschreckliche

    Sorry for double posting – had to change the one line:
    (too much copy paste – forgot to put a “!” instead of “#” and killed the “%23”)
    this works correct:

        String.implement({
        dentify: function(server) {
        return this.replace(/(https?:\/\/\S+)/gi,’$1’
        ).replace(/(^|\s)@(\w+)/g,
        ‘$1@$2’
        ).replace(/(^|\s)#(\w+)/g,
        ‘$1#$2’
        ).replace(/(^|\s)!(\w+)/g,
        ‘$1!$2’);
        }
        });
11. Wim

    Good article but it would be smarter to prototype the javascript String object like Ororok said. Then you don’t need any extra javascript framework.
12. Hamza

    nice trick , yesterday i was making a twitter widget profile using mootools and i got my self confused on how to make tweets wel-formatted on mootools ??
    this wat u used before

    var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\]*[^.,;'">\:\s\\)\]\!])/g, function(url) {
          return ''+url+'';
        }).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
          return  reply.charAt(0)+''+reply.substring(1)+'';
        });
    

    Thanks.
13. Abby Torrendon

    Hi, I just want to make a request, could you make a blank demo page of this code? I was trying to figure the codes out (kinda newbie in MooTools) and I would like to add this to my school project (my prof wants us to make a sample portfolio site). Thanks in advance.
14. Abby Torrendon

    By the way, I’m currently using MooTools 1.2, but the code won’t mess up if I’m using the old version, right?