Talking Drupal #487 - Single Directory Components Workflow

Today we are talking about Single Directory Components, How best
to work with them, and their future with Drupal with guest Brian
Perry. We’ll also cover Embedded Content as our module of the
week.


For show notes visit:
https://www.talkingDrupal.com/487
Topics

What are Single Directory Components (SDC)

Why the switch to SDCs

What is there in common between decoupled and SDCs

Can you give us an overview of your workflow

Common pitfalls

How should someone get started working with SDCs

Does it work with Paragraphs and Blocks?

Does it need to be all at once

How do you think SDCs will evolve

Do you see this leading to more Decoupled front ends

What contrib modules make working with SDCs easier

Resources

My Single Directory Components Workflow

Pico CSS

Open Props

Twig Tweak

No Markup

SDC Styleguide

Radix Theme

SDC Block

UI Patterns 2.x

Astro

TAC

Guests

Brian Perry - brianperry.dev brianperry
Hosts

Nic Laflin - nLighteneddevelopment.com nicxvan
John Picozzi - epam.com johnpicozzi
Scott Weston - scott-weston
MOTW Correspondent

Jacob Rockowitz - jrockowitz.com jrockowitz


Embedded Content

Brief description:

The Embedded Content module allows site builders to
select, create, and update content embedded within HTML
inside CKEditor.

For developers, the EmbeddedContent plugin is like a
Block plugin without context.

There is a demo on YouTube
https://www.youtube.com/watch?v=GxOn-P3Q5Gg

There is support embedding of single directory component
in progress. Conceptually, this is already possible, the same
way one would render a single directory component in Block
plugin.



Brief history

The concept and code started as the CKEditor5 Embedded
Content module, created in August 2022.

In October 2023, CKEditor5 Embedded Content was renamed
to Embedded Content.



Versions available:

2.0.3 - January 22nd, 2025

Works with Drupal: ^9 ^10 ^11



Maintainership

Actively maintained? yes

Security coverage? Yes

Test coverage? Yes

Documentation? Video and an example module



Number of open issues:

All issues: 6 open, 17 total

Bug report: 6 open, 15 total



Usage stats:

509 sites report using this module

1,263 sites report using this module (using old version)



Maintainer(s):

Teun van Veggel (nuez)

https://www.drupal.org/u/nuez



Module features and usage

Insert themed content in Ckeditor5 using Drupal plugins
without having to write rich HTML and CSS

Render these results directly in the CKEditor

Create 'inline' embedded content that sits inline with
the text, like footnotes.

Provides

Embedded Content plugin

CKeditor 5 plugin.

Ecosystem

Embedded Content: Examples for examples of how to build
your own plugins.

Embedded Content: Entity for embedding content entities

Embedded Content: SDC for single directory components
(under development)

Potential Challenges

Example of the embedded content tag.

 

Translations via TMS (data is serialized via an
attribute)