New dep and usage (OpenUserJS#1916)

* See if we all can get the Authors to pay a little more attention with some movement. May add this outside of owner too. * May be useful elsewhere as well. Auto-merge
AlvinBcn80 · Dec 31, 2021 · ed90651 · ed90651
1 parent 7358f24
commit ed90651
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -21,6 +21,7 @@ These also may use [shields.io][shieldsHomepage] where applicable for more expli
 Repository | Reference | Recent Version
 --- | --- | ---
 [ace-builds][ace-buildsGHUrl] [&#x00b9;][aceGHUrl] | [Documentation][ace-buildsDOCUrl] [&#x00b9;][aceDOCUrl] | [![NPM version][ace-buildsNPMVersionImage]][ace-buildsNPMUrl]
+[animate.css][animate.cssGHUrl] | [Documentation][animate.cssDOCUrl] | [![NPM version][animate.cssNPMVersionImage]][animate.cssNPMUrl]
 [ansi-colors][ansi-colorsGHUrl] | [Documentation][ansi-colorsDOCUrl] | [![NPM version][ansi-colorsNPMVersionImage]][ansi-colorsNPMUrl]
 [async][asyncGHUrl] | [Documentation][asyncDOCUrl] | [![NPM version][asyncNPMVersionImage]][asyncNPMUrl]
 [aws-sdk][aws-sdkGHUrl] | [Documentation][aws-sdkDOCUrl] | [![NPM version][aws-sdkNPMVersionImage]][aws-sdkNPMUrl]
@@ -128,6 +129,11 @@ Outdated dependencies list can be achieved with `$ npm outdated` from the termin
 [aceGHUrl]: https://github.com/ajaxorg/ace "ace"
 [aceDOCUrl]: https://ace.c9.io/#nav=api "ace"
 
+[animate.cssGHUrl]: https://github.com/animate-css/animate.css
+[animate.cssDOCUrl]: https://animate.style/
+[animate.cssNPMUrl]: https://www.npmjs.com/package/animate.css
+[animate.cssNPMVersionImage]: https://img.shields.io/npm/v/animate.css.svg?style=flat
+
 [ansi-colorsGHUrl]: https://github.com/doowb/ansi-colors
 [ansi-colorsDOCUrl]: https://github.com/doowb/ansi-colors/blob/master/README.md
 [ansi-colorsNPMUrl]: https://www.npmjs.com/package/ansi-colors

diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
   "main": "app",
   "dependencies": {
     "ace-builds": "1.4.13",
+    "animate.css": "4.1.1",
     "ansi-colors": "4.1.1",
     "async": "3.2.2",
     "@octokit/auth-oauth-app": "4.3.0",

diff --git a/routesStatic.js b/routesStatic.js
@@ -44,6 +44,10 @@ module.exports = function (aApp) {
 
   serveModule('/redist/npm/', 'ace-builds/src/', 7);
 
+  serveModule('/redist/npm/', 'animate.css/', {
+    'animate.css': { maxage: day * 1 }
+  });
+
   serveModule('/redist/npm/', 'bootstrap/', {
     'dist/js/bootstrap.js': { maxage: day * 1 }
   });

diff --git a/views/includes/scriptPageHeader.html b/views/includes/scriptPageHeader.html
@@ -67,7 +67,7 @@ <h2 class="page-heading">
     <ul class="nav navbar-nav">
       <li class="{{#isScriptPage}}active{{/isScriptPage}}"><a href="{{{script.scriptPageUrl}}}">About</a></li>
       <li class="{{#isScriptViewSourcePage}}active{{/isScriptViewSourcePage}}"><a href="{{{script.scriptViewSourcePageUrl}}}" class="{{^script.scriptViewSourcePageUrl}}disabled{{/script.scriptViewSourcePageUrl}}">Source Code</a></li>
-      <li class="{{#isScriptIssuesPage}}active{{/isScriptIssuesPage}}"><a href="{{{script.scriptIssuesPageUrl}}}" class="{{^script.scriptIssuesPageUrl}}disabled{{/script.scriptIssuesPageUrl}}">Issues <span class="badge">{{issueCount}}</span></a></li>
+      <li class="{{#isScriptIssuesPage}}active{{/isScriptIssuesPage}}"><a href="{{{script.scriptIssuesPageUrl}}}" class="{{^script.scriptIssuesPageUrl}}disabled{{/script.scriptIssuesPageUrl}}">Issues{{#issueCount}} <span class="badge{{#isOwner}} animate__animated animate__zoomInRight animate__slow{{/isOwner}}">{{issueCount}}</span>{{/issueCount}}</a></li>
     </ul>
     {{^script.isLib}}
     <p class="navbar-text pull-right hidden-xs"><i class="fa fa-fw fa-signal"></i> <b>Installs:</b> {{script.installs}}</p>

diff --git a/views/pages/scriptIssueListPage.html b/views/pages/scriptIssueListPage.html
@@ -4,6 +4,7 @@
   <title>{{title}}</title>
   {{> includes/head.html }}
   <link rel="stylesheet" type="text/css" media="all" href="/css/scriptPage.css">
+  <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/animate.css/animate.css">
 </head>
 <body>
   {{> includes/header.html }}

diff --git a/views/pages/scriptIssuePage.html b/views/pages/scriptIssuePage.html
@@ -5,6 +5,7 @@
   {{> includes/head.html }}
   <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/bootstrap-markdown/css/bootstrap-markdown.min.css">
   <link rel="stylesheet" type="text/css" media="all" href="/css/scriptPage.css">
+  <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/animate.css/animate.css">
 </head>
 <body>
   {{> includes/header.html }}

diff --git a/views/pages/scriptPage.html b/views/pages/scriptPage.html
@@ -4,6 +4,7 @@
   <title>{{title}}</title>
   {{> includes/head.html }}
   <link rel="stylesheet" type="text/css" media="all" href="/css/scriptPage.css">
+  <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/animate.css/animate.css">
 </head>
 <body id="body">
   {{> includes/header.html }}

diff --git a/views/pages/scriptViewSourcePage.html b/views/pages/scriptViewSourcePage.html
@@ -18,6 +18,7 @@
       color: #666;
     }
   </style>
+  <link rel="stylesheet" type="text/css" media="all" href="/redist/npm/animate.css/animate.css">
 </head>
 <body>
   {{> includes/header.html }}