@bananacool467/authtics-host 0.1.4 → 0.1.6

package/dist/config.d.ts

@@ -6,10 +6,11 @@ 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;
+    hasPausedRoute?: boolean;
 }
 export declare function defineConfig(config: AuthticsConfig): AuthticsConfig;

package/dist/config.js

@@ -1,7 +1,19 @@
 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;
+    if (config.hasPausedRoute == undefined)
+        config.hasPausedRoute = false;
     return config;
 }

package/dist/devPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { ShieldCheck, CircleX, ChevronDown, ChevronUp, Bug, AlertTriangle, Info, ArrowLeft, Wifi, Terminal, Route, Globe, ChevronRight, ChevronLeft, Server, TriangleAlert, Eye, Zap } from 'lucide-react';
 import Prism from 'prismjs';
 import 'prismjs/components/prism-javascript';
@@ -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__)
@@ -258,7 +260,7 @@ function installConsoleInterceptor() {
     });
 }
 function SecuredTab() {
-    return (_jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', padding: '8px 10px', textAlign: 'center', gap: '8px' }, children: [_jsx(CircleX, { size: 32, color: 'red' }), _jsx("span", { style: { color: 'red', fontSize: 24 }, children: "Tab Isn't Accessible" }), _jsx("span", { style: { color: 'red', fontSize: 12 }, children: "To access this tab, you need to set \"dat\" in the Authtics Host config to set restriction and then restart." })] }));
+    return (_jsxs("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', flexDirection: 'column', padding: '8px 10px', textAlign: 'center', gap: '8px' }, children: [_jsx(CircleX, { size: 32, color: 'red' }), _jsx("span", { style: { color: 'red', fontSize: 24 }, children: "This Tab Is Currently Not Accessible" }), _jsx("span", { style: { color: 'red', fontSize: 12 }, children: "To access this tab, you need to set \"dat\" in the Authtics Host config to set restriction and then restart." })] }));
 }
 function PanelButton({ onClick, onClick2, children, style, fullWidth, disabled }) {
     const [hovered, setHovered] = useState(false);
@@ -303,22 +305,19 @@ export default function DevPanel() {
     const [clientInfoOpen, setClientInfoOpen] = useState(false);
     const [aboutHostOpen, setAboutHostOpen] = useState(false);
     const [serverInfoOpen, setServerInfoOpen] = useState(false);
-    const [siteInspectOpen, setSiteInspectOpen] = useState(false);
     const [hasIssue, setHasIssue] = useState(false);
     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);
-    const [code, setCode] = useState('');
     const [pathName, setPathName] = useState(undefined);
     const [hostName, setHostName] = useState(undefined);
     const [protocol, setProtocol] = useState(undefined);
     const [path, setPath] = useState(undefined);
-    const contextMenuTimeoutMobile = useRef(undefined);
-    const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 });
-    const [contextMenuShown, setContextMenuShown] = useState(false);
     const [isSsr, setIsSsr] = useState(false);
     const datRestrictionMissingRef = useRef(true);
     const cpuUsage = useRef(0);
@@ -335,20 +334,19 @@ export default function DevPanel() {
     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);
     const fpsSpanRef = useRef(null);
     const frameCount = useRef(0);
     const frames = useRef(0);
     const consoleScrollRef = useRef(null);
     const [isAtBottom, setIsAtBottom] = useState(true);
     const [datRestrictionMissing, setDatRestrictionMissing] = useState(true);
