Use nitro server within an external server #2959

Maxttier · 2024-12-27T18:51:19Z

Maxttier
Dec 27, 2024

No something to import wich will do all that form me, something like createNitroApp(params)?

import { listen } from 'listhen'
import {
  createApp,
  createRouter,
  H3EventContext,
  splitCookiesString,
  isEvent,
  getResponseStatus,
  getResponseStatusText,
  setResponseHeader,
  setResponseStatus,
  send,
  toNodeListener,
  EventHandlerRequest,
  H3Error,
  H3Event
} from 'h3'
import { createHooks } from 'hookable'
import { Headers } from 'ofetch'
import {
  createCall,
  createFetch as createLocalFetch,
  FetchOptions
} from 'unenv/runtime/fetch/index'


  function errorHandler(error: H3Error<unknown>, event: H3Event<EventHandlerRequest>) {
    setResponseHeader(event, 'Content-Type', 'text/html; charset=UTF-8');
    setResponseStatus(event, 503, 'Server Unavailable');

    let body: string;
    let title: string;

    if (error) {
      title = `${getResponseStatus(event)} ${getResponseStatusText(event)}`;
      body = `<code><pre>${error.stack}</pre></code>`;
    } else {
      title = 'Reloading server...';
      body = '<progress></progress><script>document.querySelector("progress").indeterminate=true<\/script>';
    }

    return send(
      event,
      `<!DOCTYPE html>
        <html lang='en'>
        <head>
          <meta charset='utf-8'>
          <meta name='viewport' content='width=device-width, initial-scale=1'>
          ${error ? '' : '<meta http-equiv="refresh" content="2">'}
          <title>${title}</title>
          <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@picocss/pico/css/pico.min.css'>
        </head>
        <body>
          <main class='container'>
            <article>
              <header>
                <h2>${title}</h2>
              </header>
              ${body}
              <footer>
                Check console logs for more information.
              </footer>
            </article>
        </main>
        </body>
      </html>
      `
    );
  }

  function joinHeaders(value: number | string | string[]) {
    return Array.isArray(value) ? value.join(', ') : String(value);
  }

  function normalizeCookieHeader(header: number | string | string[] = '') {
    return splitCookiesString(joinHeaders(header));
  }

  function normalizeCookieHeaders(headers: Headers) {
    const outgoingHeaders = new Headers();
    for (const [name, header] of headers) {
      if (name === 'set-cookie') {
        for (const cookie of normalizeCookieHeader(header)) {
          outgoingHeaders.append('set-cookie', cookie);
        }
      } else {
        outgoingHeaders.set(name, joinHeaders(header));
      }
    }
    return outgoingHeaders;
  }

  function normalizeFetchResponse(response: Response) {
    if (!response.headers.has('set-cookie')) {
      return response;
    }
    return new Response(response.body, {
      status: response.status,
      statusText: response.statusText,
      headers: normalizeCookieHeaders(response.headers),
    });
  }

  // const nitroApp = useNitroApp()
  const h3App = createApp({
    debug: true,
    onError: (error, event) => {
      captureError(error, { event, tags: ['request'] });
      return errorHandler(error, event);
    },
    onRequest: async (event) => {
      await nitroApp.hooks.callHook('request', event).catch((error) => {
        captureError(error, { event, tags: ['request'] });
      });
    },
    onBeforeResponse: async (event, response) => {
      await nitroApp.hooks.callHook('beforeResponse', event, response).catch((error) => {
        captureError(error, { event, tags: ['request', 'response'] });
      });
    },
    onAfterResponse: async (event, response) => {
      await nitroApp.hooks.callHook('afterResponse', event, response).catch((error) => {
        captureError(error, { event, tags: ['request', 'response'] });
      });
    }
  });
  
  //@ts-ignore
  const localCall = createCall(toNodeListener(h3App));  // something is bad 
  const _localFetch = createLocalFetch(localCall, globalThis.fetch);
  const localFetch = (input: string | Request, init: FetchOptions) => _localFetch(input, init).then(
    (response) => normalizeFetchResponse(response)
  );

  const hooks = createHooks()
  const router = createRouter({
    preemptive: true
  });
  h3App.use(router)

  const captureError = (error: unknown, context: H3EventContext = {}) => {
    const promise = hooks.callHookParallel('error', error, context).catch((error_) => {
      console.error('Error while capturing another error', error_);
    });
    if (context.event && isEvent(context.event)) {
      const errors = context.event.context.nitro?.errors;
      if (errors) {
        errors.push({ error, context });
      }
      if (context.event.waitUntil) {
        context.event.waitUntil(promise);
      }
    }
  };

  const nitroApp = {
    h3App,
    hooks,
    router,
    localCall,
    localFetch,
    captureError,
  }


  await listen(toNodeListener(h3App))

