Contrib.social

Editing code components

Open on Drupal.org →
Created on 15 January 2025, 7 days ago

Overview

When a code component is selected in the library (list is added in ✨ Managing code components in library Active ), we need to display the UI elements that make it possible to author/edit the component.

Proposed resolution

  1. Implement the necessary routing logic for selecting and working with a code component;
  2. Create the intended layout using react-mosaic-component, just like we did in ✨ [exploratory] PoC of Preact+Tailwind components editable via CodeMirror or Monaco Active ;
  3. Style the layout based on the design, but allow resizing the panels (the gap between them could be the area we can drag and move to resize);
  4. Don't allow splitting and dragging windows in react-mosaic-component, try its controlled mode;
  5. Add a button to implement a layout variant that expands the code editor panel to full width — the button is visible in the top-right corner of the panel on the design;
  6. Create the code editor panel using CodeMirror, just like we did in ✨ [exploratory] PoC of Preact+Tailwind components editable via CodeMirror or Monaco Active .

User interface changes

✨ Feature request
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

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024