@bananacool467/authtics-host 0.1.4 → 0.1.5

package/README.md

@@ -1,6 +1,6 @@
 # Authtics Host
 
-Version 0.1.4
+Version 0.1.5
 License: MIT
 
 Authtics Host is a framework inspired by Next.js. Authtics Host supports SSR (Server-Side Rendering) and uses esbuild.
@@ -163,7 +163,17 @@ The information the Developer Panel shows outside of the tabs is just your **DAT
 
 **(NOTE: If you do not set DAT restriction (Which will be explained on how to set it up in the next section), you will only get access to the Console and Network tabs)**
 
-## Developer Panel Notes And Warnings And DAT (Developer Access Token)
+The Developer Panel also have remote buttons:
+
+**Restart App** — Restarts the website.
+**Shut Down App** — Stops the website.
+**Pause Users**/**Resume Users** — Stops users from reaching a site and they will get a JSON error message like this when visiting if Pause Users is on:
+```json
+{ "message": "unhandled request" }
+```
+unless you click **Resume Users**.
+
+## Developer Panel Notes And DAT (Developer Access Token)
 
 A DAT (Developer Access Token) is your token that is used to access the Developer Panel.
 
@@ -185,7 +195,7 @@ But if you have multiple DATs, then use:
 
 There isn't any limit of DATs you can add.
 
-**(Warning: Make sure `devMode` is set to `false` in production. If `devMode` is on and DAT restriction is disabled, anyone can access the restart and shutdown endpoints.)**
+**(NOTE: Adding your DAT will give you access to Restart and Shutdown and Pause/Resume Users features)**
 
 ## Contacting The Developer Of Authtics Host
 

package/dist/cli.js

@@ -9,6 +9,7 @@ let config_ = {};
 let uptime = 0;
 let totalRequests = 0;
 let users = 0;
+let usersPaused = false;
 const jiti = createJiti(import.meta.url);
 const routes = new Map();
 const __filename = url.fileURLToPath(import.meta.url);
@@ -96,6 +97,48 @@ export default class App {
     server;
     constructor() {
         this.server = start();
+        this.get('/failed-to-handle', async (req, res) => {
+            if (!usersPaused) {
+                res.writeHead(302, {
+                    'Location': '/'
+                });
+                res.end();
+                return;
+            }
+            ;
+            res.writeHead(200, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({
+                message: "unhandled request"
+            }));
+        });
+        this.post('/__authtics_host_apis__/set-users-paused', async (req, res) => {
+            const reqBody = (await getJsonBody(req));
+            let datMatched = false;
+            if (config_.dat && config_.dat == reqBody.dat)
+                datMatched = true;
+            if (config_.dat && Array.isArray(config_.dat) && config_.dat.includes(reqBody.dat))
+                datMatched = true;
+            if (datMatched) {
+                usersPaused = reqBody.paused;
+                res.writeHead(200, { "Content-Type": "application/json" });
+                res.end(JSON.stringify({
+                    message: "ok"
+                }));
+            }
+        });
+        this.post('/__authtics_host_apis__/is-users-paused', async (req, res) => {
+            const reqBody = (await getJsonBody(req));
+            let datMatched = false;
+            if (config_.dat && config_.dat == reqBody.dat)
+                datMatched = true;
+            if (config_.dat && Array.isArray(config_.dat) && config_.dat.includes(reqBody.dat))
+                datMatched = true;
+            res.writeHead(200, { "Content-Type": "application/json" });
+            res.end(JSON.stringify({
+                paused: (datMatched ? false : usersPaused),
+                realInfo: usersPaused
+            }));
+        });
         this.post('/__authtics_host_apis__/get-dat-restriction-missing', async (req, res) => {
             const reqBody = (await getJsonBody(req));
             let datMatched = false;
@@ -345,10 +388,6 @@ async function start() {
     }
     catch {
     }
-    if (config.autoPage == null)
-        config.autoPage = true;
-    if (config.autoFile == null)
-        config.autoFile = true;
     const PORT = config.port ?? 3000;
     const showPanel = config.devMode !== false;
     const autoPaging = config.autoPage !== false;

package/dist/config.d.ts

@@ -6,10 +6,10 @@ export interface AuthticsConfig {
     compilerType?: 'esbuild' | 'babel';
     hotReload?: boolean;
     dat?: string | string[];
-    showError?: boolean | null;
-    autoPage?: boolean | null;
+    showError?: boolean;
+    autoPage?: boolean;
     autoPageDir?: string;
-    autoFile?: boolean | null;
+    autoFile?: boolean;
     autoFileDir?: string;
 }
 export declare function defineConfig(config: AuthticsConfig): AuthticsConfig;

package/dist/config.js

@@ -1,7 +1,17 @@
 export function defineConfig(config) {
-    if (config.autoPage == null)
+    if (config.autoPage == undefined)
         config.autoPage = true;
-    if (config.autoFile == null)
+    if (config.autoFile == undefined)
         config.autoFile = true;
+    if (config.showError == undefined)
+        config.showError = true;
+    if (config.compilerType == undefined)
+        config.compilerType = 'esbuild';
+    if (config.ssr == undefined)
+        config.ssr = true;
+    if (config.port == undefined || config.port == 0)
+        config.port = 3000;
+    if (config.devMode == undefined)
+        config.devMode = true;
     return config;
 }

package/dist/devPanel.js

@@ -221,21 +221,23 @@ function installNetworkInterceptor(onFetch, setFetch, onEventSource, setEventSou
     };
     window.EventSource.prototype = OriginalEventSource.prototype;
     Object.assign(window.EventSource, OriginalEventSource);
-    const queryImg = document.querySelectorAll('img');
-    const queryScript = document.querySelectorAll('script');
-    const queryLink = document.querySelectorAll('link');
-    queryImg.forEach((img) => {
-        if (img.src)
-            onResource({ url: img.src, type: 'img', id: fetchId++ });
-    });
-    queryScript.forEach((script) => {
-        if (script.src)
-            onResource({ url: script.src, type: 'script', id: fetchId++ });
-    });
-    queryLink.forEach((link) => {
-        if (link.href)
-            onResource({ url: link.href, type: 'link', id: fetchId++ });
-    });
+    setTimeout(() => {
+        const queryImg = document.querySelectorAll('img');
+        const queryScript = document.querySelectorAll('script');
+        const queryLink = document.querySelectorAll('link');
+        queryImg.forEach((img) => {
+            if (img.src)
+                onResource({ url: img.src, type: 'img', id: fetchId++ });
+        });
+        queryScript.forEach((script) => {
+            if (script.src)
+                onResource({ url: script.src, type: 'script', id: fetchId++ });
+        });
+        queryLink.forEach((link) => {
+            if (link.href)
+                onResource({ url: link.href, type: 'link', id: fetchId++ });
+        });
+    }, 5000);
 }
 function installConsoleInterceptor() {
     if (window.__authtics_intercepted__)
@@ -308,6 +310,8 @@ export default function DevPanel() {
     const [ping__, setPing__] = useState(0);
     const [networkFetches, setNetworkFetches] = useState([]);
     const [eventSources, setEventSources] = useState([]);
+    const [usersPaused, setUsersPaused] = useState(false);
+    const [usersPausedRealInfo, setUsersPausedRealInfo] = useState(false);
     const [webSockets, setWebSockets] = useState([]);
     const [resourcesFound, setResourcesFound] = useState([]);
     const [status, setStatus] = useState(200);
@@ -393,7 +397,19 @@ export default function DevPanel() {
             if (resp.status === 200) {
                 const data = await resp.json();
                 setDatMatch(data.isMatching);
-                if (!data.isMatching) {
+                const resp3 = await fetch('/__authtics_host_apis__/is-users-paused', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                });
+                let paused = false;
+                if (resp3.status === 200) {
+                    const data = await resp3.json();
+                    paused = data.paused;
+                    setUsersPaused(paused);
+                    setUsersPausedRealInfo(data.realInfo);
+                }
+                if (!data.isMatching && !paused) {
                     doc?.getElementById('authtics-dev-panel-root')?.remove();
                 }
                 const resp2 = await fetch('/__authtics_host_apis__/get-dat-restriction-missing', {
@@ -732,6 +748,38 @@ export default function DevPanel() {
             }
         }));
     };
+    const pause_Resume_Users = async () => {
+        if (usersPausedRealInfo) {
+            const resp = await fetch('/__authtics_host_apis__/set-users-paused', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    dat: localStorage.getItem('dat'),
+                    paused: false
+                })
+            });
+            if (resp.status === 200) {
+                setUsersPausedRealInfo(false);
+            }
+        }
+        else {
+            const resp = await fetch('/__authtics_host_apis__/set-users-paused', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    dat: localStorage.getItem('dat'),
+                    paused: true
+                })
+            });
+            if (resp.status === 200) {
+                setUsersPausedRealInfo(true);
+            }
+        }
+    };
+    if (usersPaused) {
+        doc?.getElementById('root')?.remove();
+        window.location.href = '/failed-to-handle';
+    }
     return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
                     position: 'absolute',
                     zIndex: 999999,
@@ -908,7 +956,7 @@ export default function DevPanel() {
                                                         border: '1px solid #eee',
                                                         fontSize: '11px',
                                                         fontFamily: 'monospace'
-                                                    }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', gap: '8px', padding: '6px 10px' }, children: [_jsx("span", { style: { color: '#3b82f6', display: 'flex', gap: '4px', justifyContent: 'center', alignItems: 'center' }, children: r.type }), _jsx("span", { style: { flex: 1, overflow: 'hidden', color: '#333' }, children: r.url })] }) }, i)))] })] })) : routeOpen ? (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
+                                                    }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', gap: '8px', padding: '6px 10px' }, children: [_jsx("span", { style: { color: '#3b82f6', display: 'flex', gap: '4px', justifyContent: 'center', alignItems: 'center' }, children: r.type }), _jsx("span", { style: { flex: 1, color: '#333' }, children: r.url })] }) }, i)))] })] })) : routeOpen ? (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
                                             padding: '6px 8px',
                                             borderBottom: '1px solid #ddd',
                                             background: '#fff',
@@ -1152,7 +1200,7 @@ export default function DevPanel() {
                                                         gap: '6px',
                                                         color: '#fff',
                                                         flexDirection: 'row',
-                                                    }, children: "Updates to security. Apps with version 0.0.1-beta.9 and over will now require DAT restriction to access remote features like restarting and shutting down the app." }) })) : (_jsx(_Fragment, {})), _jsx(PanelButton, { onClick: () => { restart(); }, fullWidth: true, style: { color: '#fff', justifyContent: 'center', height: '32px', background: '#ba4e4e' }, disabled: datRestrictionMissing, children: _jsx("span", { style: { display: 'flex', alignItems: 'center', gap: '6px', textAlign: 'center' }, children: "Restart App" }) }), datRestrictionMissing ? (_jsxs("span", { style: { display: 'flex', opacity: 0.5, fontSize: 10, justifyContent: 'center', alignItems: 'center', gap: '4px' }, children: [_jsx(Info, { size: 10 }), "Restarting the app is unavaliable. Set \"dat\" in the Authtics Host config to set restriction and then restart."] })) : (_jsx(_Fragment, {})), _jsx(PanelButton, { onClick: () => { shutDown(); }, fullWidth: true, style: { color: '#fff', justifyContent: 'center', height: '32px', background: '#ba4e4e' }, disabled: datRestrictionMissing, children: _jsx("span", { style: { display: 'flex', alignItems: 'center', gap: '6px', textAlign: 'center' }, children: "Shut Down App" }) }), datRestrictionMissing ? (_jsxs("span", { style: { display: 'flex', opacity: 0.5, fontSize: 10, justifyContent: 'center', alignItems: 'center', gap: '4px' }, children: [_jsx(Info, { size: 10 }), "Shutting down the app is unavaliable. Set \"dat\" in the Authtics Host config to set restriction and then restart."] })) : (_jsx(_Fragment, {}))] })] })) }) }), datMatch ? (_jsxs("div", { onClick: () => setOpen(o => !o), style: {
+                                                    }, children: "Updates to security. Apps with version 0.0.1-beta.9 and over will now require DAT restriction to access remote features like restarting and shutting down the app." }) })) : (_jsx(_Fragment, {})), _jsx(PanelButton, { onClick: () => { restart(); }, fullWidth: true, style: { color: '#fff', justifyContent: 'center', height: '32px', background: '#ba4e4e' }, disabled: datRestrictionMissing, children: _jsx("span", { style: { display: 'flex', alignItems: 'center', gap: '6px', textAlign: 'center' }, children: "Restart App" }) }), datRestrictionMissing ? (_jsxs("span", { style: { display: 'flex', opacity: 0.5, fontSize: 10, justifyContent: 'center', alignItems: 'center', gap: '4px' }, children: [_jsx(Info, { size: 10 }), "Restarting the app is unavaliable. Set \"dat\" in the Authtics Host config to set restriction and then restart."] })) : (_jsx(_Fragment, {})), _jsx(PanelButton, { onClick: () => { shutDown(); }, fullWidth: true, style: { color: '#fff', justifyContent: 'center', height: '32px', background: '#ba4e4e' }, disabled: datRestrictionMissing, children: _jsx("span", { style: { display: 'flex', alignItems: 'center', gap: '6px', textAlign: 'center' }, children: "Shut Down App" }) }), datRestrictionMissing ? (_jsxs("span", { style: { display: 'flex', opacity: 0.5, fontSize: 10, justifyContent: 'center', alignItems: 'center', gap: '4px' }, children: [_jsx(Info, { size: 10 }), "Shutting down the app is unavaliable. Set \"dat\" in the Authtics Host config to set restriction and then restart."] })) : (_jsx(_Fragment, {})), _jsx(PanelButton, { onClick: () => { pause_Resume_Users(); }, fullWidth: true, style: { color: '#fff', justifyContent: 'center', height: '32px', background: '#ba4e4e' }, disabled: datRestrictionMissing, children: _jsx("span", { style: { display: 'flex', alignItems: 'center', gap: '6px', textAlign: 'center' }, children: usersPausedRealInfo ? "Resume Users" : "Pause Users" }) }), datRestrictionMissing ? (_jsxs("span", { style: { display: 'flex', opacity: 0.5, fontSize: 10, justifyContent: 'center', alignItems: 'center', gap: '4px' }, children: [_jsx(Info, { size: 10 }), "Pausing users from accessing the app is unavaliable. Set \"dat\" in the Authtics Host config to set restriction and then restart."] })) : (_jsx(_Fragment, {}))] })] })) }) }), datMatch ? (_jsxs("div", { onClick: () => setOpen(o => !o), style: {
                             display: 'flex',
                             flexDirection: 'row',
                             alignItems: 'center',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bananacool467/authtics-host",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "A Next.js-inspired SSR framework for Node.js with TypeScript and JSX support.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -37,7 +37,8 @@
     "dev",
     "developer",
     "HostJS",
-    "Host.js"
+    "Host.js",
+    "website"
   ],
   "author": "bananacool467",
   "license": "MIT",