linkedin for OMI Web Personas #1752 by harshithsunku · Pull Request #1780 · BasedHardware/omi

harshithsunku · 2025-02-09T15:49:44Z

Added LinkedIn Integration to OMI Personas

Overview

Added LinkedIn profile integration alongside existing Twitter support, enabling users to create AI personas from either platform.

Key Changes

 Added LinkedIn API integration
️ Created new components for better code organization:
- ChatbotList
- Header
- Footer
- InputArea
- `Profiles '
 Updated UI to support both Twitter and LinkedIn profiles
 Added LinkedIn-specific data handling:
- Profile information
- Connection & follower counts
- Professional history
- Skills and posts

Technical Implementation

// New LinkedIn profile fetching
const fetchLinkedinProfile = async (handle: string) => {
  const profileResponse = await fetch(`https://${process.env.NEXT_PUBLIC_LINKEDIN_API_HOST}/profile-data-connection-count-posts?username=${encodedHandle}`, {
  // Process LinkedIn profile data
}

Testing Coverage ✅

Twitter-only profiles
LinkedIn-only profiles
Dual-platform profiles

Environment Variables Added

NEXT_PUBLIC_LINKEDIN_API_HOST=
NEXT_PUBLIC_LINKEDIN_API_KEY=

Snip from firebase:

Pop Up if profile exists in both platforms

Flow Diagram for Profile selection and creation

graph TD
    A[User Enters Handle] --> B{Is Profile exist?}
    B -->|Not Found| C{Check Platform Availability?}
    B -->|Found| D{Where Does it Exist?}
    C -->|Twitter Only| E[Create Twitter Profile]
    C -->|LinkedIn Only| F[Create LinkedIn Profile]
    C -->|Both Available| G[fetch and create both]
    C -->|Not Available| H[Show Error: Profile Not Found]
    D -->|Twitter Only| I{Is Linkedin Available?}
    I -->|No, Route to twitter chat|R
    I -->|Yes|S
    D -->|Both| K{Select platform twitter/linkedin?}
    D -->|LinkedIn Only| J{Is Twitter Available?}
    S -->K
    J -->|Yes|T
    J -->|No, Route to Linkedin Chat|R
    T -->K
    K -->|Based on user selection linnked or twitter| R
    E --> L[Route to New Chat]
    F --> L
    G --> M{Selected Platform twitter/linkedin?}
    M -->|LinkedIn/Twitter based on selection| L
    R[Route to chat]
    S[Fetch and create Linkedin]
    T[Fetch and create Twitter]

Flow Diagram of Code for Profile selection

graph TD
    A[User enters Handle] -->B[Scrape handle ONLY if Not exists in DB,For both twitter and linkedin scrape and save in DB]
    B --> C{Check Platform Avalibality?}
    C -->|if hanle not found| E[toast error profile not exists]
    C -->|Only Twitter| D[Route to Chat]
    C -->|Only Linkedin| D
    C -->|Both platform for same handle| F{Popup to select twitter or linkedin}
    F -->|twitter or linkedin based on selection| D

Test Case: Twitter URL Only
Input Example: https://x.com/harshithsunku
Expected Outcome: Extracts clean handle as harshithsunku. Only fetchTwitterProfile is called. Retrieves the Twitter docId and redirects to chat without displaying a platform modal.
Status: PASS
Comment: Verified that when a Twitter URL is provided, only the Twitter profile is fetched, even if the same handle exists for LinkedIn.

Test Case: LinkedIn URL Only
Input Example: https://linkedin.com/in/harshithsunku
Expected Outcome: Extracts clean handle as harshithsunku. Only fetchLinkedinProfile is called. Retrieves the LinkedIn docId and redirects to chat without displaying a platform modal.
Status: PASS
Comment: Verified that when a LinkedIn URL is provided, only the LinkedIn profile is fetched, ignoring the Twitter branch even if it exists.

