vatts 2.3.0-canary → 2.3.0-canary.1

package/LICENSE

@@ -1,13 +1,13 @@
-Copyright 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
+Copyright 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.

package/README.md

@@ -1,65 +1,65 @@
-<div align="center">  
-  <picture>  
-      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/murillo-frazao-cunha/vatts-docs/master/public/logo.png">  
-      <img alt="Vatts.js logo" src="https://raw.githubusercontent.com/murillo-frazao-cunha/vatts-docs/master/public/logo.png" width="128">  
-    </picture>  
-  <h1>Vatts.js</h1>  
-
-[![NPM](https://img.shields.io/npm/v/vatts.svg?style=for-the-badge&labelColor=000000)](https://www.npmjs.com/package/vatts)  
-[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg?style=for-the-badge&labelColor=000000)](./LICENSE)  
-[![GitHub](https://img.shields.io/badge/GitHub-murillo-frazao-cunha/vatts.js-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/murillo-frazao-cunha/vatts.js)
-
-[![HTTP/3 Supported](https://img.shields.io/badge/SUPPORTED-HTTP/3-brightgreen?style=for-the-badge&labelColor=000000)](#)
-</div>
-
----
-
-
-
-
-## Getting Started
-
-**Vatts.js** is a modern, full-featured web framework for **Node.js** with first-class support for **React and Vue**.
-
-It is the first framework to offer native HTTP/3 support out of the box, powered by a Go-based HTTP server with built-in SSL termination. Applications run directly on the latest web transport protocol, without proxies or external layers.
-
-Vatts.js is a **multi-framework platform**, allowing you to build applications using **either React or Vue per project** — not both at the same time.  
-This keeps the ecosystem clean, predictable, and optimized for performance and tooling.
-
-Vatts removes unnecessary configuration and complex abstractions, allowing you to focus on what truly matters: **building fast, secure, and scalable applications**.
-
-### Why choose Vatts.js?
--  **Native HTTP** — modern, secure, and high-performance networking with **HTTP/3 support**
--  Extremely fast — architecture optimized for low overhead
--  Intuitive API — easy to learn and pleasant to use
--  Productivity from the first minute — zero unnecessary boilerplate
--  Multi-framework — choose **React or Vue per project**
--  Full integration between backend and frontend
--  Built for modern projects — TypeScript-friendly, modular, and extensible
-
-___
-
-## Documentation
-
-Visit [https://vatts.mfraz.ovh](https://vatts.mfraz.ovh) to view the full documentation.
-
-___
-
-## Community
-
-The Vatts.js community can be found on [GitHub Discussions](https://github.com/mfraz/vatts.js), where you can ask questions, share ideas, and showcase your projects with others.
-
-___
-
-
-## Security
-
-Vatts.js uses a security-first hybrid architecture in which Node.js coordinates the application layer and a high-performance Go networking engine manages HTTP connections and transport protocols.
-By delegating network handling to Go, the platform achieves strong isolation, predictable request processing, and native support for modern transports like HTTP/3 under SSL — all while maintaining consistent security enforcement across environments, including local and non-TLS setups.
-
-If you believe you have found a security vulnerability in Vatts.js, we encourage you to **responsibly disclose it and NOT open a public issue**.
-
-To participate in our vulnerability disclosure program, please email [contact@mfraz.ovh](mailto:contact@mfraz.ovh). We will add you to the program and provide further instructions for submitting your report.
-
-___
-
+<div align="center">  
+  <picture>  
+      <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/murillo-frazao-cunha/vatts-docs/master/public/logo.png">  
+      <img alt="Vatts.js logo" src="https://raw.githubusercontent.com/murillo-frazao-cunha/vatts-docs/master/public/logo.png" width="128">  
+    </picture>  
+  <h1>Vatts.js</h1>  
+
+[![NPM](https://img.shields.io/npm/v/vatts.svg?style=for-the-badge&labelColor=000000)](https://www.npmjs.com/package/vatts)  
+[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg?style=for-the-badge&labelColor=000000)](./LICENSE)  
+[![GitHub](https://img.shields.io/badge/GitHub-murillo-frazao-cunha/vatts.js-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/murillo-frazao-cunha/vatts.js)
+
+[![HTTP/3 Supported](https://img.shields.io/badge/SUPPORTED-HTTP/3-brightgreen?style=for-the-badge&labelColor=000000)](#)
+</div>
+
+---
+
+
+
+
+## Getting Started
+
+**Vatts.js** is a modern, full-featured web framework for **Node.js** with first-class support for **React and Vue**.
+
+It is the first framework to offer native HTTP/3 support out of the box, powered by a Go-based HTTP server with built-in SSL termination. Applications run directly on the latest web transport protocol, without proxies or external layers.
+
+Vatts.js is a **multi-framework platform**, allowing you to build applications using **either React or Vue per project** — not both at the same time.  
+This keeps the ecosystem clean, predictable, and optimized for performance and tooling.
+
+Vatts removes unnecessary configuration and complex abstractions, allowing you to focus on what truly matters: **building fast, secure, and scalable applications**.
+
+### Why choose Vatts.js?
+-  **Native HTTP** — modern, secure, and high-performance networking with **HTTP/3 support**
+-  Extremely fast — architecture optimized for low overhead
+-  Intuitive API — easy to learn and pleasant to use
+-  Productivity from the first minute — zero unnecessary boilerplate
+-  Multi-framework — choose **React or Vue per project**
+-  Full integration between backend and frontend
+-  Built for modern projects — TypeScript-friendly, modular, and extensible
+
+___
+
+## Documentation
+
+Visit [https://vatts.mfraz.ovh](https://vatts.mfraz.ovh) to view the full documentation.
+
+___
+
+## Community
+
+The Vatts.js community can be found on [GitHub Discussions](https://github.com/mfraz/vatts.js), where you can ask questions, share ideas, and showcase your projects with others.
+
+___
+
+
+## Security
+
+Vatts.js uses a security-first hybrid architecture in which Node.js coordinates the application layer and a high-performance Go networking engine manages HTTP connections and transport protocols.
+By delegating network handling to Go, the platform achieves strong isolation, predictable request processing, and native support for modern transports like HTTP/3 under SSL — all while maintaining consistent security enforcement across environments, including local and non-TLS setups.
+
+If you believe you have found a security vulnerability in Vatts.js, we encourage you to **responsibly disclose it and NOT open a public issue**.
+
+To participate in our vulnerability disclosure program, please email [contact@mfraz.ovh](mailto:contact@mfraz.ovh). We will add you to the program and provide further instructions for submitting your report.
+
+___
+

package/dist/builder.js

@@ -159,23 +159,23 @@ const virtualEntryPlugin = (options) => ({
                 metadata: r.metadata || {}
             }));
             const entryClientPath = path.join(__dirname, 'frameworks', framework, 'entry.client.js').replace(/\\/g, '/');
-            const code = `
-${imports}
-${layoutImport}
-${notFoundImport}
-import DefaultNotFound from '${defaultNotFoundPath}';
-
-window.__VATTS_COMPONENTS__ = {
-${componentRegistration}
-};
-
-window.__VATTS_ROUTES__ = ${JSON.stringify(clientRoutes)};
-
-${layoutRegistration}
-${notFoundRegistration}
-window.__VATTS_DEFAULT_NOT_FOUND__ = DefaultNotFound;
-
-import '${entryClientPath}';
+            const code = `
+${imports}
+${layoutImport}
+${notFoundImport}
+import DefaultNotFound from '${defaultNotFoundPath}';
+
+window.__VATTS_COMPONENTS__ = {
+${componentRegistration}
+};
+
+window.__VATTS_ROUTES__ = ${JSON.stringify(clientRoutes)};
+
+${layoutRegistration}
+${notFoundRegistration}
+window.__VATTS_DEFAULT_NOT_FOUND__ = DefaultNotFound;
+
+import '${entryClientPath}';
 `;
             return { contents: code, loader: 'js', resolveDir: projectDir };
         });
@@ -195,13 +195,13 @@ const nodeBuiltinStubPlugin = () => ({
             return { path: args.path, namespace: 'node-stub' };
         });
         build.onLoad({ filter: /.*/, namespace: 'node-stub' }, () => ({
-            contents: `
-                function noop() {}
-                export const resolve = noop; export const join = noop; export const parse = () => ({});
-                export const createHash = () => ({ update: () => ({ digest: () => '' }) });
-                export class EventEmitter { on(){} emit(){} off(){} once(){} }
-                export class Readable extends EventEmitter {} export class Writable extends EventEmitter {}
-                export default Object.assign(noop, { resolve, join, parse, createHash, EventEmitter, Readable, Writable });
+            contents: `
+                function noop() {}
+                export const resolve = noop; export const join = noop; export const parse = () => ({});
+                export const createHash = () => ({ update: () => ({ digest: () => '' }) });
+                export class EventEmitter { on(){} emit(){} off(){} once(){} }
+                export class Readable extends EventEmitter {} export class Writable extends EventEmitter {}
+                export default Object.assign(noop, { resolve, join, parse, createHash, EventEmitter, Readable, Writable });
             `,
             loader: 'js'
         }));
@@ -215,9 +215,9 @@ const smartSvgPlugin = () => ({
             const base64 = buffer.toString('base64');
             const content = buffer.toString('utf8');
             return {
-                contents: `
-                    export default "data:image/svg+xml;base64,${base64}";
-                    export const svgContent = ${JSON.stringify(content)};
+                contents: `
+                    export default "data:image/svg+xml;base64,${base64}";
+                    export const svgContent = ${JSON.stringify(content)};
                 `,
                 loader: 'js'
             };

package/dist/frameworks/FrontCore.js

@@ -18,13 +18,13 @@ exports.dispatchHmrReady = dispatchHmrReady;
 function renderCriticalError(error, framework) {
     console.error(`[Vatts Core] ❌ Critical Error rendering application (${framework}):`, error);
     if (typeof document !== 'undefined') {
-        document.body.innerHTML = `
-            <div style="font-family: monospace; padding: 20px; color: #ff4444; background: #000000; min-height: 100vh;">
-                <h1>Vatts Client Error (${framework})</h1>
-                <p>A critical error occurred while initializing the application.</p>
-                <pre style="background: #0a0a0a; 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>
+        document.body.innerHTML = `
+            <div style="font-family: monospace; padding: 20px; color: #ff4444; background: #000000; min-height: 100vh;">
+                <h1>Vatts Client Error (${framework})</h1>
+                <p>A critical error occurred while initializing the application.</p>
+                <pre style="background: #0a0a0a; 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>
         `;
     }
 }

package/dist/frameworks/react/react-elements.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-
-declare module 'react' {
-    namespace JSX {
-        interface IntrinsicElements {
-            'vatts-dev-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> | any;
-            'vatts-error-modal': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> | any;
-        }
-    }
+import * as React from 'react';
+
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'vatts-dev-badge': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> | any;
+            'vatts-error-modal': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> | any;
+        }
+    }
 }

package/dist/frameworks/renderers/renderer-react.js

@@ -30,20 +30,20 @@ const BuildingPage_1 = require("../themes/BuildingPage");
 const ServerError_1 = require("../themes/ServerError");
 function buildShellHtml(options) {
     const { lang, title, metaTagsHtml, stylesHtml, hotReloadScript, scriptsHtml } = options;
-    return `<!DOCTYPE html>
-<html lang="${lang}">
-<head>
-    <meta charset="utf-8" />
-    <title>${title}</title>
-    ${metaTagsHtml || ''}
-    ${stylesHtml || ''}
-</head>
-<body>
-    
-    <div id="root"></div>
-    ${scriptsHtml || ''}
-    ${hotReloadScript ? `<div style="display:none">${hotReloadScript}</div>` : ''}
-</body>
+    return `<!DOCTYPE html>
+<html lang="${lang}">
+<head>
+    <meta charset="utf-8" />
+    <title>${title}</title>
+    ${metaTagsHtml || ''}
+    ${stylesHtml || ''}
+</head>
+<body>
+    
+    <div id="root"></div>
+    ${scriptsHtml || ''}
+    ${hotReloadScript ? `<div style="display:none">${hotReloadScript}</div>` : ''}
+</body>
 </html>`;
 }
 async function sendReactSsrFallback(options) {
@@ -89,12 +89,12 @@ async function sendReactSsrFallback(options) {
     return Promise.resolve();
 }
 function ServerRoot({ lang, title, metaTagsHtml, stylesHtml, initialDataScript, hotReloadScript, children }) {
-    const headContent = `
-        <meta charset="utf-8" />
-        <title>${title}</title>
-        ${initialDataScript ? `<script>${initialDataScript}</script>` : ''}
-        ${metaTagsHtml || ''}
-        ${stylesHtml || ''}
+    const headContent = `
+        <meta charset="utf-8" />
+        <title>${title}</title>
+        ${initialDataScript ? `<script>${initialDataScript}</script>` : ''}
+        ${metaTagsHtml || ''}
+        ${stylesHtml || ''}
     `;
     return (react_1.default.createElement("html", { lang: lang },
         react_1.default.createElement("head", { dangerouslySetInnerHTML: { __html: headContent } }),

package/dist/frameworks/renderers/renderer.vue.js

@@ -48,22 +48,22 @@ const BuildingPage_1 = require("../themes/BuildingPage");
 const ServerError_1 = require("../themes/ServerError");
 function buildVueShellDocument(options) {
     const { lang, title, metaTagsHtml, scriptPreloadsHtml, componentPreloadsHtml, stylesHtml, obfuscatedData, scriptsHtml, hotReloadScript, bodyInnerHtml, } = options;
-    return `<!DOCTYPE html>
-<html lang="${lang}">
-<head>
-    <meta charset="utf-8" />
-    <title>${title}</title>
-    ${metaTagsHtml}
-    ${scriptPreloadsHtml}
-    ${componentPreloadsHtml}
-    ${stylesHtml}
-</head>
-<body>
-    <script id="__vatts_data__" type="text/plain" data-h="${obfuscatedData}"></script>
-    <div id="root">${bodyInnerHtml || ''}</div>
-    ${scriptsHtml}
-    ${hotReloadScript ? `<div style="display:none">${hotReloadScript}</div>` : ''}
-</body>
+    return `<!DOCTYPE html>
+<html lang="${lang}">
+<head>
+    <meta charset="utf-8" />
+    <title>${title}</title>
+    ${metaTagsHtml}
+    ${scriptPreloadsHtml}
+    ${componentPreloadsHtml}
+    ${stylesHtml}
+</head>
+<body>
+    <script id="__vatts_data__" type="text/plain" data-h="${obfuscatedData}"></script>
+    <div id="root">${bodyInnerHtml || ''}</div>
+    ${scriptsHtml}
+    ${hotReloadScript ? `<div style="display:none">${hotReloadScript}</div>` : ''}
+</body>
 </html>`;
 }
 function ensureVueComponent(existingComponent, componentPath) {