hightjs 0.5.1 → 0.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hightjs",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "HightJS 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.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/builder.js

@@ -409,7 +409,7 @@ async function buildWithChunks(entryPoint, outdir, isProduction = false) {
       sourcemap: !isProduction,
       platform: 'browser',
       outdir: outdir,
-      loader: { '.js': 'jsx', '.ts': 'tsx' },
+      loader: { '.js': 'js', '.ts': 'tsx' },
       external: nodeBuiltIns,
       plugins: [postcssPlugin, npmDependenciesPlugin, reactResolvePlugin, markdownPlugin, assetsPlugin],
       format: 'esm', // ESM suporta melhor o code splitting
@@ -419,7 +419,7 @@ async function buildWithChunks(entryPoint, outdir, isProduction = false) {
       },
       conditions: ['development'],
       mainFields: ['browser', 'module', 'main'],
-      resolveExtensions: ['.tsx', '.ts', '.jsx', '.js'],
+      resolveExtensions: ['.tsx', '.ts', '.js'],
       splitting: true,
       chunkNames: 'chunks/[name]-[hash]',
       // Força o nome do entry para main(.js) ou main-[hash].js em prod
@@ -471,7 +471,7 @@ async function watchWithChunks(entryPoint, outdir, hotReloadManager = null) {
             sourcemap: true,
             platform: 'browser',
             outdir: outdir,
-            loader: { '.js': 'jsx', '.ts': 'tsx' },
+            loader: { '.js': 'js', '.ts': 'tsx' },
             external: nodeBuiltIns,
             plugins: [postcssPlugin, npmDependenciesPlugin, reactResolvePlugin, hmrPlugin, buildCompletePlugin, markdownPlugin, assetsPlugin],
             format: 'esm',
@@ -481,7 +481,7 @@ async function watchWithChunks(entryPoint, outdir, hotReloadManager = null) {
             },
             conditions: ['development'],
             mainFields: ['browser', 'module', 'main'],
-            resolveExtensions: ['.tsx', '.ts', '.jsx', '.js'],
+            resolveExtensions: ['.tsx', '.ts', '.js'],
             splitting: true,
             chunkNames: 'chunks/[name]-[hash]',
             entryNames: 'main',
@@ -517,7 +517,7 @@ async function build(entryPoint, outfile, isProduction = false) {
       sourcemap: !isProduction, // Só gera sourcemap em dev
       platform: 'browser',
       outfile: outfile,
-      loader: { '.js': 'jsx', '.ts': 'tsx' },
+      loader: { '.js': 'js', '.ts': 'tsx' },
       external: nodeBuiltIns,
       plugins: [postcssPlugin, npmDependenciesPlugin, reactResolvePlugin, markdownPlugin, assetsPlugin],
       format: 'iife',
@@ -529,7 +529,7 @@ async function build(entryPoint, outfile, isProduction = false) {
       // Configurações específicas para React 19
       conditions: ['development'],
       mainFields: ['browser', 'module', 'main'],
-      resolveExtensions: ['.tsx', '.ts', '.jsx', '.js'],
+      resolveExtensions: ['.tsx', '.ts', '.js'],
       // Garante que não há duplicação de dependências
       splitting: false,
       // Preserva nomes de funções e comportamento
@@ -580,7 +580,7 @@ async function watch(entryPoint, outfile, hotReloadManager = null) {
             sourcemap: true,
             platform: 'browser',
             outfile: outfile,
-            loader: { '.js': 'jsx', '.ts': 'tsx' },
+            loader: { '.js': 'js', '.ts': 'tsx' },
             external: nodeBuiltIns,
             format: 'iife',
             globalName: 'HwebApp',
@@ -591,7 +591,7 @@ async function watch(entryPoint, outfile, hotReloadManager = null) {
             // Configurações específicas para React 19 (mesmo que no build)
             conditions: ['development'],
             mainFields: ['browser', 'module', 'main'],
-            resolveExtensions: ['.tsx', '.ts', '.jsx', '.js'],
+            resolveExtensions: ['.tsx', '.ts', '.js'],
             // Garante que não há duplicação de dependências
             splitting: false,
             // Preserva nomes de funções e comportamento

package/src/hotReload.ts

@@ -192,8 +192,7 @@ export class HotReloadManager {
                                filePath.includes(path.join('src', 'web', 'components')) ||
                                filePath.includes('layout.tsx') ||
                                filePath.includes('not-found.tsx') ||
-                               filePath.endsWith('.tsx') ||
-                               filePath.endsWith('.jsx');
+                               filePath.endsWith('.tsx');
 
         const isBackendFile = filePath.includes(path.join('src', 'backend')) && !isFrontendFile;
 
@@ -393,9 +392,7 @@ export class HotReloadManager {
                             // Mudanças que exigem reload completo
                             const needsFullReload = 
                                 file.includes('layout.tsx') ||
-                                file.includes('layout.jsx') ||
                                 file.includes('not-found.tsx') ||
-                                file.includes('not-found.jsx') ||
                                 file.endsWith('.css');
                             
                             if (needsFullReload) {
@@ -405,15 +402,15 @@ export class HotReloadManager {
                             }
                             
                             // Mudanças em rotas: tenta HMR
-                            if (file.includes('/routes/') || file.includes('\\\\routes\\\\')) {
+                            if (file.includes('/routes/') || file.includes('routes')) {
                                 console.log('⚡ Route component changed, hot reloading...');
-                                
+
                                 // Dispara evento para forçar re-render
                                 const event = new CustomEvent('hmr:component-update', { 
                                     detail: { file: data.file, timestamp: Date.now() } 
                                 });
                                 window.dispatchEvent(event);
-                                
+
                                 // Aguarda 500ms para ver se o HMR foi bem-sucedido
                                 setTimeout(() => {
                                     const hmrSuccess = window.__HMR_SUCCESS__;

package/src/router.ts

@@ -51,7 +51,7 @@ function clearRequireCache(filePath: string) {
         delete require.cache[resolvedPath];
 
         // Também limpa arquivos temporários relacionados (apenas se existir no cache)
-        const tempFile = filePath.replace(/\.(tsx|ts)$/, '.temp.$1');
+        const tempFile = filePath.replace(/\.(tsx|ts|jsx|js)$/, '.temp.$1');
         const tempResolvedPath = require.cache[require.resolve(tempFile)];
         if (tempResolvedPath) {
             delete require.cache[require.resolve(tempFile)];
@@ -61,6 +61,8 @@ function clearRequireCache(filePath: string) {
     }
 }
 
+// Nota: Suporte apenas para TypeScript (.ts, .tsx). Não tratamos .jsx aqui.
+
 /**
  * Limpa todo o cache de rotas carregadas
  */
@@ -107,10 +109,9 @@ export function clearFileCache(changedFilePath: string) {
  */
 export function loadLayout(webDir: string): { componentPath: string; metadata?: any } | null {
     const layoutPath = path.join(webDir, 'layout.tsx');
-    const layoutPathJs = path.join(webDir, 'layout.ts');
-
+    const layoutPathTs = path.join(webDir, 'layout.ts');
     const layoutFile = fs.existsSync(layoutPath) ? layoutPath :
-        fs.existsSync(layoutPathJs) ? layoutPathJs : null;
+        fs.existsSync(layoutPathTs) ? layoutPathTs : null;
 
     if (layoutFile) {
         const absolutePath = path.resolve(layoutFile);
@@ -124,8 +125,10 @@ export function loadLayout(webDir: string): { componentPath: string; metadata?:
                 .replace(/import\s+['"][^'"]*\.scss['"];?/g, '// SCSS import removido para servidor')
                 .replace(/import\s+['"][^'"]*\.sass['"];?/g, '// SASS import removido para servidor');
 
-            const tempFile = layoutFile.replace(/\.(tsx|ts)$/, '.temp.$1');
-            fs.writeFileSync(tempFile, tempContent);
+            // Escreve um arquivo temporário .temp.tsx ou .temp.ts sem imports de CSS
+            const ext = path.extname(layoutFile).toLowerCase();
+            const tempFile = layoutFile.replace(/\.(tsx|ts)$/i, '.temp.$1');
+            fs.writeFileSync(tempFile, tempContent, 'utf8');
 
             // Otimização: limpa cache apenas se existir
             try {
@@ -138,7 +141,7 @@ export function loadLayout(webDir: string): { componentPath: string; metadata?:
             const layoutModule = require(tempFile);
 
             // Remove o arquivo temporário
-            fs.unlinkSync(tempFile);
+            try { fs.unlinkSync(tempFile); } catch {}
 
             const metadata = layoutModule.metadata || null;
 
@@ -283,7 +286,7 @@ let loadedMiddlewares: Map<string, HightMiddleware[]> = new Map();
 function loadMiddlewareFromDirectory(dir: string): HightMiddleware[] {
     const middlewares: HightMiddleware[] = [];
 
-    // Procura por middleware.ts ou middleware.tsx
+    // Procura por middleware.ts, middleware.tsx
     const middlewarePath = path.join(dir, 'middleware.ts');
     const middlewarePathTsx = path.join(dir, 'middleware.tsx');
 
@@ -365,8 +368,8 @@ export function loadBackendRoutes(backendRoutesDir: string) {
             if (entry.isDirectory()) {
                 scanDirectory(path.join(dir, entry.name), relativePath);
             } else if (entry.isFile()) {
-                const isTypeScript = entry.name.endsWith('.ts') || entry.name.endsWith('.tsx');
-                if (!isTypeScript) continue;
+                const isSupported = entry.name.endsWith('.ts') || entry.name.endsWith('.tsx');
+                if (!isSupported) continue;
 
                 // Identifica middlewares durante o scan
                 if (entry.name.startsWith('middleware')) {
@@ -487,10 +490,9 @@ export function findMatchingBackendRoute(pathname: string, method: string) {
  */
 export function loadNotFound(webDir: string): { componentPath: string } | null {
     const notFoundPath = path.join(webDir, 'notFound.tsx');
-    const notFoundPathJs = path.join(webDir, 'notFound.ts');
-
+    const notFoundPathTs = path.join(webDir, 'notFound.ts');
     const notFoundFile = fs.existsSync(notFoundPath) ? notFoundPath :
-        fs.existsSync(notFoundPathJs) ? notFoundPathJs : null;
+        fs.existsSync(notFoundPathTs) ? notFoundPathTs : null;
 
     if (notFoundFile) {
         const absolutePath = path.resolve(notFoundFile);

package/dist/adapters/express.d.ts

@@ -1,7 +0,0 @@
-import type { Request as ExpressRequest, Response as ExpressResponse } from 'express';
-import { GenericRequest, GenericResponse, FrameworkAdapter } from '../types/framework';
-export declare class ExpressAdapter implements FrameworkAdapter {
-    type: "express";
-    parseRequest(req: ExpressRequest): GenericRequest;
-    createResponse(res: ExpressResponse): GenericResponse;
-}

package/dist/adapters/express.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpressAdapter = void 0;
-class ExpressAdapter {
-    constructor() {
-        this.type = 'express';
-    }
-    parseRequest(req) {
-        return {
-            method: req.method,
-            url: req.url,
-            headers: req.headers,
-            body: req.body,
-            query: req.query,
-            params: req.params,
-            cookies: req.cookies || {},
-            raw: req,
-        };
-    }
-    createResponse(res) {
-        return new ExpressResponseWrapper(res);
-    }
-}
-exports.ExpressAdapter = ExpressAdapter;
-class ExpressResponseWrapper {
-    constructor(res) {
-        this.res = res;
-    }
-    get raw() {
-        return this.res;
-    }
-    status(code) {
-        this.res.status(code);
-        return this;
-    }
-    header(name, value) {
-        this.res.setHeader(name, value);
-        return this;
-    }
-    cookie(name, value, options) {
-        this.res.cookie(name, value, options || {});
-        return this;
-    }
-    clearCookie(name, options) {
-        // Filter out the deprecated 'expires' option to avoid Express deprecation warning
-        const { expires, ...filteredOptions } = options || {};
-        this.res.clearCookie(name, filteredOptions);
-        return this;
-    }
-    json(data) {
-        this.res.json(data);
-    }
-    text(data) {
-        this.res.setHeader('Content-Type', 'text/plain; charset=utf-8');
-        this.res.send(data);
-    }
-    send(data) {
-        this.res.send(data);
-    }
-    redirect(url) {
-        this.res.redirect(url);
-    }
-}

package/dist/adapters/factory.d.ts

@@ -1,23 +0,0 @@
-import { FrameworkAdapter } from '../types/framework';
-/**
- * Factory para criar o adapter correto baseado no framework detectado
- */
-export declare class FrameworkAdapterFactory {
-    private static adapter;
-    /**
-     * Detecta automaticamente o framework baseado na requisição/resposta
-     */
-    static detectFramework(req: any, res: any): FrameworkAdapter;
-    /**
-     * Força o uso de um framework específico
-     */
-    static setFramework(framework: 'express' | 'fastify' | 'native'): void;
-    /**
-     * Reset do adapter (útil para testes)
-     */
-    static reset(): void;
-    /**
-     * Retorna o adapter atual (se já foi detectado)
-     */
-    static getCurrentAdapter(): FrameworkAdapter | null;
-}

package/dist/adapters/factory.js

@@ -1,122 +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.FrameworkAdapterFactory = void 0;
-const express_1 = require("./express");
-const fastify_1 = require("./fastify");
-const native_1 = require("./native");
-const console_1 = __importStar(require("../api/console"));
-/**
- * Factory para criar o adapter correto baseado no framework detectado
- */
-class FrameworkAdapterFactory {
-    /**
-     * Detecta automaticamente o framework baseado na requisição/resposta
-     */
-    static detectFramework(req, res) {
-        // Se já detectamos antes, retorna o mesmo adapter
-        if (this.adapter) {
-            return this.adapter;
-        }
-        const msg = console_1.default.dynamicLine(`  ${console_1.Colors.FgYellow}●  ${console_1.Colors.Reset}Detecting web framework...`);
-        // Detecta Express
-        if (req.app && req.route && res.locals !== undefined) {
-            msg.end(`  ${console_1.Colors.FgGreen}●  ${console_1.Colors.Reset}Framework detected: Express`);
-            this.adapter = new express_1.ExpressAdapter();
-            return this.adapter;
-        }
-        // Detecta Fastify
-        if (req.server && req.routerPath !== undefined && res.request) {
-            msg.end(`  ${console_1.Colors.FgGreen}●  ${console_1.Colors.Reset}Framework detected: Fastify`);
-            this.adapter = new fastify_1.FastifyAdapter();
-            return this.adapter;
-        }
-        // Detecta HTTP nativo do Node.js
-        if (req.method !== undefined && req.url !== undefined && req.headers !== undefined &&
-            res.statusCode !== undefined && res.setHeader !== undefined && res.end !== undefined) {
-            msg.end(`  ${console_1.Colors.FgGreen}●  ${console_1.Colors.Reset}Framework detected: HightJS Native (HTTP)`);
-            this.adapter = new native_1.NativeAdapter();
-            return this.adapter;
-        }
-        // Fallback mais específico para Express
-        if (res.status && res.send && res.json && res.cookie) {
-            msg.end(`  ${console_1.Colors.FgGreen}●  ${console_1.Colors.Reset}Framework detected: Express (fallback)`);
-            this.adapter = new express_1.ExpressAdapter();
-            return this.adapter;
-        }
-        // Fallback mais específico para Fastify
-        if (res.code && res.send && res.type && res.setCookie) {
-            msg.end(`  ${console_1.Colors.FgGreen}●  ${console_1.Colors.Reset}Framework detected: Fastify (fallback)`);
-            this.adapter = new fastify_1.FastifyAdapter();
-            return this.adapter;
-        }
-        // Default para HightJS Native se não conseguir detectar
-        msg.end(`  ${console_1.Colors.FgYellow}●  ${console_1.Colors.Reset}Unable to detect framework. Using HightJS Native as default.`);
-        this.adapter = new native_1.NativeAdapter();
-        return this.adapter;
-    }
-    /**
-     * Força o uso de um framework específico
-     */
-    static setFramework(framework) {
-        switch (framework) {
-            case 'express':
-                this.adapter = new express_1.ExpressAdapter();
-                break;
-            case 'fastify':
-                this.adapter = new fastify_1.FastifyAdapter();
-                break;
-            case 'native':
-                this.adapter = new native_1.NativeAdapter();
-                break;
-            default:
-                throw new Error(`Unsupported framework: ${framework}`);
-        }
-    }
-    /**
-     * Reset do adapter (útil para testes)
-     */
-    static reset() {
-        this.adapter = null;
-    }
-    /**
-     * Retorna o adapter atual (se já foi detectado)
-     */
-    static getCurrentAdapter() {
-        return this.adapter;
-    }
-}
-exports.FrameworkAdapterFactory = FrameworkAdapterFactory;
-FrameworkAdapterFactory.adapter = null;

package/dist/adapters/fastify.d.ts

@@ -1,25 +0,0 @@
-interface FastifyRequest {
-    method: string;
-    url: string;
-    headers: Record<string, string | string[]>;
-    body?: any;
-    query?: Record<string, any>;
-    params?: Record<string, string>;
-    cookies?: Record<string, string>;
-}
-interface FastifyReply {
-    status(code: number): FastifyReply;
-    header(name: string, value: string): FastifyReply;
-    setCookie(name: string, value: string, options?: any): FastifyReply;
-    clearCookie(name: string, options?: any): FastifyReply;
-    type(contentType: string): FastifyReply;
-    send(data: any): void;
-    redirect(url: string): void;
-}
-import { GenericRequest, GenericResponse, FrameworkAdapter } from '../types/framework';
-export declare class FastifyAdapter implements FrameworkAdapter {
-    type: "fastify";
-    parseRequest(req: FastifyRequest): GenericRequest;
-    createResponse(reply: FastifyReply): GenericResponse;
-}
-export {};

package/dist/adapters/fastify.js

@@ -1,61 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FastifyAdapter = void 0;
-class FastifyAdapter {
-    constructor() {
-        this.type = 'fastify';
-    }
-    parseRequest(req) {
-        return {
-            method: req.method,
-            url: req.url,
-            headers: req.headers,
-            body: req.body,
-            query: req.query,
-            params: req.params,
-            cookies: req.cookies || {},
-            raw: req
-        };
-    }
-    createResponse(reply) {
-        return new FastifyResponseWrapper(reply);
-    }
-}
-exports.FastifyAdapter = FastifyAdapter;
-class FastifyResponseWrapper {
-    constructor(reply) {
-        this.reply = reply;
-    }
-    get raw() {
-        return this.reply;
-    }
-    status(code) {
-        this.reply.status(code);
-        return this;
-    }
-    header(name, value) {
-        this.reply.header(name, value);
-        return this;
-    }
-    cookie(name, value, options) {
-        this.reply.setCookie(name, value, options);
-        return this;
-    }
-    clearCookie(name, options) {
-        this.reply.clearCookie(name, options);
-        return this;
-    }
-    json(data) {
-        this.reply.send(data);
-    }
-    text(data) {
-        this.reply.type('text/plain; charset=utf-8');
-        this.reply.send(data);
-    }
-    send(data) {
-        this.reply.send(data);
-    }
-    redirect(url) {
-        this.reply.redirect(url);
-    }
-}

package/dist/adapters/native.d.ts

@@ -1,8 +0,0 @@
-import type { IncomingMessage, ServerResponse } from 'http';
-import { GenericRequest, GenericResponse, FrameworkAdapter } from '../types/framework';
-export declare class NativeAdapter implements FrameworkAdapter {
-    type: "native";
-    parseRequest(req: IncomingMessage): GenericRequest;
-    createResponse(res: ServerResponse): GenericResponse;
-    private parseCookies;
-}