-    const [pos, setPos] = React.useState({ x: 20, y: 20 });
-    const [dragging, setDragging] = React.useState(false);
-    const offset = React.useRef({ x: 0, y: 0 });
-    const [selected, setSelected] = React.useState(null);
-    const [rootEl, setRootEl] = useState(null);
+    const cookie = {
+        set: (k, v) => document.cookie = `${k}=${v}; path=/`,
+        get: (k) => Object.fromEntries(document.cookie.split(";")
+            .filter(Boolean)
+            .map(c => c.trim().split("=")))[k],
+        del: (k) => document.cookie = `${k}=; path=/; max-age=0`
+    };
     const [doc, setDoc] = useState(null);
     const [filters, setFilters] = useState({
         Log: true, Info: true, Warn: true, Error: true, Debug: false
@@ -377,7 +375,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-file-by-pathname', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ pathname: window.location.pathname, dat: localStorage.getItem('dat') })
+                body: JSON.stringify({ pathname: window.location.pathname, })
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -388,18 +386,30 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-dat-matching', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             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({})
+                });
+                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', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                    body: JSON.stringify({})
                 });
                 if (resp2.status === 200) {
                     const data = await resp2.json();
@@ -414,7 +424,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-is-ssr', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -425,7 +435,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-cpu_memory', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -437,7 +447,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-host-ver', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -448,7 +458,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-compiler', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -459,7 +469,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-connection', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -478,7 +488,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-user-settings', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -489,7 +499,7 @@ export default function DevPanel() {
             const resp = await fetch('/__authtics_host_apis__/get-server-info', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                body: JSON.stringify({})
             });
             if (resp.status === 200) {
                 const data = await resp.json();
@@ -516,30 +526,18 @@ export default function DevPanel() {
             }, 250);
         }, 250);
     }, []);
