vatts 2.2.6 → 2.3.0-canary.1

package/dist/react/entry.client.js

@@ -1,325 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*
- * This file is part of the Vatts.js Project.
- * Copyright (c) 2026 mfraz
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-const react_1 = __importStar(require("react"));
-const client_1 = require("react-dom/client");
-const clientRouter_1 = require("../client/clientRouter");
-const ErrorModal_1 = require("./ErrorModal");
-const DevIndicator_1 = __importDefault(require("./DevIndicator"));
-function App({ componentMap, routes, initialComponentPath, initialParams, layoutComponent }) {
-    // Estado que guarda o componente a ser renderizado atualmente
-    const [hmrTimestamp, setHmrTimestamp] = (0, react_1.useState)(Date.now());
-    const pendingHmrReadyRef = (0, react_1.useRef)(null);
-    // Estado de erro de build recebido pelo hot-reload (via eventos globais)
-    const [buildError, setBuildError] = (0, react_1.useState)(() => {
-        const initialError = window.__VATTS_BUILD_ERROR__ || null;
-        if (initialError)
-            console.warn('[Vatts Frontend] ⚠️ Erro de build inicial detectado:', initialError);
-        return initialError;
-    });
-    const [isErrorOpen, setIsErrorOpen] = (0, react_1.useState)(() => !!window.__VATTS_BUILD_ERROR__);
-    (0, react_1.useEffect)(() => {
-        const onErr = (ev) => {
-            const e = ev?.detail;
-            console.error('[Vatts Frontend] 🛑 Erro de build (vatts:build-error):', e);
-            setBuildError(e || null);
-            setIsErrorOpen(true);
-            window.__VATTS_HAD_BUILD_ERROR__ = true;
-        };
-        const onOk = () => {
-            const hadError = window.__VATTS_HAD_BUILD_ERROR__;
-            setBuildError(null);
-            setIsErrorOpen(false);
-            if (hadError) {
-                window.__VATTS_HAD_BUILD_ERROR__ = false;
-                console.log('[Vatts Frontend] 🔄 Erro foi corrigido! Sincronizando dados de rotas com servidor...');
-                setTimeout(() => {
-                    window.location.reload();
-                }, 300);
-            }
-        };
-        window.addEventListener('vatts:build-error', onErr);
-        window.addEventListener('vatts:build-ok', onOk);
-        return () => {
-            window.removeEventListener('vatts:build-error', onErr);
-            window.removeEventListener('vatts:build-ok', onOk);
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        const pending = pendingHmrReadyRef.current;
-        if (!pending)
-            return;
-        window.dispatchEvent(new CustomEvent('vatts:hmr-ready', { detail: pending }));
-        pendingHmrReadyRef.current = null;
-    }, [hmrTimestamp]);
-    const copyBuildError = (0, react_1.useCallback)(async () => {
-        try {
-            if (!buildError)
-                return;
-            const payload = JSON.stringify(buildError, null, 2);
-            await navigator.clipboard.writeText(payload);
-        }
-        catch {
-            console.error('[Vatts Frontend] ❌ Falha ao copiar o erro.');
-        }
-    }, [buildError]);
-    // Helper para encontrar rota baseado no path
-    const findRouteForPath = (0, react_1.useCallback)((path) => {
-        for (const route of routes) {
-            const regexPattern = route.pattern
-                .replace(/\[\[\.\.\.(\w+)\]\]/g, '(?<$1>.+)?')
-                .replace(/\[\.\.\.(\w+)\]/g, '(?<$1>.+)')
-                .replace(/\/\[\[(\w+)\]\]/g, '(?:/(?<$1>[^/]+))?')
-                .replace(/\[\[(\w+)\]\]/g, '(?<$1>[^/]+)?')
-                .replace(/\[(\w+)\]/g, '(?<$1>[^/]+)');
-            const regex = new RegExp(`^${regexPattern}/?$`);
-            const match = path.match(regex);
-            if (match) {
-                return {
-                    componentPath: route.componentPath,
-                    params: match.groups || {},
-                    metadata: route.metadata
-                };
-            }
-        }
-        return null;
-    }, [routes]);
-    // Inicializa o componente e params baseado na URL ATUAL (não no initialComponentPath)
-    const [CurrentPageComponent, setCurrentPageComponent] = (0, react_1.useState)(() => {
-        const currentPath = window.location.pathname.replace("index.html", '');
-        const match = findRouteForPath(currentPath);
-        if (match) {
-            return componentMap[match.componentPath];
-        }
-        return null;
-    });
-    const [params, setParams] = (0, react_1.useState)(() => {
-        const currentPath = window.location.pathname.replace("index.html", '');
-        const match = findRouteForPath(currentPath);
-        return match ? match.params : {};
-    });
-    // HMR: Escuta eventos de hot reload
-    (0, react_1.useEffect)(() => {
-        window.__HWEB_HMR__ = true;
-        const handleHMRUpdate = async (event) => {
-            const { file, timestamp } = event.detail;
-            const fileName = file ? file.split('/').pop()?.split('\\').pop() : 'unknown';
-            try {
-                const fileLower = (file || '').toLowerCase();
-                const isPageFile = fileLower.includes('page.tsx') || fileLower.includes('page.jsx') ||
-                    fileLower.includes('page.ts') || fileLower.includes('page.js') ||
-                    fileLower.includes('page.vue');
-                if (isPageFile) {
-                    console.log('[Vatts Frontend] 📄 Page file HMR detected, reloading to sync route data...');
-                    setTimeout(() => {
-                        window.location.reload();
-                    }, 300);
-                    return;
-                }
-                console.log(`[Vatts Frontend] ⚡ HMR Update Triggered: ${fileName}`);
-                setHmrTimestamp(timestamp);
-                pendingHmrReadyRef.current = { file: file || null, timestamp };
-            }
-            catch (error) {
-                console.error('[Vatts Frontend] ❌ HMR Error:', error);
-            }
-        };
-        window.addEventListener('hmr:component-update', handleHMRUpdate);
-        return () => {
-            window.removeEventListener('hmr:component-update', handleHMRUpdate);
-        };
-    }, []);
-    const updateRoute = (0, react_1.useCallback)(() => {
-        const currentPath = clientRouter_1.router.pathname.replace("index.html", '');
-        const match = findRouteForPath(currentPath);
-        if (match) {
-            setCurrentPageComponent(() => componentMap[match.componentPath]);
-            setParams(match.params);
-            if (match.metadata && match.metadata?.title != null) {
-                try {
-                    // Corrige o encoding quebrado pelo atob (converte Frazão -> Frazão)
-                    window.document.title = decodeURIComponent(escape(match.metadata.title));
-                }
-                catch (e) {
-                    // Fallback seguro caso a string já venha normalizada por algum motivo
-                    window.document.title = match.metadata.title;
-                }
-            }
-        }
-        else {
-            console.warn(`[Vatts Frontend] ⚠️ Rota não encontrada (404): ${currentPath}`);
-            setCurrentPageComponent(null);
-            setParams({});
-        }
-    }, [clientRouter_1.router.pathname, findRouteForPath, componentMap]);
-    // Ouve os eventos de "voltar" e "avançar" do navegador
-    (0, react_1.useEffect)(() => {
-        const handlePopState = () => {
-            updateRoute();
-        };
-        window.addEventListener('popstate', handlePopState);
-        const unsubscribe = clientRouter_1.router.subscribe(updateRoute);
-        return () => {
-            window.removeEventListener('popstate', handlePopState);
-            unsubscribe();
-        };
-    }, [updateRoute]);
-    let resolvedContent;
-    if (!CurrentPageComponent || initialComponentPath === '__404__') {
-        const NotFoundComponent = window.__VATTS_NOT_FOUND__;
-        if (NotFoundComponent) {
-            const NotFoundContent = react_1.default.createElement(NotFoundComponent, null);
-            const hasLayout = typeof layoutComponent === "function";
-            resolvedContent = hasLayout
-                ? react_1.default.createElement(layoutComponent, { children: NotFoundContent })
-                : NotFoundContent;
-        }
-        else {
-            const DefaultNotFound = window.__VATTS_DEFAULT_NOT_FOUND__;
-            const NotFoundContent = react_1.default.createElement(DefaultNotFound, null);
-            const hasLayout = typeof layoutComponent === "function";
-            resolvedContent = hasLayout
-                ? react_1.default.createElement(layoutComponent, { children: NotFoundContent })
-                : NotFoundContent;
-        }
-    }
-    else {
-        const PageContent = react_1.default.createElement(CurrentPageComponent, { key: `page-${hmrTimestamp}`, params: params });
-        const hasLayout = typeof layoutComponent === "function";
-        resolvedContent = hasLayout
-            ? react_1.default.createElement(layoutComponent, { children: PageContent })
-            : react_1.default.createElement("div", null, PageContent);
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        resolvedContent,
-        process.env.NODE_ENV !== 'production' ? (react_1.default.createElement(DevIndicator_1.default, { hasBuildError: !!buildError, onClickBuildError: () => setIsErrorOpen(true) })) : null,
-        react_1.default.createElement(ErrorModal_1.ErrorModal, { error: buildError, isOpen: isErrorOpen, onClose: () => setIsErrorOpen(false), onCopy: copyBuildError })));
-}
-// --- Inicialização do Cliente (CSR - Client-Side Rendering) ---
-function deobfuscateData(obfuscated) {
-    try {
-        const parts = obfuscated.split('.');
-        const base64 = parts.length > 1 ? parts[1] : parts[0];
-        const jsonStr = atob(base64);
-        return JSON.parse(jsonStr);
-    }
-    catch (error) {
-        console.error('[Vatts Frontend] ❌ Failed to decode data:', error);
-        return null;
-    }
-}
-function initializeClient() {
-    try {
-        const dataElement = document.getElementById('__vatts_data__');
-        if (!dataElement) {
-            console.error('[Vatts Frontend] ❌ Initial data script not found (#__vatts_data__).');
-            return;
-        }
-        const obfuscated = dataElement.getAttribute('data-h');
-        if (!obfuscated) {
-            console.error('[Vatts Frontend] ❌ Data attribute not found.');
-            return;
-        }
-        const initialData = deobfuscateData(obfuscated);
-        if (!initialData) {
-            console.error('[Vatts Frontend] ❌ Failed to parse initial data.');
-            return;
-        }
-        const componentMap = {};
-        if (window.__VATTS_COMPONENTS__) {
-            Object.assign(componentMap, window.__VATTS_COMPONENTS__);
-        }
-        else {
-            console.warn('[Vatts Frontend] ⚠️ No components found in window.__VATTS_COMPONENTS__');
-        }
-        const container = document.getElementById('root');
-        if (!container) {
-            console.error('[Vatts Frontend] ❌ Container #root not found.');
-            return;
-        }
-        if (window.__VATTS_ROOT__) {
-            console.log('[Vatts Frontend] ♻️ HMR detectado: Limpando a root do React...');
-            try {
-                window.__VATTS_ROOT__.unmount();
-                container.innerHTML = '';
-            }
-            catch (e) {
-                console.warn('[Vatts Frontend] ⚠️ Warning during unmount:', e);
-            }
-        }
-        const root = (0, client_1.createRoot)(container);
-        window.__VATTS_ROOT__ = root;
-        root.render(react_1.default.createElement(App, { componentMap: componentMap, routes: initialData.routes, initialComponentPath: initialData.initialComponentPath, initialParams: initialData.initialParams, layoutComponent: window.__VATTS_LAYOUT__ }));
-    }
-    catch (error) {
-        console.error('[Vatts Frontend] ❌ Critical Error rendering application:', error);
-        if (typeof document !== 'undefined') {
-            document.body.innerHTML = `
-                <div style="font-family: monospace; padding: 20px; color: #ff4444; background: #1a1a1a; min-height: 100vh;">
-                    <h1>Vatts Client Error</h1>
-                    <p>A critical error occurred while initializing the application.</p>
-                    <pre style="background: #000; padding: 15px; border-radius: 5px; overflow: auto;">${error?.message || error}</pre>
-                    <pre style="color: #666; font-size: 12px; margin-top: 10px;">${error?.stack || ''}</pre>
-                </div>
-            `;
-        }
-    }
-}
-// Executa quando o DOM estiver pronto
-if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', initializeClient);
-}
-else {
-    setTimeout(initializeClient, 0);
-}