Maxttier · 2024-12-27T18:54:06Z

Maxttier
Dec 27, 2024
Author

useNitroApp is not what I need because i don't run nitro dev so all magic like #imports not work.

Can't import things from nitropack if in tsconfig is set to compile to commonjs

0 replies

Maxttier · 2024-12-27T18:54:37Z

Maxttier
Dec 27, 2024
Author

@pi0 that I meanin #2958

0 replies

pi0 · 2024-12-27T19:02:18Z

pi0
Dec 27, 2024
Maintainer

@makkalay can you please either in plain English or your native language if more comfortable with, explain what you need to achieve? if not using nitro server, you can use h3 directly, if using nitro, you need to use nitro dev / nitro build commands.

0 replies

Maxttier · 2024-12-27T19:03:53Z

Maxttier
Dec 27, 2024
Author

#2957 (comment)

And I sent a request in Discord to you, few years it stay in pending status :)

1 reply

pi0 Dec 27, 2024
Maintainer

few years probably expired.. please send (a message) again.

Maxttier · 2024-12-27T19:14:13Z

Maxttier
Dec 27, 2024
Author

@pi0 I can't cancel request in discord i think

I'm trying to replace a server engine used by some framework with the nitro server engine, and everything is fine.
I start nitro and pass it to that framework. Everything is fine.
Eg: in nitro plugin i call new Framework(nitroApp);

Now I need/want to do the opposite, start that framework (not nuxt) and pass nitro to it.
To do that, I need to create a nitroApp (not h3, because I want to be as close to the first approach as possible).
Eg: in that framework i call new Framework(nitroApp); when it is initialized.

8 replies

pi0 Dec 27, 2024
Maintainer

nitro dev server also watches for file change. like I mentioned above, if you really really want to have two dev servers, solution is proxy.

Maxttier Dec 27, 2024
Author

don't want 2, want somethink like I write in question

pi0 Dec 27, 2024
Maintainer

it is simply NOT possible.

Maxttier Dec 27, 2024
Author

Any way, how I did it works, so far it is enough to test the behavior of one and the other variant. Thank

pi0 Dec 27, 2024
Maintainer

no problems and best luck.

Uh oh!

Use nitro server within an external server #2959

Uh oh!

Maxttier Dec 27, 2024

Replies: 5 comments · 9 replies

Uh oh!

Maxttier Dec 27, 2024 Author

Uh oh!

Maxttier Dec 27, 2024 Author

Uh oh!

pi0 Dec 27, 2024 Maintainer

Uh oh!

Maxttier Dec 27, 2024 Author

Uh oh!

Uh oh!

pi0 Dec 27, 2024 Maintainer

Uh oh!

Maxttier Dec 27, 2024 Author

Uh oh!

pi0 Dec 27, 2024 Maintainer

Uh oh!

Maxttier Dec 27, 2024 Author

Uh oh!

pi0 Dec 27, 2024 Maintainer

Uh oh!

Maxttier Dec 27, 2024 Author

Uh oh!

pi0 Dec 27, 2024 Maintainer

Maxttier
Dec 27, 2024

Replies: 5 comments 9 replies

Maxttier
Dec 27, 2024
Author

Maxttier
Dec 27, 2024
Author

pi0
Dec 27, 2024
Maintainer

Maxttier
Dec 27, 2024
Author

pi0 Dec 27, 2024
Maintainer

Maxttier
Dec 27, 2024
Author

pi0 Dec 27, 2024
Maintainer

Maxttier Dec 27, 2024
Author

pi0 Dec 27, 2024
Maintainer

Maxttier Dec 27, 2024
Author

pi0 Dec 27, 2024
Maintainer