vatts 1.0.5-alpha.3 → 1.1.0-alpha.1

package/dist/client/entry.client.js

@@ -292,6 +292,7 @@ function initializeClient() {
         const root = (0, client_1.createRoot)(container);
         // Salva a referência globalmente
         window.__VATTS_ROOT__ = root;
+        console.log(componentMap, initialData);
         root.render((0, jsx_runtime_1.jsx)(App, { componentMap: componentMap, routes: initialData.routes, initialComponentPath: initialData.initialComponentPath, initialParams: initialData.initialParams, layoutComponent: window.__VATTS_LAYOUT__ }));
     }
     catch (error) {

package/dist/helpers.d.ts

@@ -1,7 +1,8 @@
 #!/usr/bin/env node
 import http, { Server } from 'http';
-import type { VattsOptions } from './types';
+import type { VattsOptions, VattsConfig } from './types';
 import https from 'https';
+export declare let config: VattsConfig | undefined;
 export declare function app(options?: VattsOptions): {
     /**
      * Integra com uma aplicação de qualquer framework (Express, Fastify, etc)

package/dist/helpers.js

@@ -53,6 +53,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.config = void 0;
 exports.app = app;
 // Imports Nativos do Node.js (movidos para o topo)
 const http_1 = __importDefault(require("http"));
@@ -133,6 +134,7 @@ async function loadVattsConfig(projectDir, phase) {
         maxUrlLength: 2048,
         accessLogging: true,
         envFiles: [],
+        pathRouter: false
     };
     try {
         // Tenta primeiro .ts, depois .js
@@ -321,6 +323,7 @@ async function initNativeServer(vattsApp, options, port, hostname) {
     const projectDir = options.dir || process.cwd();
     const phase = options.dev ? 'development' : 'production';
     const vattsConfig = await loadVattsConfig(projectDir, phase);
+    exports.config = vattsConfig;
     // Passa envFiles da config para as opções do vatts
     options.envFiles = vattsConfig.envFiles;
     await vattsApp.prepare();

package/dist/index.js

@@ -70,6 +70,7 @@ const env_1 = require("./env/env");
 // RPC
 const server_1 = require("./rpc/server");
 const types_1 = require("./rpc/types");
+const helpers_1 = require("./helpers");
 // Helpers de segurança para servir arquivos estáticos sem path traversal
 function isSuspiciousPathname(p) {
     try {
@@ -97,8 +98,8 @@ Object.defineProperty(exports, "FastifyAdapter", { enumerable: true, get: functi
 var factory_2 = require("./adapters/factory");
 Object.defineProperty(exports, "FrameworkAdapterFactory", { enumerable: true, get: function () { return factory_2.FrameworkAdapterFactory; } });
 // Exporta os helpers para facilitar integração
-var helpers_1 = require("./helpers");
-Object.defineProperty(exports, "app", { enumerable: true, get: function () { return helpers_1.app; } });
+var helpers_2 = require("./helpers");
+Object.defineProperty(exports, "app", { enumerable: true, get: function () { return helpers_2.app; } });
 // Função para verificar se o projeto é grande o suficiente para se beneficiar de chunks
 function isLargeProject(projectDir) {
     try {
@@ -147,9 +148,17 @@ function createEntryFile(projectDir, routes) {
         const notFoundImport = notFound
             ? `import NotFoundComponent from '${path_1.default.relative(tempDir, notFound.componentPath).replace(/\\/g, '/')}';`
             : '';
-        const componentRegistration = routes
-            .map((route, index) => `  '${route.componentPath}': route${index}.component || route${index}.default?.component,`)
-            .join('\n');
+        let componentRegistration;
+        if (helpers_1.config?.pathRouter === true) {
+            componentRegistration = routes
+                .map((route, index) => `  '${route.componentPath}': route${index} || route${index}.default,`)
+                .join('\n');
+        }
+        else {
+            componentRegistration = routes
+                .map((route, index) => `  '${route.componentPath}': route${index}.component || route${index}.default?.component,`)
+                .join('\n');
+        }
         const layoutRegistration = layout
             ? `window.__VATTS_LAYOUT__ = LayoutComponent.default || LayoutComponent;`
             : `window.__VATTS_LAYOUT__ = null;`;
@@ -294,7 +303,7 @@ function vatts(options) {
             }
         },
         executeInstrumentation: () => {
-            const instrumentationFile = fs_1.default.readdirSync(path_1.default.join(dir, 'src')).find(file => /^vattsweb\.(tsx|jsx|js|ts)$/.test(file));
+            const instrumentationFile = fs_1.default.readdirSync(path_1.default.join(dir, 'src')).find(file => /^vattsweb\.(js|ts)$/.test(file));
             if (instrumentationFile) {
                 const instrumentationPath = path_1.default.join(dir, 'src', instrumentationFile);
                 const instrumentation = require(instrumentationPath);

package/dist/router.d.ts

@@ -9,6 +9,9 @@ export declare function getLayout(): {
     componentPath: string;
     metadata?: any;
 } | null;
+export declare function loadPathRoutes(routesDir: string): (RouteConfig & {
+    componentPath: string;
+})[];
 export declare function loadRoutes(routesDir: string): (RouteConfig & {
     componentPath: string;
 })[];

package/dist/router.js

@@ -7,6 +7,7 @@ exports.clearAllRouteCache = clearAllRouteCache;
 exports.clearFileCache = clearFileCache;
 exports.loadLayout = loadLayout;
 exports.getLayout = getLayout;
+exports.loadPathRoutes = loadPathRoutes;
 exports.loadRoutes = loadRoutes;
 exports.findMatchingRoute = findMatchingRoute;
 exports.loadBackendRoutes = loadBackendRoutes;
@@ -39,6 +40,7 @@ const url_1 = require("url");
 const console_1 = __importDefault(require("./api/console"));
 const factory_1 = require("./adapters/factory");
 const http_1 = require("./api/http");
+const helpers_1 = require("./helpers");
 // --- Estado Global ---
 let allRoutes = [];
 let allBackendRoutes = [];
@@ -125,7 +127,7 @@ function requireWithoutStyles(modulePath) {
 }
 // --- Carregamento de Layout (Otimizado - Sem I/O de Disco) ---
 function loadLayout(webDir) {
-    const extensions = ['layout.tsx', 'layout.ts'];
+    const extensions = ['layout.tsx', 'layout.jsx'];
     let layoutFile = null;
     for (const ext of extensions) {
         const fullPath = path_1.default.join(webDir, ext);
@@ -162,9 +164,98 @@ function loadLayout(webDir) {
 }
 function getLayout() { return layoutComponent; }
 // --- Carregamento de Rotas Frontend ---
+// Helper para converter o caminho do arquivo no padrão de URL (Next.js style)
+function convertPathToRoutePattern(absolutePath, routesDir) {
+    // 1. Pega o caminho relativo e normaliza as barras
+    let relPath = path_1.default.relative(routesDir, absolutePath).replace(/\\/g, '/');
+    // 2. Remove o nome do arquivo (page.tsx, page.ts, page.jsx ou page.js) do final
+    relPath = relPath.replace(/\/?page\.(?:ts|js)x?$/, '');
+    // 3. Remove os "Route Groups" do Next.js, ex: (auth)/login vira /login
+    relPath = relPath.replace(/\/\([^)]+\)/g, '').replace(/^\([^)]+\)\/?/, '');
+    // 4. Se a string ficou vazia, é a rota raiz
+    if (!relPath)
+        return '/';
+    // 5. Garante que comece com "/"
+    return '/' + relPath;
+}
+function loadPathRoutes(routesDir) {
+    if (!fs_1.default.existsSync(routesDir)) {
+        allRoutes = [];
+        return [];
+    }
+    const loaded = [];
+    const cwdPath = process.cwd();
+    const scanAndLoad = (dir) => {
+        const entries = fs_1.default.readdirSync(dir, { withFileTypes: true });
+        for (const entry of entries) {
+            const name = entry.name;
+            // Ignora arquivos/pastas ocultas, de sistema ou de componentes (ex: _components)
+            if (name.startsWith('.') || name.startsWith('_'))
+                continue;
+            const fullPath = path_1.default.join(dir, name);
+            if (entry.isDirectory()) {
+                if (name === 'backend' || name === 'api')
+                    continue;
+                scanAndLoad(fullPath);
+            }
+            else if (entry.isFile() && (name === 'page.tsx' || name === 'page.ts' || name === 'page.jsx' || name === 'page.js')) {
+                // SÓ carrega se for um arquivo "page"
+                try {
+                    const absolutePath = path_1.default.resolve(fullPath);
+                    // OTIMIZAÇÃO: Limpa cache apenas se já existia
+                    if (loadedFiles.has(absolutePath)) {
+                        safeClearCache(absolutePath);
+                    }
+                    // Importa o módulo ignorando estilos
+                    const routeModule = requireWithoutStyles(absolutePath);
+                    // O "default" agora é o Componente React em si
+                    const PageComponent = routeModule.default;
+                    if (PageComponent) {
+                        const componentPath = path_1.default.relative(cwdPath, fullPath).replace(/\\/g, '/');
+                        // Gera o pattern baseado na pasta (ex: /blog/[id])
+                        const pattern = convertPathToRoutePattern(absolutePath, routesDir);
+                        // Monta o config dinamicamente
+                        const generatedConfig = {
+                            pattern,
+                            component: PageComponent,
+                            generateMetadata: routeModule.generateMetadata || (() => ({})),
+                        };
+                        // OTIMIZAÇÃO: Pré-compila a regex
+                        const regex = compileRoutePatternWithGroups(pattern);
+                        loaded.push({
+                            config: generatedConfig,
+                            componentPath,
+                            regex,
+                            paramNames: [] // Seus named groups cuidam disso
+                        });
+                        loadedFiles.add(absolutePath);
+                    }
+                }
+                catch (error) {
+                    console_1.default.error(`Error loading page ${fullPath}:`, error);
+                }
+            }
+        }
+    };
+    scanAndLoad(routesDir);
+    // Ordena as rotas para que rotas estáticas tenham prioridade sobre rotas dinâmicas [id]
+    loaded.sort((a, b) => {
+        const aDynamic = a.config.pattern.includes('[');
+        const bDynamic = b.config.pattern.includes('[');
+        if (aDynamic && !bDynamic)
+            return 1;
+        if (!aDynamic && bDynamic)
+            return -1;
+        return b.config.pattern.length - a.config.pattern.length; // Mais específicas primeiro
+    });
+    allRoutes = loaded;
+    return allRoutes.map(r => ({ ...r.config, componentPath: r.componentPath }));
+}
 function loadRoutes(routesDir) {
+    if (helpers_1.config?.pathRouter == true) {
+        return loadPathRoutes(path_1.default.join(routesDir, "../"));
+    }
     if (!fs_1.default.existsSync(routesDir)) {
-        console_1.default.warn(`Frontend routes directory not found at ${routesDir}.`);
         allRoutes = [];
         return [];
     }
@@ -184,7 +275,7 @@ function loadRoutes(routesDir) {
                     continue;
                 scanAndLoad(fullPath);
             }
-            else if (entry.isFile() && (name.endsWith('.tsx') || name.endsWith('.ts'))) {
+            else if (entry.isFile() && (name.endsWith('.tsx') || name.endsWith('.ts') || name.endsWith(".jsx") || name.endsWith(".js"))) {
                 try {
                     const absolutePath = path_1.default.resolve(fullPath);
                     // OTIMIZAÇÃO CRÍTICA: Só limpa cache se o arquivo já foi carregado antes.
@@ -239,7 +330,7 @@ const middlewareCache = new Map();
 function getMiddlewaresForDir(dir) {
     if (middlewareCache.has(dir))
         return middlewareCache.get(dir);
-    const files = ['middleware.ts', 'middleware.tsx'];
+    const files = ['middleware.ts', 'middleware.js'];
     let middlewares = [];
     for (const file of files) {
         const fullPath = path_1.default.join(dir, file);
@@ -293,7 +384,7 @@ function loadBackendRoutes(backendRoutesDir) {
             if (entry.isDirectory()) {
                 scanAndLoadAPI(fullPath);
             }
-            else if (entry.isFile() && (name.endsWith('.ts') || name.endsWith('.tsx'))) {
+            else if (entry.isFile() && (name.endsWith('.ts') || name.endsWith(".js"))) {
                 if (name.startsWith('middleware'))
                     continue;
                 try {
@@ -334,7 +425,6 @@ function loadBackendRoutes(backendRoutesDir) {
 function findMatchingBackendRoute(pathname, method) {
     const methodUpper = method.toUpperCase();
     for (const route of allBackendRoutes) {
-        // Verifica método antes de rodar regex (otimização barata)
         // @ts-ignore
         if (!route.config[methodUpper])
             continue;
@@ -350,7 +440,7 @@ function findMatchingBackendRoute(pathname, method) {
 }
 // --- 404 Not Found ---
 function loadNotFound(webDir) {
-    const files = ['notFound.tsx', 'notFound.ts'];
+    const files = ['notFound.tsx', 'notFound.jsx'];
     for (const file of files) {
         const fullPath = path_1.default.join(webDir, file);
         if (fs_1.default.existsSync(fullPath)) {

package/dist/types.d.ts

@@ -33,6 +33,11 @@ export interface VattsOptions {
  * Essas configurações podem ser definidas no arquivo vatts.config.js
  */
 export interface VattsConfig {
+    /**
+     * Prefere utilizar rotas por path, sem precisar registrar?
+     * Padrão: false
+     */
+    pathRouter?: boolean;
     /**
      * Limita o número máximo de headers HTTP permitidos por requisição.
      * Padrão: 100

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vatts",
-  "version": "1.0.5-alpha.3",
+  "version": "1.1.0-alpha.1",
   "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",