vatts 1.2.0-alpha.1 → 1.2.0-test.0

package/dist/vue/entry.client.js

@@ -1,9 +1,14 @@
+"use strict";
+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 itsmuzin
  */
-import { createApp } from 'vue';
-import App from './App.vue';
+const vue_1 = require("vue");
+const App_vue_1 = __importDefault(require("./App.vue"));
 // --- Inicialização do Cliente (CSR - Client-Side Rendering) ---
 function deobfuscateData(obfuscated) {
     try {
@@ -58,7 +63,7 @@ function initializeClient() {
             }
         }
         // Cria a instância do Vue
-        const app = createApp(App, {
+        const app = (0, vue_1.createApp)(App_vue_1.default, {
             componentMap,
             routes: initialData.routes,
             initialComponentPath: initialData.initialComponentPath,

package/dist/vue/image/Image.vue

@@ -15,25 +15,31 @@
  * limitations under the License.
  -->
 
-<script setup lang="ts">
-import { computed, type StyleValue } from 'vue';
-
-interface VattsImageProps {
-  src: string;
-  width?: number | string;
-  height?: number | string;
-  quality?: number;
-  priority?: boolean;
-  alt?: string;
-}
-
-const props = withDefaults(defineProps<VattsImageProps>(), {
-  quality: 75,
-  priority: false,
-  alt: ""
+<script setup>
+import { computed } from 'vue';
+
+const props = defineProps({
+  src: {
+    type: String,
+    required: true
+  },
+  width: [Number, String],
+  height: [Number, String],
+  quality: {
+    type: Number,
+    default: 75
+  },
+  priority: {
+    type: Boolean,
+    default: false
+  },
+  alt: {
+    type: String,
+    default: ""
+  }
 });
 
-const getBaseUrl = (): string | null => {
+const getBaseUrl = () => {
   if (typeof window === "undefined") return null;
   return window.location.origin;
 };
@@ -72,7 +78,7 @@ const optimizedSrc = computed(() => {
   return `/_vatts/image?${params.toString()}`;
 });
 
-const baseStyle = computed<StyleValue>(() => {
+const baseStyle = computed(() => {
   return {
     width: props.width ? (typeof props.width === 'number' ? `${props.width}px` : props.width) : 'auto',
     height: props.height ? (typeof props.height === 'number' ? `${props.height}px` : props.height) : 'auto',
@@ -80,7 +86,7 @@ const baseStyle = computed<StyleValue>(() => {
 });
 
 // Remove "px" para os atributos nativos width/height da tag img
-const cleanDimension = (val?: string | number) => {
+const cleanDimension = (val) => {
   if (typeof val === 'string') return val.replace('px', '');
   return val;
 };

package/dist/vue/renderer.vue.js

@@ -1,8 +1,48 @@
-import { getLayout } from '../router';
-import fs from 'fs';
-import path from 'path';
-import * as vue from "vue";
-import * as vueServerRenderer from "@vue/server-renderer";
+"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 });
+exports.renderVue = renderVue;
+const router_1 = require("../router");
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const vue = __importStar(require("vue"));
+const vueServerRenderer = __importStar(require("@vue/server-renderer"));
+const BuildingPage_vue_1 = __importDefault(require("./BuildingPage.vue"));
 // --- Helpers de Servidor (Duplicados para manter isolamento) ---
 function requireWithoutStyles(modulePath) {
     const extensions = ['.css', '.scss', '.sass', '.less', '.png', '.jpg', '.jpeg', '.gif', '.svg'];
@@ -44,14 +84,14 @@ function obfuscateData(data) {
  * e gerar links de preload para injetar no head.
  */
 function extractComponentPreloads(componentPath) {
-    if (!componentPath || !fs.existsSync(componentPath))
+    if (!componentPath || !fs_1.default.existsSync(componentPath))
         return [];
     try {
-        const content = fs.readFileSync(componentPath, 'utf8');
+        const content = fs_1.default.readFileSync(componentPath, 'utf8');
         const tags = new Set();
         const processPath = (fullPath) => {
-            const filename = path.basename(fullPath);
-            const ext = path.extname(filename).toLowerCase();
+            const filename = path_1.default.basename(fullPath);
+            const ext = path_1.default.extname(filename).toLowerCase();
             // Assume estrutura flattened do Vatts em /_vatts/assets/ onde os arquivos finais residem
             const publicUrl = `/_vatts/assets/${filename}`;
             if (['.mp4', '.webm'].includes(ext)) {
@@ -122,7 +162,7 @@ function ensureVueComponent(existingComponent, componentPath) {
                 // Se não tiver as ferramentas de build, não podemos corrigir
                 return component;
             }
-            const source = fs.readFileSync(componentPath, 'utf8');
+            const source = fs_1.default.readFileSync(componentPath, 'utf8');
             const { descriptor } = sfc.parse(source, { filename: componentPath });
             if (descriptor.template) {
                 // Tenta obter bindings do script para otimização (opcional, mas bom para setup)
@@ -271,21 +311,21 @@ function generateMetaTags(metadata) {
 }
 function getBuildAssets(req) {
     const projectDir = process.cwd();
-    const distDir = path.join(projectDir, '.vatts');
-    const assetsDir = path.join(distDir, 'assets');
-    if (!fs.existsSync(distDir))
+    const distDir = path_1.default.join(projectDir, '.vatts');
+    const assetsDir = path_1.default.join(distDir, 'assets');
+    if (!fs_1.default.existsSync(distDir))
         return null;
     let scripts = [];
     let styles = [];
     const processDirectory = (directory, urlPrefix) => {
-        if (!fs.existsSync(directory))
+        if (!fs_1.default.existsSync(directory))
             return;
-        const files = fs.readdirSync(directory);
+        const files = fs_1.default.readdirSync(directory);
         files.forEach(file => {
             if (file.endsWith('.map'))
                 return;
-            const fullPath = path.join(directory, file);
-            if (fs.statSync(fullPath).isFile()) {
+            const fullPath = path_1.default.join(directory, file);
+            if (fs_1.default.statSync(fullPath).isFile()) {
                 if (file.endsWith('.js'))
                     scripts.push(`${urlPrefix}/${file}`);
                 else if (file.endsWith('.css'))
@@ -294,9 +334,9 @@ function getBuildAssets(req) {
         });
     };
     try {
-        const manifestPath = path.join(distDir, 'manifest.json');
-        if (fs.existsSync(manifestPath)) {
-            const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
+        const manifestPath = path_1.default.join(distDir, 'manifest.json');
+        if (fs_1.default.existsSync(manifestPath)) {
+            const manifest = JSON.parse(fs_1.default.readFileSync(manifestPath, 'utf8'));
             const manifestFiles = Object.values(manifest);
             scripts = manifestFiles.filter((f) => f.endsWith('.js')).map((f) => `/_vatts/${f}`);
             styles = manifestFiles.filter((f) => f.endsWith('.css')).map((f) => `/_vatts/${f}`);
@@ -321,7 +361,7 @@ function getBuildAssets(req) {
         return null;
     }
 }
-export async function renderVue({ req, res, route, params, allRoutes }) {
+async function renderVue({ req, res, route, params, allRoutes }) {
     if (!vue) {
         res.statusCode = 500;
         res.end('Vue dependencies not installed.');
@@ -340,15 +380,29 @@ export async function renderVue({ req, res, route, params, allRoutes }) {
     try {
         const assets = getBuildAssets(req);
         if (!assets || assets.scripts.length === 0) {
+            const RootComponent = {
+                setup() {
+                    return () => {
+                        return BuildingPage_vue_1.default ? h(BuildingPage_vue_1.default, { params }) : h('div', 'Page not found/loaded');
+                    };
+                }
+            };
+            const app = createSSRApp(RootComponent);
+            // 5. Stream
+            const stream = renderToNodeStream(app);
             res.setHeader('Content-Type', 'text/html');
-            res.end('<!DOCTYPE html><html><body><div style="display:flex;justify-content:center;align-items:center;height:100vh;font-family:sans-serif;">Building...</div><script>setTimeout(()=>window.location.reload(), 1000)</script></body></html>');
+            // enviar stream direto
+            stream.pipe(res, { end: false });
+            stream.on('end', () => {
+                res.end();
+            });
             return;
         }
         // 1. Layout (Carrega e Corrige se necessário)
-        const layoutInfo = getLayout();
+        const layoutInfo = (0, router_1.getLayout)();
         let LayoutComponent = null;
         if (layoutInfo) {
-            LayoutComponent = ensureVueComponent(null, path.resolve(process.cwd(), layoutInfo.componentPath));
+            LayoutComponent = ensureVueComponent(null, path_1.default.resolve(process.cwd(), layoutInfo.componentPath));
         }
         // 2. Metadata
         let metadata = { title: 'Vatts App' };
@@ -386,13 +440,13 @@ export async function renderVue({ req, res, route, params, allRoutes }) {
         // Otimização: Adiciona modulepreload para scripts principais do bundle
         const scriptPreloadsHtml = assets.scripts.map(src => `<link rel="modulepreload" href="${src}">`).join('\n');
         // Otimização: Intercepta assets do componente atual para preload
-        const componentPreloads = extractComponentPreloads(route.componentPath ? path.resolve(process.cwd(), route.componentPath) : '');
+        const componentPreloads = extractComponentPreloads(route.componentPath ? path_1.default.resolve(process.cwd(), route.componentPath) : '');
         const componentPreloadsHtml = componentPreloads.join('\n');
         const stylesHtml = assets.styles.map(styleUrl => `<link rel="stylesheet" href="${styleUrl}">`).join('\n');
         const scriptsHtml = assets.scripts.map(src => `<script type="module" src="${src}"></script>`).join('\n');
         // 4. Create Vue App
         // Carrega o componente da rota e aplica a correção (compile template) se o loader falhou
-        let PageComponent = ensureVueComponent(route.component, route.componentPath ? path.resolve(process.cwd(), route.componentPath) : '');
+        let PageComponent = ensureVueComponent(route.component, route.componentPath ? path_1.default.resolve(process.cwd(), route.componentPath) : '');
         // Componente Root
         const RootComponent = {
             setup() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vatts",
-  "version": "1.2.0-alpha.1",
+  "version": "1.2.0-test.0",
   "description": "Vatts.js is a high-level framework for building web applications with ease and speed. It provides a robust set of tools and features to streamline development and enhance productivity.",
   "types": "dist/index.d.ts",
   "author": "itsmuzin",
@@ -21,6 +21,19 @@
   "bin": {
     "vatts": "./dist/bin/vatts.js"
   },
+  "typesVersions": {
+    "*": {
+      "global": [
+        "dist/global/global.d.ts"
+      ],
+      "console": [
+        "dist/api/console.d.ts"
+      ],
+      "rpc": [
+        "dist/rpc/annotations.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -48,7 +61,8 @@
       "require": "./dist/helpers.js"
     },
     "./global": {
-      "types": "./dist/global/global.d.ts"
+      "types": "./dist/global/global.d.ts",
+      "import": "./dist/global/global.d.ts"
     },
     "./eslint": {
       "types": "./dist/eslint/index.d.ts",
@@ -61,13 +75,6 @@
       "require": "./dist/rpc/annotations.js"
     }
   },
-  "peerDependencies": {
-    "express": "^4.0.0",
-    "fastify": "^5.6.1",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "vue": "^3.5.27"
-  },
   "peerDependenciesMeta": {
     "express": {
       "optional": true
@@ -85,6 +92,13 @@
       "optional": true
     }
   },
+  "peerDependencies": {
+    "express": "^4.0.0",
+    "fastify": "^5.6.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "vue": "^3.5.27"
+  },
   "dependencies": {
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -95,7 +109,7 @@
     "chokidar": "^3.6.0",
     "commander": "^14.0.2",
     "esbuild": "^0.27.2",
-    "rollup": "^4.55.2",
+    "rollup": "^4.56.0",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-vue": "^6.0.0",
     "sharp": "^0.34.5",
@@ -114,7 +128,6 @@
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@types/ws": "^8.18.1",
-    "@vue/server-renderer": "^3.5.27",
     "@vue/tsconfig": "^0.8.1",
     "copyfiles": "^2.4.1",
     "image-size": "^2.0.2",
@@ -122,6 +135,6 @@
     "vue-tsc": "^3.2.3"
   },
   "scripts": {
-    "build": "tsc && copyfiles -u 1 \"src/**/*.vue\" dist"
+    "build": "tsc && copyfiles -u 1 \"src/**/*.{vue,d.ts}\" dist"
   }
 }

package/dist/global/global.js

@@ -1,17 +0,0 @@
-"use strict";
-/*
- * This file is part of the Vatts.js Project.
- * Copyright (c) 2026 itsmuzin
- *
- * 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.
- */