Test Case: Plain Handle (Ambiguous, Multi-platform)
Input Example: harshithsunku or @harshithsunku
Expected Outcome: Extracts the clean handle as harshithsunku. Both fetchTwitterProfile and fetchLinkedinProfile are triggered. If both API calls succeed, a modal is shown for platform selection.
Status: PASS
Comment: Verified that plain handle input triggers both API calls, and a modal prompts the user when the profile exists on multiple platforms.

Test Case: Handle with Only Twitter Profile Exists
Input Example: x
Expected Outcome: Extracts clean handle as x. fetchTwitterProfile succeeds while fetchLinkedinProfile fails. Retrieves Twitter docId and redirects to chat without showing a modal.
Status: PASS
Comment: Verified that if only the Twitter profile is available, the process continues with Twitter exclusively and bypasses modal selection.

Test Case: Handle with Only LinkedIn Profile Exists
Input Example: nik-shevchenko-08565b18b
Expected Outcome: Extracts clean handle as nik-shevchenko-08565b18b. fetchLinkedinProfile succeeds while fetchTwitterProfile fails. Retrieves LinkedIn docId and redirects to chat without showing a modal.
Status: PASS
Comment: Verified that if only the LinkedIn profile is available, the process continues with LinkedIn exclusively and bypasses modal selection.

Test Case: Profile Already Exists in Database
Input Example: Valid handle/URL (any format)
Expected Outcome: A success toast is displayed, showing a modal or redirecting to chat.
Status: PASS
Comment: Verified that when a profile already exists in the database, a success message is shown, and the user is either redirected to chat or shown a modal.

beastoin · 2025-02-10T02:42:59Z

1/ how do you handle the profile creation / navigation when the user simply types @x then hit the create ai persona button ? consider 2 cases: one for the new user and for an existing user.

@harshithsunku

harshithsunku · 2025-02-10T19:19:47Z

1/ how do you handle the profile creation / navigation when the user simply types @x then hit the create ai persona button ? consider 2 cases: one for the new user and for an existing user.

@harshithsunku

Hi @beastoin ,

Kindly refer to the "Flow Diagram for Profile Selection" and check the screenshot in the description above.

Thanks.

beastoin · 2025-02-12T07:46:10Z

1/ could you simplify the diagram? the complexity level of this simple task should not be that high.

man, if you are using an AI to generate the diagram for your code, you have to make sure your code is super good and backed by the diagram from your brain.

forgive me if you drew it yourself 🤯

@harshithsunku

harshithsunku · 2025-02-12T09:28:17Z

1/ could you simplify the diagram? the complexity level of this simple task should not be that high.

man, if you are using an AI to generate the diagram for your code, you have to make sure your code is super good and backed by the diagram from your brain.

forgive me if you drew it yourself 🤯

@harshithsunku

Hi @beastoin ,

The diagram was created manually—yes, the old-fashioned way! ✍️

It was the initial design to ensure all scenarios were covered before diving into the actual code.

The final code is now sleek, simple, and handles all the scenarios from the previous flow diagram.

Kindly refer to the final code flow diagram. It’s as simple as it gets! 😃

Thanks!

…d for handling OLD database

kodjima33 · 2025-02-12T22:43:20Z

@harshithsunku can you host it anywhere and give a link? i want to test scraping of posts

harshithsunku · 2025-02-13T08:11:13Z

@harshithsunku can you host it anywhere and give a link? i want to test scraping of posts

Hi @kodjima33 ,

I've shared the link over a mail please check.

Thanks.

beastoin · 2025-02-14T10:49:18Z

1/ ✅ ok
2/ could you support the link as well, besides the handle. e.g https://x.com/_thinx -> X @_thinx, https://www.linkedin.com/in/thinx/ -> LinkedIn @THINX

@harshithsunku

harshithsunku · 2025-02-15T03:43:20Z

1/ ✅ ok
2/ could you support the link as well, besides the handle. e.g https://x.com/_thinx -> X @_thinx, https://www.linkedin.com/in/thinx/ -> LinkedIn @THINX

@harshithsunku

