hightjs 0.3.3 → 0.3.5

package/example/package.json

@@ -4,15 +4,15 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "start": "hight start --ssl --port 443",
-    "dev": "hight dev --ssl --port 443"
+    "start": "hight start --port 80",
+    "dev": "hight dev --port 80"
   },
   "author": "itsmuzin",
   "license": "ISC",
   "dependencies": {
     "@tailwindcss/postcss": "^4.1.16",
     "autoprefixer": "^10.4.21",
-    "hightjs": "^0.3.1",
+    "hightjs": "../",
     "postcss": "^8.5.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",

package/example/src/web/layout.tsx

@@ -8,11 +8,65 @@ interface LayoutProps {
     children: React.ReactNode;
 }
 
-// Metadata exportada (similar ao Next.js)
+
 export const metadata: Metadata = {
-    title: "Hight JS",
-    description: "O framework web mais rápido e simples para React!",
+    // --- Informações Básicas ---
+    // Título otimizado para abas do navegador e resultados de busca
+    title: "Hight JS | O Framework Web Rápido e Simples para React",
+    description: "O framework web mais rápido e simples para React! Comece a construir aplicações web performáticas hoje mesmo com Hight JS.",
+    keywords: ["Hight JS", "framework web", "React", "JavaScript", "TypeScript", "desenvolvimento web", "rápido", "simples", "SSR", "frontend"],
+    author: "Hight JS Team",
     favicon: "/favicon.ico",
+
+    // --- Mobile e Viewport ---
+    // Essencial para design responsivo e boa pontuação no mobile
+    viewport: "width=device-width, initial-scale=1.0",
+    // Cor da barra de navegação em browsers mobile (ex: Chrome no Android)
+    themeColor: "#0A0A0A", // Sugestão de cor escura, ajuste conforme sua marca
+
+    // --- SEO ---
+    // URL principal do site para evitar conteúdo duplicado
+    canonical: "https://hightjs.com", // Substitua pelo seu domínio real
+    // Instruções para robôs de busca (Google, Bing, etc.)
+    robots: "index, follow",
+
+    // --- Open Graph (para Redes Sociais como Facebook, LinkedIn, Discord) ---
+    openGraph: {
+        title: "Hight JS | O Framework Web Rápido e Simples para React",
+        description: "Descubra o Hight JS, o framework web focado em performance e simplicidade para suas aplicações React.",
+        type: "website",
+        url: "https://hightjs.com", // Seu domínio real
+        // URL de uma imagem de preview (idealmente 1200x630px)
+        image: "https://hightjs.com/og-image.png",
+        siteName: "Hight JS",
+        locale: "pt_BR",
+    },
+
+    // --- Twitter Card (para compartilhamento no Twitter) ---
+    twitter: {
+        card: "summary_large_image", // Mostra uma imagem grande no tweet
+        site: "@hightjs_team", // Handle do Twitter do projeto (exemplo)
+        creator: "@seu_criador", // Handle do Twitter do criador (exemplo)
+        title: "Hight JS | O Framework Web Rápido e Simples para React",
+        description: "Cansado de complexidade? Conheça o Hight JS e construa sites React mais rápidos e leves.",
+        // Imagem específica para Twitter (ou pode reusar a 'og-image')
+        image: "https://hightjs.com/twitter-image.png",
+        imageAlt: "Logo e slogan do framework Hight JS",
+    },
+
+    // --- Ícones e Manifest (PWA) ---
+    // Ícone para dispositivos Apple (quando salvo na tela inicial)
+    appleTouchIcon: "/apple-touch-icon.png", // (ex: 180x180px)
+    // Link para o manifest de PWA (Progressive Web App)
+    manifest: "/site.webmanifest",
+
+    // --- Outros ---
+    language: "pt-BR", // Define o idioma principal da página
+    charset: "UTF-8",  // Define o charset (embora geralmente setado no HTML)
+    other: {
+        // Tag útil para compatibilidade com navegadores legados (Edge/IE)
+        "X-UA-Compatible": "IE=edge"
+    }
 };
 
 export default function Layout({ children }: LayoutProps) {

package/example/src/web/routes/index.tsx

@@ -21,7 +21,7 @@ function Home() {
                     {status === 'loading' && <p>Carregando...</p>}
                     {status === 'authenticated' && session?.user && (
                         <>
-                            <p className="text-lg">Você está logado como <span className="font-bold text-purple-400">{session.user.name}</span> !!!</p>
+                            <p className="text-lg">Você está logado como <span className="font-bold text-purple-400">{session.user.name}</span>!</p>
                             <button
                                 onClick={() => signOut({callbackUrl: '/'})}
                                 className="rounded-full border border-solid border-transparent transition-all duration-300 flex items-center justify-center bg-purple-600 text-white gap-2 hover:bg-purple-500 font-medium text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 w-40 shadow-[0_0_15px_-3px_theme(colors.purple.600)] hover:shadow-[0_0_25px_-3px_theme(colors.purple.500)]"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hightjs",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "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/adapters/factory.ts

@@ -33,18 +33,18 @@ export class FrameworkAdapterFactory {
         if (this.adapter) {
             return this.adapter;
         }
-        const msg = Console.dynamicLine(`  ${Colors.FgYellow}●  ${Colors.Reset}Detectando framework web...`);
+        const msg = Console.dynamicLine(`  ${Colors.FgYellow}●  ${Colors.Reset}Detecting web framework...`);
 
         // Detecta Express
         if (req.app && req.route && res.locals !== undefined) {
-            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detectado: Express`);
+            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detected: Express`);
             this.adapter = new ExpressAdapter();
             return this.adapter;
         }
 
         // Detecta Fastify
         if (req.server && req.routerPath !== undefined && res.request) {
-            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detectado: Fastify`);
+            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detected: Fastify`);
             this.adapter = new FastifyAdapter();
             return this.adapter;
         }
@@ -52,27 +52,27 @@ export class FrameworkAdapterFactory {
         // 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(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detectado: HightJS Native (HTTP)`);
+            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detected: HightJS Native (HTTP)`);
             this.adapter = new NativeAdapter();
             return this.adapter;
         }
 
         // Fallback mais específico para Express
         if (res.status && res.send && res.json && res.cookie) {
-            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detectado: Express (fallback)`);
+            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detected: Express (fallback)`);
             this.adapter = new ExpressAdapter();
             return this.adapter;
         }
 
         // Fallback mais específico para Fastify
         if (res.code && res.send && res.type && res.setCookie) {
-            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detectado: Fastify (fallback)`);
+            msg.end(`  ${Colors.FgGreen}●  ${Colors.Reset}Framework detected: Fastify (fallback)`);
             this.adapter = new FastifyAdapter();
             return this.adapter;
         }
 
         // Default para HightJS Native se não conseguir detectar
-        msg.end(`  ${Colors.FgYellow}●  ${Colors.Reset}Não foi possível detectar o framework. Usando HightJS Native como padrão.`);
+        msg.end(`  ${Colors.FgYellow}●  ${Colors.Reset}Unable to detect framework. Using HightJS Native as default.`);
         this.adapter = new NativeAdapter();
         return this.adapter;
     }
@@ -92,7 +92,7 @@ export class FrameworkAdapterFactory {
                 this.adapter = new NativeAdapter();
                 break;
             default:
-                throw new Error(`Framework não suportado: ${framework}`);
+                throw new Error(`Unsupported framework: ${framework}`);
         }
     }
 

