@athenna/http 5.17.0 → 5.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@athenna/http",
-  "version": "5.17.0",
+  "version": "5.20.0",
   "description": "The Athenna Http server. Built on top of fastify.",
   "license": "MIT",
   "author": "João Lenon <lenon@athenna.io>",
@@ -82,7 +82,7 @@
     "@athenna/test": "^5.2.0",
     "@athenna/tsconfig": "^5.0.0",
     "@athenna/view": "^5.1.0",
-    "@athenna/vite": "^5.1.0",
+    "@athenna/vite": "^5.9.0",
     "@fastify/cors": "^10.0.1",
     "@fastify/helmet": "^13.0.0",
     "@fastify/rate-limit": "^10.2.1",

package/src/context/Response.d.ts

@@ -8,6 +8,7 @@
  */
 import type { FastifyReply } from 'fastify';
 import type { SendOptions } from '@fastify/static';
+import type { Request } from '#src/context/Request';
 import type { FastifyHelmetOptions } from '@fastify/helmet';
 export declare class Response {
     /**
@@ -84,6 +85,15 @@ export declare class Response {
      * ```
      */
     get responseTime(): number;
+    /**
+     * Terminate the request sending an HTML content to be rendered.
+     *
+     * @example
+     * ```ts
+     * return response.html('<h1>Hello World!</h1>')
+     * ```
+     */
+    html(html: string): Promise<this>;
     /**
      * Terminate the request sending a view to be rendered.
      *
@@ -92,7 +102,27 @@ export declare class Response {
      * return response.view('welcome', { name: 'lenon' })
      * ```
      */
-    view(view: string, data?: any): Promise<Response>;
+    view(view: string, data?: any): Promise<this>;
+    /**
+     * Terminate the request sending a React component to be rendered.
+     *
+     * @example
+     * ```ts
+     * return response.render('index')
+     * return response.render('index', {
+     *  component: 'src/resources/app/app.tsx',
+     *  viewData: {},
+     *  beforeComponentRender: (component) => {
+     *    return component.createApp()
+     *  }
+     * })
+     * ```
+     */
+    render(view: string, options?: {
+        component?: string;
+        viewData?: any;
+        beforeComponentRender?: (componentModule: any) => any;
+    }): Promise<this>;
     /**
      * Terminate the request sending the response body or not.
      *

package/src/context/Response.js

@@ -7,6 +7,9 @@
  * file that was distributed with this source code.
  */
 import { View } from '@athenna/view';
+import { Server } from '#src/facades/Server';
+import { Module, Options } from '@athenna/common';
+const react = Module.safeImport('react');
 export class Response {
     constructor(response, request) {
         this.response = response;
@@ -87,6 +90,19 @@ export class Response {
     get responseTime() {
         return this.response.elapsedTime;
     }
+    /**
+     * Terminate the request sending an HTML content to be rendered.
+     *
+     * @example
+     * ```ts
+     * return response.html('<h1>Hello World!</h1>')
+     * ```
+     */
+    async html(html) {
+        await this.safeHeader('Content-Type', 'text/html; charset=utf-8').send(html);
+        this.response.body = html;
+        return this;
+    }
     /**
      * Terminate the request sending a view to be rendered.
      *
@@ -100,11 +116,45 @@ export class Response {
             .createRenderer()
             .share({ request: this.request })
             .render(view, data);
-        await this.header('Content-Security-Policy', "default-src 'self' 'unsafe-inline' 'unsafe-eval' 'img-src' 'style-src-elem' 'script-src-elem'")
-            .safeHeader('Content-Type', 'text/html; charset=utf-8')
-            .send(content);
-        this.response.body = content;
-        return this;
+        return this.html(content);
+    }
+    /**
+     * Terminate the request sending a React component to be rendered.
+     *
+     * @example
+     * ```ts
+     * return response.render('index')
+     * return response.render('index', {
+     *  component: 'src/resources/app/app.tsx',
+     *  viewData: {},
+     *  beforeComponentRender: (component) => {
+     *    return component.createApp()
+     *  }
+     * })
+     * ```
+     */
+    async render(view, options) {
+        if (!react) {
+            throw new Error('React is not installed, please run "npm i react".');
+        }
+        options = Options.create(options, {
+            viewData: {},
+            component: Config.get('http.vite.ssrEntrypoint'),
+            beforeComponentRender: options.component
+                ? null
+                : component => {
+                    return component.createApp(this.request.baseUrl);
+                }
+        });
+        const vite = Server.getVitePlugin().getVite();
+        let component = await vite.ssrLoadModule(options.component);
+        if (options.beforeComponentRender) {
+            component = options.beforeComponentRender(component);
+        }
+        return this.view(view, {
+            element: react.renderToString(component),
+            ...options.viewData
+        });
     }
     /**
      * Terminate the request sending the response body or not.

package/src/server/ServerImpl.d.ts

@@ -8,6 +8,7 @@
  */
 import type { InjectOptions, FastifyInstance, PrintRoutesOptions, FastifyListenOptions, FastifyServerOptions, LightMyRequestChain, LightMyRequestResponse } from 'fastify';
 import type { RouteJson, ErrorHandler, RequestHandler, InterceptHandler, TerminateHandler, SwaggerDocument } from '#src/types';
+import type { FastifyVite } from '@athenna/vite';
 import type { AddressInfo } from 'node:net';
 export declare class ServerImpl {
     /**
@@ -86,10 +87,18 @@ export declare class ServerImpl {
      * Make the server start listening for requests.
      */
     listen(options: FastifyListenOptions): Promise<any>;
+    /**
+     * Return the FastifyVite instance if it exists.
+     */
+    getVitePlugin(): FastifyVite;
+    /**
+     * Return ViteDevServer instance if it exists.
+     */
+    getViteDevServer(): import("vite").ViteDevServer;
     /**
      * Start vite server.
      */
-    viteReady(): Promise<any>;
+    viteReady(): Promise<void>;
     /**
      * Close the server,
      */

package/src/server/ServerImpl.js

@@ -120,9 +120,9 @@ export class ServerImpl {
         return this.fastify.listen(options).then(() => (this.isListening = true));
     }
     /**
-     * Start vite server.
+     * Return the FastifyVite instance if it exists.
      */
-    async viteReady() {
+    getVitePlugin() {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         if (!this.fastify.vite) {
@@ -130,7 +130,27 @@ export class ServerImpl {
         }
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
-        return this.fastify.vite.ready();
+        return this.fastify.vite;
+    }
+    /**
+     * Return ViteDevServer instance if it exists.
+     */
+    getViteDevServer() {
+        const vite = this.getVitePlugin();
+        if (!vite) {
+            return;
+        }
+        return vite.getServer();
+    }
+    /**
+     * Start vite server.
+     */
+    async viteReady() {
+        const vite = this.getVitePlugin();
+        if (!vite) {
+            return;
+        }
+        return vite.ready();
     }
     /**
      * Close the server,