hightjs 0.3.4 → 0.4.0

package/dist/index.js

@@ -110,48 +110,49 @@ function isLargeProject(projectDir) {
 }
 // Função para gerar o arquivo de entrada para o esbuild
 function createEntryFile(projectDir, routes) {
-    const tempDir = path_1.default.join(projectDir, '.hweb');
-    fs_1.default.mkdirSync(tempDir, { recursive: true });
-    const entryFilePath = path_1.default.join(tempDir, 'entry.client.js');
-    // Verifica se há layout
-    const layout = (0, router_1.getLayout)();
-    // Verifica se há notFound personalizado
-    const notFound = (0, router_1.getNotFound)();
-    // Gera imports dinâmicos para cada componente
-    const imports = routes
-        .map((route, index) => {
-        const relativePath = path_1.default.relative(tempDir, route.componentPath).replace(/\\/g, '/');
-        return `import route${index} from '${relativePath}';`;
-    })
-        .join('\n');
-    // Import do layout se existir
-    const layoutImport = layout
-        ? `import LayoutComponent from '${path_1.default.relative(tempDir, layout.componentPath).replace(/\\/g, '/')}';`
-        : '';
-    // Import do notFound se existir
-    const notFoundImport = notFound
-        ? `import NotFoundComponent from '${path_1.default.relative(tempDir, notFound.componentPath).replace(/\\/g, '/')}';`
-        : '';
-    // Registra os componentes no window para o cliente acessar
-    const componentRegistration = routes
-        .map((route, index) => `  '${route.componentPath}': route${index}.component || route${index}.default?.component,`)
-        .join('\n');
-    // Registra o layout se existir
-    const layoutRegistration = layout
-        ? `window.__HWEB_LAYOUT__ = LayoutComponent.default || LayoutComponent;`
-        : `window.__HWEB_LAYOUT__ = null;`;
-    // Registra o notFound se existir
-    const notFoundRegistration = notFound
-        ? `window.__HWEB_NOT_FOUND__ = NotFoundComponent.default || NotFoundComponent;`
-        : `window.__HWEB_NOT_FOUND__ = null;`;
-    // Caminho correto para o entry.client.tsx
-    const sdkDir = path_1.default.dirname(__dirname); // Vai para a pasta pai de src (onde está o hweb-sdk)
-    const entryClientPath = path_1.default.join(sdkDir, 'src', 'client', 'entry.client.tsx');
-    const relativeEntryPath = path_1.default.relative(tempDir, entryClientPath).replace(/\\/g, '/');
-    // Import do DefaultNotFound do SDK
-    const defaultNotFoundPath = path_1.default.join(sdkDir, 'src', 'client', 'DefaultNotFound.tsx');
-    const relativeDefaultNotFoundPath = path_1.default.relative(tempDir, defaultNotFoundPath).replace(/\\/g, '/');
-    const entryContent = `// Arquivo gerado automaticamente pelo hweb
+    try {
+        const tempDir = path_1.default.join(projectDir, '.hight', 'temp');
+        fs_1.default.mkdirSync(tempDir, { recursive: true });
+        const entryFilePath = path_1.default.join(tempDir, 'entry.client.js');
+        // Verifica se há layout
+        const layout = (0, router_1.getLayout)();
+        // Verifica se há notFound personalizado
+        const notFound = (0, router_1.getNotFound)();
+        // Gera imports dinâmicos para cada componente
+        const imports = routes
+            .map((route, index) => {
+            const relativePath = path_1.default.relative(tempDir, route.componentPath).replace(/\\/g, '/');
+            return `import route${index} from '${relativePath}';`;
+        })
+            .join('\n');
+        // Import do layout se existir
+        const layoutImport = layout
+            ? `import LayoutComponent from '${path_1.default.relative(tempDir, layout.componentPath).replace(/\\/g, '/')}';`
+            : '';
+        // Import do notFound se existir
+        const notFoundImport = notFound
+            ? `import NotFoundComponent from '${path_1.default.relative(tempDir, notFound.componentPath).replace(/\\/g, '/')}';`
+            : '';
+        // Registra os componentes no window para o cliente acessar
+        const componentRegistration = routes
+            .map((route, index) => `  '${route.componentPath}': route${index}.component || route${index}.default?.component,`)
+            .join('\n');
+        // Registra o layout se existir
+        const layoutRegistration = layout
+            ? `window.__HWEB_LAYOUT__ = LayoutComponent.default || LayoutComponent;`
+            : `window.__HWEB_LAYOUT__ = null;`;
+        // Registra o notFound se existir
+        const notFoundRegistration = notFound
+            ? `window.__HWEB_NOT_FOUND__ = NotFoundComponent.default || NotFoundComponent;`
+            : `window.__HWEB_NOT_FOUND__ = null;`;
+        // Caminho correto para o entry.client.tsx
+        const sdkDir = path_1.default.dirname(__dirname); // Vai para a pasta pai de src (onde está o hweb-sdk)
+        const entryClientPath = path_1.default.join(sdkDir, 'src', 'client', 'entry.client.tsx');
+        const relativeEntryPath = path_1.default.relative(tempDir, entryClientPath).replace(/\\/g, '/');
+        // Import do DefaultNotFound do SDK
+        const defaultNotFoundPath = path_1.default.join(sdkDir, 'src', 'client', 'DefaultNotFound.tsx');
+        const relativeDefaultNotFoundPath = path_1.default.relative(tempDir, defaultNotFoundPath).replace(/\\/g, '/');
+        const entryContent = `// Arquivo gerado automaticamente pelo hweb
 ${imports}
 ${layoutImport}
 ${notFoundImport}
@@ -174,8 +175,18 @@ window.__HWEB_DEFAULT_NOT_FOUND__ = DefaultNotFound;
 // Importa e executa o entry.client.tsx
 import '${relativeEntryPath}';
 `;
-    fs_1.default.writeFileSync(entryFilePath, entryContent);
-    return entryFilePath;
+        try {
+            fs_1.default.writeFileSync(entryFilePath, entryContent);
+        }
+        catch (e) {
+            console.error("sdfijnsdfnijfsdijnfsdnijsdfnijfsdnijfsdnijfsdn", e);
+        }
+        return entryFilePath;
+    }
+    catch (e) {
+        console_1.default.error("Error creating entry file:", e);
+        throw e;
+    }
 }
 function hweb(options) {
     const { dev = true, dir = process.cwd(), port = 3000 } = options;
@@ -183,7 +194,7 @@ function hweb(options) {
     process.hight = options;
     const userWebDir = path_1.default.join(dir, 'src', 'web');
     const userWebRoutesDir = path_1.default.join(userWebDir, 'routes');
-    const userBackendRoutesDir = path_1.default.join(userWebDir, 'backend', 'routes');
+    const userBackendRoutesDir = path_1.default.join(dir, 'src', 'backend', 'routes');
     /**
      * Executa middlewares sequencialmente e depois o handler final
      * @param middlewares Array de middlewares para executar
@@ -260,7 +271,7 @@ function hweb(options) {
             // Carrega layout.tsx ANTES de criar o entry file
             const layout = (0, router_1.loadLayout)(userWebDir);
             const notFound = (0, router_1.loadNotFound)(userWebDir);
-            const outDir = path_1.default.join(dir, 'hweb-dist');
+            const outDir = path_1.default.join(dir, '.hight');
             fs_1.default.mkdirSync(outDir, { recursive: true });
             entryPoint = createEntryFile(dir, frontendRoutes);
             clearInterval(spinner1);
@@ -280,6 +291,10 @@ function hweb(options) {
                 clearInterval(spinner); // para o spinner
                 time.update(""); // limpa a linha
                 time.end(`  ${console_1.Colors.BgGreen} build ${console_1.Colors.Reset}    Client build completed in ${elapsed}ms`);
+                // Notifica o hot reload manager que o build foi concluído
+                if (hotReloadManager) {
+                    hotReloadManager.onBuildComplete(true);
+                }
             }
             else {
                 const time = console_1.default.dynamicLine(`  ${console_1.Colors.BgYellow} watcher ${console_1.Colors.Reset}  Starting client watch`);
@@ -330,7 +345,7 @@ function hweb(options) {
                     return;
                 }
                 // 2. Primeiro verifica se é um arquivo estático da pasta public
-                if (pathname !== '/' && !pathname.startsWith('/api/') && !pathname.startsWith('/hweb-')) {
+                if (pathname !== '/' && !pathname.startsWith('/api/') && !pathname.startsWith('/.hight')) {
                     const publicDir = path_1.default.join(dir, 'public');
                     const filePath = path_1.default.join(publicDir, pathname);
                     if (fs_1.default.existsSync(filePath) && fs_1.default.statSync(filePath).isFile()) {
@@ -372,10 +387,10 @@ function hweb(options) {
                         return;
                     }
                 }
-                // 3. Verifica se é um arquivo estático do hweb-dist
-                if (pathname.startsWith('/hweb-dist/')) {
-                    const staticPath = path_1.default.join(dir, 'hweb-dist');
-                    const filePath = path_1.default.join(staticPath, pathname.replace('/hweb-dist/', ''));
+                // 3. Verifica se é um arquivo estático do .hight
+                if (pathname.startsWith('/_hight/')) {
+                    const staticPath = path_1.default.join(dir, '.hight');
+                    const filePath = path_1.default.join(staticPath, pathname.replace('/_hight/', ''));
                     if (fs_1.default.existsSync(filePath)) {
                         const ext = path_1.default.extname(filePath).toLowerCase();
                         const contentTypes = {

package/dist/renderer.js

@@ -7,18 +7,123 @@ exports.render = render;
 const router_1 = require("./router");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
-// Funções para codificar/decodificar dados (disfarça o JSON no HTML)
-function encodeInitialData(data) {
-    // Converte para JSON, depois para base64, e adiciona um prefixo fake
+// Função para gerar todas as meta tags
+function generateMetaTags(metadata) {
+    const tags = [];
+    // Charset
+    tags.push(`<meta charset="${metadata.charset || 'UTF-8'}">`);
+    // Viewport
+    tags.push(`<meta name="viewport" content="${metadata.viewport || 'width=device-width, initial-scale=1.0'}">`);
+    // Description
+    if (metadata.description) {
+        tags.push(`<meta name="description" content="${metadata.description}">`);
+    }
+    // Keywords
+    if (metadata.keywords) {
+        const keywordsStr = Array.isArray(metadata.keywords)
+            ? metadata.keywords.join(', ')
+            : metadata.keywords;
+        tags.push(`<meta name="keywords" content="${keywordsStr}">`);
+    }
+    // Author
+    if (metadata.author) {
+        tags.push(`<meta name="author" content="${metadata.author}">`);
+    }
+    // Theme color
+    if (metadata.themeColor) {
+        tags.push(`<meta name="theme-color" content="${metadata.themeColor}">`);
+    }
+    // Robots
+    if (metadata.robots) {
+        tags.push(`<meta name="robots" content="${metadata.robots}">`);
+    }
+    // Canonical
+    if (metadata.canonical) {
+        tags.push(`<link rel="canonical" href="${metadata.canonical}">`);
+    }
+    // Favicon
+    if (metadata.favicon) {
+        tags.push(`<link rel="icon" href="${metadata.favicon}">`);
+    }
+    // Apple Touch Icon
+    if (metadata.appleTouchIcon) {
+        tags.push(`<link rel="apple-touch-icon" href="${metadata.appleTouchIcon}">`);
+    }
+    // Manifest
+    if (metadata.manifest) {
+        tags.push(`<link rel="manifest" href="${metadata.manifest}">`);
+    }
+    // Open Graph
+    if (metadata.openGraph) {
+        const og = metadata.openGraph;
+        if (og.title)
+            tags.push(`<meta property="og:title" content="${og.title}">`);
+        if (og.description)
+            tags.push(`<meta property="og:description" content="${og.description}">`);
+        if (og.type)
+            tags.push(`<meta property="og:type" content="${og.type}">`);
+        if (og.url)
+            tags.push(`<meta property="og:url" content="${og.url}">`);
+        if (og.siteName)
+            tags.push(`<meta property="og:site_name" content="${og.siteName}">`);
+        if (og.locale)
+            tags.push(`<meta property="og:locale" content="${og.locale}">`);
+        if (og.image) {
+            if (typeof og.image === 'string') {
+                tags.push(`<meta property="og:image" content="${og.image}">`);
+            }
+            else {
+                tags.push(`<meta property="og:image" content="${og.image.url}">`);
+                if (og.image.width)
+                    tags.push(`<meta property="og:image:width" content="${og.image.width}">`);
+                if (og.image.height)
+                    tags.push(`<meta property="og:image:height" content="${og.image.height}">`);
+                if (og.image.alt)
+                    tags.push(`<meta property="og:image:alt" content="${og.image.alt}">`);
+            }
+        }
+    }
+    // Twitter Card
+    if (metadata.twitter) {
+        const tw = metadata.twitter;
+        if (tw.card)
+            tags.push(`<meta name="twitter:card" content="${tw.card}">`);
+        if (tw.site)
+            tags.push(`<meta name="twitter:site" content="${tw.site}">`);
+        if (tw.creator)
+            tags.push(`<meta name="twitter:creator" content="${tw.creator}">`);
+        if (tw.title)
+            tags.push(`<meta name="twitter:title" content="${tw.title}">`);
+        if (tw.description)
+            tags.push(`<meta name="twitter:description" content="${tw.description}">`);
+        if (tw.image)
+            tags.push(`<meta name="twitter:image" content="${tw.image}">`);
+        if (tw.imageAlt)
+            tags.push(`<meta name="twitter:image:alt" content="${tw.imageAlt}">`);
+    }
+    // Custom meta tags
+    if (metadata.other) {
+        for (const [key, value] of Object.entries(metadata.other)) {
+            tags.push(`<meta name="${key}" content="${value}">`);
+        }
+    }
+    return tags.join('\n');
+}
+// Função para ofuscar dados (não é criptografia, apenas ofuscação)
+function obfuscateData(data) {
+    // 1. Serializa para JSON minificado
     const jsonStr = JSON.stringify(data);
+    // 2. Converte para base64
     const base64 = Buffer.from(jsonStr).toString('base64');
-    return `hweb_${base64}_config`;
+    // 3. Adiciona um hash fake no início para parecer um token
+    const hash = Buffer.from(Date.now().toString()).toString('base64').substring(0, 8);
+    return `${hash}.${base64}`;
 }
-function createDecodeScript() {
-    return `
-    
-    window.__HWEB_DECODE__ = function(encoded) { const base64 = encoded.replace('hweb_', '').replace('_config', ''); const jsonStr = atob(base64); return JSON.parse(jsonStr); };
-    `;
+// Função para criar script ofuscado
+function createInitialDataScript(data) {
+    const obfuscated = obfuscateData(data);
+    // Usa um atributo data-* ao invés de JSON visível
+    return `<script id="__hight_data__" type="text/plain" data-h="${obfuscated}"></script>`;
 }
 async function render({ req, route, params, allRoutes }) {
     const { generateMetadata } = route;
@@ -43,22 +148,36 @@ async function render({ req, route, params, allRoutes }) {
         initialComponentPath: route.componentPath,
         initialParams: params,
     };
-    // Codifica os dados para disfarçar
-    const encodedData = encodeInitialData(initialData);
+    // Cria script JSON limpo
+    const initialDataScript = createInitialDataScript(initialData);
     // Script de hot reload apenas em desenvolvimento
     const hotReloadScript = !isProduction && hotReloadManager
         ? hotReloadManager.getClientScript()
         : '';
-    const favicon = metadata.favicon ? `<link rel="icon" href="${metadata.favicon}">` : '';
+    // Gera todas as meta tags
+    const metaTags = generateMetaTags(metadata);
     // Determina quais arquivos JavaScript carregar
     const jsFiles = getJavaScriptFiles(req);
+    const htmlLang = metadata.language || 'pt-BR';
     // HTML base sem SSR - apenas o container e scripts para client-side rendering
-    return `<!DOCTYPE html><html lang="pt-BR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>${metadata.title || 'App hweb'}</title>${metadata.description ? `<meta name="description" content="${metadata.description}">` : ''}${favicon}</head><body><div id="root"></div><script>${createDecodeScript()}window.__HWEB_INITIAL_DATA__ = window.__HWEB_DECODE__('${encodedData}');</script>${jsFiles}${hotReloadScript}</body></html>`;
+    return `<!DOCTYPE html>
+<html lang="${htmlLang}">
+<head>
+${metaTags}
+<title>${metadata.title || 'App hweb'}</title>
+</head>
+<body>
+<div id="root"></div>
+${initialDataScript}
+${jsFiles}
+${hotReloadScript}
+</body>
+</html>`;
 }
 // Função para determinar quais arquivos JavaScript carregar
 function getJavaScriptFiles(req) {
     const projectDir = process.cwd();
-    const distDir = path_1.default.join(projectDir, 'hweb-dist');
+    const distDir = path_1.default.join(projectDir, '.hight');
     try {
         // Verifica se existe um manifesto de chunks (gerado pelo ESBuild com splitting)
         const manifestPath = path_1.default.join(distDir, 'manifest.json');
@@ -67,7 +186,7 @@ function getJavaScriptFiles(req) {
             const manifest = JSON.parse(fs_1.default.readFileSync(manifestPath, 'utf8'));
             const scripts = Object.values(manifest)
                 .filter((file) => file.endsWith('.js'))
-                .map((file) => `<script src="/hweb-dist/${file}"></script>`)
+                .map((file) => `<script src="/_hight/${file}"></script>`)
                 .join('');
             return scripts;
         }
@@ -91,17 +210,17 @@ function getJavaScriptFiles(req) {
             if (jsFiles.length >= 1) {
                 // Modo chunks sem manifesto
                 return jsFiles
-                    .map(file => `<script src="/hweb-dist/${file}"></script>`)
+                    .map(file => `<script src="/_hight/${file}"></script>`)
                     .join('');
             }
             else {
                 // Modo tradicional - único arquivo
-                return '<script src="/hweb-dist/main.js"></script>';
+                return '<script src="/_hight/main.js"></script>';
             }
         }
     }
     catch (error) {
         // Fallback para o modo tradicional
-        return '<script src="/hweb-dist/main.js"></script>';
+        return '<script src="/_hight/main.js"></script>';
     }
 }

