HookMap

Visualize an extension lifecycle with stage names, hook names, and short descriptions.

API

Prop	Type	Default	Description
`title`	`string`	`"Extension lifecycle"`	Panel title.
`hooks`	`HookMapItem[]`	—	Ordered lifecycle rows.

HookMapItem supports stage, hook, and description.

Example

PreviewCode

Extension lifecycle

1
Lint
run_linters
Check formatting and static analysis before tests.
2
Test
run_tests
Execute the project test suite with coverage enabled.
3
Build
build_artifacts
Compile distributable artifacts from the verified sources.
4
Deploy
publish_site
Upload the built output to the hosting provider.


<HookMap
  hooks={[
    { stage: "Lint", hook: "run_linters", description: "Check formatting and static analysis before tests." },
    { stage: "Deploy", hook: "publish_site", description: "Upload the built output to the hosting provider." },
  ]}
/>