package/src/adapters/native.ts

@@ -81,7 +81,7 @@ export class NativeAdapter implements FrameworkAdapter {
                     cookies[name] = decodeURIComponent(rest.join('='));
                 } catch (e) {
                     // Prevenção de crash: Ignora cookies com valores malformados (e.g., URI inválida).
-                    console.error(`Aviso: Cookie malformado com nome "${name}" foi ignorado.`);
+                    console.error(`Warning: Malformed cookie with name "${name}" was ignored.`);
                 }
             }
         });
@@ -114,7 +114,7 @@ class NativeResponseWrapper implements GenericResponse {
         const sanitizedValue = sanitizeHeaderValue(value);
 
         if (name !== sanitizedName || String(value) !== sanitizedValue) {
-            console.warn(`Aviso: Tentativa potencial de HTTP Header Injection foi detectada e sanitizada. Header original: "${name}"`);
+            console.warn(`Warning: Potential HTTP Header Injection attempt detected and sanitized. Original header: "${name}"`);
         }
 
 
@@ -125,7 +125,7 @@ class NativeResponseWrapper implements GenericResponse {
     cookie(name: string, value: string, options?: CookieOptions): GenericResponse {
         // Medida de segurança: Valida o nome do cookie.
         if (!isValidCookieName(name)) {
-            console.error(`Erro: Nome de cookie inválido "${name}". O cookie não será definido.`);
+            console.error(`Error: Invalid cookie name "${name}". The cookie will not be set.`);
             return this;
         }
 

package/src/api/console.ts

@@ -202,7 +202,9 @@ export default class Console {
     }
 
     static logWithout(level: Levels, colors?:Colors, ...args: any[]): void {
-        const color = colors || level === Levels.ERROR ? Colors.BgRed : level === Levels.WARN ? Colors.BgYellow : level === Levels.INFO ? Colors.BgMagenta : level === Levels.SUCCESS ? Colors.BgGreen : Colors.BgCyan;
+
+        const color = colors ? colors :  level === Levels.ERROR ? Colors.BgRed : level === Levels.WARN ? Colors.BgYellow : level === Levels.INFO ? Colors.BgMagenta : level === Levels.SUCCESS ? Colors.BgGreen : Colors.BgCyan;
+
         let output = "";
         for (const arg of args) {
             let msg = (arg instanceof Error) ? arg.stack : (typeof arg === 'string') ? arg : JSON.stringify(arg, null, 2);

package/src/auth/client.ts

@@ -38,7 +38,7 @@ export async function getSession(): Promise<Session | null> {
         const data = await response.json();
         return data.session || null;
     } catch (error) {
-        console.error('[hweb-auth] Erro ao buscar sessão:', error);
+        console.error('[hweb-auth] Error fetching session:', error);
         return null;
     }
 }
@@ -59,7 +59,7 @@ export async function getCsrfToken(): Promise<string | null> {
         const data = await response.json();
         return data.csrfToken || null;
     } catch (error) {
-        console.error('[hweb-auth] Erro ao buscar CSRF token:', error);
+        console.error('[hweb-auth] Error fetching CSRF token:', error);
         return null;
     }
 }
@@ -80,7 +80,7 @@ export async function getProviders(): Promise<any[] | null> {
         const data = await response.json();
         return data.providers || [];
     } catch (error) {
-        console.error('[hweb-auth] Erro ao buscar providers:', error);
+        console.error('[hweb-auth] Error searching for providers:', error);
         return null;
     }
 }
@@ -143,7 +143,7 @@ export async function signIn(
             };
         }
     } catch (error) {
-        console.error('[hweb-auth] Erro no signIn:', error);
+        console.error('[hweb-auth] Error on signIn:', error);
         return {
             error: 'Network error',
             status: 500,
@@ -166,6 +166,6 @@ export async function signOut(options: { callbackUrl?: string } = {}): Promise<v
             window.location.href = options.callbackUrl || '/';
         }
     } catch (error) {
-        console.error('[hweb-auth] Erro no signOut:', error);
+        console.error('[hweb-auth] Error on signOut:', error);
     }
 }

