Passer au contenu principal

​
Installation

​
Avec npm ou yarn

Ajoutez les packages @appsignal/preact et @appsignal/javascript à votre package.json. Ensuite, exécutez npm install/yarn install. Vous pouvez également ajouter ces packages à votre package.json en ligne de commande : 
yarn add @appsignal/javascript @appsignal/preact
npm install @appsignal/javascript @appsignal/preact

​
Avec les import maps JSPM.io

Avec le générateur d’import maps JSPM.io, vous pouvez générer une import map pour les dépendances de votre application. Ajoutez @appsignal/javascript et @appsignal/preact à la liste des dépendances dans le générateur, puis ajoutez l’import map générée et les shims des modules ES au code de votre application.

​
Avec rails-importmap

Utilisez la commande suivante pour ajouter ces packages aux import maps de votre application Rails : 
./bin/importmap pin @appsignal/javascript @appsignal/preact

​
Utilisation

​
Error Boundary

Si vous utilisez Preact v10.0.0 ou supérieur, vous pouvez utiliser le composant ErrorBoundary pour intercepter les erreurs depuis n’importe où dans l’arborescence des composants enfants. 
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>
    )
  }
}