@bananacool467/authtics-host 0.1.5 → 0.1.7

package/dist/config.d.ts

@@ -11,5 +11,6 @@ export interface AuthticsConfig {
     autoPageDir?: string;
     autoFile?: boolean;
     autoFileDir?: string;
+    hasPausedRoute?: boolean;
 }
 export declare function defineConfig(config: AuthticsConfig): AuthticsConfig;

package/dist/config.js

@@ -13,5 +13,7 @@ export function defineConfig(config) {
         config.port = 3000;
     if (config.devMode == undefined)
         config.devMode = true;
+    if (config.hasPausedRoute == undefined)
+        config.hasPausedRoute = false;
     return config;
 }

package/dist/devPanel.d.ts

@@ -1,2 +1 @@
-import 'prismjs/components/prism-javascript';
 export default function DevPanel(): import("react/jsx-runtime").JSX.Element;

package/dist/devPanel.js

@@ -1,9 +1,6 @@
 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';
-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/;
 function getCallerSource() {
     try {
         const stack = new Error().stack ?? '';
@@ -63,7 +60,7 @@ function Sparkline({ data, color, label, unit }) {
                                 return _jsx("circle", { cx: last[0], cy: last[1], r: "2.5", fill: color });
                             })()] }))] })] }));
 }
-function installNetworkInterceptor(onFetch, setFetch, onEventSource, setEventSource, onWebSocket, setWebSocket, onResource, setResource, onBytesClient, onBytesServer) {
+function installNetworkInterceptor(onFetch, setFetch, onEventSource, setEventSource, onWebSocket, setWebSocket, onResource, setResource, rmvResource, onBytesClient, onBytesServer) {
     if (window.__authtics_network_intercepted__)
         return;
     window.__authtics_network_intercepted__ = true;
@@ -221,23 +218,60 @@ function installNetworkInterceptor(onFetch, setFetch, onEventSource, setEventSou
     };
     window.EventSource.prototype = OriginalEventSource.prototype;
     Object.assign(window.EventSource, OriginalEventSource);
-    setTimeout(() => {
+    let usedResourcesSlots = [];
+    let beforeResources = [];
+    let currentResources = [];
+    setInterval(() => {
+        beforeResources = currentResources;
+        currentResources = [];
         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++ });
+            if (img.src) {
+                fetchId++;
+                let savedFetchId = fetchId;
+                if (!usedResourcesSlots.includes({ url: img.src, type: 'img', id: savedFetchId }))
+                    onResource({ url: img.src, type: 'img', id: savedFetchId });
+                currentResources.push({ url: img.src, type: 'img', id: savedFetchId });
+                if (usedResourcesSlots.includes({ url: img.src, type: 'img', id: savedFetchId }))
+                    setResource({ url: img.src, type: 'img', id: savedFetchId });
+                if (!usedResourcesSlots.includes({ url: img.src, type: 'img', id: savedFetchId }))
+                    usedResourcesSlots.push({ url: img.src, type: 'img', id: savedFetchId });
+            }
         });
         queryScript.forEach((script) => {
-            if (script.src)
-                onResource({ url: script.src, type: 'script', id: fetchId++ });
+            if (script.src) {
+                fetchId++;
+                let savedFetchId = fetchId;
+                if (!usedResourcesSlots.includes({ url: script.src, type: 'script', id: savedFetchId }))
+                    onResource({ url: script.src, type: 'script', id: savedFetchId });
+                currentResources.push({ url: script.src, type: 'script', id: savedFetchId });
+                if (usedResourcesSlots.includes({ url: script.src, type: 'script', id: savedFetchId }))
+                    setResource({ url: script.src, type: 'script', id: savedFetchId });
+                if (!usedResourcesSlots.includes({ url: script.src, type: 'script', id: savedFetchId }))
+                    usedResourcesSlots.push({ url: script.src, type: 'script', id: savedFetchId });
+            }
         });
         queryLink.forEach((link) => {
-            if (link.href)
-                onResource({ url: link.href, type: 'link', id: fetchId++ });
+            if (link.href) {
+                fetchId++;
+                let savedFetchId = fetchId;
+                if (!usedResourcesSlots.includes({ url: link.href, type: 'link', id: savedFetchId }))
+                    onResource({ url: link.href, type: 'link', id: savedFetchId });
+                currentResources.push({ url: link.href, type: 'link', id: savedFetchId });
+                if (usedResourcesSlots.includes({ url: link.href, type: 'link', id: savedFetchId }))
+                    setResource({ url: link.href, type: 'link', id: savedFetchId });
+                if (!usedResourcesSlots.includes({ url: link.href, type: 'link', id: savedFetchId }))
+                    usedResourcesSlots.push({ url: link.href, type: 'link', id: savedFetchId });
+            }
         });
-    }, 5000);
+        beforeResources.forEach((resource) => {
+            if (!currentResources.includes(resource)) {
+                rmvResource(resource);
+            }
+        });
+    }, 250);
 }
 function installConsoleInterceptor() {
     if (window.__authtics_intercepted__)
@@ -260,7 +294,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);
@@ -305,31 +339,24 @@ 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);
     const heapUsage = useRef(0);
     const [datMatch, setDatMatch] = useState(false);
     const [compilerType, setCompilerType] = useState("?");
