Merge pull request #53 from fbsamples/profile-lookup

Profile Discovery

Author: anujs3

src/index.js

@@ -81,6 +81,7 @@ const PARAMS__RETURN_URL = 'return_url';
 const PARAMS__SCOPE = 'scope';
 const PARAMS__SEARCH_TYPE = 'search_type';
 const PARAMS__TEXT = 'text';
+const PARAMS__USERNAME = 'username';
 
 // Read variables from environment
 require('dotenv').config();
@@ -118,6 +119,7 @@ const SCOPES = [
     'threads_manage_mentions',
     'threads_delete',
     'threads_location_tagging',
+    'threads_profile_discovery',
 ];
 
 app.use(express.static('public'));
@@ -898,6 +900,99 @@ app.get('/oEmbed', async (req, res) => {
     });
 });
 
+app.get('/profileLookup', async (req, res) => {
+    const { username, before, after, limit } = req.query;
+    if (!username) {
+        return res.render('profile_lookup', {
+            title: 'Profile Lookup',
+        });
+    }
+
+    const params = {
+        [PARAMS__USERNAME]: username,
+    }
+
+    const profileLookupUrl = buildGraphAPIURL(`profile_lookup`, params, req.session.access_token);
+
+    let response = {};
+    try {
+        response = await axios.get(profileLookupUrl, { httpsAgent: agent });
+    } catch (e) {
+        console.error(e?.response?.data?.error?.message ?? e.message);
+    }
+
+    const displayName = response.data?.name;
+    const profilePictureUrl = response.data?.profile_picture_url;
+    const isVerified = response.data?.is_verified;
+    const bio = response.data?.biography;
+    const formatCount = count => count ? count.toLocaleString('en-US') : undefined;
+    const followerCount = formatCount(response.data?.follower_count);
+    const likesCount = formatCount(response.data?.likes_count);
+    const quotesCount = formatCount(response.data?.quotes_count);
+    const repliesCount = formatCount(response.data?.replies_count);
+    const repostsCount = formatCount(response.data?.reposts_count);
+    const viewsCount = formatCount(response.data?.views_count);
+
+    const profilePostsParams = {
+        [PARAMS__FIELDS]: [
+            FIELD__TEXT,
+            FIELD__MEDIA_TYPE,
+            FIELD__MEDIA_URL,
+            FIELD__PERMALINK,
+            FIELD__TIMESTAMP,
+        ].join(','),
+        limit: limit ?? DEFAULT_THREADS_QUERY_LIMIT,
+        [PARAMS__USERNAME]: username,
+    };
+    if (before) {
+        profilePostsParams.before = before;
+    }
+    if (after) {
+        profilePostsParams.after = after;
+    }
+
+    let threads = [];
+    let paging = {};
+
+    const queryThreadsUrl = buildGraphAPIURL(`profile_posts`, profilePostsParams, req.session.access_token);
+
+    try {
+        const queryResponse = await axios.get(queryThreadsUrl, { httpsAgent: agent });
+        threads = queryResponse.data.data;
+
+        if (queryResponse.data.paging) {
+            const { next, previous } = queryResponse.data.paging;
+
+            if (next) {
+                paging.nextUrl = getCursorUrlFromGraphApiPagingUrl(req, next);
+            }
+
+            if (previous) {
+                paging.previousUrl = getCursorUrlFromGraphApiPagingUrl(req, previous);
+            }
+        }
+    } catch (e) {
+        console.error(e?.response?.data?.error?.message ?? e.message);
+    }
+
+    return res.render('profile_lookup', {
+        title: 'Profile Lookup for @'.concat(username),
+        username,
+        displayName,
+        profilePictureUrl,
+        isVerified,
+        bio,
+        followerCount,
+        likesCount,
+        quotesCount,
+        repliesCount,
+        repostsCount,
+        viewsCount,
+        paging,
+        threads,
+    });
+});
+
 https
     .createServer({
         key: fs.readFileSync(path.join(__dirname, '../'+ HOST +'-key.pem')),
@@ -1013,6 +1108,7 @@ function getCursorUrlFromGraphApiPagingUrl(req, graphApiPagingUrl) {
     setUrlParamIfPresent(graphUrl, cursorUrl, 'limit');
     setUrlParamIfPresent(graphUrl, cursorUrl, 'before');
     setUrlParamIfPresent(graphUrl, cursorUrl, 'after');
+    setUrlParamIfPresent(graphUrl, cursorUrl, 'username');
 
     return cursorUrl.href;
 }

views/account.pug

@@ -20,5 +20,6 @@ block content
     button(onclick="location.href='/replies'") My Replies
     button(onclick="location.href='/mentions'") My Mentions
     button(onclick="location.href='/keywordSearch'") Search for Threads
+    button(onclick="location.href='/profileLookup'") Profile Lookup
     button(onclick="location.href='/userInsights'") My Insights
     button(onclick="location.href='/publishingLimit'") Publishing Limit

views/profile_lookup.pug

@@ -0,0 +1,107 @@
+extends layout
+
+block content
+    style(type="text/css").
+        #example-accounts {
+            margin: 0 auto;
+            width: 100px;
+            text-align: left;
+        }
+        form.profileLookup {
+            margin-top: 50px;
+        }
+
+    p Try looking up one of these profiles:
+    ul#example-accounts
+        li
+            a(href='https://www.threads.net/@meta') @meta
+        li
+            a(href='https://www.threads.net/@threads') @threads
+        li
+            a(href='https://www.threads.net/@instagram') @instagram
+        li
+            a(href='https://www.threads.net/@facebook') @facebook
+
+    form.profileLookup(action='/profileLookup' id='form' method='GET')
+        input(type='text' placeholder='Enter the username of a Threads profile to lookup' name='username' autocomplete='off')
+
+        input(type='submit' value='Search')
+
+    br
+    br
+
+    if username
+        div
+            .pictures
+                .profile-picture
+                    img(src=profilePictureUrl alt='User\'s profile picture' width=36 height=36)
+                .verified
+                    if isVerified
+                        img(src='/img/verified.png' alt='Verified Badge' width=20 height=20)
+
+        br
+
+        table
+            tbody
+                tr
+                    th(colspan=2) Username
+                    td(colspan=2)=username
+                tr
+                    th(colspan=2) Display Name
+                    td(colspan=2)=displayName
+                tr
+                    th(colspan=2) Bio
+                    td(colspan=2)=bio
+                tr
+                    th(colspan=2) Followers
+                    td(colspan=2)=followerCount
+                tr
+                    th(colspan=2) Likes
+                    td(colspan=2)=likesCount
+                tr
+                    th(colspan=2) Quotes
+                    td(colspan=2)=quotesCount
+                tr
+                    th(colspan=2) Replies
+                    td(colspan=2)=repliesCount
+                tr
+                    th(colspan=2) Reposts
+                    td(colspan=2)=repostsCount
+                tr
+                    th(colspan=2) Views
+                    td(colspan=2)=viewsCount
+
+        br
+        br
+
+        table.threads-list
+            thead
+                tr
+                    th ID
+                    th Created On
+                    th Media Type
+                    th Text
+                    th Permalink
+                    th Media URL
+            tbody
+                each thread in threads
+                    tr.threads-list-item
+                        td.thread-id
+                            a(href=`/threads/${thread.id}`)=thread.id
+                        td.thread-timestamp=thread.timestamp
+                        td.thread-type=thread.media_type
+                        td.thread-text=thread.text
+                        td.thread-permalink
+                            a(href=thread.permalink target='_blank') View on Threads
+                        td.thread-media-url
+                            if thread.media_url
+                                a(href=thread.media_url target='_blank') View Media File
+
+        div.paging
+            if paging.nextUrl
+                div.paging-next
+                    a(href=paging.nextUrl) Next
+
+            if paging.previousUrl
+                div.paging-previous
+                    a(href=paging.previousUrl) Previous