feat: panel version badge + bump to 1.3.0

Author: ddddeadispose

index.js

@@ -95,6 +95,13 @@ app.use((req, res, next) => {
 
 app.use(cookieParser());
 app.use(i18nMiddleware);
+
+const { version: appVersion } = require('./package.json');
+app.use((req, res, next) => {
+    res.locals.appVersion = appVersion;
+    next();
+});
+
 app.use(countRequest);
 app.use(express.static(path.join(__dirname, 'public'), {
     maxAge: process.env.NODE_ENV === 'production' ? '1d' : 0,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "c3-celerity",
-  "version": "1.0.0",
+  "version": "1.3.0",
   "description": "C³ CELERITY - Management panel for Hysteria 2 nodes by Click Connect",
   "keywords": [
     "nodejs",

public/css/style.css

@@ -157,6 +157,37 @@ html {
     font-weight: 400;
 }
 
+.version-badge {
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 10px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+    color: var(--text-secondary);
+    text-decoration: none;
+    padding: 2px 7px;
+    border: 1px solid var(--border);
+    border-radius: 999px;
+    background: var(--bg-secondary);
+    line-height: 1.4;
+    white-space: nowrap;
+    transition: color 0.15s ease, border-color 0.15s ease;
+}
+
+.version-badge:hover {
+    color: var(--accent);
+    border-color: var(--accent);
+}
+
+.logo .version-badge {
+    margin-left: auto;
+    align-self: flex-start;
+}
+
+.login-header .version-badge {
+    display: inline-block;
+    margin-top: 14px;
+}
+
 .nav-menu {
     list-style: none;
     padding: 16px 12px;

public/css/style.min.css

@@ -41,6 +41,9 @@
                     <span class="logo-text">C³ CELERITY</span>
                     <a href="https://t.me/First_VPN_Click_bot" target="_blank" class="logo-sub">by Click Connect</a>
                 </div>
+                <% if (typeof appVersion !== 'undefined' && appVersion) { %>
+                <a href="https://github.com/ClickDevTech/CELERITY-panel/releases" target="_blank" rel="noopener" class="version-badge">v<%= appVersion %></a>
+                <% } %>
             </div>
             <ul class="nav-menu">
                 <li><a href="/panel" class="<%= page === 'dashboard' ? 'active' : '' %>">

views/layout.ejs

@@ -16,6 +16,9 @@
                 <span class="logo-icon large">⚡</span>
                 <h1>C³ CELERITY</h1>
                 <a href="https://t.me/First_VPN_Click_bot" target="_blank" style="background: linear-gradient(135deg, var(--accent) 0%, #a855f7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none;">by Click Connect</a>
+                <% if (typeof appVersion !== 'undefined' && appVersion) { %>
+                <a href="https://github.com/ClickDevTech/CELERITY-panel/releases" target="_blank" rel="noopener" class="version-badge">v<%= appVersion %></a>
+                <% } %>
             </div>
 
             <!-- Language Switcher -->