Simplify displaying error messages in code component preview

Created on 19 February 2025, about 2 months ago

Overview

The code component preview is able to display error messages when compiling the code fails, or if the code component is missing a default export. When we landed this in ✨ Preview for code components Active , an informative error with examples was added for the latter. The solution was to load that from a markdown file. Turns out this is unnecessary complexity and can collide with content security polices as the markdown file is fetched from a base-64 encoded resource.

Proposed resolution

Let's use a regular React component to display this error. We can also tidy up the styling while there.

User interface changes

Before vs. after.

πŸ“Œ Task
Status

Active

Version

0.0

Component

Page builder

Created by

πŸ‡³πŸ‡±Netherlands balintbrews Amsterdam, NL

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024