Frontend

All frontend integrations on one place.

Installation

You don't need to install @types/errorlogger-sdk.Types are shipping with SDK.

You will get autocomplete / intellisense in JS files.

NPM

npm i errorlogger-sdk --save

Yarn

yarn add errorlogger-sdk

DSN's can be generated at https://error-logger.netlify.app/

- ErrorLoggerClientOptions

• Short summary of ErrorLoggerClientOptions:

Property	Type	Description
dsn	string	Represents an api key which authorizes you with API
environment	string	Represents in which environment you want to log errors. Valid options (development | production)
data	object	Additional data you want to log. EX. Network connection

VueJS

Create.env file and add your DSN (Data Source Name).

.env

VUE_APP_ERRORLOGGER_DSN=<DSN-HERE>

Go to main.js and add following lines.

main.js

import { ErrorLoggerClient } from 'errorlogger-sdk/build/client/ErrorLoggerClient'

new ErrorLoggerClient({
  dsn: process.env.VUE_APP_ERRORLOGGER_DSN,
  environment: 'production'
});

You are good to go. Happy coding :)!

React

Create.env file and add your DSN (Data Source Name).

.env

REACT_APP_ERRORLOGGER_DSN=<DSN-HERE>

Go to index.js and add following lines.

index.js

import { ErrorLoggerClient } from 'errorlogger-sdk/build/client/ErrorLoggerClient'

new ErrorLoggerClient({
  dsn: process.env.REACT_APP_ERRORLOGGER_DSN,
  environment: 'production'
});

render(
  <StrictMode>
    <StoreProvider store={store}>
      <App />
    </StoreProvider>
  </StrictMode>,
  document.getElementById("root")
);

You are good to go. Happy coding :)!

Angular

Go tosrc/environments/environment.[prod].ts and add DSN to environvment

export const environment: IEnvironment = {
  production: false,
  errorLoggerDsn: '<DSN-HERE>'
}

Go to app.module.ts and add following lines.

import { environment } from '../environments/environment';
import { ErrorLoggerClient } from 'errorlogger-sdk/build/client/ErrorLoggerClient'

new ErrorLoggerClient({
  dsn: environment.errorLoggerDsn,
  environment: 'production'
});

You are good to go. Happy coding :)!