hightjs 0.2.42 → 0.2.45

package/dist/client/ErrorBoundary.d.ts

@@ -1,16 +0,0 @@
-import React, { Component, ErrorInfo, ReactNode } from 'react';
-interface Props {
-    children: ReactNode;
-}
-interface State {
-    hasError: boolean;
-    error?: Error;
-    errorInfo?: ErrorInfo;
-}
-export declare class ErrorBoundary extends Component<Props, State> {
-    constructor(props: Props);
-    static getDerivedStateFromError(error: Error): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
-}
-export {};

package/dist/client/ErrorBoundary.js

@@ -1,181 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-class ErrorBoundary extends react_1.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false };
-    }
-    static getDerivedStateFromError(error) {
-        // Atualiza o state para que a próxima renderização mostre a UI de erro
-        return { hasError: true, error };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error('ErrorBoundary capturou um erro:', error, errorInfo);
-        this.setState({
-            error,
-            errorInfo
-        });
-    }
-    render() {
-        if (this.state.hasError) {
-            return (0, jsx_runtime_1.jsx)(ErrorDisplay, { error: this.state.error, errorInfo: this.state.errorInfo });
-        }
-        return this.props.children;
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;
-function ErrorDisplay({ error, errorInfo }) {
-    const isDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            fontFamily: 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-            height: '100vh',
-            padding: '20px',
-            backgroundColor: isDark ? '#0a0a0a' : '#ffffff',
-            color: isDark ? '#fafafa' : '#171717',
-            overflow: 'auto'
-        }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                maxWidth: '800px',
-                margin: '0 auto',
-                paddingTop: '40px'
-            }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
-                        borderBottom: `1px solid ${isDark ? '#262626' : '#e5e5e5'}`,
-                        paddingBottom: '20px',
-                        marginBottom: '30px'
-                    }, children: [(0, jsx_runtime_1.jsx)("h1", { style: {
-                                fontSize: '24px',
-                                fontWeight: '600',
-                                margin: '0 0 10px 0',
-                                color: '#dc2626'
-                            }, children: "\u274C Erro na Aplica\u00E7\u00E3o" }), (0, jsx_runtime_1.jsx)("p", { style: {
-                                fontSize: '16px',
-                                margin: '0',
-                                color: isDark ? '#a3a3a3' : '#737373'
-                            }, children: "Ocorreu um erro inesperado na aplica\u00E7\u00E3o. Veja os detalhes abaixo:" })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        backgroundColor: isDark ? '#1c1917' : '#fef2f2',
-                        border: `1px solid ${isDark ? '#451a03' : '#fecaca'}`,
-                        borderRadius: '8px',
-                        padding: '20px',
-                        marginBottom: '20px'
-                    }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
-                                fontSize: '18px',
-                                fontWeight: '600',
-                                margin: '0 0 10px 0',
-                                color: '#dc2626'
-                            }, children: "Mensagem do Erro:" }), (0, jsx_runtime_1.jsx)("p", { style: {
-                                fontSize: '14px',
-                                fontFamily: 'Consolas, Monaco, "Courier New", monospace',
-                                backgroundColor: isDark ? '#0c0a09' : '#ffffff',
-                                padding: '15px',
-                                borderRadius: '6px',
-                                border: `1px solid ${isDark ? '#292524' : '#e5e5e5'}`,
-                                margin: '0',
-                                whiteSpace: 'pre-wrap',
-                                overflow: 'auto'
-                            }, children: error?.message || 'Erro desconhecido' })] }), error?.stack && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                        backgroundColor: isDark ? '#0c0a09' : '#fafafa',
-                        border: `1px solid ${isDark ? '#292524' : '#e5e5e5'}`,
-                        borderRadius: '8px',
-                        padding: '20px',
-                        marginBottom: '20px'
-                    }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
-                                fontSize: '18px',
-                                fontWeight: '600',
-                                margin: '0 0 10px 0',
-                                color: isDark ? '#fafafa' : '#171717'
-                            }, children: "Stack Trace:" }), (0, jsx_runtime_1.jsx)("pre", { style: {
-                                fontSize: '12px',
-                                fontFamily: 'Consolas, Monaco, "Courier New", monospace',
-                                backgroundColor: isDark ? '#1c1917' : '#ffffff',
-                                padding: '15px',
-                                borderRadius: '6px',
-                                border: `1px solid ${isDark ? '#44403c' : '#d4d4d4'}`,
-                                margin: '0',
-                                overflow: 'auto',
-                                whiteSpace: 'pre-wrap',
-                                color: isDark ? '#e5e5e5' : '#525252'
-                            }, children: error.stack })] })), errorInfo?.componentStack && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                        backgroundColor: isDark ? '#0c0a09' : '#fafafa',
-                        border: `1px solid ${isDark ? '#292524' : '#e5e5e5'}`,
-                        borderRadius: '8px',
-                        padding: '20px',
-                        marginBottom: '20px'
-                    }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
-                                fontSize: '18px',
-                                fontWeight: '600',
-                                margin: '0 0 10px 0',
-                                color: isDark ? '#fafafa' : '#171717'
-                            }, children: "Component Stack:" }), (0, jsx_runtime_1.jsx)("pre", { style: {
-                                fontSize: '12px',
-                                fontFamily: 'Consolas, Monaco, "Courier New", monospace',
-                                backgroundColor: isDark ? '#1c1917' : '#ffffff',
-                                padding: '15px',
-                                borderRadius: '6px',
-                                border: `1px solid ${isDark ? '#44403c' : '#d4d4d4'}`,
-                                margin: '0',
-                                overflow: 'auto',
-                                whiteSpace: 'pre-wrap',
-                                color: isDark ? '#e5e5e5' : '#525252'
-                            }, children: errorInfo.componentStack })] })), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        display: 'flex',
-                        gap: '10px',
-                        marginTop: '30px'
-                    }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => window.location.reload(), style: {
-                                backgroundColor: '#2563eb',
-                                color: '#ffffff',
-                                border: 'none',
-                                padding: '12px 20px',
-                                borderRadius: '6px',
-                                fontSize: '14px',
-                                fontWeight: '500',
-                                cursor: 'pointer',
-                                transition: 'background-color 0.2s'
-                            }, onMouseEnter: (e) => {
-                                e.currentTarget.style.backgroundColor = '#1d4ed8';
-                            }, onMouseLeave: (e) => {
-                                e.currentTarget.style.backgroundColor = '#2563eb';
-                            }, children: "\uD83D\uDD04 Recarregar P\u00E1gina" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
-                                navigator.clipboard?.writeText(`
-Erro: ${error?.message || 'Erro desconhecido'}
-
-Stack Trace:
-${error?.stack || 'N/A'}
-
-Component Stack:
-${errorInfo?.componentStack || 'N/A'}
-                            `.trim());
-                                alert('Detalhes do erro copiados para a área de transferência!');
-                            }, style: {
-                                backgroundColor: isDark ? '#374151' : '#f3f4f6',
-                                color: isDark ? '#fafafa' : '#171717',
-                                border: `1px solid ${isDark ? '#4b5563' : '#d1d5db'}`,
-                                padding: '12px 20px',
-                                borderRadius: '6px',
-                                fontSize: '14px',
-                                fontWeight: '500',
-                                cursor: 'pointer',
-                                transition: 'background-color 0.2s'
-                            }, onMouseEnter: (e) => {
-                                e.currentTarget.style.backgroundColor = isDark ? '#4b5563' : '#e5e7eb';
-                            }, onMouseLeave: (e) => {
-                                e.currentTarget.style.backgroundColor = isDark ? '#374151' : '#f3f4f6';
-                            }, children: "\uD83D\uDCCB Copiar Detalhes" })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                        marginTop: '40px',
-                        padding: '20px',
-                        backgroundColor: isDark ? '#1e1b1a' : '#f8fafc',
-                        border: `1px solid ${isDark ? '#3c2e2a' : '#e2e8f0'}`,
-                        borderRadius: '8px'
-                    }, children: [(0, jsx_runtime_1.jsx)("h3", { style: {
-                                fontSize: '16px',
-                                fontWeight: '600',
-                                margin: '0 0 10px 0',
-                                color: isDark ? '#fbbf24' : '#d97706'
-                            }, children: "\uD83D\uDCA1 Para Desenvolvedores:" }), (0, jsx_runtime_1.jsxs)("ul", { style: {
-                                fontSize: '14px',
-                                margin: '0',
-                                paddingLeft: '20px',
-                                color: isDark ? '#d1d5db' : '#4b5563'
-                            }, children: [(0, jsx_runtime_1.jsx)("li", { children: "Verifique o console do navegador para mais detalhes" }), (0, jsx_runtime_1.jsx)("li", { children: "Verifique se todos os arquivos foram buildados corretamente" }), (0, jsx_runtime_1.jsx)("li", { children: "Se for erro 404 em main.js, verifique se o servidor est\u00E1 rodando" }), (0, jsx_runtime_1.jsx)("li", { children: "Use as ferramentas de desenvolvimento do navegador para debugar" })] })] })] }) }));
-}