Hi @beastoin , @kodjima33 .

Good suggestion! I had considered this during the initial design/implementation but didn’t add it since it wasn’t part of the original request.

I’ll include this support now.

I’m currently on a business travell and will be back on Saturday, February 22nd. I’ll get this done by February 23rd.

Thanks for your understanding!

Regards,
Harshith

harshithsunku · 2025-02-24T15:56:04Z

1/ ✅ ok 2/ could you support the link as well, besides the handle. e.g https://x.com/_thinx -> X @_thinx, https://www.linkedin.com/in/thinx/ -> LinkedIn @THINX

@harshithsunku

Hi @beastoin, @kodjima33,

I have added support for the link as well. Kindly verify using the link shared via email.
Updated the PR with URL changes as well and UT cases in description.

Regards,
Harshith

beastoin · 2025-02-25T02:25:47Z

2/ could you improve the code quality ? these code block looks messy https://github.com/BasedHardware/omi/pull/1780/files#diff-237e4bc2a7e642164212ab39111544957f2cc77d56606e6ddc91a8f52a2d381fR150-R204 ; imaging we have instagram, threads, ..., and more.

3/ resolve conflicts pls sir.

@harshithsunku

kodjima33 · 2025-02-26T05:47:52Z

@harshithsunku need this merged today or will have to reassign or do ourselves, what's the status?

…ub.com/harshithsunku/omi into feature/Omi-1752-linkedin-web-personas

harshithsunku · 2025-02-26T10:19:13Z

@harshithsunku need this merged today or will have to reassign or do ourselves, what's the status?

Hi @kodjima33 ,

Everything is done from my side.

I've addressed the comments, resolved conflicts, and the PR is ready for merge.

Regards,
Harshith

beastoin · 2025-03-04T02:17:33Z

hey @harshithsunku , could you check with the https://x.com/bilawalsidhu , the personas.omi.me told me that "No profile found for the given handle"

harshithsunku · 2025-03-04T03:54:41Z

hey @harshithsunku , could you check with the https://x.com/bilawalsidhu , the personas.omi.me told me that "No profile found for the given handle"

Hi @beastoin ,

