nyte 1.1.4 → 1.2.1

package/dist/api/console.d.ts

@@ -1,4 +1,3 @@
-import { Options as BoxenOptions } from 'boxen';
 /**
  * Um "handle" para uma linha dinâmica. As instâncias desta classe
  * são retornadas por `Console.dynamicLine()` e usadas para controlar
@@ -76,6 +75,5 @@ export default class Console {
         Field: string;
         Value: any;
     }>): void;
-    static box(content: string, options?: BoxenOptions): void;
     static dynamicLine(initialContent: string): DynamicLine;
 }

package/dist/api/console.js

@@ -1,9 +1,4 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Levels = exports.Colors = exports.DynamicLine = void 0;
 /*
  * This file is part of the Nyte.js Project.
  * Copyright (c) 2026 itsmuzin
@@ -20,7 +15,11 @@ exports.Levels = exports.Colors = exports.DynamicLine = void 0;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const boxen_1 = __importDefault(require("boxen"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Levels = exports.Colors = exports.DynamicLine = void 0;
 const node_readline_1 = __importDefault(require("node:readline"));
 /**
  * Um "handle" para uma linha dinâmica. As instâncias desta classe
@@ -295,18 +294,6 @@ class Console {
         output += bottom + '\n';
         this.writeStatic(output);
     }
-    static box(content, options) {
-        const defaultOptions = {
-            padding: 1,
-            margin: 1,
-            borderStyle: 'round',
-            borderColor: 'cyan',
-            titleAlignment: 'left',
-        };
-        const finalOptions = { ...defaultOptions, ...options };
-        const boxedContent = (0, boxen_1.default)(content, finalOptions);
-        this.writeStatic(boxedContent + '\n');
-    }
     static dynamicLine(initialContent) {
         return new DynamicLine(initialContent);
     }

package/dist/builder.js

@@ -347,13 +347,70 @@ async function watchWithChunks(entryPoint, outdir, hotReloadManager = null) {
         // Adiciona notificação de build via plugin
         config.plugins.push({
             name: 'build-notifier',
+            // Controle de ciclo: um ciclo começa no buildStart e termina no buildEnd.
+            // Se houve erro no ciclo, não podemos considerar "complete".
+            buildStart() {
+                this.__nyteCycleHadError = false;
+            },
             closeBundle() {
-                if (hotReloadManager) {
-                    hotReloadManager.onBuildComplete(true);
+                // closeBundle pode rodar em situações inesperadas; não usamos isso pra limpar erro.
+            },
+            buildEnd(error) {
+                if (error) {
+                    this.__nyteCycleHadError = true;
+                    if (hotReloadManager) {
+                        hotReloadManager.onBuildComplete(false, {
+                            message: error.message,
+                            name: error.name,
+                            stack: error.stack,
+                            // Vite/Rollup às vezes coloca infos adicionais
+                            cause: error.cause,
+                            loc: error.loc,
+                            frame: error.frame,
+                            id: error.id,
+                            plugin: error.plugin,
+                            pluginCode: error.pluginCode,
+                            watchFiles: error.watchFiles
+                        });
+                    }
                 }
             }
         });
         const watcher = await viteBuild(config);
+        // Flags do ciclo do watcher (mais confiável para decidir sucesso)
+        let watcherCycleHadError = false;
+        if (watcher && typeof watcher.on === 'function') {
+            watcher.on('event', (event) => {
+                if (!event)
+                    return;
+                if (event.code === 'ERROR') {
+                    watcherCycleHadError = true;
+                    if (hotReloadManager) {
+                        hotReloadManager.onBuildComplete(false, {
+                            message: event.error?.message || 'Unknown build error',
+                            name: event.error?.name,
+                            stack: event.error?.stack,
+                            cause: event.error?.cause,
+                            loc: event.error?.loc,
+                            frame: event.error?.frame,
+                            id: event.error?.id,
+                            plugin: event.error?.plugin,
+                            pluginCode: event.error?.pluginCode,
+                            watchFiles: event.error?.watchFiles
+                        });
+                    }
+                }
+                if (event.code === 'BUNDLE_END') {
+                    if (hotReloadManager) {
+                        if (!watcherCycleHadError) {
+                            hotReloadManager.onBuildComplete(true);
+                        }
+                    }
+                    // Próximo ciclo
+                    watcherCycleHadError = false;
+                }
+            });
+        }
         // Aguarda o primeiro build terminar
         await new Promise((resolve) => {
             let initialBuild = true;
@@ -370,6 +427,13 @@ async function watchWithChunks(entryPoint, outdir, hotReloadManager = null) {
     }
     catch (error) {
         Console.error('Error starting watch mode with chunks:', error);
+        if (hotReloadManager) {
+            hotReloadManager.onBuildComplete(false, {
+                message: error.message,
+                name: error.name,
+                stack: error.stack
+            });
+        }
         throw error;
     }
 }
@@ -391,16 +455,76 @@ async function watch(entryPoint, outfile, hotReloadManager = null) {
         };
         config.plugins.push({
             name: 'build-notifier',
+            buildStart() {
+                this.__nyteCycleHadError = false;
+            },
             closeBundle() {
-                if (hotReloadManager) {
-                    hotReloadManager.onBuildComplete(true);
+                // Ignorado para sinalização de sucesso
+            },
+            buildEnd(error) {
+                if (error) {
+                    this.__nyteCycleHadError = true;
+                    if (hotReloadManager) {
+                        hotReloadManager.onBuildComplete(false, {
+                            message: error.message,
+                            name: error.name,
+                            stack: error.stack,
+                            cause: error.cause,
+                            loc: error.loc,
+                            frame: error.frame,
+                            id: error.id,
+                            plugin: error.plugin,
+                            pluginCode: error.pluginCode,
+                            watchFiles: error.watchFiles
+                        });
+                    }
                 }
             }
         });
-        await viteBuild(config);
+        const watcher = await viteBuild(config);
+        let watcherCycleHadError = false;
+        if (watcher && typeof watcher.on === 'function') {
+            watcher.on('event', (event) => {
+                if (!event)
+                    return;
+                if (event.code === 'ERROR') {
+                    watcherCycleHadError = true;
+                    if (hotReloadManager) {
+                        hotReloadManager.onBuildComplete(false, {
+                            message: event.error?.message || 'Unknown build error',
+                            name: event.error?.name,
+                            stack: event.error?.stack,
+                            cause: event.error?.cause,
+                            loc: event.error?.loc,
+                            frame: event.error?.frame,
+                            id: event.error?.id,
+                            plugin: event.error?.plugin,
+                            pluginCode: event.error?.pluginCode,
+                            watchFiles: event.error?.watchFiles
+                        });
+                    }
+                }
+                if (event.code === 'BUNDLE_END') {
+                    if (hotReloadManager) {
+                        if (!watcherCycleHadError) {
+                            hotReloadManager.onBuildComplete(true);
+                        }
+                    }
+                    watcherCycleHadError = false;
+                }
+            });
+        }
+        // (removido) await viteBuild(config); // já estamos em watch mode
     }
     catch (error) {
         Console.error('Error starting watch mode:', error);
+        if (hotReloadManager) {
+            hotReloadManager.onBuildComplete(false, {
+                message: error.message,
+                name: error.name,
+                stack: error.stack
+            });
+        }
         throw error;
     }
 }

package/dist/client/DefaultNotFound.js

@@ -2,159 +2,158 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ErrorPage;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/*
+ * This file is part of the Nyte.js Project.
+ * Copyright (c) 2026 itsmuzin
+ */
+const react_1 = require("react");
 const lucide_react_1 = require("lucide-react");
 function ErrorPage() {
+    const [path, setPath] = (0, react_1.useState)('/');
+    // Estados apenas para mudar a COR do botão, sem mover nada de lugar
+    const [hoverHome, setHoverHome] = (0, react_1.useState)(false);
+    const [hoverRetry, setHoverRetry] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (typeof window !== 'undefined') {
+            setPath(window.location.pathname);
+        }
+    }, []);
+    // --- GLOBAL STYLES ---
     const globalStyles = `
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap');
 
         body {
             margin: 0;
             padding: 0;
-            background-color: #030712;
-            color: #f8fafc;
-            font-family: 'Inter', sans-serif;
-            overflow: hidden;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            min-height: 100vh;
+            background-color: #0d0d0d; 
+            color: #e2e8f0;
+            font-family: 'Inter', system-ui, sans-serif;
+            overflow: hidden; /* Trava scroll */
+            height: 100vh;
+            width: 100vw;
         }
 
-        .bg-glow {
-            position: fixed;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 500px;
-            height: 500px;
-            background: radial-gradient(circle, rgba(34, 211, 238, 0.15) 0%, transparent 70%);
-            filter: blur(60px);
-            z-index: -1;
-        }
-
-        .glass-container {
-            background: rgba(255, 255, 255, 0.02);
-            backdrop-filter: blur(20px);
-            border: 1px solid rgba(255, 255, 255, 0.05);
-            padding: 3rem;
-            border-radius: 2rem;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
-            max-width: 90%;
-        }
-
-        .error-code {
-            font-size: 8rem;
-            font-weight: 900;
-            line-height: 1;
-            letter-spacing: -0.05em;
-            background: linear-gradient(to bottom, #fff, #94a3b8);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            margin-bottom: 1rem;
-            position: relative;
-        }
-
-        .error-code::after {
-            content: '404';
-            position: absolute;
-            left: 2px;
-            top: 2px;
-            z-index: -1;
-            background: linear-gradient(to bottom, #22d3ee, transparent);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            opacity: 0.5;
-            filter: blur(8px);
-        }
-
-        .divider {
-            width: 40px;
-            height: 4px;
-            background: #22d3ee;
-            border-radius: 2px;
-            margin-bottom: 2rem;
-            box-shadow: 0 0 15px rgba(34, 211, 238, 0.5);
-        }
-
-        .message {
-            font-size: 1.25rem;
-            color: #94a3b8;
-            font-weight: 500;
-            margin-bottom: 2.5rem;
-        }
-
-        .actions {
-            display: flex;
-            gap: 1rem;
-        }
-
-        .btn {
-            display: flex;
-            align-items: center;
-            gap: 0.5rem;
-            padding: 0.75rem 1.5rem;
-            border-radius: 0.75rem;
-            font-size: 0.875rem;
-            font-weight: 600;
-            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-            cursor: pointer;
-            border: none;
-            text-decoration: none;
-        }
-
-        .btn-primary {
-            background: #22d3ee;
-            color: #030712;
-            box-shadow: 0 10px 15px -3px rgba(34, 211, 238, 0.3);
-        }
-
-        .btn-primary:hover {
-            background: #67e8f9;
-            transform: translateY(-2px);
-            box-shadow: 0 20px 25px -5px rgba(34, 211, 238, 0.4);
-        }
-
-        .btn-secondary {
-            background: rgba(255, 255, 255, 0.05);
-            color: #fff;
-            backdrop-filter: blur(10px);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-        }
-
-        .btn-secondary:hover {
-            background: rgba(255, 255, 255, 0.1);
-            border-color: rgba(34, 211, 238, 0.3);
-            transform: translateY(-2px);
-        }
-
-        .brand {
-            position: absolute;
-            bottom: 3rem;
-            display: flex;
-            align-items: center;
-            gap: 0.75rem;
-            opacity: 0.6;
-            transition: opacity 0.3s;
-        }
-
-        .brand:hover {
-            opacity: 1;
-        }
-
-        .brand img {
-            width: 24px;
-            height: 24px;
-            object-fit: contain;
-        }
-
-        .brand span {
-            font-size: 0.875rem;
-            font-weight: 700;
-            letter-spacing: -0.025em;
-        }
+        * { box-sizing: border-box; }
     `;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: globalStyles } }), (0, jsx_runtime_1.jsx)("div", { className: "bg-glow" }), (0, jsx_runtime_1.jsxs)("div", { className: "glass-container text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "error-code", children: "404" }), (0, jsx_runtime_1.jsx)("div", { className: "divider" }), (0, jsx_runtime_1.jsx)("h2", { className: "message", children: "Oops! This page has vanished into the nyte." }), (0, jsx_runtime_1.jsxs)("div", { className: "actions", children: [(0, jsx_runtime_1.jsxs)("a", { href: "/", className: "btn btn-primary", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Home, { size: 18 }), "Back Home"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => window.location.reload(), className: "btn btn-secondary", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { size: 18 }), "Retry"] })] })] }), (0, jsx_runtime_1.jsxs)("a", { className: "brand", href: "https://npmjs.com/package/nyte", target: "_blank", rel: "noopener noreferrer", children: [(0, jsx_runtime_1.jsx)("img", { src: "https://i.imgur.com/zUTrtM5.png", alt: "Nyte Logo" }), (0, jsx_runtime_1.jsxs)("span", { children: ["Nyte", (0, jsx_runtime_1.jsx)("span", { style: { color: '#22d3ee' }, children: ".js" })] })] })] }));
+    // --- INLINE STYLES ---
+    const containerStyle = {
+        // MUDANÇA CRÍTICA:
+        // Position fixed cobrindo a tela toda (inset: 0)
+        // Usamos Flexbox para centralizar. Isso não tem animação, é layout puro.
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 9999,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center', // Centraliza Horizontalmente
+        justifyContent: 'center', // Centraliza Verticalmente
+        width: '100vw',
+        height: '100vh',
+        background: '#0d0d0d', // Fundo sólido de segurança
+    };
+    const cardStyle = {
+        width: 'min(90%, 500px)',
+        display: 'flex',
+        flexDirection: 'column',
+        background: 'rgba(10, 10, 12, 0.95)',
+        boxShadow: '0 0 0 1px rgba(34, 211, 238, 0.15), 0 40px 80px -20px rgba(0, 0, 0, 0.8)',
+        borderRadius: 20,
+        overflow: 'hidden',
+        position: 'relative',
+        // REMOVIDO: transform, transition, opacity
+        // O card nasce desenhado na posição final.
+    };
+    const neonLine = {
+        height: '1px',
+        width: '100%',
+        background: 'linear-gradient(90deg, transparent, #06b6d4, #22d3ee, transparent)',
+        boxShadow: '0 0 15px rgba(34, 211, 238, 0.6)',
+    };
+    const contentStyle = {
+        padding: '32px',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        textAlign: 'center',
+    };
+    const codeStyle = {
+        fontSize: 80,
+        fontWeight: 900,
+        lineHeight: 1,
+        letterSpacing: '-0.04em',
+        color: '#fff',
+        background: 'linear-gradient(180deg, #ffffff 0%, #94a3b8 100%)',
+        WebkitBackgroundClip: 'text',
+        WebkitTextFillColor: 'transparent',
+        marginBottom: 16,
+        filter: 'drop-shadow(0 0 20px rgba(34, 211, 238, 0.15))',
+    };
+    const terminalBoxStyle = {
+        width: '100%',
+        background: 'rgba(0, 0, 0, 0.4)',
+        borderRadius: 12,
+        padding: '16px',
+        marginBottom: 24,
+        border: '1px solid rgba(255, 255, 255, 0.05)',
+        fontFamily: '"JetBrains Mono", monospace',
+        fontSize: 12,
+        textAlign: 'left',
+        color: '#94a3b8',
+    };
+    const getBtnStyle = (kind, hovering) => {
+        const base = {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8,
+            padding: '10px 20px',
+            borderRadius: 10,
+            fontSize: 13,
+            fontWeight: 600,
+            cursor: 'pointer',
+            // Mantive a transição de COR (0.2s), mas não move pixel nenhum
+            transition: 'background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease',
+            border: 'none',
+            outline: 'none',
+            textDecoration: 'none',
+            fontFamily: 'Inter, sans-serif',
+        };
+        if (kind === 'primary') {
+            return {
+                ...base,
+                background: hovering ? 'rgba(34, 211, 238, 0.15)' : 'rgba(34, 211, 238, 0.1)',
+                color: '#22d3ee',
+                boxShadow: hovering ? '0 0 20px rgba(34, 211, 238, 0.25)' : 'inset 0 0 0 1px rgba(34, 211, 238, 0.2)',
+            };
+        }
+        return {
+            ...base,
+            background: hovering ? 'rgba(255, 255, 255, 0.08)' : 'rgba(255, 255, 255, 0.03)',
+            color: hovering ? '#fff' : 'rgba(255, 255, 255, 0.6)',
+            border: '1px solid transparent',
+            borderColor: hovering ? 'rgba(255, 255, 255, 0.1)' : 'transparent',
+        };
+    };
+    const brandStyle = {
+        marginTop: 32,
+        display: 'flex',
+        alignItems: 'center',
+        gap: 10,
+        opacity: 0.4,
+        transition: 'opacity 0.3s', // Apenas opacidade muda, sem movimento
+        textDecoration: 'none',
+        color: '#fff',
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: globalStyles } }), (0, jsx_runtime_1.jsxs)("div", { style: containerStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: cardStyle, children: [(0, jsx_runtime_1.jsx)("div", { style: neonLine }), (0, jsx_runtime_1.jsxs)("div", { style: contentStyle, children: [(0, jsx_runtime_1.jsx)("div", { style: codeStyle, children: "404" }), (0, jsx_runtime_1.jsxs)("div", { style: terminalBoxStyle, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 6, marginBottom: 8, opacity: 0.5 }, children: [(0, jsx_runtime_1.jsx)("div", { style: { width: 8, height: 8, borderRadius: '50%', background: '#f87171' } }), (0, jsx_runtime_1.jsx)("div", { style: { width: 8, height: 8, borderRadius: '50%', background: '#fbbf24' } }), (0, jsx_runtime_1.jsx)("div", { style: { width: 8, height: 8, borderRadius: '50%', background: '#4ade80' } })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { style: { color: '#c084fc' }, children: "GET" }), ' ', (0, jsx_runtime_1.jsx)("span", { style: { color: '#22d3ee' }, children: path })] }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: 4, color: '#f87171' }, children: (0, jsx_runtime_1.jsx)("span", { children: "Error: Route not found" }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12, width: '100%' }, children: [(0, jsx_runtime_1.jsxs)("a", { href: "/", onMouseEnter: () => setHoverHome(true), onMouseLeave: () => setHoverHome(false), style: { ...getBtnStyle('primary', hoverHome), flex: 1, justifyContent: 'center' }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Home, { size: 16 }), "Back Home"] }), (0, jsx_runtime_1.jsxs)("button", { onClick: () => window.location.reload(), onMouseEnter: () => setHoverRetry(true), onMouseLeave: () => setHoverRetry(false), style: { ...getBtnStyle('secondary', hoverRetry), flex: 1, justifyContent: 'center' }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { size: 16 }), "Retry"] })] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                    padding: '12px 32px',
+                                    background: 'rgba(0,0,0,0.3)',
+                                    borderTop: '1px solid rgba(255,255,255,0.03)',
+                                    display: 'flex',
+                                    justifyContent: 'space-between',
+                                    alignItems: 'center',
+                                    fontSize: 11,
+                                    color: 'rgba(255,255,255,0.2)'
+                                }, children: [(0, jsx_runtime_1.jsx)("span", { children: "Nyte Server" }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: 6 }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { size: 10, color: "#f87171" }), (0, jsx_runtime_1.jsx)("span", { style: { color: '#f87171' }, children: "Not Found" })] })] })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://npmjs.com/package/nyte", target: "_blank", rel: "noopener noreferrer", style: brandStyle, onMouseEnter: (e) => e.currentTarget.style.opacity = '1', onMouseLeave: (e) => e.currentTarget.style.opacity = '0.4', children: [(0, jsx_runtime_1.jsx)("img", { src: "https://i.imgur.com/zUTrtM5.png", alt: "Nyte Logo", style: { width: 20, height: 20 } }), (0, jsx_runtime_1.jsxs)("span", { style: { fontSize: 13, fontWeight: 600 }, children: ["Nyte", (0, jsx_runtime_1.jsx)("span", { style: { color: '#22d3ee' }, children: ".js" })] })] })] })] }));
 }

package/dist/client/ErrorModal.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface NyteBuildError {
+    message?: string;
+    name?: string;
+    stack?: string;
+    frame?: string;
+    id?: string;
+    plugin?: string;
+    pluginCode?: string;
+    loc?: any;
+    watchFiles?: any;
+    cause?: any;
+    ts?: number;
+}
+export declare function ErrorModal({ error, isOpen, onClose, onCopy, }: {
+    error: NyteBuildError | null;
+    isOpen: boolean;
+    onClose: () => void;
+    onCopy?: () => void;
+}): React.ReactPortal | null;