package/dist/client/routerContext.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-interface RouterContextType {
-    pathname: string;
-    query: URLSearchParams;
-    push: (url: string) => Promise<void>;
-    replace: (url: string) => Promise<void>;
-    back: () => void;
-    forward: () => void;
-    refresh: () => void;
-}
-export declare function RouterProvider({ children }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- * Hook para acessar o router dentro de componentes React
- */
-export declare function useRouter(): RouterContextType;
-/**
- * Hook para acessar apenas o pathname atual
- */
-export declare function usePathname(): string;
-/**
- * Hook para acessar apenas os query parameters
- */
-export declare function useSearchParams(): URLSearchParams;
-export {};

package/dist/client/routerContext.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RouterProvider = RouterProvider;
-exports.useRouter = useRouter;
-exports.usePathname = usePathname;
-exports.useSearchParams = useSearchParams;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const clientRouter_1 = require("./clientRouter");
-const RouterContext = (0, react_1.createContext)(null);
-function RouterProvider({ children }) {
-    const [pathname, setPathname] = (0, react_1.useState)(clientRouter_1.router.pathname);
-    const [query, setQuery] = (0, react_1.useState)(clientRouter_1.router.query);
-    (0, react_1.useEffect)(() => {
-        const updateRoute = () => {
-            setPathname(clientRouter_1.router.pathname);
-            setQuery(clientRouter_1.router.query);
-        };
-        // Subscribe to router changes
-        const unsubscribe = clientRouter_1.router.subscribe(updateRoute);
-        // Also listen to browser back/forward
-        window.addEventListener('popstate', updateRoute);
-        return () => {
-            unsubscribe();
-            window.removeEventListener('popstate', updateRoute);
-        };
-    }, []);
-    const value = {
-        pathname,
-        query,
-        push: clientRouter_1.router.push.bind(clientRouter_1.router),
-        replace: clientRouter_1.router.replace.bind(clientRouter_1.router),
-        back: clientRouter_1.router.back.bind(clientRouter_1.router),
-        forward: clientRouter_1.router.forward.bind(clientRouter_1.router),
-        refresh: clientRouter_1.router.refresh.bind(clientRouter_1.router),
-    };
-    return ((0, jsx_runtime_1.jsx)(RouterContext.Provider, { value: value, children: children }));
-}
-/**
- * Hook para acessar o router dentro de componentes React
- */
-function useRouter() {
-    const context = (0, react_1.useContext)(RouterContext);
-    if (!context) {
-        throw new Error('useRouter deve ser usado dentro de um RouterProvider');
-    }
-    return context;
-}
-/**
- * Hook para acessar apenas o pathname atual
- */
-function usePathname() {
-    const { pathname } = useRouter();
-    return pathname;
-}
-/**
- * Hook para acessar apenas os query parameters
- */
-function useSearchParams() {
-    const { query } = useRouter();
-    return query;
-}

package/dist/eslint/index.d.ts

@@ -1,32 +0,0 @@
-export let rules: {
-    'require-use-client': {
-        meta: {
-            type: string;
-            docs: {
-                description: string;
-                category: string;
-                recommended: boolean;
-            };
-            fixable: string;
-            schema: never[];
-            messages: {
-                missingUseClient: string;
-            };
-        };
-        create(context: any): {
-            Program(node: any): void;
-            ImportDeclaration(node: any): void;
-            CallExpression(node: any): void;
-            'Program:exit'(): void;
-        };
-    };
-};
-export namespace configs {
-    namespace recommended {
-        export let plugins: string[];
-        let rules_1: {
-            'hightjs/require-use-client': string;
-        };
-        export { rules_1 as rules };
-    }
-}

package/dist/eslint/index.js

@@ -1,15 +0,0 @@
-"use strict";
-const useClientRule = require('./use-client-rule');
-module.exports = {
-    rules: {
-        'require-use-client': useClientRule,
-    },
-    configs: {
-        recommended: {
-            plugins: ['hightjs'],
-            rules: {
-                'hightjs/require-use-client': 'error',
-            },
-        },
-    },
-};

package/dist/eslint/use-client-rule.d.ts

@@ -1,19 +0,0 @@
-export namespace meta {
-    let type: string;
-    namespace docs {
-        let description: string;
-        let category: string;
-        let recommended: boolean;
-    }
-    let fixable: string;
-    let schema: never[];
-    namespace messages {
-        let missingUseClient: string;
-    }
-}
-export function create(context: any): {
-    Program(node: any): void;
-    ImportDeclaration(node: any): void;
-    CallExpression(node: any): void;
-    'Program:exit'(): void;
-};

package/dist/eslint/use-client-rule.js

@@ -1,99 +0,0 @@
-"use strict";
-/**
- * ESLint rule: require-use-client
- * Força o uso de "use client" quando React ou hooks são importados
- */
-module.exports = {
-    meta: {
-        type: 'problem',
-        docs: {
-            description: 'Require "use client" directive when importing React or React hooks',
-            category: 'Best Practices',
-            recommended: true,
-        },
-        fixable: 'code',
-        schema: [],
-        messages: {
-            missingUseClient: 'Arquivos que importam React ou hooks devem começar com "use client"',
-        },
-    },
-    create(context) {
-        let hasReactImport = false;
-        let hasReactHooks = false;
-        let hasUseClient = false;
-        let firstNode = null;
-        // Lista de hooks do React que requerem "use client"
-        const reactHooks = [
-            'useState', 'useEffect', 'useContext', 'useReducer',
-            'useCallback', 'useMemo', 'useRef', 'useImperativeHandle',
-            'useLayoutEffect', 'useDebugValue', 'useDeferredValue',
-            'useTransition', 'useId', 'useSyncExternalStore',
-            'useInsertionEffect'
-        ];
-        return {
-            Program(node) {
-                firstNode = node;
-                // Verifica se já tem "use client" no início do arquivo
-                const sourceCode = context.getSourceCode();
-                const firstToken = sourceCode.getFirstToken(node);
-                if (firstToken && firstToken.type === 'String') {
-                    const value = firstToken.value;
-                    if (value === '"use client"' || value === "'use client'") {
-                        hasUseClient = true;
-                    }
-                }
-                // Também verifica comentários
-                const comments = sourceCode.getAllComments();
-                if (comments.length > 0) {
-                    const firstComment = comments[0];
-                    if (firstComment.value.trim() === 'use client') {
-                        hasUseClient = true;
-                    }
-                }
-            },
-            ImportDeclaration(node) {
-                const source = node.source.value;
-                // Verifica se importa do React
-                if (source === 'react' || source === 'react/jsx-runtime') {
-                    hasReactImport = true;
-                    // Verifica se importa hooks específicos
-                    if (node.specifiers) {
-                        for (const specifier of node.specifiers) {
-                            if (specifier.type === 'ImportSpecifier' &&
-                                reactHooks.includes(specifier.imported.name)) {
-                                hasReactHooks = true;
-                                break;
-                            }
-                        }
-                    }
-                }
-            },
-            CallExpression(node) {
-                // Verifica se usa hooks do React diretamente
-                if (node.callee.type === 'Identifier' &&
-                    reactHooks.includes(node.callee.name)) {
-                    hasReactHooks = true;
-                }
-                // Verifica se usa React.useState, React.useEffect, etc.
-                if (node.callee.type === 'MemberExpression' &&
-                    node.callee.object.name === 'React' &&
-                    reactHooks.includes(node.callee.property.name)) {
-                    hasReactHooks = true;
-                }
-            },
-            'Program:exit'() {
-                // Se importa React ou usa hooks mas não tem "use client"
-                if ((hasReactImport || hasReactHooks) && !hasUseClient) {
-                    context.report({
-                        node: firstNode,
-                        messageId: 'missingUseClient',
-                        fix(fixer) {
-                            // Auto-fix: adiciona "use client" no início do arquivo
-                            return fixer.insertTextBefore(firstNode, '"use client";\n\n');
-                        }
-                    });
-                }
-            }
-        };
-    },
-};

package/dist/eslintSetup.js

@@ -1 +0,0 @@
-"use strict";

package/dist/example/src/web/routes/index.d.ts

@@ -1,3 +0,0 @@
-import { RouteConfig } from "../../../../client";
-export declare const config: RouteConfig;
-export default config;

package/dist/example/src/web/routes/index.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function Home() {
-    return ((0, jsx_runtime_1.jsx)("h1", { children: "OL\u00C1 MUNDINHO MEU AMIGUINHO, VAMOS TRANSA?" }));
-}
-exports.config = {
-    pattern: '/',
-    component: Home,
-    generateMetadata: () => ({
-        title: 'HightJS | Home'
-    })
-};
-exports.default = exports.config;

package/dist/typescript/use-client-plugin.d.ts

@@ -1,5 +0,0 @@
-/**
- * TypeScript Plugin: require-use-client
- * Integra a validação "use client" diretamente no TypeScript
- */
-export default function createPlugin(info: any): any;

package/dist/typescript/use-client-plugin.js

@@ -1,113 +0,0 @@
-"use strict";
-/**
- * TypeScript Plugin: require-use-client
- * Integra a validação "use client" diretamente no TypeScript
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = createPlugin;
-const defaultConfig = {
-    enabled: true,
-    severity: 'error'
-};
-function isReactImport(node) {
-    if (!node.moduleSpecifier || node.moduleSpecifier.kind !== 10) { // StringLiteral = 10
-        return false;
-    }
-    const moduleName = node.moduleSpecifier.text;
-    return moduleName === 'react' || moduleName === 'react/jsx-runtime';
-}
-function hasReactHooks(node) {
-    if (!isReactImport(node) || !node.importClause) {
-        return false;
-    }
-    const reactHooks = [
-        'useState', 'useEffect', 'useContext', 'useReducer',
-        'useCallback', 'useMemo', 'useRef', 'useImperativeHandle',
-        'useLayoutEffect', 'useDebugValue', 'useDeferredValue',
-        'useTransition', 'useId', 'useSyncExternalStore',
-        'useInsertionEffect'
-    ];
-    if (node.importClause.namedBindings && node.importClause.namedBindings.kind === 271) { // NamedImports = 271
-        return node.importClause.namedBindings.elements.some((element) => reactHooks.includes(element.name.text));
-    }
-    return false;
-}
-function hasUseClientDirective(sourceFile) {
-    // Verifica se a primeira statement é uma expressão "use client"
-    if (sourceFile.statements.length === 0)
-        return false;
-    const firstStatement = sourceFile.statements[0];
-    if (firstStatement.kind === 233 && // ExpressionStatement = 233
-        firstStatement.expression.kind === 10) { // StringLiteral = 10
-        const value = firstStatement.expression.text;
-        return value === 'use client';
-    }
-    return false;
-}
-function isBackendFile(fileName) {
-    // Verifica se o arquivo está no diretório backend
-    return fileName.includes('/backend/') || fileName.includes('\\backend\\');
-}
-function isFrontendFile(fileName) {
-    // Verifica se é um arquivo frontend (não backend e dentro de src/web)
-    const isInWebDir = fileName.includes('/src/web/') || fileName.includes('\\src\\web\\');
-    const isNotBackend = !isBackendFile(fileName);
-    const isReactFile = fileName.endsWith('.tsx') || fileName.endsWith('.jsx');
-    return isInWebDir && isNotBackend && isReactFile;
-}
-function createDiagnostic(sourceFile, severity, start = 0, length = 1) {
-    const category = severity === 'error' ? 1 : 0; // Error = 1, Warning = 0
-    return {
-        file: sourceFile,
-        start,
-        length,
-        messageText: 'Arquivos que importam React ou hooks devem começar com "use client"',
-        category,
-        code: 9001, // Código customizado para o plugin HightJS
-        source: 'hightjs'
-    };
-}
-function createPlugin(info) {
-    const config = { ...defaultConfig, ...info.config };
-    if (!config.enabled) {
-        return info.languageService;
-    }
-    const proxy = Object.create(null);
-    // Proxy todas as funções do language service
-    for (let k of Object.keys(info.languageService)) {
-        const x = info.languageService[k];
-        proxy[k] = (...args) => x.apply(info.languageService, args);
-    }
-    // Sobrescreve getSemanticDiagnostics para adicionar nossa validação
-    proxy.getSemanticDiagnostics = (fileName) => {
-        const originalDiagnostics = info.languageService.getSemanticDiagnostics(fileName);
-        // Só valida arquivos frontend
-        if (!isFrontendFile(fileName)) {
-            return originalDiagnostics;
-        }
-        const sourceFile = info.languageService.getProgram()?.getSourceFile(fileName);
-        if (!sourceFile) {
-            return originalDiagnostics;
-        }
-        let hasReactImportOrHooks = false;
-        // Verifica se há imports do React ou hooks
-        function visitNode(node) {
-            if (node.kind === 270) { // ImportDeclaration = 270
-                if (isReactImport(node) || hasReactHooks(node)) {
-                    hasReactImportOrHooks = true;
-                }
-            }
-            node.forEachChild?.(visitNode);
-        }
-        visitNode(sourceFile);
-        // Se usa React mas não tem "use client", adiciona diagnóstico
-        if (hasReactImportOrHooks && !hasUseClientDirective(sourceFile)) {
-            const diagnostic = createDiagnostic(sourceFile, config.severity, 0, 1);
-            return [...originalDiagnostics, diagnostic];
-        }
-        return originalDiagnostics;
-    };
-    return proxy;
-}
-// Para compatibilidade com diferentes versões do TypeScript
-module.exports = createPlugin;

package/dist/validation.js

@@ -1 +0,0 @@
-"use strict";