metrics/src/templates/terminal/image.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="<%= 48
  + (!!base.header)*62
  + (!!base.metadata)*108
  + (!!base.activity)*108
  + (!!base.community)*94
  + (!!base.repositories)*142
  + ((!!base.repositories)*(!!computed.plugins.traffic))*18
  + ((!!base.repositories)*(!!computed.plugins.followup))*102
  + ((!!base.repositories)*(!!computed.plugins.lines))*34
  + (!!computed.plugins.pagespeed)*110
  + (!!computed.plugins.languages)*124
  + Math.max(0, (((!!base.metadata)+(!!base.header)+((!!base.activity)||(!!base.community))+(!!base.repositories)+(!!computed.plugins.pagespeed)+(!!computed.plugins.languages))-1))*20
%>">
  <%
    meta.$ = `<span class="ps1-path">${`${user.login}`.toLocaleLowerCase()}@metrics</span>:<span class="ps1-location">~</span>${computed.token.scopes.includes("repo") ? "#" : "$"}`
    meta.animations = !meta.placeholder ? {stdin:.16, stdout:.28, length:(2+Object.keys(base).length+Object.keys(computed.plugins).length)} : {stdin:0, stdout:0, length:0}
  %>

  <defs><style><%= fonts %></style></defs>

  <style>
    <%= style %>
      .stdin, .stdout {
        animation-duration: <%= meta.animations.stdin %>s;
      }
      .stdout {
        animation-duration: <%= meta.animations.stdout %>s;
      }
      <% for (let i = 0, d = 0; i < meta.animations.length; i++, d+=meta.animations.stdin+meta.animations.stdout) { %>
        .stdin:nth-of-type(<%= i+1 %>) {
          animation-delay: <%= d %>s;
        }
        .stdout:nth-of-type(<%= i+2 %>) {
          animation-delay: <%= d+meta.animations.stdin %>s;
        }
        <% if (i === meta.animations.length-1) { %>
          footer {
            animation-delay: <%= d %>s;
          }
        <% } %>
      <% } %>
  </style>

  <foreignObject x="0" y="0" width="100%" height="100%">
    <div xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink">

      <div class="header">
        <span class="title"></span>
        <div class="buttons">
          <div class="button">─</div>
          <div class="button">□</div>
          <div class="button exit">✕</div>
        </div>
      </div>

