Skip to content

Debugger steps component#74

Open
javiert-okta wants to merge 8 commits intodebugger-toolbar-componentfrom
debugger-steps-component
Open

Debugger steps component#74
javiert-okta wants to merge 8 commits intodebugger-toolbar-componentfrom
debugger-steps-component

Conversation

@javiert-okta
Copy link
Contributor

@javiert-okta javiert-okta commented Jan 7, 2026

By submitting a PR to this repository, you agree to the terms within the Auth0 Code of Conduct. Please see the contributing guidelines for how to create and submit a high-quality PR for this repo.

Description

This PR adds the debugger steps component, where the token interchange process takes place. The changes include:

  • A Step Interface to handle the types for each step
  • A StepList array constant that has all the info to render each step
  • The Debugger Steps component to render all the steps in the homepage
  • A placeholder for each step component that will be updated in next PRs

Screenshots

  • Dark theme

Desktop

image

Mobile

image
  • Light Theme

Desktop

image

Mobile

image

References

Link to Figma Design

Testing

Describe how this can be tested by reviewers. Be specific about anything not tested and reasons why. If this library has unit and/or integration testing, tests should be added for new functionality and existing tests should complete without errors.

Please include any manual steps for testing end-to-end or functionality not covered by unit/integration tests.

Also include details of the environment this PR was developed in (language/platform/browser version).

  • This change adds test coverage for new/changed/fixed functionality

Checklist

  • I have added documentation for new/changed functionality in this PR or in auth0.com/docs
  • All active GitHub checks for tests, formatting, and security are passing
  • The correct base branch is being used, if not the default branch

@github-actions
Copy link

import styles from "./debugger-steps.module.scss";
import { StepOne, StepTwo, StepThree, StepFour } from "./index";

type Steps = {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Plural name "Steps" for a singular step

},
{
id: "step-two",
label: "Exchange Code from Token",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

"Exchange Code for Token"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants