@bananacool467/authtics-host 0.0.2-beta.3 → 0.0.2-beta.4

package/README.md

@@ -1,13 +1,15 @@
 # Authtics Host
 
-Version 0.0.2-beta.3
+Version 0.0.2-beta.4
 License: MIT
 
 **(NOTE: This version is in BETA, bugs are expected)**
 
 Authtics Host is a framework inspired by Next.js. Authtics Host supports SSR (Server-Side Rendering) and uses esbuild.
 
-## Setting up
+**(NOTE: The short name for Authtics Host is HostJS)**
+
+## Setting Up
 
 To get **Authtics Host** use:
 ```bash

package/dist/devPanel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef } from 'react';
-import { ShieldCheck, CircleX, ChevronDown, ChevronUp, Bug, AlertTriangle, Info, ArrowLeft, Wifi, Terminal, Route, Globe, ChevronRight, ChevronLeft, Server, TriangleAlert } from 'lucide-react';
+import { ShieldCheck, CircleX, ChevronDown, ChevronUp, Bug, AlertTriangle, Info, ArrowLeft, Wifi, Terminal, Route, Globe, ChevronRight, ChevronLeft, Server, TriangleAlert, Eye } from 'lucide-react';
 import Prism from 'prismjs';
 import 'prismjs/components/prism-javascript';
 Prism.languages.javascript['builtin'] = /\b(window|document|console|navigator|localStorage|sessionStorage|fetch|Promise|setTimeout|setInterval|clearTimeout|clearInterval|requestAnimationFrame|Math|JSON|Object|Array|String|Number|Boolean|Date|RegExp|Error|Map|Set|Symbol|Proxy|Reflect|performance|history|location|screen|crypto|indexedDB|alert|confirm|prompt)\b/;
@@ -191,6 +191,7 @@ export default function DevPanel() {
     const [users, setUsers] = useState(0);
     const [token, setToken] = useState(null);
     const [tokenLength, setTokenLength] = useState(0);
+    const [tokenHidden, setTokenHidden] = useState(true);
     const [consoleInputFocused, setConsoleInputFocused] = useState(false);
     const consoleInputRef = useRef(null);
     const overlayRef = useRef(null);
@@ -932,7 +933,6 @@ export default function DevPanel() {
                                             maxHeight: '260px',
                                             flexDirection: 'column',
                                         }, children: [_jsxs("div", { style: {
-                                                    display: 'flex',
                                                     justifyContent: 'space-between',
                                                     padding: '6px 10px',
                                                     background: '#fff',
@@ -940,7 +940,24 @@ export default function DevPanel() {
                                                     border: '1px solid #eee',
                                                     fontSize: '12px',
                                                     color: '#333',
-                                                }, children: [_jsx("span", { style: { fontSize: '12px', color: '#333' }, children: "DAT (Developer Access Token)" }), _jsx("span", { style: { fontSize: '12px', color: 'blue' }, children: token })] }), tokenLength !== 16 ? (_jsx(_Fragment, { children: _jsxs("div", { style: {
+                                                    display: 'flex'
+                                                }, children: [_jsx("span", { style: { fontSize: '12px', color: '#333', position: 'relative' }, children: "DAT (Developer Access Token)" }), _jsxs("div", { style: { position: 'relative',
+                                                            display: 'inline-flex' }, children: [_jsx("span", { style: { fontSize: '12px', color: 'blue' }, children: token }), tokenHidden && (_jsxs("div", { style: {
+                                                                    position: 'absolute',
+                                                                    top: 0, left: 0,
+                                                                    marginTop: '-2.5px',
+                                                                    width: '100%', height: '100%',
+                                                                    backdropFilter: 'blur(10px)',
+                                                                    backgroundColor: 'rgba(255,255,255,0.3)',
+                                                                    cursor: 'pointer',
+                                                                    padding: '2.5px 2.5px',
+                                                                    borderRadius: '8px',
+                                                                    textAlign: 'center',
+                                                                    display: 'flex',
+                                                                    justifyContent: 'center',
+                                                                    alignItems: 'center',
+                                                                    gap: '4px'
+                                                                }, onClick: () => setTokenHidden(false), children: [_jsx(Eye, { size: 12 }), "Click to reveal"] }))] })] }), tokenLength !== 16 ? (_jsx(_Fragment, { children: _jsxs("div", { style: {
                                                         display: 'flex',
                                                         background: '#ba4e4e',
                                                         borderRadius: '10px',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bananacool467/authtics-host",
-  "version": "0.0.2-beta.3",
+  "version": "0.0.2-beta.4",
   "description": "A Next.js-inspired SSR framework for Node.js with TypeScript and JSX support.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -35,7 +35,8 @@
     "lightweight",
     "hot-reload",
     "dev",
-    "developer"
+    "developer",
+    "HostJS"
   ],
   "author": "bananacool467",
   "license": "MIT",