Add support for tweets plugin

src/metrics.mjs

@@ -178,6 +178,7 @@
  languages:{favorites:new Array(7).fill(null).map((_, x) => ({x, name:"######", color:"#ebedf0", value:1/(x+1)}))},
  topics:{list:[...new Array("topics.limit" in q ? Math.max(Number(q["topics.limit"])||0, 0) : 12).fill(null).map(() => ({name:"######", description:"", icon:null})), {name:`And ## more...`, description:"", icon:null}]},
  projects:{list:[...new Array("projects.limit" in q ? Math.max(Number(q["projects.limit"])||0, 0) : 4).fill(null).map(() => ({name:"########", updated:"########", progress:{enabled:true, todo:"##", doing:"##", done:"##", total:"##"}}))]},
+ tweets:{profile:{username:"########", verified:false}, list:[...new Array("tweets.limit" in q ? Math.max(Number(q["tweets.limit"])||0, 0) : 2).fill(null).map(() => ({text:"###### ###### ####### ######".repeat(4), created_at:Date.now()}))]},
  }[key]??{})]
  )),
  })

src/plugins/index.mjs

@@ -13,6 +13,7 @@
  import projects from "./projects/index.mjs"
  import topics from "./topics/index.mjs"
  import traffic from "./traffic/index.mjs"
+ import tweets from "./tweets/index.mjs"
 
 //Exports
  export default {
@@ -28,4 +29,5 @@
  projects,
  topics,
  traffic,
+ tweets,
  }

src/plugins/tweets/index.mjs