-    const [errorDetail, setErrorDetail] = useState(undefined);
     const [httpVersion, setHttpVersion] = useState("v?.?");
     const [errorBoxOpenable, setErrorBoxOpenable] = useState(false);
     const [uptime, setUptime] = useState("00:00:00:00");
@@ -339,20 +366,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
@@ -381,7 +407,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();
@@ -392,7 +418,7 @@ 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();
@@ -400,13 +426,12 @@ export default function DevPanel() {
                 const resp3 = await fetch('/__authtics_host_apis__/is-users-paused', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ dat: localStorage.getItem('dat') })
+                    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) {
@@ -415,7 +440,7 @@ export default function DevPanel() {
                 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();
@@ -430,7 +455,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();
@@ -441,7 +466,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();
@@ -453,7 +478,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();
@@ -464,7 +489,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();
@@ -475,7 +500,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();
@@ -494,7 +519,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();
@@ -505,7 +530,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();
@@ -532,30 +557,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(() => {
@@ -584,14 +597,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();
@@ -622,7 +634,7 @@ export default function DevPanel() {
     }, []);
     useEffect(() => {
         installConsoleInterceptor();
-        installNetworkInterceptor((f) => setNetworkFetches(prev => [...prev.slice(-49), f]), (f) => setNetworkFetches(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setEventSources(prev => [...prev.slice(-49), f]), (f) => setEventSources(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setWebSockets(prev => [...prev.slice(-49), f]), (f) => setWebSockets(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setResourcesFound(prev => [...prev.slice(-49), f]), (f) => setResourcesFound(prev => prev.map(p => p.id === f.id ? f : p)), (sent) => {
+        installNetworkInterceptor((f) => setNetworkFetches(prev => [...prev.slice(-49), f]), (f) => setNetworkFetches(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setEventSources(prev => [...prev.slice(-49), f]), (f) => setEventSources(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setWebSockets(prev => [...prev.slice(-49), f]), (f) => setWebSockets(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setResourcesFound(prev => [...prev.slice(-49), f]), (f) => setResourcesFound(prev => prev.map(p => p.id === f.id ? f : p)), (f) => setResourcesFound(prev => prev.filter(p => p.id !== f.id)), (sent) => {
             pendingSent.current += sent;
         }, (received) => {
             pendingReceived.current += received;
@@ -634,12 +646,11 @@ export default function DevPanel() {
                 setHasIssue(true);
                 setErrorMsgs(prev => [...prev, detail.message]);
                 setErrorBoxOpen(true);
-                setErrorDetail(detail.source);
             }
             ;
         };
         try {
-            const existingToken = localStorage.getItem('dat');
+            const existingToken = cookie.get('dat');
             if (existingToken) {
                 setToken(existingToken);
                 let length_ = existingToken?.split('');
@@ -650,7 +661,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;
@@ -738,23 +755,12 @@ 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({
-                    dat: localStorage.getItem('dat'),
                     paused: false
                 })
             });
@@ -767,7 +773,6 @@ export default function DevPanel() {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
-                    dat: localStorage.getItem('dat'),
                     paused: true
                 })
             });
@@ -776,10 +781,6 @@ export default function DevPanel() {
             }
         }
     };
-    if (usersPaused) {
-        doc?.getElementById('root')?.remove();
-        window.location.href = '/failed-to-handle';
-    }
     return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
                     position: 'absolute',
                     zIndex: 999999,

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, rmvFileHandler?: (p: string) => void, reqDAT?: string | undefined, configDAT?: string | string[] | undefined): Promise<string>;

package/dist/renderEngine.js

@@ -38,9 +38,9 @@ async function buildWithEsbuild(virtualContent, resolveDir, platform) {
         format: isNode ? 'cjs' : 'iife',
         platform,
         jsx: 'automatic',
-        sourcemap: isNode ? false : 'inline',
+        sourcemap: isNode ? false : false,
         target: isNode ? ['node18'] : ['es2020'],
-        minify: false,
+        minify: true,
         treeShaking: true,
         external: isNode
             ? ['react', 'react-dom', 'react-dom/server', 'react/jsx-runtime', 'react/jsx-dev-runtime', 'node:http',
@@ -48,9 +48,16 @@ async function buildWithEsbuild(virtualContent, resolveDir, platform) {
                 'node:fs',
                 'node:url',
                 'tls',
-                path.join(__dirname, 'cli.js')]
+                path.join(__dirname, 'cli.js'),
+                path.join(__dirname, 'config.js'),
+                path.join(__dirname, 'renderEngine.js'),
+                path.join(__dirname, 'rendererTempFiles.js')]
             : [
-                path.join(__dirname, 'cli.js')
+                path.join(__dirname, 'cli.js'),
+                path.join(__dirname, 'cli.js'),
+                path.join(__dirname, 'config.js'),
+                path.join(__dirname, 'renderEngine.js'),
+                path.join(__dirname, 'rendererTempFiles.js')
             ],
     });
     return result.outputFiles[0].text;
@@ -86,7 +93,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 +101,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>`}\n${hmrScript}`;
             return template;
         }
         console.warn('[authtics] _template.html has no <authtics_host_content /> — using default layout.');
@@ -109,7 +116,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>`;
@@ -131,21 +138,13 @@ function isCacheValid(tsxPath, tempPath, serverCjsPath, templatePath, devPanelPa
         return false;
     }
 }
-const HMR_SCRIPT = `
-<script>
-(function() {
-  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); };
-})();
-</script>
-`;
-export async function renderPage(tsxPath, reqUrl, showPanel = true, compiler = 'esbuild', hotReload = false, autoPaging = true, autoPageDir, appDir) {
+const HMR_SCRIPT = `<script>(function(){const es=new EventSource('/hmr');es.onmessage=function(e){if (e.data === 'reload') window.location.reload()};es.onerror=function(){setTimeout(function(){window.location.reload()},1000)};})();</script>`;
+export async function renderPage(tsxPath, reqUrl, showPanel = true, compiler = 'esbuild', hotReload = false, autoPaging = true, autoPageDir, appDir, fileHandler, rmvFileHandler, 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;
     const templatePath = resolveTemplate(appDir, autoPageDir, autoPaging);
     const tempPath = tempFileForTsx(tsxPath);
     const serverCjsPath = tempPath.replace(/\.json$/, ".server.cjs");
@@ -191,6 +190,7 @@ export async function renderPage(tsxPath, reqUrl, showPanel = true, compiler = '
         fs.writeFileSync(serverCjsPath, serverCode, "utf-8");
         writeTempFile(tempPath, JSON.stringify({ clientCode }));
     }
+    fileHandler ? fileHandler(clientCode, `/${tempPath.substring(tempPath.lastIndexOf('/') + 1).replace(".json", ".js").replace(".tsx_", ".").toLowerCase()}`) : null;
     const serverModule = await import(`${serverCjsPath}?t=${Date.now()}`);
     const exports = serverModule.default ?? serverModule;
     const PageComponent = exports.default ?? exports.Page ?? exports.page ?? null;
@@ -205,5 +205,5 @@ 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 });
+    return buildHtml({ pageHtml, clientCode, devPanelContainer, templatePath, hotReload, fileName: `/${tempPath.substring(tempPath.lastIndexOf('/') + 1).replace(".json", ".js").replace(".tsx_", ".").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, {}));
 }