metrics/source/templates/terminal/image.svg

<svg xmlns="http://www.w3.org/2000/svg" width="480" height="99999" class="<%= !animated ? 'no-animations' : '' %>">
  <%
    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(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"><%# -%>
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><%= `${user.sponsorshipsAsSponsor.totalCount}`.padStart(5) %></b> repositor<%= s(user.sponsorshipsAsSponsor.totalCount, "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 (plugins.traffic) { if (plugins.traffic.error) { -%>
----  <b>     </b>  views <span class="error">(<%= plugins.traffic.error.message %>)</span>
<% } else { -%>
-r--  <b><%= `${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) %>
<% if (plugins.followup) { if (plugins.followup.error) { -%>
d---  <b>     </b>  ISSUES <span class="error">(<%= plugins.followup.error.message %>)</span>
d---  <b>     </b>  PULL_REQUESTS <span class="error">(<%= plugins.followup.error.message %>)</span>
<% } else { -%>
dr-x  <b><%= `${plugins.followup.issues.count}`.padStart(5) %></b>  ISSUES
-r--  <b><%= `${plugins.followup.issues.open}`.padStart(5) %></b>  ├── open
-r--  <b><%= `${plugins.followup.issues.closed}`.padStart(5) %></b>  └── closed
dr-x  <b><%= `${plugins.followup.issues.count}`.padStart(5) %></b>  PULL_REQUESTS
-r--  <b><%= `${plugins.followup.pr.open}`.padStart(5) %></b>  ├── open
-r--  <b><%= `${plugins.followup.pr.merged}`.padStart(5) %></b>  └── merged
<% }} -%>
<% if (computed.licenses.favorite.length) { -%>
dr-x         LICENSE
-r--         └── <%= computed.licenses.favorite %>
<% } -%>
<% if (plugins.lines) { if (plugins.lines.error) { %>
<span class="diff error">@@ <%= plugins.lines.error.message %> @@</span><% } else { %>
<span class="diff">@@ -<%= plugins.lines.deleted %> +<%= plugins.lines.added %> @@</span>
<% }} -%>
</div><% } -%>
<%# ============================================================= -%>
<% if (plugins.gists) { %>
<div class="stdin"><%- meta.$ %> ls -lh github/gists</div><%# -%>
<div class="stdout"><%# -%>
Total <%= plugins.gists.totalCount %> gist<%= s(plugins.gists.totalCount) %>
-r--  <b><%= `${plugins.gists.stargazers}`.padStart(5) %></b>  stargazer<%= s(plugins.gists.stargazers) %>
-r--  <b><%= `${plugins.gists.forks}`.padStart(5) %></b>  fork<%= s(plugins.gists.forks) %>
</div><% } -%>
<%# ============================================================= -%>
<% if (plugins.languages) { %>
<div class="stdin"><%- meta.$ %> locale</div><%# -%>
<div class="stdout"><%# -%>
<% if (plugins.languages.error) { -%>
<span class="error"><%= plugins.languages.error.message %></span><%# -%>
<% } else { for (const {name, value} of 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 (plugins.pagespeed) { %>
<div class="stdin"><%- meta.$ %> curl -<%= plugins.pagespeed.detailed ? "v" : "" %>I <%= user.websiteUrl %></div><%# -%>
<div class="stdout"><%# -%>
<% if (plugins.pagespeed.error) { -%>
<span class="error"><%= plugins.pagespeed.error.message %></span><% } else { -%>
<b>User-Agent</b>: Google PageSpeed API
<b>Location</b>: <%= user.websiteUrl %>
<% for (const {score, title} of plugins.pagespeed.scores) { -%>
<b><%= `X-${title.replace(/ /g, "-")}` %></b>: <%= !Number.isNaN(score) ? Math.round(score*100) : "-" %>%
<% } -%>
<% if (plugins.pagespeed.detailed) { for (const {name, score, suffix = "", threshold} of [
  {name:"Time to interactive", score:plugins.pagespeed.metrics.interactive/1000, suffix:"s", threshold:[3.785, 7.3]},
  {name:"Speed Index", score:plugins.pagespeed.metrics.speedIndex/1000, suffix:"s", threshold:[3.387, 5.8]},
  {name:"Total Blocking Time", score:plugins.pagespeed.metrics.totalBlockingTime/1000, suffix:"s", threshold:[.287, .6]},
  {name:"First Contentful Paint", score:plugins.pagespeed.metrics.firstContentfulPaint/1000, suffix:"s", threshold:[2.336, 4]},
  {name:"Largest Contentful Paint", score:plugins.pagespeed.metrics.largestContentfulPaint/1000, suffix:"s", threshold:[2.5, 4]},
  {name:"Cumulative Layout Shift", score:+plugins.pagespeed.metrics.cumulativeLayoutShift, threshold:[.1, .25]}
]) { -%>
<b>&gt; <%= name %></b>: <%= !Number.isNaN(score) ? score : "-" %><%= suffix %> <% if (Number.isNaN(score)) { %><% } else if (score <= threshold[0]) { %>(ok +)<% } else if (score <= threshold[1]) { %>(ok)<% } else { %>(bad)<% } %>
<% }}} -%>
</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 id="metrics-end"></div>
    </div>
  </foreignObject>
</svg>