Pular para o conteúdo principal

​
Instalação

​
Com npm ou yarn

Adicione os pacotes @appsignal/preact e @appsignal/javascript ao seu package.json. Em seguida, execute npm install/yarn install. Você também pode adicionar esses pacotes ao seu package.json pela linha de comando: 
yarn add @appsignal/javascript @appsignal/preact
npm install @appsignal/javascript @appsignal/preact

​
Com import maps do JSPM.io

Usando o gerador de import maps do JSPM.io, você pode gerar um import map para as dependências da sua aplicação. Adicione @appsignal/javascript e @appsignal/preact à lista de dependências no gerador, depois adicione o import map gerado e o ES module shims ao código da sua aplicação.

​
Com rails-importmap

Use o comando a seguir para adicionar esses pacotes aos import maps da sua aplicação Rails: 
./bin/importmap pin @appsignal/javascript @appsignal/preact

​
Uso

​
Error Boundary

Se você estiver usando Preact v10.0.0 ou superior, pode usar o componente ErrorBoundary para capturar erros de qualquer lugar na árvore de componentes filhos. 
import { Component } from "preact";

import { appsignal } from "./appsignal";
import { ErrorBoundary } from "@appsignal/preact";

const FallbackComponent = () => (
  <div>Uh oh! There was an error :(</div>
);

export default class App extends Component {
  render() {
    return (
      <ErrorBoundary
        instance={appsignal}
        tags={{ tag: "value" }} {/* Optional */}
        fallback={(error) => <FallbackComponent />} {/* Optional */}
      >
        { /** Child components here **/}
      </ErrorBoundary>
    )
  }
}