package/dist/types.d.ts

@@ -62,6 +62,11 @@ export interface HightConfig {
      * Padrão: 2048
      */
     maxUrlLength?: number;
+    /**
+     * Habilita o log de acesso HTTP (ex: GET /api/users 200 15ms).
+     * Padrão: false
+     */
+    accessLogging?: boolean;
 }
 /**
  * Tipo da função de configuração que pode ser exportada no hightjs.config.js
@@ -72,7 +77,41 @@ export type HightConfigFunction = (phase: string, context: {
 export interface Metadata {
     title?: string;
     description?: string;
+    keywords?: string | string[];
+    author?: string;
     favicon?: string;
+    viewport?: string;
+    themeColor?: string;
+    canonical?: string;
+    robots?: string;
+    openGraph?: {
+        title?: string;
+        description?: string;
+        type?: string;
+        url?: string;
+        image?: string | {
+            url: string;
+            width?: number;
+            height?: number;
+            alt?: string;
+        };
+        siteName?: string;
+        locale?: string;
+    };
+    twitter?: {
+        card?: 'summary' | 'summary_large_image' | 'app' | 'player';
+        site?: string;
+        creator?: string;
+        title?: string;
+        description?: string;
+        image?: string;
+        imageAlt?: string;
+    };
+    language?: string;
+    charset?: string;
+    appleTouchIcon?: string;
+    manifest?: string;
+    other?: Record<string, string>;
 }
 export interface RouteConfig {
     pattern: string;

package/docs/checklist.md

@@ -1,7 +1,7 @@
 # ✅ Checklist Mental
 
 1. Precisa de página? Crie em `src/web/routes/...`
-2. Precisa de endpoint? Crie em `src/web/backend/routes/...`
+2. Precisa de endpoint? Crie em `src/backend/routes/...`
 3. Precisa proteger? Use autenticação nas rotas
 4. Precisa middleware? `middleware.ts` ou `middleware: []` na rota
 5. Metadata? `generateMetadata` ou `metadata` no layout

package/docs/config.md

@@ -63,9 +63,18 @@ export default config;
 | `serverTimeout` | `number` | `35000` | Timeout geral do servidor em ms |
 | `individualRequestTimeout` | `number` | `30000` | Timeout por requisição individual em ms |
 | `maxUrlLength` | `number` | `2048` | Tamanho máximo da URL em caracteres |
+| `accessLogging` | `boolean` | `false` | Habilita logs de acesso HTTP (ex: `GET /api/users 200 15ms`) |
 
 ## 🎯 Casos de Uso
 
+### Habilitar Logs de Acesso
+
+```typescript
+const config: HightConfig = {
+    accessLogging: true, // Mostra: GET /api/users 200 15ms
+};
+```
+
 ### Aumentar Timeouts para Debugging
 
 ```typescript
@@ -153,6 +162,9 @@ const hightConfig: HightConfigFunction = (phase, { defaultConfig }) => {
 
     // Ajustes por ambiente
     if (phase === 'development') {
+        // Habilita logs de acesso em dev
+        config.accessLogging = true;
+        
         // Timeouts maiores para debugging
         config.requestTimeout = 120000;
         config.individualRequestTimeout = 120000;
@@ -160,6 +172,9 @@ const hightConfig: HightConfigFunction = (phase, { defaultConfig }) => {
         // URLs longas para testes
         config.maxUrlLength = 4096;
     } else if (phase === 'production') {
+        // Logs de acesso também podem ser úteis em produção
+        config.accessLogging = true;
+        
         // Mais restritivo em produção
         config.maxHeadersCount = 50;
         config.maxUrlLength = 1024;

package/docs/middlewares.md

@@ -17,7 +17,7 @@ export type HightMiddleware = (
 
 ## Exemplo por Pasta
 
-`src/web/backend/routes/middleware.ts`:
+`src/backend/routes/middleware.ts`:
 
 ```ts
 import {HightJSRequest, HightJSResponse} from 'hightjs';

package/docs/rotas-backend.md

@@ -1,11 +1,11 @@
 # 🌐 Rotas Backend
 
-Qualquer arquivo em `src/web/backend/routes` vira endpoint backend.  
+Qualquer arquivo em `src/backend/routes` vira endpoint backend.  
 O _pattern_ pode ser qualquer caminho, não só `/api/...`!
 
 ## Exemplo Simples
 
-`src/web/backend/routes/version.ts`:
+`src/backend/routes/version.ts`:
 
 ```ts
 import { HightJSRequest, HightJSResponse, BackendRouteConfig } from 'hightjs';
@@ -29,7 +29,7 @@ Defina `GET`, `POST`, `PUT`, `DELETE` (ou só os necessários).
 
 ## Rotas Dinâmicas Backend
 
-`src/web/backend/routes/users/[id].ts` → `/users/123`
+`src/backend/routes/users/[id].ts` → `/users/123`
 
 ```ts
 import { BackendRouteConfig, HightJSResponse } from "hightjs";

package/docs/websocket.md

@@ -4,7 +4,7 @@ O HightJS possui suporte nativo a WebSockets nas rotas do backend.
 
 ## Exemplo Prático
 
-`src/web/backend/routes/chat.ts`:
+`src/backend/routes/chat.ts`:
 
 ```ts
 import {BackendRouteConfig, HightJSResponse} from 'hightjs';

package/example/hightjs.config.ts

@@ -47,6 +47,12 @@ const hightConfig: HightConfigFunction = (phase, { defaultConfig }) => {
          * Default: 2048
          */
         maxUrlLength: 2048,
+
+        /**
+         * Enable HTTP access logging (e.g., GET /api/users 200 15ms)
+         * Default: false
+         */
+        accessLogging: true,
     };
 
     // You can customize settings based on the phase

package/example/package-lock.json

@@ -25,7 +25,7 @@
     },
     "..": {
       "name": "hightjs",
-      "version": "0.3.3",
+      "version": "0.3.5",
       "license": "Apache-2.0",
       "dependencies": {
         "@fastify/cookie": "^11.0.2",

package/example/package.json

@@ -4,8 +4,8 @@
   "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",

package/example/src/backend/routes/auth.ts

@@ -0,0 +1,3 @@
+import {authRoutes} from "../auth";
+
+export default authRoutes

package/example/src/{web/backend → backend}/routes/version.ts

@@ -6,7 +6,7 @@ const route: BackendRouteConfig = {
         return HightJSResponse.json({
             success: true,
             version: "1.0.0",
-            name: "HightJS Example App"
+            name: "HightJS Example asdadsadsadsdas"
         })
     }
 }