@@ -0,0 +1,57 @@
+//Setup
+ export default async function ({login, imports, data, q}, {enabled = false, token = null} = {}) {
+ //Plugin execution
+ try {
+ //Check if plugin is enabled and requirements are met
+ if ((!enabled)||(!q.tweets))
+ return null
+ //Parameters override
+ let {"tweets.limit":limit = 2} = q
+ //Limit
+ limit = Math.max(1, Math.min(10, Number(limit)))
+ //Load user profile
+ const username = data.user.twitterUsername
+ console.debug(`metrics/compute/${login}/plugins > tweets > loading twitter profile (@${username})`)
+ const {data:{data:profile = null}} = await imports.axios.get(`https://api.twitter.com/2/users/by/username/${username}?user.fields=profile_image_url,verified`, {headers:{Authorization:`Bearer ${token}`}})
+ //Load tweets
+ console.debug(`metrics/compute/${login}/plugins > tweets > loading tweets`)
+ const {data:{data:tweets = []}} = await imports.axios.get(`https://api.twitter.com/2/tweets/search/recent?query=from:${username}&tweet.fields=created_at&expansions=entities.mentions.username`, {headers:{Authorization:`Bearer ${token}`}})
+ console.log(await imports.axios.get(`https://api.twitter.com/2/users/by/username/${username}?user.fields=profile_image_url,verified`, {headers:{Authorization:`Bearer ${token}`}}))
+ //Load profile image
+ if (profile?.profile_image_url) {
+ console.debug(`metrics/compute/${login}/plugins > tweets > loading profile image`)
+ profile.profile_image = await imports.imgb64(profile.profile_image_url)
+ }
+ //Limit tweets
+ if (limit > 0) {
+ console.debug(`metrics/compute/${login}/plugins > tweets > keeping only ${limit} tweets`)
+ tweets.splice(limit)
+ }
+ //Format tweets
+ await Promise.all(tweets.map(async tweet => {
+ //Mentions
+ tweet.mentions = tweet.entities?.mentions.map(({username}) => username) ?? []
+ //Format text
+ tweet.text =
+ //Escape HTML
+ imports.htmlescape(tweet.text)
+ //Mentions
+ .replace(new RegExp(`@(${tweet.mentions.join("|")})`, "gi"), `<span class="mention">@$1</span>`)
+ //Hashtags
+ .replace(/(?<!&)[#|＃]([a-z0-9_\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0100-\u024f\u0253-\u0254\u0256-\u0257\u0300-\u036f\u1e00-\u1eff\u0400-\u04ff\u0500-\u0527\u2de0-\u2dff\ua640-\ua69f\u0591-\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05d0-\u05ea\u05f0-\u05f4\ufb12-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufb4f\u0610-\u061a\u0620-\u065f\u066e-\u06d3\u06d5-\u06dc\u06de-\u06e8\u06ea-\u06ef\u06fa-\u06fc\u0750-\u077f\u08a2-\u08ac\u08e4-\u08fe\ufb50-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\u200c-\u200c\u0e01-\u0e3a\u0e40-\u0e4e\u1100-\u11ff\u3130-\u3185\ua960-\ua97f\uac00-\ud7af\ud7b0-\ud7ff\uffa1-\uffdc\u30a1-\u30fa\u30fc-\u30fe\uff66-\uff9f\uff10-\uff19\uff21-\uff3a\uff41-\uff5a\u3041-\u3096\u3099-\u309e\u3400-\u4dbf\u4e00-\u9fff\u20000-\u2a6df\u2a700-\u2b73f\u2b740-\u2b81f\u2f800-\u2fa1f]*[a-z_\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0100-\u024f\u0253-\u0254\u0256-\u0257\u0300-\u036f\u1e00-\u1eff\u0400-\u04ff\u0500-\u0527\u2de0-\u2dff\ua640-\ua69f\u0591-\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05d0-\u05ea\u05f0-\u05f4\ufb12-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufb4f\u0610-\u061a\u0620-\u065f\u066e-\u06d3\u06d5-\u06dc\u06de-\u06e8\u06ea-\u06ef\u06fa-\u06fc\u0750-\u077f\u08a2-\u08ac\u08e4-\u08fe\ufb50-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\u200c-\u200c\u0e01-\u0e3a\u0e40-\u0e4e\u1100-\u11ff\u3130-\u3185\ua960-\ua97f\uac00-\ud7af\ud7b0-\ud7ff\uffa1-\uffdc\u30a1-\u30fa\u30fc-\u30fe\uff66-\uff9f\uff10-\uff19\uff21-\uff3a\uff41-\uff5a\u3041-\u3096\u3099-\u309e\u3400-\u4dbf\u4e00-\u9fff\u20000-\u2a6df\u2a700-\u2b73f\u2b740-\u2b81f\u2f800-\u2fa1f][a-z0-9_\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0100-\u024f\u0253-\u0254\u0256-\u0257\u0300-\u036f\u1e00-\u1eff\u0400-\u04ff\u0500-\u0527\u2de0-\u2dff\ua640-\ua69f\u0591-\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05d0-\u05ea\u05f0-\u05f4\ufb12-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb40-\ufb41\ufb43-\ufb44\ufb46-\ufb4f\u0610-\u061a\u0620-\u065f\u066e-\u06d3\u06d5-\u06dc\u06de-\u06e8\u06ea-\u06ef\u06fa-\u06fc\u0750-\u077f\u08a2-\u08ac\u08e4-\u08fe\ufb50-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\u200c-\u200c\u0e01-\u0e3a\u0e40-\u0e4e\u1100-\u11ff\u3130-\u3185\ua960-\ua97f\uac00-\ud7af\ud7b0-\ud7ff\uffa1-\uffdc\u30a1-\u30fa\u30fc-\u30fe\uff66-\uff9f\uff10-\uff19\uff21-\uff3a\uff41-\uff5a\u3041-\u3096\u3099-\u309e\u3400-\u4dbf\u4e00-\u9fff\u20000-\u2a6df\u2a700-\u2b73f\u2b740-\u2b81f\u2f800-\u2fa1f]*)/gi, `<span class="hashtag">#$1</span>`)
+ //Line breaks
+ .replace(/\n/g, "<br/>")
+ //Ampersands
+ .replace(/&/g, "&#38;")
+ //Links
+ .replace(/https?:[/][/](t.co[/]\w+)/g, `<span class="link">$1</span>`)
+ }))
+ //Result
+ return {username, profile, list:tweets}
+ }
+ //Handle errors
+ catch (error) {
+ console.debug(error)
+ throw {error:{message:`An error occured`}}
+ }
+ }

src/templates/classic/query.graphql

@@ -7,6 +7,7 @@ query Metrics {
  avatarUrl
  websiteUrl
  isHireable
+ twitterUsername
  gists {
  totalCount
  }

src/templates/classic/style.css

@@ -284,6 +284,26 @@
  flex-wrap: wrap;
  }
 
+/* Tweets */
+ .tweet {
+ font-size: 13px;
+ margin-top: 6px;
+ margin-bottom: 16px;
+ margin-left: 18px;
+ border-left: 3px solid #777777B2;
+ padding-left: 6px;
+ }
+
+ .tweet .mention, .tweet .link, .tweet .hashtag {
+ color: #0366d6;
+ }
+
+ .tweet .date {
+ margin: 6px 0;
+ font-size: 12px;
+ opacity: .7;
+ }
+
 /* Fade animation */
  .af {
  opacity: 0;