1.9

Author: zmh-program

index.js

@@ -19,22 +19,20 @@ app.get('/', function(req, res) {
 
 app.get('/user/:user/', async function (req, res) {
     const username = req.params['user'];
-    if ( ! isAvailableUser(username) ) {
-        res.send('permission denied');
-        return;
-    }
+
     res.type('svg');
-    res.render('user', await stats.getAccount(username, req.query));
+    isAvailableUser(username) ?
+      res.render('user', await stats.getAccount(username, req.query['theme'] === 'dark')):
+      res.render('error', {dark: req.query['theme'] === 'dark'});
 });
 
 app.get('/repo/:user/:repo/', async function (req, res) {
     const username = req.params['user'], repo = req.params['repo'];
-    if ( (! isAvailableUser(username)) || (! repo)) {
-        res.send('permission denied');
-        return;
-    }
+
     res.type('svg');
-    res.render('repo', await stats.getRepository(username, repo, req.query));
+    isAvailableUser(username) && repo.length ?
+      res.render('repo', await stats.getRepository(username, repo, req.query['theme'] === 'dark'))
+      : res.render('error', {dark: req.query['theme'] === 'dark'});
 });
 
 

stats.js

@@ -620,11 +620,11 @@ function langHandler(langs) {
     }
   });
 }
-async function getAccount(username, query={}) {
+async function getAccount(username, dark=false) {
   const response = await cache.requestWithCache(`/users/${username}`);
   const repos = Object.values(await cache.requestWithCache(`/users/${username}/repos`)).filter(repo => !repo.fork);
   return {
-    dark : query['theme'] === 'dark',
+    dark : dark,
     locs: response['location'],
     stars: repos.map(repo => repo['stargazers_count']).reduce((a, b) => a + b),
     forks: repos.map(repo => repo['forks_count']).reduce((a, b) => a + b),
@@ -640,11 +640,11 @@ async function getAccount(username, query={}) {
   };
 }
 
-async function getRepository(username, repo, query={}) {
+async function getRepository(username, repo, dark=false) {
   // get releases (700ms): (await cache.requestWithCache(`/repos/${username}/${repo}/releases`)).length
   const info = await cache.requestWithCache(`/repos/${username}/${repo}`);
   return {
-    dark : query['theme'] === 'dark',
+    dark : dark,
     username: username,
     repo: repo,
     size: storeConvert(info['size'], 1),

views/error.ejs

@@ -0,0 +1,29 @@
+<svg width="450" height="195" viewBox="0 0 660 216" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="descId">
+    <title id="titleId">Error</title>
+    <desc id="descId">User Code Statistics</desc>
+    <style>
+        .header {
+            font: 600 18px 'Segoe UI', Ubuntu, Sans-Serif;
+            fill: <%- dark ? "#fff" : "#434d58" %>;
+            animation: fadeInAnimation 0.8s ease-in-out forwards;
+        }
+        @supports(-moz-appearance: auto) {
+            .header { font-size: 15.5px; }
+        }
+        .bold { font-weight: 700 }
+        #rect-mask rect{
+            animation: fadeInAnimation 1s ease-in-out forwards;
+        }
+
+        @keyframes fadeInAnimation {
+            from {
+                opacity: 0;
+            }
+            to {
+                opacity: 1;
+            }
+        }
+    </style>
+    <rect data-testid="card-bg" x="0.5" y="0.5" rx="4.5" height="99%" stroke="#e4e2e2" width="659" fill="<%- dark ? "#000" : "#fffefe" %>" stroke-opacity="1"/>
+    <g data-testid="card-title" transform="translate(200, 108)"><g transform="translate(0, 0)"><text x="0" y="0" class="header" data-testid="header">Sorry, there is something wrong...</text></g></g>
+</svg>