> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-parallel-read-in-order-multi-part.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> SDK de NestJS para ClickStack - La pila de observabilidad de ClickHouse

# NestJS

export const ClickStackIntegrates = ({signals = []}) => {
  const list = Array.isArray(signals) ? signals : String(signals).split(",");
  const supported = list.map(s => String(s).trim().toLowerCase());
  const pillStyle = {
    display: "inline-flex",
    alignItems: "center",
    padding: "0.125rem 0.625rem",
    borderRadius: "9999px",
    fontSize: "0.8125rem",
    fontWeight: 500,
    lineHeight: 1.6,
    color: "#161517",
    backgroundColor: "#faff69",
    border: "1px solid rgba(0, 0, 0, .1)",
    marginRight: "0.5rem"
  };
  return <div style={{
    margin: "0 0 1.25rem"
  }}>
      <span style={{
    marginRight: "0.5rem"
  }}>Esta guía integra:</span>
      {supported.includes("logs") && <span style={pillStyle}>Logs</span>}
      {supported.includes("metrics") && <span style={pillStyle}>Métricas</span>}
      {supported.includes("traces") && <span style={pillStyle}>Trazas</span>}
    </div>;
};

La integración de NestJS con ClickStack le permite crear un logger o usar el
logger predeterminado para enviar logs a ClickStack (basado en [nest-winston](https://www.npmjs.com/package/nest-winston?activeTab=readme)).

<ClickStackIntegrates signals={['logs']} />

*Para enviar métricas o APM/trazas, también deberá añadir a su aplicación la
integración de lenguaje correspondiente.*

<h2 id="getting-started">
  Primeros pasos
</h2>

Importa `HyperDXNestLoggerModule` en el `AppModule` principal y usa el método `forRoot()`
para configurarlo.

```javascript theme={null}
import { Module } from '@nestjs/common';
import { HyperDXNestLoggerModule } from '@hyperdx/node-logger';

@Module({
  imports: [
    HyperDXNestLoggerModule.forRoot({
      url: '<YOUR_OTEL_COLLECTOR_HTTP_ENDPOINT>',
      apiKey: '<YOUR_INGESTION_API_KEY>', // Omit for Managed ClickStack
      maxLevel: 'info',
      service: 'my-app',
    }),
  ],
})
export class AppModule {}
```

A continuación, la instancia de winston estará disponible para inyectarla en todo el
proyecto mediante el token de inyección `HDX_LOGGER_MODULE_PROVIDER`:

```javascript theme={null}
import { Controller, Inject } from '@nestjs/common';
import { HyperDXNestLoggerModule, HyperDXNestLogger } from '@hyperdx/node-logger';

@Controller('cats')
export class CatsController {
  constructor(
    @Inject(HyperDXNestLoggerModule.HDX_LOGGER_MODULE_PROVIDER)
    private readonly logger: HyperDXNestLogger,
  ) { }

  meow() {
    this.logger.info({ message: '🐱' });
  }
}
```

<h3 id="replacing-the-nest-logger">
  Reemplazar el logger de Nest (también durante el arranque)
</h3>

<Info>
  **Importante**

  Al hacer esto, prescindes de la inyección de dependencias, lo que significa que `forRoot` y `forRootAsync` no son necesarios y no deben usarse. Elimínalos de tu módulo principal.
</Info>

Usar la inyección de dependencias tiene un pequeño inconveniente. Nest primero
debe inicializar la aplicación (instanciando módulos y providers, inyectando dependencias,
etc.) y, durante este proceso, la instancia de `HyperDXNestLogger` aún no está
disponible, lo que significa que Nest recurre al logger interno.

Una solución es crear el logger fuera del ciclo de vida de la aplicación mediante
la función `createLogger` y pasarlo a `NestFactory.create`. Nest entonces
envolverá nuestro logger personalizado (la misma instancia que devuelve el método `createLogger`)
en la clase Logger y le reenviará todas las llamadas:

Crea el logger en el archivo `main.ts`

```javascript theme={null}
import { HyperDXNestLoggerModule } from '@hyperdx/node-logger';

async function bootstrap() {
  const app = await NestFactory.create(AppModule, {
    logger: HyperDXNestLoggerModule.createLogger({
      url: '<YOUR_OTEL_COLLECTOR_HTTP_ENDPOINT>',
      apiKey: '<YOUR_INGESTION_API_KEY>', // Omit for Managed ClickStack
      maxLevel: 'info',
      service: 'my-app',
    })
  });
  await app.listen(3000);
}
bootstrap();
```

Modifique el módulo principal para que proporcione el servicio Logger:

```javascript theme={null}
import { Logger, Module } from '@nestjs/common';

@Module({
  providers: [Logger],
})
export class AppModule {}
```

Luego, inyecta el logger simplemente tipándolo con `Logger` de `@nestjs/common`:

```javascript theme={null}
import { Controller, Logger } from '@nestjs/common';

@Controller('cats')
export class CatsController {
  constructor(private readonly logger: Logger) {}

  meow() {
    this.logger.log({ message: '🐱' });
  }
}
```