Using the IDE

Main IDE screen

The below screen and table describe the various elements and functions of the main IDE screen:

IDE Element	Name	Description
1	Settings menu	Displays the IDE settings for this function. Here you can manage dependencies from the NPM registry (https://www.npmjs.com).
2	Hook Name	Displays the name of the current event hook that you are working with.
3	Try Out	This triggers the event hook to execute as if it were being triggered during the actual event. You can use this for testing purposes to ensure that your code snippet is working correctly.
4	Debug Mode	Toggling Debug Mode allows you to use the Try Out feature. In real time, you can see log output from the event hook as it executes.
5	Toggle Screen Size	Toggles the IDE view between windowed to full screen.
6	Code Snippets	Displays a list of pre-written code snippets to perform specific functions or tasks.
7	Debug Logs	When Debug Mode is enabled, log output from the event hook is visible in the Debug Logs window.
8	Response	Shows the results of the call after using the 'Try Out' feature.

Code snippets

Code snippets are short, reusable pieces of code you can quickly add to your event hooks. Instead of writing code from scratch, this feature allows you to just drop in a snippet and tweak it as needed. Using the available snippets also ensures your code follows best practices and serves as a guide on how to implement common tasks.

How to use code snippets

Start by logging into the Admin Console using an admin account.
From the left-hand menu, select Lifecycle event hooks.
You will see a listing of all your already created event hooks. If you want to add a new one, select +Create lifecycle event hook.
In the IDE, place your cursor where you need the code, select Code snippets, and choose from the list. For example, the 'after identification screen' snippet allows you to display a custom screen right after the user completes the identification step.
Depending on what kind of event hook you initially selected, different types of code snippets will be available that work in that context.
Adjust the snippet to fit your specific needs.
Run your hook to make sure everything works as expected. To do so, toggle Debug mode and select the Try out option.