<pre><%# -%>
<% if (base.metadata) { %>
<div class="banner"><%# -%>
GitHub metrics generator <%= meta.version %>
These generated metrics comes with ABSOLUTELY NO
WARRANTY, to the extent permitted by applicable law.

Last generated: <%= new Date().toGMTString() %>
</div><% } -%>
<%# ============================================================= -%>
<% if (base.header) { %>
<div class="stdin"><%- meta.$ %> whoami</div><%# -%>
<div class="stdout"><%# -%>
<b><%= user.name || user.login %></b> registered=<%= computed.registration.match(/^.+? [ym]/)[0].replace(/ /g, "") %>, uid=<%= `${user.databaseId}`.substr(-4) %>, gid=<%= user.organizations.totalCount %>
  contributed to <%= user.repositoriesContributedTo.totalCount %> repositor<%= s(user.repositoriesContributedTo.totalCount, "y") %> <b><% for (const [x, {color}] of Object.entries(computed.calendar)) { -%><span style="color:<%= color %>">#</span><% } %></b>
  followed by <b><%= user.followers.totalCount %></b> user<%= s(user.followers.totalCount) %>
</div><% } -%>
<%# ============================================================= -%>
<% if ((base.activity)||(base.community)) { %>
<div class="stdin"><%- meta.$ %> git status</div><%# -%>
<div class="stdout"><%# -%>
<% if (base.activity) { -%>
<b>Recent activity</b>
  <b><%= `${computed.commits}`.padStart(5) %></b> commit<%= s(computed.commits) %>
  <b><%= `${user.contributionsCollection.totalPullRequestReviewContributions}`.padStart(5) %></b> pull request<%= s(user.contributionsCollection.totalPullRequestReviewContributions) %> reviewed
  <b><%= `${user.contributionsCollection.totalPullRequestContributions}`.padStart(5) %></b> pull request<%= s(user.contributionsCollection.totalPullRequestContributions) %> opened
  <b><%= `${user.contributionsCollection.totalIssueContributions}`.padStart(5) %></b> issue<%= s(user.contributionsCollection.totalIssueContributions) %> opened
  <b><%= `${user.issueComments.totalCount}`.padStart(5) %></b> issue comment<%= s(user.issueComments.totalCount) %>
<% } -%>
<% if ((base.activity)&&(base.community)) { -%>

<% } -%>
<% if (base.community) { -%>
<b>Tracked activity</b>
  <b><%= `${user.following.totalCount}`.padStart(5) %></b> user<%= s(user.followers.totalCount) %> followed
  <b><%= `${computed.sponsorships}`.padStart(5) %></b> repositor<%= s(computed.sponsorships, "y") %> sponsored
  <b><%= `${user.starredRepositories.totalCount}`.padStart(5) %></b> repositor<%= s(user.starredRepositories.totalCount, "y") %> starred
  <b><%= `${user.watching.totalCount}`.padStart(5) %></b> repositor<%= s(user.watching.totalCount, "y") %> watched
<% } -%>
</div><% } -%>
<%# ============================================================= -%>
<% if (base.repositories) { %>
<div class="stdin"><%- meta.$ %> ls -lh github/repositories</div><%# -%>
<div class="stdout"><%# -%>
Total <%= user.repositories.totalCount %> repositor<%= s(user.repositories.totalCount, "y") %> - <%= computed.diskUsage %>
<% if (computed.plugins.traffic) { if (computed.plugins.traffic.error) { -%>
----  <b>     </b>  views <span class="error">(<%= computed.plugins.traffic.error.message %>)</span>
<% } else { -%>
-r--  <b><%= `${computed.plugins.traffic.views.count}`.padStart(5) %></b>  views
<% }} -%>
-r--  <b><%= `${computed.repositories.stargazers}`.padStart(5) %></b>  stargazer<%= s(computed.repositories.stargazers) %>
-r--  <b><%= `${computed.repositories.forks}`.padStart(5) %></b>  fork<%= s(computed.repositories.forks) %>
-r--  <b><%= `${computed.repositories.watchers}`.padStart(5) %></b>  watcher<%= s(computed.repositories.watchers) %>
dr-x  <b><%= `${user.packages.totalCount}`.padStart(5) %></b>  package<%= s(user.packages.totalCount) %>
dr-x  <b><%= `${user.gists.totalCount}`.padStart(5) %></b>  gist<%= s(user.gists.totalCount) %>
<% if (computed.plugins.followup) { if (computed.plugins.followup.error) { -%>
d---  <b>     </b>  ISSUES <span class="error">(<%= computed.plugins.followup.error.message %>)</span>
d---  <b>     </b>  PULL_REQUESTS <span class="error">(<%= computed.plugins.followup.error.message %>)</span>
<% } else { -%>
dr-x  <b><%= `${computed.plugins.followup.issues.count}`.padStart(5) %></b>  ISSUES
-r--  <b><%= `${computed.plugins.followup.issues.open}`.padStart(5) %></b>  ├── open
-r--  <b><%= `${computed.plugins.followup.issues.closed}`.padStart(5) %></b>  └── closed
dr-x  <b><%= `${computed.plugins.followup.issues.count}`.padStart(5) %></b>  PULL_REQUESTS
-r--  <b><%= `${computed.plugins.followup.pr.open}`.padStart(5) %></b>  ├── open
-r--  <b><%= `${computed.plugins.followup.pr.merged}`.padStart(5) %></b>  └── merged
<% }} -%>
<% if (computed.licenses.favorite.length) { -%>
dr-x         LICENSE
-r--         └── <%= computed.licenses.favorite %>
<% } -%>
<% if (computed.plugins.lines) { if (computed.plugins.lines.error) { %>
<span class="diff error">@@ <%= computed.plugins.lines.error.message %> @@</span><% } else { %>
<span class="diff">@@ -<%= computed.plugins.lines.deleted %> +<%= computed.plugins.lines.added %> @@</span>
<% }} -%>
</div><% } -%>
<%# ============================================================= -%>
<% if (computed.plugins.languages) { %>
<div class="stdin"><%- meta.$ %> locale</div><%# -%>
<div class="stdout"><%# -%>
<% if (computed.plugins.languages.error) { -%>
<span class="error"><%= computed.plugins.languages.error.message %></span><%# -%>
<% } else { for (const {name, value} of computed.plugins.languages.favorites) { -%>
<b><%= name.toLocaleUpperCase().padEnd(12) %></b> [<%= "#".repeat(Math.ceil(100*value/5)).padEnd(20) %>] <%= (100*value).toFixed(2).padEnd(5) %>%
<% }} -%>
</div><% } -%>
<%# ============================================================= -%>
<% if (computed.plugins.pagespeed) { %>
<div class="stdin"><%- meta.$ %> curl -I <%= user.websiteUrl %></div><%# -%>
<div class="stdout"><%# -%>
<% if (computed.plugins.pagespeed.error) { -%>
<span class="error"><%= computed.plugins.pagespeed.error.message %></span><% } else { -%>
<b>User-Agent</b>: Google PageSpeed API
<b>Location</b>: <%= user.websiteUrl %>
<% for (const {score, title} of computed.plugins.pagespeed.scores) { -%>
<b><%= `X-${title.replace(/ /g, "-")}` %></b>: <%= !Number.isNaN(score) ? Math.round(score*100) : "-" %>%
<% }} -%>
</div><% } -%>
<%# ============================================================= -%>
<% if (base.metadata) { -%>

<footer>Connection reset by <%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %>.<%= Math.floor(256*Math.random()) %></footer><%# -%>
<% } -%></pre>

    </div>
  </foreignObject>
</svg>