Key Components

The Extension consists of two main parts:

1. Action Layout: Defines the visual structure and styling of rendered Actions.

2. App Logic: Handles the parsing and rendering of Actions, as well as user interactions.

2.2.1. Action Layout

The EphiActionLayout component is responsible for rendering the visual structure of an Action. Key features include:

• Flexible styling with support for various presets

• Display of Action title, description, and associated image

• Rendering of buttons, inputs, and forms as defined in the Action

• Support for multiple blockchain networks with network icons

• Share functionality for easy distribution of Actions

2.2.2. App Logic

The main App component handles the core functionality of the Extension:

• Fetching Action data from IPFS using the provided CID

• Parsing Action definitions into renderable components (buttons, inputs, forms)

• Managing global parameters and action state

• Rendering the Action using the EphiActionLayout component