vatts 2.2.6 → 2.3.0-canary

package/dist/react/BuildingPage.js

@@ -1,270 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = BuildingScreen;
-/*
- * 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 = __importDefault(require("react"));
-function BuildingScreen() {
-    let version = "1.0.0";
-    try {
-        version = require("../package.json").version;
-    }
-    catch (e) { }
-    const styles = `
-        :root {
-            --bg-solid: #000000;
-            --card-bg: #0a0a0a;
-            /* PALETA: React Theme */
-            --react-cyan: #61DAFB;      /* O azul/ciano clássico do React */
-            --react-dark: #20232a;      /* Fundo escuro azulado */
-            --primary: #ffffff;
-            --primary-glow: rgba(97, 218, 251, 0.1);
-            --text-main: #ffffff;
-            --text-muted: #8ea9c7;      /* Cinza azulado para combinar */
-        }
-
-        body {
-            margin: 0;
-            padding: 0;
-            width: 100vw;
-            height: 100vh;
-            background-color: var(--bg-solid);
-            font-family: 'Inter', sans-serif;
-            color: var(--text-main);
-            overflow: hidden;
-            position: relative;
-        }
-
-        .container {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            width: 100%;
-            pointer-events: none;
-        }
-
-        .build-card {
-            pointer-events: auto;
-            position: relative;
-            width: 100%;
-            max-width: 420px;
-            background: var(--card-bg);
-            /* Borda sutil com brilho React Cyan */
-            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;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            text-align: center;
-        }
-
-        .neon-line {
-            height: 1px;
-            width: 100%;
-            /* Linha de luz: Gradiente usando o Cyan */
-            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);
-        }
-
-        .content {
-            padding: 40px 32px;
-            width: 100%;
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-
-        .logo-wrapper {
-            position: relative;
-            margin-bottom: 24px;
-        }
-        
-        .logo-wrapper img {
-            width: 64px;
-            height: 64px;
-            object-fit: contain;
-            position: relative;
-            z-index: 2;
-            /* Removi o grayscale para a logo brilhar na cor natural se tiver cor, ou ficar nítida */
-            filter: none;
-        }
-
-        .logo-glow {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            width: 100%;
-            height: 100%;
-            /* Glow Cyan do React */
-            background: var(--react-cyan);
-            filter: blur(25px);
-            opacity: 0.2;
-            border-radius: 50%;
-            animation: pulse 2s ease-in-out infinite;
-        }
-
-        h1 {
-            margin: 0;
-            font-size: 2rem;
-            font-weight: 800;
-            letter-spacing: -0.03em;
-            /* Gradiente do texto: Branco para Cyan */
-            background: linear-gradient(180deg, #ffffff 0%, var(--react-cyan) 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-        }
-
-        h1 span {
-            /* Span .js em Cyan Sólido */
-            color: var(--react-cyan);
-            -webkit-text-fill-color: var(--react-cyan);
-        }
-
-        p {
-            margin: 8px 0 32px 0;
-            color: var(--text-muted);
-            font-size: 0.9rem;
-            font-weight: 500;
-        }
-
-        .terminal-box {
-            width: 100%;
-            background: rgba(97, 218, 251, 0.03); /* Fundo azulado bem sutil */
-            border: 1px solid rgba(97, 218, 251, 0.1); /* Borda ciano sutil */
-            border-radius: 12px;
-            padding: 16px;
-            text-align: left;
-            font-family: 'JetBrains Mono', monospace;
-            font-size: 0.75rem;
-            color: var(--text-muted);
-            box-sizing: border-box;
-            display: flex;
-            flex-direction: column;
-            gap: 8px;
-        }
-
-        .term-line {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-
-        .term-spinner {
-            width: 10px;
-            height: 10px;
-            border: 2px solid rgba(97, 218, 251, 0.1);
-            border-top-color: var(--react-cyan); /* Spinner Cyan */
-            border-radius: 50%;
-            animation: spin 0.6s linear infinite;
-        }
-
-        .file-name { color: #8ea9c7; }
-        .accent { color: var(--react-cyan); }
-
-        .card-footer {
-            width: 100%;
-            padding: 12px 32px;
-            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;
-            color: rgba(255,255,255,0.3);
-            box-sizing: border-box;
-        }
-
-        .status-active {
-            display: flex;
-            align-items: center;
-            gap: 6px;
-            color: var(--react-cyan);
-            font-weight: 600;
-            text-transform: uppercase;
-            letter-spacing: 0.05em;
-        }
-
-        .dot {
-            width: 6px;
-            height: 6px;
-            background-color: var(--react-cyan);
-            border-radius: 50%;
-            box-shadow: 0 0 8px var(--react-cyan);
-        }
-
-        @keyframes pulse {
-            0%, 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1); }
-            50% { opacity: 0.25; transform: translate(-50%, -50%) scale(1.1); }
-        }
-
-        @keyframes spin {
-            to { transform: rotate(360deg); }
-        }
-    `;
-    return (react_1.default.createElement("html", { lang: "en" },
-        react_1.default.createElement("head", null,
-            react_1.default.createElement("meta", { charSet: "UTF-8" }),
-            react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" }),
-            react_1.default.createElement("title", null, "Vatts.js | Building..."),
-            react_1.default.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }),
-            react_1.default.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossOrigin: "" }),
-            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("style", { dangerouslySetInnerHTML: { __html: styles } })),
-        react_1.default.createElement("body", null,
-            react_1.default.createElement("div", { className: "container" },
-                react_1.default.createElement("div", { className: "build-card" },
-                    react_1.default.createElement("div", { className: "neon-line" }),
-                    react_1.default.createElement("div", { className: "content" },
-                        react_1.default.createElement("div", { className: "logo-wrapper" },
-                            react_1.default.createElement("div", { className: "logo-glow" }),
-                            react_1.default.createElement("img", { src: "https://raw.githubusercontent.com/murillo-frazao-cunha/vatts-docs/master/public/logo.png", alt: "Vatts Logo" })),
-                        react_1.default.createElement("h1", null,
-                            "Vatts",
-                            react_1.default.createElement("span", null, ".js")),
-                        react_1.default.createElement("p", null, "Building your application..."),
-                        react_1.default.createElement("div", { className: "terminal-box" },
-                            react_1.default.createElement("div", { className: "term-line" },
-                                react_1.default.createElement("div", { className: "term-spinner" }),
-                                react_1.default.createElement("span", { className: "file-name" },
-                                    "Compiling ",
-                                    react_1.default.createElement("span", { className: "accent" }, "src/vatts.ts"),
-                                    "...")),
-                            react_1.default.createElement("div", { className: "term-line", style: { opacity: 0.5 } },
-                                react_1.default.createElement("span", { style: { color: "var(--react-cyan)" } }, "\u2713"),
-                                react_1.default.createElement("span", { className: "file-name" }, "Optimizing assets")))),
-                    react_1.default.createElement("div", { className: "card-footer" },
-                        react_1.default.createElement("span", null, "Building..."),
-                        react_1.default.createElement("div", { className: "status-active" },
-                            react_1.default.createElement("div", { className: "dot" }),
-                            "v",
-                            version)))),
-            react_1.default.createElement("script", { dangerouslySetInnerHTML: { __html: `
-                setTimeout(() => {
-                    window.location.reload();
-                }, 2500);
-            ` } }))));
-}

package/dist/react/DefaultNotFound.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export default function ErrorPage(): React.JSX.Element;

package/dist/react/DefaultNotFound.js

@@ -1,248 +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 = ErrorPage;
-/*
- * 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"));
-function ErrorPage() {
-    const [path, setPath] = (0, react_1.useState)('/');
-    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);
-        }
-    }, []);
-    // --- CORES DO TEMA REACT ---
-    const theme = {
-        cyan: '#61DAFB', // React Blue/Cyan
-        dark: '#20232a', // React Dark BG Accent
-        textMuted: '#8ea9c7', // Azul acinzentado
-        bg: '#000000',
-        cardBg: '#0a0a0a'
-    };
-    // --- GLOBAL STYLES ---
-    const globalStyles = `
-        @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: ${theme.bg}; 
-            color: #ffffff;
-            font-family: 'Inter', system-ui, sans-serif;
-            overflow: hidden;
-            height: 100vh;
-            width: 100vw;
-        }
-
-        * { box-sizing: border-box; }
-    `;
-    // --- INLINE STYLES ---
-    const containerStyle = {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: 9999,
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: '100vw',
-        height: '100vh',
-        background: theme.bg,
-    };
-    const cardStyle = {
-        width: 'min(90%, 500px)',
-        display: 'flex',
-        flexDirection: 'column',
-        background: theme.cardBg,
-        // Borda sutil com brilho Cyan
-        boxShadow: `0 0 0 1px rgba(97, 218, 251, 0.1), 0 40px 80px -20px rgba(0, 0, 0, 0.9)`,
-        borderRadius: 20,
-        overflow: 'hidden',
-        position: 'relative',
-    };
-    const neonLine = {
-        height: '1px',
-        width: '100%',
-        // Gradiente usando o Cyan do React
-        background: `linear-gradient(90deg, transparent, ${theme.dark}, ${theme.cyan}, ${theme.dark}, transparent)`,
-        // Brilho Cyan suave
-        boxShadow: `0 0 15px rgba(97, 218, 251, 0.2)`,
-    };
-    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',
-        // Gradiente Branco -> Cyan
-        background: `linear-gradient(180deg, #ffffff 0%, ${theme.cyan} 100%)`,
-        WebkitBackgroundClip: 'text',
-        WebkitTextFillColor: 'transparent',
-        marginBottom: 16,
-        filter: `drop-shadow(0 0 20px rgba(97, 218, 251, 0.1))`,
-    };
-    const terminalBoxStyle = {
-        width: '100%',
-        background: 'rgba(97, 218, 251, 0.03)', // Fundo azulado sutil
-        borderRadius: 12,
-        padding: '16px',
-        marginBottom: 24,
-        border: '1px solid rgba(97, 218, 251, 0.1)', // Borda cyan sutil
-        fontFamily: '"JetBrains Mono", monospace',
-        fontSize: 12,
-        textAlign: 'left',
-        color: theme.textMuted,
-    };
-    const getBtnStyle = (kind, hovering) => {
-        const base = {
-            display: 'flex',
-            alignItems: 'center',
-            gap: 8,
-            padding: '10px 20px',
-            borderRadius: 10,
-            fontSize: 13,
-            fontWeight: 600,
-            cursor: 'pointer',
-            transition: 'all 0.2s ease',
-            border: 'none',
-            outline: 'none',
-            textDecoration: 'none',
-            fontFamily: 'Inter, sans-serif',
-        };
-        if (kind === 'primary') {
-            return {
-                ...base,
-                // Botão Primário agora é o Cyan do React com texto escuro (contraste alto)
-                background: hovering ? '#ffffff' : theme.cyan,
-                color: '#000000',
-                boxShadow: hovering ? `0 0 20px rgba(97, 218, 251, 0.4)` : 'none',
-            };
-        }
-        return {
-            ...base,
-            background: hovering ? 'rgba(97, 218, 251, 0.1)' : 'transparent',
-            color: hovering ? '#fff' : theme.textMuted,
-            border: '1px solid',
-            borderColor: hovering ? theme.cyan : 'rgba(255, 255, 255, 0.1)',
-        };
-    };
-    const brandStyle = {
-        marginTop: 32,
-        display: 'flex',
-        alignItems: 'center',
-        gap: 10,
-        opacity: 0.4,
-        transition: 'opacity 0.3s',
-        textDecoration: 'none',
-        color: '#fff',
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("style", { dangerouslySetInnerHTML: { __html: globalStyles } }),
-        react_1.default.createElement("div", { style: containerStyle },
-            react_1.default.createElement("div", { style: cardStyle },
-                react_1.default.createElement("div", { style: neonLine }),
-                react_1.default.createElement("div", { style: contentStyle },
-                    react_1.default.createElement("div", { style: codeStyle }, "404"),
-                    react_1.default.createElement("div", { style: terminalBoxStyle },
-                        react_1.default.createElement("div", { style: { display: 'flex', gap: 6, marginBottom: 8, opacity: 0.3 } },
-                            react_1.default.createElement("div", { style: { width: 8, height: 8, borderRadius: '50%', background: '#fff' } }),
-                            react_1.default.createElement("div", { style: { width: 8, height: 8, borderRadius: '50%', background: '#fff' } }),
-                            react_1.default.createElement("div", { style: { width: 8, height: 8, borderRadius: '50%', background: '#fff' } })),
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement("span", { style: { color: theme.cyan } }, "GET"),
-                            ' ',
-                            react_1.default.createElement("span", { style: { color: '#fff' } }, path)),
-                        react_1.default.createElement("div", { style: { marginTop: 4, color: theme.textMuted } },
-                            react_1.default.createElement("span", null, "Error: Route not found"))),
-                    react_1.default.createElement("div", { style: { display: 'flex', gap: 12, width: '100%' } },
-                        react_1.default.createElement("a", { href: "/", onMouseEnter: () => setHoverHome(true), onMouseLeave: () => setHoverHome(false), style: { ...getBtnStyle('primary', hoverHome), flex: 1, justifyContent: 'center' } },
-                            react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
-                                react_1.default.createElement("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
-                                react_1.default.createElement("polyline", { points: "9 22 9 12 15 12 15 22" })),
-                            "Back Home"),
-                        react_1.default.createElement("button", { onClick: () => window.location.reload(), onMouseEnter: () => setHoverRetry(true), onMouseLeave: () => setHoverRetry(false), style: { ...getBtnStyle('secondary', hoverRetry), flex: 1, justifyContent: 'center' } },
-                            react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
-                                react_1.default.createElement("path", { d: "M21 2v6h-6" }),
-                                react_1.default.createElement("path", { d: "M3 12a9 9 0 0 1 15-6.7L21 8" }),
-                                react_1.default.createElement("path", { d: "M3 22v-6h6" }),
-                                react_1.default.createElement("path", { d: "M21 12a9 9 0 0 1-15 6.7L3 16" })),
-                            "Retry"))),
-                react_1.default.createElement("div", { style: {
-                        padding: '12px 32px',
-                        background: 'rgba(97, 218, 251, 0.02)',
-                        borderTop: '1px solid rgba(97, 218, 251, 0.05)',
-                        display: 'flex',
-                        justifyContent: 'space-between',
-                        alignItems: 'center',
-                        fontSize: 11,
-                        color: 'rgba(255,255,255,0.3)'
-                    } },
-                    react_1.default.createElement("span", null, "Vatts Server"),
-                    react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 6 } },
-                        react_1.default.createElement("div", { style: { width: 6, height: 6, borderRadius: '50%', background: theme.cyan, boxShadow: `0 0 6px ${theme.cyan}` } }),
-                        react_1.default.createElement("span", { style: { color: theme.cyan } }, "Not Found")))),
-            react_1.default.createElement("a", { href: "https://npmjs.com/package/vatts", target: "_blank", rel: "noopener noreferrer", style: brandStyle, onMouseEnter: (e) => e.currentTarget.style.opacity = '1', onMouseLeave: (e) => e.currentTarget.style.opacity = '0.4' },
-                react_1.default.createElement("img", { src: "https://raw.githubusercontent.com/murillo-frazao-cunha/vatts-docs/master/public/logo.png", alt: "Vatts Logo", style: { width: 20, height: 20 } }),
-                react_1.default.createElement("span", { style: { fontSize: 13, fontWeight: 600, color: '#fff' } },
-                    "Vatts",
-                    react_1.default.createElement("span", { style: { color: theme.cyan } }, ".js"))))));
-}

package/dist/react/DevIndicator.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export default function DevIndicator({ hasBuildError, onClickBuildError, }: {
-    hasBuildError?: boolean;
-    onClickBuildError?: () => void;
-}): React.ReactPortal | null;