I have just verified the deployment on my PR commit. (This deployment is based on the PR commit before merging to the main branch: https://omi-two.vercel.app/).

It is working fine, and I am able to add a new Twitter handle to personas.

I guess some other commit might have caused this issue after my PR merge.

Currently, I am out of station and will be able to look into this after 8 PM IST today.

Regards,
Harshith.

harshithsunku · 2025-03-04T14:56:44Z

hey @harshithsunku , could you check with the https://x.com/bilawalsidhu , the personas.omi.me told me that "No profile found for the given handle"

Hi @beastoin ,

I've just checked, and it seems to be working.
I just saw that a commit has already been made to fix this issue.

Regards,
Harshith.

@harshithsunku

Fixes BasedHardware#1752 # Added LinkedIn Integration to OMI Personas ## Overview Added LinkedIn profile integration alongside existing Twitter support, enabling users to create AI personas from either platform. ## Key Changes -  Added LinkedIn API integration - ️ Created new components for better code organization: - `ChatbotList` - `Header` - `Footer` - `InputArea` - `Profiles ' -  Updated UI to support both Twitter and LinkedIn profiles -  Added LinkedIn-specific data handling: - Profile information - Connection & follower counts - Professional history - Skills and posts ## Technical Implementation ```typescript // New LinkedIn profile fetching const fetchLinkedinProfile = async (handle: string) => { const profileResponse = await fetch(`https://${process.env.NEXT_PUBLIC_LINKEDIN_API_HOST}/profile-data-connection-count-posts?username=${encodedHandle}`, { // Process LinkedIn profile data } ``` ## Testing Coverage ✅ - Twitter-only profiles - LinkedIn-only profiles - Dual-platform profiles ## Environment Variables Added ```env NEXT_PUBLIC_LINKEDIN_API_HOST= NEXT_PUBLIC_LINKEDIN_API_KEY= ``` ![image](https://github.com/user-attachments/assets/1a57ba31-72b5-4687-a8f0-9f1ea9b7f341) ![image](https://github.com/user-attachments/assets/b907a16e-2d08-481b-a6fa-4a03f83382ed) Snip from firebase: ![image](https://github.com/user-attachments/assets/462fcb66-aa4a-4662-8a57-5c88e07cf215) ## Pop Up if profile exists in both platforms ![image](https://github.com/user-attachments/assets/62889164-2ba1-45b5-8c3b-afc6e75aff24) ## Flow Diagram for Profile selection and creation ```mermaid graph TD A[User Enters Handle] --> B{Is Profile exist?} B -->|Not Found| C{Check Platform Availability?} B -->|Found| D{Where Does it Exist?} C -->|Twitter Only| E[Create Twitter Profile] C -->|LinkedIn Only| F[Create LinkedIn Profile] C -->|Both Available| G[fetch and create both] C -->|Not Available| H[Show Error: Profile Not Found] D -->|Twitter Only| I{Is Linkedin Available?} I -->|No, Route to twitter chat|R I -->|Yes|S D -->|Both| K{Select platform twitter/linkedin?} D -->|LinkedIn Only| J{Is Twitter Available?} S -->K J -->|Yes|T J -->|No, Route to Linkedin Chat|R T -->K K -->|Based on user selection linnked or twitter| R E --> L[Route to New Chat] F --> L G --> M{Selected Platform twitter/linkedin?} M -->|LinkedIn/Twitter based on selection| L R[Route to chat] S[Fetch and create Linkedin] T[Fetch and create Twitter] ``` ## Flow Diagram of Code for Profile selection ```mermaid graph TD A[User enters Handle] -->B[Scrape handle ONLY if Not exists in DB,For both twitter and linkedin scrape and save in DB] B --> C{Check Platform Avalibality?} C -->|if hanle not found| E[toast error profile not exists] C -->|Only Twitter| D[Route to Chat] C -->|Only Linkedin| D C -->|Both platform for same handle| F{Popup to select twitter or linkedin} F -->|twitter or linkedin based on selection| D ``` Test Case: Twitter URL Only Input Example: https://x.com/harshithsunku Expected Outcome: Extracts clean handle as harshithsunku. Only fetchTwitterProfile is called. Retrieves the Twitter docId and redirects to chat without displaying a platform modal. Status: PASS Comment: Verified that when a Twitter URL is provided, only the Twitter profile is fetched, even if the same handle exists for LinkedIn. Test Case: LinkedIn URL Only Input Example: https://linkedin.com/in/harshithsunku Expected Outcome: Extracts clean handle as harshithsunku. Only fetchLinkedinProfile is called. Retrieves the LinkedIn docId and redirects to chat without displaying a platform modal. Status: PASS Comment: Verified that when a LinkedIn URL is provided, only the LinkedIn profile is fetched, ignoring the Twitter branch even if it exists. Test Case: Plain Handle (Ambiguous, Multi-platform) Input Example: harshithsunku or @harshithsunku Expected Outcome: Extracts the clean handle as harshithsunku. Both fetchTwitterProfile and fetchLinkedinProfile are triggered. If both API calls succeed, a modal is shown for platform selection. Status: PASS Comment: Verified that plain handle input triggers both API calls, and a modal prompts the user when the profile exists on multiple platforms. Test Case: Handle with Only Twitter Profile Exists Input Example: x Expected Outcome: Extracts clean handle as x. fetchTwitterProfile succeeds while fetchLinkedinProfile fails. Retrieves Twitter docId and redirects to chat without showing a modal. Status: PASS Comment: Verified that if only the Twitter profile is available, the process continues with Twitter exclusively and bypasses modal selection. Test Case: Handle with Only LinkedIn Profile Exists Input Example: nik-shevchenko-08565b18b Expected Outcome: Extracts clean handle as nik-shevchenko-08565b18b. fetchLinkedinProfile succeeds while fetchTwitterProfile fails. Retrieves LinkedIn docId and redirects to chat without showing a modal. Status: PASS Comment: Verified that if only the LinkedIn profile is available, the process continues with LinkedIn exclusively and bypasses modal selection. Test Case: Profile Already Exists in Database Input Example: Valid handle/URL (any format) Expected Outcome: A success toast is displayed, showing a modal or redirecting to chat. Status: PASS Comment: Verified that when a profile already exists in the database, a success message is shown, and the user is either redirected to chat or shown a modal.

Initial commit For linkedin scrapping in OMI Personas

2369b8d

harshithsunku changed the title ~~Initial commit For linkedin scrapping in OMI Personas~~ linkedin scrapping for OMI Web Personas #1752 Feb 9, 2025

harshithsunku changed the title ~~linkedin scrapping for OMI Web Personas #1752~~ linkedin for OMI Web Personas #1752 Feb 9, 2025

Updated Readme and added comments to a file

8902115

harshithsunku marked this pull request as ready for review February 9, 2025 16:47

harshithsunku mentioned this pull request Feb 9, 2025

Add linkedin for omi web personas #1752

Closed

1 task

harshithsunku marked this pull request as draft February 9, 2025 17:27

Fixed self review comments

5c7c73a

harshithsunku marked this pull request as ready for review February 9, 2025 17:54

harshithsunku added 2 commits February 10, 2025 19:51

Fixed issues with few linkedin profiles scraping

04cc524

Added PopUp functionality if user exists in both platforms

d575ee2

Self review commit- Readded some legacy functionality, May be require…

62e08d8

…d for handling OLD database

harshithsunku added 2 commits February 13, 2025 12:56

chore: add TypeScript types to ChatbotList component

3440d4a

Fixed issue in input area

31e455e

Handled comment : to include URL

476d697

Merge branch 'main' into feature/Omi-1752-linkedin-web-personas

7437d27

harshithsunku added 3 commits February 26, 2025 15:35

handled comment : modularized code

0a1011b

Merge branch 'feature/Omi-1752-linkedin-web-personas' of https://gith…

381db51

…ub.com/harshithsunku/omi into feature/Omi-1752-linkedin-web-personas

fixed the fotter issue

57b6386

add back preorder banner

43b78eb

mdmohsin7 merged commit af7b549 into BasedHardware:main Feb 26, 2025

mdmohsin7 mentioned this pull request Feb 26, 2025

WIP: Fix #1752 #1910

Merged

Conversation

harshithsunku commented Feb 9, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Added LinkedIn Integration to OMI Personas

Overview

Key Changes

Technical Implementation

Testing Coverage ✅

Environment Variables Added

Pop Up if profile exists in both platforms

Flow Diagram for Profile selection and creation

Flow Diagram of Code for Profile selection

Uh oh!

beastoin commented Feb 10, 2025

Uh oh!

harshithsunku commented Feb 10, 2025

Uh oh!

beastoin commented Feb 12, 2025

Uh oh!

harshithsunku commented Feb 12, 2025

Uh oh!

kodjima33 commented Feb 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

harshithsunku commented Feb 13, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

beastoin commented Feb 14, 2025

Uh oh!

harshithsunku commented Feb 15, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

harshithsunku commented Feb 24, 2025

Uh oh!

beastoin commented Feb 25, 2025

Uh oh!

kodjima33 commented Feb 26, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

harshithsunku commented Feb 26, 2025

Uh oh!

beastoin commented Mar 4, 2025

Uh oh!

harshithsunku commented Mar 4, 2025

Uh oh!

harshithsunku commented Mar 4, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

harshithsunku commented Feb 9, 2025 •

edited

Loading

kodjima33 commented Feb 12, 2025 •

edited

Loading

harshithsunku commented Feb 13, 2025 •

edited

Loading

harshithsunku commented Feb 15, 2025 •

edited

Loading

kodjima33 commented Feb 26, 2025 •

edited

Loading