-    const datTouchStart = (e) => {
-        e.preventDefault();
-        setCursorPosition({ x: e.clientX || e.touches[0].clientX, y: e.clientY || e.touches[0].clientY });
-        contextMenuTimeoutMobile.current = setTimeout(() => {
-            setContextMenuShown(true);
-            clearTimeout(contextMenuTimeoutMobile.current);
-        }, 1000);
-    };
-    const datTouchEnd = (e) => {
-        e.preventDefault();
-        clearTimeout(contextMenuTimeoutMobile.current);
-    };
     const restart = async () => {
-        const resp = await fetch('/__authtics_host_apis__/restart', {
+        await fetch('/__authtics_host_apis__/restart', {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ dat: localStorage.getItem('dat') })
+            body: JSON.stringify({})
         });
     };
     const shutDown = async () => {
-        const resp = await fetch('/__authtics_host_apis__/shutdown', {
+        await fetch('/__authtics_host_apis__/shutdown', {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ dat: localStorage.getItem('dat') })
+            body: JSON.stringify({})
         });
     };
     useEffect(() => {
@@ -568,14 +566,13 @@ export default function DevPanel() {
             ? '320px'
             : '320px';
     useEffect(() => {
-        const dat = localStorage.getItem('dat');
         const interval = setInterval(async () => {
             try {
                 const timeStart = Date.now();
                 const resp = await fetch('/__authtics_host_apis__/ping', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ dat })
+                    body: JSON.stringify({})
                 });
                 if (resp.status === 200) {
                     const data = await resp.json();
@@ -623,7 +620,7 @@ export default function DevPanel() {
             ;
         };
         try {
-            const existingToken = localStorage.getItem('dat');
+            const existingToken = cookie.get('dat');
             if (existingToken) {
                 setToken(existingToken);
                 let length_ = existingToken?.split('');
@@ -634,7 +631,13 @@ export default function DevPanel() {
             else {
                 const newToken = generateToken();
                 try {
-                    localStorage.setItem('dat', newToken);
+                    let localStorageToken;
+                    try {
+                        localStorageToken = localStorage.getItem('dat');
+                    }
+                    catch (e) {
+                    }
+                    cookie.set('dat', localStorageToken || newToken);
                     setToken(newToken);
                     let length_ = newToken?.split('');
                     let length;
@@ -722,15 +725,31 @@ export default function DevPanel() {
         };
         __();
     }, []);
-    const showSelfConsoleLog = (message) => {
-        const event = window.dispatchEvent(new CustomEvent('authtics:log', {
-            detail: {
-                type: "Eval",
-                message: message,
-                time: Date.now(),
-                source: "console.js"
+    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({
+                    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({
+                    paused: true
+                })
+            });
+            if (resp.status === 200) {
+                setUsersPausedRealInfo(true);
             }
-        }));
+        }
     };
     return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
                     position: 'absolute',
@@ -908,7 +927,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 +1171,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/dist/index.d.ts

@@ -1,5 +1,30 @@
+declare module "http" {
+    interface IncomingMessage {
+        ip: string | undefined;
+        ipType: number;
+        body: any;
+        cookies: Record<string, string>;
+        ua: string | undefined;
+        os: any;
+        browser: any;
+        dat: string | undefined;
+        bodySize: number;
+        bodyType: string;
+        sentTime: number;
+    }
+    interface ServerResponse {
+        redirect: (url: string) => void;
+        html: (content: string) => void;
+        json: (content: any) => void;
+        text: (content: string) => void;
+        file: (path_: string) => void;
+        status: (code: number) => ServerResponse;
+        reload: () => void;
+        setCookie: (name: string, value: string) => void;
+        rmvCookie: (name: string) => void;
+    }
+}
 import { defineConfig } from './config.js';
 import App from './cli.js';
-import { Route } from './route.js';
-import { RouteMap } from './route.js';
-export { App, Route, RouteMap, defineConfig };
+import { Route, RouteMap, Paused } from './route.js';
+export { App, Route, RouteMap, Paused, defineConfig };

package/dist/index.js

@@ -1,5 +1,4 @@
 import { defineConfig } from './config.js';
 import App from './cli.js';
-import { Route } from './route.js';
-import { RouteMap } from './route.js';
-export { App, Route, RouteMap, defineConfig };
+import { Route, RouteMap, Paused } from './route.js';
+export { App, Route, RouteMap, Paused, defineConfig };

package/dist/renderEngine.d.ts

@@ -1,3 +1,3 @@
 export type CompilerType = 'esbuild' | 'babel';
 export declare function findFileUpwards(startDir: string, relativePath: string): string | null;
-export declare function renderPage(tsxPath: string, reqUrl?: string, showPanel?: boolean, compiler?: CompilerType, hotReload?: boolean, autoPaging?: boolean, autoPageDir?: string, appDir?: string): Promise<string>;
+export declare function renderPage(tsxPath: string, reqUrl?: string, showPanel?: boolean, compiler?: CompilerType, hotReload?: boolean, autoPaging?: boolean, autoPageDir?: string, appDir?: string, fileHandler?: (f: string, p: string) => void, reqDAT?: string | undefined, configDAT?: string | string[] | undefined): Promise<string>;

package/dist/renderEngine.js

@@ -86,7 +86,7 @@ function resolveTemplate(appDir, autoPageDir, autoPaging) {
     return nextToCli;
 }
 function buildHtml(opts) {
-    const { pageHtml, clientCode, devPanelContainer, templatePath, hotReload } = opts;
+    const { pageHtml, clientCode, devPanelContainer, templatePath, hotReload, fileName } = opts;
     const hmrScript = hotReload ? HMR_SCRIPT : '';
     if (templatePath && fs.existsSync(templatePath)) {
         let template = fs.readFileSync(templatePath, "utf-8");
@@ -94,8 +94,8 @@ function buildHtml(opts) {
         if (contentTag.test(template)) {
             template = template.replace(contentTag, `<div id="root">${pageHtml}</div>\n    ${devPanelContainer}`);
             template = template.includes("</body>")
-                ? template.replace("</body>", `  <script>${clientCode}</script>\n${hmrScript}</body>`)
-                : template + `\n<script>${clientCode}</script>${hmrScript}`;
+                ? template.replace("</body>", `  ${fileName ? `<script src="${fileName}"></script>` : `<script>${clientCode}</script>`}\n${hmrScript}</body>`)
+                : template + `\n${fileName ? `<script src="${fileName}"></script>` : `<script>${clientCode}</script>`}${hmrScript}`;
             return template;
         }
         console.warn('[authtics] _template.html has no <authtics_host_content /> — using default layout.');
@@ -109,7 +109,7 @@ function buildHtml(opts) {
   <body>
     <div id="root">${pageHtml}</div>
     ${devPanelContainer}
-    <script>${clientCode}</script>
+    ${fileName ? `<script src="${fileName}"></script>` : `<script>${clientCode}</script>`}
     ${hmrScript}
   </body>
 </html>`;
@@ -137,15 +137,28 @@ const HMR_SCRIPT = `
   const es = new EventSource('/__authtics_hmr__');
   es.onmessage = function(e) { if (e.data === 'reload') window.location.reload(); };
   es.onerror = function() { setTimeout(function() { window.location.reload(); }, 1000); };
+  window.onbeforeunload = function() {
+    es.close();
+    es = null;
+};
 })();
 </script>
 `;
-export async function renderPage(tsxPath, reqUrl, showPanel = true, compiler = 'esbuild', hotReload = false, autoPaging = true, autoPageDir, appDir) {
+export async function renderPage(tsxPath, reqUrl, showPanel = true, compiler = 'esbuild', hotReload = false, autoPaging = true, autoPageDir, appDir, fileHandler, reqDAT, configDAT) {
     ensureTempDirs();
     if (!fs.existsSync(tsxPath)) {
         throw new Error(`renderPage: source file not found: ${tsxPath}`);
     }
-    const usesDevPanel = showPanel && devPanelPath !== null;
+    let usesDevPanel = showPanel && devPanelPath !== null;
+    let datMatched = false;
+    if (configDAT && configDAT == reqDAT)
+        datMatched = true;
+    if (configDAT && Array.isArray(configDAT) && configDAT.includes(reqDAT || ""))
+        datMatched = true;
+    if (configDAT == undefined)
+        datMatched = true;
+    if (!datMatched && usesDevPanel)
+        usesDevPanel = false;
     const templatePath = resolveTemplate(appDir, autoPageDir, autoPaging);
     const tempPath = tempFileForTsx(tsxPath);
     const serverCjsPath = tempPath.replace(/\.json$/, ".server.cjs");
@@ -205,5 +218,6 @@ export async function renderPage(tsxPath, reqUrl, showPanel = true, compiler = '
     const devPanelContainer = usesDevPanel
         ? `<div id="authtics-dev-panel-root">${devPanelHtml}</div>`
         : "";
-    return buildHtml({ pageHtml, clientCode, devPanelContainer, templatePath, hotReload });
+    fileHandler ? fileHandler(clientCode.replace('\n', ''), `/${tsxPath.substring(tsxPath.lastIndexOf('/') + 1).replace(".tsx", ".js").toLowerCase()}`) : null;
+    return buildHtml({ pageHtml, clientCode, devPanelContainer, templatePath, hotReload, fileName: `/${tsxPath.substring(tsxPath.lastIndexOf('/') + 1).replace(".tsx", ".js").toLowerCase()}` });
 }

package/dist/rendererTempFiles.d.ts

@@ -1,5 +1,6 @@
 export declare function ensureTempDirs(): void;
 export declare function tempFileForTsx(tsxPath: string): string;
+export declare function tempFileForDev(): string;
 export declare function isTempUpToDate(tsxPath: string, tempPath: string): boolean;
 export declare function writeTempFile(tempPath: string, content: string): void;
 export declare function readTempFile(tempPath: string): string;

package/dist/rendererTempFiles.js

@@ -1,12 +1,15 @@
 import fs from "node:fs";
 import path from "node:path";
 const AUTHTICS_DIR = path.join(process.cwd(), ".authtics_host");
+const DEV_CACHE_DIR = path.join(AUTHTICS_DIR, "dev-cache");
 const CACHE_DIR = path.join(AUTHTICS_DIR, "cache");
 export function ensureTempDirs() {
     if (!fs.existsSync(AUTHTICS_DIR))
         fs.mkdirSync(AUTHTICS_DIR, { recursive: true });
     if (!fs.existsSync(CACHE_DIR))
         fs.mkdirSync(CACHE_DIR, { recursive: true });
+    if (!fs.existsSync(DEV_CACHE_DIR))
+        fs.mkdirSync(DEV_CACHE_DIR, { recursive: true });
 }
 export function tempFileForTsx(tsxPath) {
     ensureTempDirs();
@@ -14,6 +17,10 @@ export function tempFileForTsx(tsxPath) {
     const hash = simpleHash(tsxPath);
     return path.join(CACHE_DIR, `${base}_${hash}.json`);
 }
+export function tempFileForDev() {
+    ensureTempDirs();
+    return path.join(DEV_CACHE_DIR, "page.cache.json");
+}
 export function isTempUpToDate(tsxPath, tempPath) {
     try {
         const srcMtime = fs.statSync(tsxPath).mtimeMs;

package/dist/route.d.ts

@@ -1,6 +1,10 @@
 export declare function RouteMap({ children }: {
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function Paused({ page, statusCode }: {
+    page: Function;
+    statusCode?: number;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function Route({ page, statusCode, at }: {
     page: Function;
     statusCode?: number;

package/dist/route.js

@@ -15,20 +15,27 @@ export function RouteMap({ children }) {
         const childrenToProcess = Array.isArray(childArray.current)
             ? childArray.current
             : [childArray.current];
+        setCurrentlyAwaiting(false);
         childrenToProcess.forEach((child) => {
-            if (child?.props?.at === path) {
+            if (child?.type?.name === "Paused") {
+                if (window.__paused__ === true) {
+                    matched.current = child.props;
+                }
+            }
+            if (child?.props?.at === path && !window.__paused__ && !matched.current) {
                 matched.current = child.props;
             }
         });
-        if (!matched.current) {
-            childrenToProcess.forEach((child) => {
-                if (child?.props?.at === undefined) {
-                    matched.current = child.props;
-                    setAt404(true);
-                }
-            });
-        }
-        setCurrentlyAwaiting(false);
+        setTimeout(() => {
+            if (!matched.current && !window.__paused__) {
+                childrenToProcess.forEach((child) => {
+                    if (child?.props?.at === undefined && child?.type?.name !== "Paused" && !window.__paused__) {
+                        matched.current = child.props;
+                        setAt404(true);
+                    }
+                });
+            }
+        }, 500);
     }, [path]);
     useEffect(() => {
         if (matched.current && !At404) {
@@ -50,6 +57,9 @@ export function RouteMap({ children }) {
         return _jsx(_Fragment, {});
     return _jsx(NotFound, {});
 }
+export function Paused({ page, statusCode }) {
+    return (_jsx(_Fragment, {}));
+}
 export function Route({ page, statusCode, at }) {
     return (_jsx(_Fragment, {}));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bananacool467/authtics-host",
-  "version": "0.1.4",
-  "description": "A Next.js-inspired SSR framework for Node.js with TypeScript and JSX support.",
+  "version": "0.1.6",
+  "description": "Authtics Host, A Next.js-inspired SSR framework for Node.js with TypeScript and JSX support.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -32,12 +32,14 @@
     "tsx",
     "jsx",
     "html",
+    "js",
     "lightweight",
     "hot-reload",
     "dev",
     "developer",
     "HostJS",
-    "Host.js"
+    "Host.js",
+    "website"
   ],
   "author": "bananacool467",
   "license": "MIT",
@@ -49,8 +51,7 @@
     "esbuild": "^0.27.3",
     "jiti": "^2.6.1",
     "lucide-react": "^0.577.0",
-    "prismjs": "^1.30.0",
-    "react-device-detect": "^2.2.3"
+    "prismjs": "^1.30.0"
   },
   "peerDependencies": {
     "react": "^19.2.4",

package/dist/fileLocator.d.ts

@@ -1,4 +0,0 @@
-export default function locate(fileName: string, fileName2: string): {
-    resolved: string;
-    exists: boolean;
-} | undefined;