Angular Component To Parse Tweets

Tuesday, 20 December 2016 | Posted by
This Angular Component converts plain text tweets into real tweets. This component is responsible for parsing the tweets and handles transform mention (@sodhanalibrary), hashtags (#AngularJS) and URLs inserted in the tweet in functional URLs. This was created based on jquery-tweet-parser
Source Code           DEMO

Angular Component

This is the Angular Component which you can use it for converting plain text to real tweets
import { Component, Input } from '@angular/core';

@Component({
    selector: 'tweetParser',
    template: `<div [innerHTML]="myHtml"></div>`
})
export class TweetParser {
    @Input('urlClass') urlClass: string = 'react-tweet-parser__url';
    @Input('userClass') userClass: string = 'react-tweet-parser__user';
    @Input('hashtagClass') hashtagClass: string = 'react-tweet-parser__hashTag';
    @Input('target') target: string = '_blank';
    @Input('searchWithHashtags') searchWithHashtags: boolean = true;
    @Input('parseUsers') parseUsers : boolean = true;
    @Input('parseUrls') parseUrls :  boolean = true;
    @Input('parseHashtags') parseHashtags: boolean = true;
    @Input('tweet') tweet: string = '';

    myHtml: string = '';
    constructor() {
    }

    generateLink(url, urlClass, target, text) {
      return `<a href="${url}" className="${urlClass}" target="${target}">${text}</a>`;
    }

    ngOnChanges() {
      this.parseTweet();
    }

    ngOnInit(){
      this.parseTweet();
    }

    parseTweet() {
     const {urlClass, userClass, hashtagClass, target, searchWithHashtags, parseUsers, parseUrls, parseHashtags} = this;

     const REGEX_URL = /(?:\s)(f|ht)tps?:\/\/([^\s\t\r\n<]*[^\s\t\r\n<)*_,\.])/g, //regex for urls
                REGEX_USER = /\B@([a-zA-Z0-9_]+)/g, //regex for @users
                REGEX_HASHTAG = /\B(#[á-úÁ-Úä-üÄ-Üa-zA-Z0-9_]+)/g; //regex for #hashtags
     let searchlink, myTweet = this.tweet; //search link for hashtags
      //Hashtag Search link
     if (searchWithHashtags) {
          //this is the search with hashtag
          searchlink = "https://twitter.com/hashtag/";
      } else {
          //this is a more global search including hashtags and the word itself
          searchlink = "https://twitter.com/search?q=";
      }
      //turn URLS in the tweet into... working urls
      if (parseUrls) {
          myTweet = myTweet.replace(REGEX_URL, (url) => {
              let link = this.generateLink(url, urlClass, target, url);
              return url.replace(url, link);
          });
      }
      //turn @users in the myTweet into... working urls
      if (parseUsers) {
          myTweet = myTweet.replace(REGEX_USER, (user) => {
              let userOnly = user.slice(1),
                  url = `http://twitter.com/${userOnly}`,
                  link = this.generateLink(url, userClass, target, user);
              return user.replace(user, link);
          });
      }
      //turn #hashtags in the myTweet into... working urls
      if (parseHashtags) {
          myTweet = myTweet.replace(REGEX_HASHTAG, (hashtag) => {
              let hashtagOnly = hashtag.slice(1),
                  url = searchlink + hashtagOnly,
                  link = this.generateLink(url, hashtagClass, target, hashtag);
              return hashtag.replace(hashtag, link);
          });
      }

      this.myHtml  = myTweet;
   }
}

Usage

<tweetParser [tweet]="myTweet" urlClass="myUrlClass"></tweetParser>
Labels:

28 comments:

  1. Naveen S4 July 2018 at 02:26

    Pretty blog, so many ideas in a single site, thanks for the informative article, keep updating more article.
    Webdesining course in chennai

    ReplyDelete
  2. Tony Stark30 July 2018 at 01:57

    PLC Training in Chennai | PLC Training Institute in Chennai | PLC Training Center in Chennai | PLC SCADA Training in Chennai | PLC SCADA DCS Training in Chennai | Best PLC Training in Chennai | Best PLC Training Institute in Chennai | PLC Training Centre in Chennai | Embedded System Training in Chennai | Embedded Training in Chennai | VLSI Training in Chennai | VLSI Training Institute in Chennai

    ReplyDelete
  3. Tony Stark30 July 2018 at 01:57

    PLC Training in Chennai | PLC Training Institute in Chennai | PLC Training Center in Chennai | PLC SCADA Training in Chennai | PLC SCADA DCS Training in Chennai | Best PLC Training in Chennai | Best PLC Training Institute in Chennai | PLC Training Centre in Chennai | PLC SCADA Training in Chennai | Automation Training Institute in Chennai | PLC Training in Kerala | VLSI Training in Chennai | Best VLSI Training in Chennai | VLSI Training Centres in Chennai | VLSI Courses in Chennai | VLSI Training Courses in Chennai | VLSI Training Institute in Chennai | VLSI Training Institutes in Chennai | Best VLSI Training Institute in Chennai

    ReplyDelete
  4. Tony Stark30 July 2018 at 01:57

    Embedded Training in Chennai | Best Embedded Training in Chennai | Embedded System Training in Chennai | Embedded System Training Institute in Chennai | Best Embedded System Training Institute in Chennai | Embedded Course in Chennai | Embedded System Training Institutes in Chennai | Embedded System Training Center in Chennai | Best Embedded System Training in Chennai | Embedded Systems Training in Chennai | VLSI Training in Chennai | VLSI Training Institute in Chennai

    ReplyDelete
  5. Unknown26 November 2018 at 18:32

    Your article is detailed, thanks to it I solved the problem I am entangled. I will regularly follow your writers and visit this site daily slope game

    ReplyDelete
  6. John ALia16 January 2019 at 02:13

    Nowadays, games have rewards programs that you may need to use real money to get. Make sure you choose the right option! On one hand, there is not much more enjoyment in playing. Then again, they may save a bit of time.
    free Studio One Professional 4 Crack
    free WinThruster 2018 Crack

    ReplyDelete
  7. Gclub9 August 2019 at 00:46

    Really informative article.Really looking forward to read more. Really Cool.
    โปรโมชั่นGclub ของทางทีมงานตอนนี้แจกฟรีโบนัส 50%
    เพียงแค่คุณสมัคร Gclub กับทางทีมงานของเราเพียงเท่านั้น
    ร่วมมาเป็นส่วนหนึ่งกับเว็บไซต์คาสิโนออนไลน์ของเราได้เลยค่ะ
    สมัครสล็อตออนไลน์ >>> goldenslot
    สนใจร่วมลงทุนกับเรา สมัครเอเย่น Gclub คลิ๊กได้เลย

    ReplyDelete
  8. Gclub-Royal16889 August 2019 at 02:31

    Im grateful for the blog post.Really thank you!
    เว็บไซต์คาสิโนออนไลน์ที่ได้คุณภาพอับดับ 1 ของประเทศ
    เป็นเว็บไซต์การพนันออนไลน์ที่มีคนมา Gclub Royal1688
    และยังมีหวยให้คุณได้เล่น สมัครหวยออนไลน์ ได้เลย
    สมัครสล็อตออนไลน์ได้ที่นี่ >>> Golden slot
    ร่วมลงทุนสมัครเอเย่น Gclubกับทีมงานของเราได้เลย

    ReplyDelete
  9. hotmail login29 September 2019 at 21:07

    Things are very open and intensely clear explanation of issues. was truly information. Your website is very beneficial.
    hotmail login

    ReplyDelete
  10. thao van30 September 2019 at 21:07

    This is really a great stuff for sharing. Keep it up . Thanks for sharing.
    gmail login

    ReplyDelete
  11. Priyanka19 October 2019 at 06:40

    Attend The Data Analytics Courses From ExcelR. Practical Data Analytics Courses Sessions With Assured Placement Support From Experienced Faculty. ExcelR Offers The Data Analytics Courses.
    ExcelR Data Analytics Courses

    ReplyDelete
  12. best5 March 2020 at 22:56

    This comment has been removed by the author.

    ReplyDelete
  13. best5 March 2020 at 22:57

    free xbox live codes
    very nice and interesting

    ReplyDelete
  14. Unknown8 June 2020 at 11:52

    this is nice artical am loving it


    Dota 2 boost

    ReplyDelete
  15. Unknown26 June 2020 at 10:29

    Help full post, lots of information about it. Thank you admin for providing this information.

    ReplyDelete
  16. AOB Events16 July 2020 at 05:52

    Thank you so much for the sharing article. I have been reading your articles and they are really very helpful for the user. It’s a very nice blog on
    Digital exhibition
    Online trade fair
    online events
    digital events
    digital trade fair
    Upcoming Online events
    upcoming exhibitions
    Explore Best Online Events

    ReplyDelete
  17. sare21 July 2020 at 01:04


    อยากมีเงินใช้ เงินเที่ยว เกมเล่นสนุกๆ slot online สล็อตออนไลน์ เล่นง่ายๆ เล่นสล็อต แจกฟรีเครดิตสล็อต slotxo ฟรีเครดิต ได้เงินจริง เล่นเลยที่นี่ คลิกเลย
    https://www.slot2xl.com/

    ReplyDelete
  18. Harry Smith23 July 2020 at 19:03

    Thanks for sharing these wonderful informations. I really appreciate your hardwork. Keep it up. We buyjunk cars and truck

    ReplyDelete
  19. Any Repair13 August 2020 at 06:47

    Your site is in reality extremely alluring. Your own course is really immense. We should be existing by and by there. I'm agreeable along with your distribute. I'll go to an individual with respect to considerably more reconsider. Much obliged! Printer Repair

    ReplyDelete
  20. Lottery Blog23 August 2020 at 22:30

    ยินดีต้อนรับเข้าสู่ Click1234 สุดยอดเว็บแทงหวยออนไลน์ที่ดีที่สุดของประเทศไทย เว็บหวยออนไลน์อันดับ1 ของเมืองไทย ด้วยระบบที่ทันสมัย อยู่ที่ไหนก็เล่นได้ เล่นง่ายแค่ปลายนิ้ว อีกทั้งยังสามารถยกเลิกตั๋วด้วยตัวเอง เล่นง่ายไม่มีเลขอั้น ใหม่พร้อมเวอร์ชั่นโมบาย รองรับสมาร์ทโฟนทุกรุ่น ทำให้ไม่พลาดทุกเลขเด็ด สมัครสมาชิกฟรี ไม่เสียค่าใช้จ่าย เล่นง่ายไม่มีขั้นต่ำ เปิดรับการเล่นถึง 15.25น. มั่นคง ปลอดภัย 100% เล่นง่ายจ่ายจริงรับเงินเร็ว ไม่มีโกงแน่นอน “ท้าให้คุณลอง เปิดให้คุณเล่น หวยออนไลน์ยุคใหม่ อยู่ที่ไหนก็เล่นได้”

    ติดตามเรื่องราวและบทความเกี่ยวกับลอตเตอรี่ได้อีกที่ https://onlinelotterys.livejournal.com/

    ReplyDelete
  21. papa29 August 2020 at 02:43

    HTML consists of a series of short codes typed into a text-file by the site autho these are the tags. The text is then saved as a html file, and viewed through a browser, like Internet Explorer or Netscape Navigator.

    internship in chennai for mechanical
    internship in chennai for cse students
    internship in chennai for eee
    internship in chennai for ece students
    internship in chennai for bcom students
    internship in chennai for mechanical engineering students
    python internship in chennai
    internship in chennai for it students
    companies offering internship in chennai
    internship in chennai for it

    ReplyDelete
  22. Unknown30 August 2020 at 22:01

    I am really enjoying reading your well written articles.
    Web designing and development Training in Coimbatore | HTML Training in Coimbatore| React JS Training in coimbatore | Online React JS Training in coimbatore| Web Development Training in Coimbatore | Online Web Development Training in Coimbatore | Web Designing Course in Saravanampatti | Web Development Institute in Coimbatore | Web Designing Training in Saravanampatti | Online Web Designing Training in Saravanampatti

    ReplyDelete
  23. riya8 September 2020 at 07:46

    Help full post, lots of information
    Uipath
    Uipath Tutorial
    Types of uipath
    Uipath Architecture
    Products fo Uipath
    Workflow in Uipath
    process of uipath
    uipath installation
    creating script in uipath
    project types and templates in uipath

    ReplyDelete
  24. riya9 September 2020 at 08:33

    Help full post, lots of information
    Natural Language Processing
    Natural Language Processing with python
    what Natural Language Processing
    Natural Language Processing nlp
    Natural Language Processing history
    What is Affiliate Marketing
    Affiliate Marketing on amazon
    Affiliate Marketing programs
    Affiliate Marketing companies
    Affiliate Marketing

    ReplyDelete
  25. Najitha11 September 2020 at 03:14

    Nice Blog.

    We Are The Best Canada Immigration Consultants in India,Offering Canada Visa Assistance for Those Who Are Under the process of Immigration to Canada.

    For more Details Please follow below link

    https://www.canaanservices.in/

    ReplyDelete
  26. invincible0112 September 2020 at 03:07

    Amazing Article,Really useful information to all So, I hope you will share more information to be check and share here.


    Internship near me
    Inplant Training for cse
    Inplant Training for IT
    Inplant Training for ECE Students
    Inplant Training for EEE Students
    Inplant Training for MECHANICAL Students
    inplant Training for CIVIL Students
    Inplant Training for Aeronautical Engineering Students
    Inplant Training for ICE Students
    Inplant Training for BIOMEDICAL Engineering Students

    ReplyDelete
  27. Unknown18 September 2020 at 09:33

    For getting best feed for animal,fish and poultry
    Pashu ahar in Bihar

    ReplyDelete

Subscribe to: Post Comments (Atom)

Blogroll

Follow this blog by Email

Popular Posts