package/dist/react/server-error.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface ServerErrorProps {
-    title?: string;
-    error?: unknown;
-    hint?: string;
-    requestUrl?: string;
-}
-export default function ServerError({ title, error, hint, requestUrl, }: ServerErrorProps): React.JSX.Element;

package/dist/react/server-error.js

@@ -1,346 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ServerError;
-const react_1 = __importStar(require("react"));
-function formatUnknownError(error) {
-    if (!error)
-        return { message: 'Erro desconhecido no SSR.' };
-    if (error instanceof Error) {
-        return { message: error.message || String(error), stack: error.stack };
-    }
-    if (typeof error === 'string') {
-        return { message: error };
-    }
-    try {
-        return { message: JSON.stringify(error, null, 2) };
-    }
-    catch {
-        return { message: String(error) };
-    }
-}
-// Styles definidos como string para facilitar o uso sem arquivos CSS externos
-const styles = `
-  .ssr-error-wrapper {
-    /* PALETA: React Theme (Igual ao BuildingScreen) */
-    --react-cyan: #61DAFB;
-    --react-dark: #20232a;
-    --bg-solid: #000000;
-    --card-bg: #0a0a0a;
-    --text-main: #ffffff;
-    --text-muted: #8ea9c7; /* Azulado acinzentado */
-    --error-red: #ff5f56;  /* Mantido vermelho para indicar ERRO crítico */
-
-    font-family: 'Inter', system-ui, sans-serif;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100vw;
-    height: 100vh;
-    background-color: var(--bg-solid);
-    color: var(--text-main);
-    overflow: hidden;
-    z-index: 9999;
-    box-sizing: border-box;
-  }
-
-  .ssr-error-wrapper .container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100%;
-    padding: 20px;
-    box-sizing: border-box;
-  }
-
-  .ssr-error-wrapper .card {
-    width: 100%;
-    max-width: 900px;
-    max-height: 90vh;
-    display: flex;
-    flex-direction: column;
-    background: var(--card-bg);
-    /* Borda sutil ciano */
-    box-shadow: 0 0 0 1px rgba(97, 218, 251, 0.1), 0 40px 80px -20px rgba(0, 0, 0, 0.9);
-    border-radius: 20px;
-    overflow: hidden;
-    position: relative;
-  }
-
-  .ssr-error-wrapper .neon-line {
-    height: 1px;
-    width: 100%;
-    /* Gradiente Azul/Ciano */
-    background: linear-gradient(90deg, transparent, var(--react-dark), var(--react-cyan), var(--react-dark), transparent);
-    box-shadow: 0 0 15px rgba(97, 218, 251, 0.2);
-    flex-shrink: 0;
-  }
-
-  .ssr-error-wrapper .content {
-    padding: 32px 40px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    overflow: hidden;
-  }
-
-  .ssr-error-wrapper h1 {
-    margin: 0 0 24px 0;
-    font-size: 1.8rem;
-    font-weight: 800;
-    letter-spacing: -0.03em;
-    /* Gradiente Texto: Branco para Cyan */
-    background: linear-gradient(180deg, #ffffff 0%, var(--react-cyan) 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .ssr-error-wrapper .icon {
-    -webkit-text-fill-color: initial;
-    font-size: 1.5rem;
-  }
-
-  .ssr-error-wrapper .meta-info {
-    margin-bottom: 24px;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  .ssr-error-wrapper .meta-row {
-    display: flex;
-    align-items: baseline;
-    gap: 10px;
-    font-size: 0.9rem;
-  }
-
-  .ssr-error-wrapper .meta-label {
-    color: var(--react-cyan); /* Label agora é Ciano */
-    font-weight: 700;
-    font-size: 0.75rem;
-    letter-spacing: 0.05em;
-    opacity: 0.8;
-  }
-
-  .ssr-error-wrapper .meta-value {
-    color: var(--text-muted);
-    font-family: 'JetBrains Mono', monospace;
-    font-size: 0.85rem;
-    word-break: break-all;
-  }
-
-  .ssr-error-wrapper .meta-value.accent {
-    color: var(--react-cyan);
-  }
-
-  .ssr-error-wrapper .terminal-box {
-    background: rgba(10, 10, 10, 0.8);
-    /* Borda e fundo sutilmente azulados */
-    border: 1px solid rgba(97, 218, 251, 0.15);
-    border-radius: 12px;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    overflow: hidden;
-    font-family: 'JetBrains Mono', monospace;
-  }
-
-  .ssr-error-wrapper .terminal-header {
-    background: rgba(97, 218, 251, 0.05);
-    padding: 12px 16px;
-    border-bottom: 1px solid rgba(97, 218, 251, 0.1);
-    display: flex;
-    align-items: center;
-    gap: 12px;
-  }
-
-  .ssr-error-wrapper .dots {
-    display: flex;
-    gap: 6px;
-  }
-
-  .ssr-error-wrapper .dot {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-  }
-  .ssr-error-wrapper .dot.red { background: #ff5f56; }
-  .ssr-error-wrapper .dot.yellow { background: #ffbd2e; }
-  .ssr-error-wrapper .dot.green { background: #27c93f; }
-
-  .ssr-error-wrapper .terminal-title {
-    font-size: 0.75rem;
-    color: rgba(255,255,255,0.3);
-  }
-
-  .ssr-error-wrapper .terminal-body {
-    padding: 20px;
-    overflow-y: auto;
-    color: #e0e0e0;
-    font-size: 0.85rem;
-    line-height: 1.6;
-  }
-
-  .ssr-error-wrapper .log-entry.error {
-    color: #ff8b8b; /* Vermelho claro para erro */
-    font-weight: 600;
-    margin-bottom: 16px;
-  }
-
-  .ssr-error-wrapper .arrow {
-    color: var(--react-cyan);
-    margin-right: 8px;
-  }
-
-  .ssr-error-wrapper .separator {
-    height: 1px;
-    background: rgba(255,255,255,0.1);
-    margin: 16px 0;
-    width: 100%;
-  }
-
-  .ssr-error-wrapper .stack-trace {
-    color: rgba(142, 169, 199, 0.6); /* Azulado mudo */
-    white-space: pre-wrap;
-    font-size: 0.75rem;
-    line-height: 1.5;
-  }
-
-  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar {
-    width: 8px;
-  }
-  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar-track {
-    background: transparent;
-  }
-  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar-thumb {
-    background: rgba(97, 218, 251, 0.2);
-    border-radius: 4px;
-  }
-  .ssr-error-wrapper .custom-scroll::-webkit-scrollbar-thumb:hover {
-    background: rgba(97, 218, 251, 0.4);
-  }
-
-  .ssr-error-wrapper .card-footer {
-    padding: 16px 40px;
-    background: rgba(97, 218, 251, 0.02);
-    border-top: 1px solid rgba(97, 218, 251, 0.05);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-size: 11px;
-    box-sizing: border-box;
-  }
-
-  .ssr-error-wrapper .footer-hint {
-    color: rgba(255, 255, 255, 0.3);
-  }
-
-  .ssr-error-wrapper .status-error {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    color: var(--error-red);
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-  }
-
-  .ssr-error-wrapper .status-dot {
-    width: 6px;
-    height: 6px;
-    background-color: var(--error-red);
-    border-radius: 50%;
-    box-shadow: 0 0 8px var(--error-red);
-  }
-
-  .ssr-error-wrapper .brand-link {
-    margin-top: 24px;
-    opacity: 0.4;
-  }
-
-  .ssr-error-wrapper .brand-text {
-    font-family: 'Inter', sans-serif;
-    font-size: 14px;
-    font-weight: 600;
-    color: #fff;
-  }
-
-  .ssr-error-wrapper .brand-highlight {
-    color: var(--react-cyan);
-  }
-`;
-function ServerError({ title = 'SSR Error', error, hint, requestUrl, }) {
-    const { message, stack } = (0, react_1.useMemo)(() => formatUnknownError(error), [error]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("style", null, styles),
-        react_1.default.createElement("link", { href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap", rel: "stylesheet" }),
-        react_1.default.createElement("div", { className: "ssr-error-wrapper" },
-            react_1.default.createElement("div", { className: "container" },
-                react_1.default.createElement("div", { className: "card" },
-                    react_1.default.createElement("div", { className: "neon-line" }),
-                    react_1.default.createElement("div", { className: "content" },
-                        react_1.default.createElement("h1", null, title),
-                        (requestUrl || hint) && (react_1.default.createElement("div", { className: "meta-info" },
-                            requestUrl && (react_1.default.createElement("div", { className: "meta-row" },
-                                react_1.default.createElement("span", { className: "meta-label" }, "REQUEST URL:"),
-                                react_1.default.createElement("code", { className: "meta-value" }, requestUrl))),
-                            hint && (react_1.default.createElement("div", { className: "meta-row" },
-                                react_1.default.createElement("span", { className: "meta-label" }, "HINT:"),
-                                react_1.default.createElement("span", { className: "meta-value accent" }, hint))))),
-                        react_1.default.createElement("div", { className: "terminal-box" },
-                            react_1.default.createElement("div", { className: "terminal-header" },
-                                react_1.default.createElement("div", { className: "dots" },
-                                    react_1.default.createElement("div", { className: "dot red" }),
-                                    react_1.default.createElement("div", { className: "dot yellow" }),
-                                    react_1.default.createElement("div", { className: "dot green" })),
-                                react_1.default.createElement("span", { className: "terminal-title" }, "SSR Exception Log")),
-                            react_1.default.createElement("div", { className: "terminal-body custom-scroll" },
-                                react_1.default.createElement("div", { className: "log-entry error" },
-                                    react_1.default.createElement("span", { className: "arrow" }, '>'),
-                                    " ",
-                                    message),
-                                stack && (react_1.default.createElement(react_1.default.Fragment, null,
-                                    react_1.default.createElement("div", { className: "separator" }),
-                                    react_1.default.createElement("div", { className: "stack-trace" }, stack)))))),
-                    react_1.default.createElement("div", { className: "card-footer" },
-                        react_1.default.createElement("div", { className: "status-error" },
-                            react_1.default.createElement("div", { className: "status-dot" }),
-                            react_1.default.createElement("span", null, "Render Failed"))))))));
-}