package/src/auth/components.tsx

@@ -37,7 +37,7 @@ export function ProtectedRoute({
 
     // Ainda carregando
     if (isLoading) {
-        return fallback || <div>Carregando...</div>;
+        return fallback || <div>Loading...</div>;
     }
 
     // Requer auth mas não está autenticado
@@ -46,7 +46,7 @@ export function ProtectedRoute({
             window.location.href = redirectTo;
             return null;
         }
-        return fallback || <div>Não autorizado</div>;
+        return fallback || <div>Unauthorized</div>;
     }
 
     // Não requer auth mas está autenticado (ex: página de login)

package/src/auth/core.ts

@@ -91,7 +91,7 @@ export class HWebAuth {
 
             return sessionResult;
         } catch (error) {
-            console.error(`[hweb-auth] Erro no signIn com provider ${providerId}:`, error);
+            console.error(`[hweb-auth] Error signing in with provider ${providerId}:`, error);
             return null;
         }
     }
@@ -109,7 +109,7 @@ export class HWebAuth {
                 try {
                     await provider.handleSignOut();
                 } catch (error) {
-                    console.error(`[hweb-auth] Erro no signOut do provider ${provider.id}:`, error);
+                    console.error(`[hweb-auth] Signout error on provider ${provider.id}:`, error);
                 }
             }
         }

package/src/auth/react.tsx

@@ -61,7 +61,7 @@ export function SessionProvider({
                 return null;
             }
         } catch (error) {
-            console.error('[hweb-auth] Erro ao buscar sessão:', error);
+            console.error('[hweb-auth] Error fetching session:', error);
             setSession(null);
             setStatus('unauthenticated');
             return null;
@@ -125,7 +125,7 @@ export function SessionProvider({
                 };
             }
         } catch (error) {
-            console.error('[hweb-auth] Erro no signIn:', error);
+            console.error('[hweb-auth] Error on signIn:', error);
             return {
                 error: 'Network error',
                 status: 500,
@@ -153,7 +153,7 @@ export function SessionProvider({
                 }
             }
         } catch (error) {
-            console.error('[hweb-auth] Erro no signOut:', error);
+            console.error('[hweb-auth] Error on signOut:', error);
         }
     }, [basePath]);
 
@@ -215,7 +215,7 @@ export function SessionProvider({
 export function useSession(): SessionContextType {
     const context = useContext(SessionContext);
     if (context === undefined) {
-        throw new Error('useSession deve ser usado dentro de um SessionProvider');
+        throw new Error('useSession must be used inside a SessionProvider');
     }
     return context;
 }

package/src/auth/routes.ts

@@ -167,7 +167,7 @@ async function handleSignIn(req: HightJSRequest, auth: HWebAuth) {
             type: 'session'
         });
     } catch (error) {
-        console.error('[hweb-auth] Erro no handleSignIn:', error);
+        console.error('[hweb-auth] Error on handleSignIn:', error);
         return HightJSResponse.json(
             { error: 'Authentication failed' },
             { status: 500 }