Skip to content

Content CSS Phase 7: remove the Plate media nodes from Aurora's presets - #215

Merged
sneridagh merged 3 commits into
b6-tablefrom
b7-media
Oct 6, 2026
Merged

sneridagh merged 3 commits into
b6-tablefrom
b7-media

Conversation

@sneridagh

Copy link
Copy Markdown
Member

Phase 7 of #200, changed to a removal: Aurora's presets no longer load Plate's media nodes, so there's nothing to convert. Same treatment as the native img node in #201.

Stacked on #214 (Phase 6). The base is b6-table. This PR's own change is only the last commit.

Why

The plan was to move the video, audio, file, media embed and caption styles to styles/content.css. But the media nodes can't be reached in Aurora:

  • No way to insert them: neither the slash menu nor the floating toolbar of the somersault-editor preset offers them. The fixed toolbar that does is only in the stock full preset.
  • Pasted iframes break silently: pasting HTML with an <iframe> made a media_embed. It showed in the editor, but the renderer kit has no component for it, so the public view didn't show the embed.
  • File drops have no backend: dropping or pasting non-image files went to Plate's upload placeholder, which needs an upload backend Aurora doesn't have. Image files are already taken over by PloneImageUploadPlugin, which makes Plone image blocks.

Aurora uses Plone blocks for media (image, video…).

Changes

  • BlockEditorKit and BlockBaseEditorKit (used by the somersault-* and block-* presets) no longer include MediaKit / BaseMediaKit. That removes the video, audio, file, media embed, upload placeholder and caption plugins.
  • config.blocks.plateBlocksConfig loses its video, audio, file and media_embed entries.
  • PloneImageUploadPlugin's comment says the media placeholder flow it takes over from only exists in other presets now.
  • Kept: the media components and kits. The stock full preset (EditorKit / BaseEditorKit) still uses them, so they stay on Tailwind. That's fine, since plate outside Aurora doesn't need the content contract.

Behavior changes

Action Before After
Paste HTML with <iframe> media_embed node; shown in the editor, missing in the public view The iframe is dropped; the surrounding text is kept
Paste HTML with <video> / <audio> Dropped Dropped (unchanged)
Drop or paste a non-image file Upload placeholder, then a failed upload Nothing is inserted
Drop or paste an image file Plone image block Plone image block (unchanged)

Nothing in Aurora could create video, audio or file nodes, so no stored content should have them. A media_embed saved from an earlier iframe paste would now render as an empty element in the editor too, as it already did publicly.

Tests

  • New: paste.test.ts › "Pasting HTML with embedded media keeps only its text": pastes a heading, paragraphs, an iframe, a video and an audio, and checks that only the heading and paragraphs remain.

Validation

  • CI=1 pnpm visual-test --retries=0: 24/24 pixel-identical.
  • pnpm acceptance-test: 177 passed, including the new paste test.
  • pnpm --filter @plone/plate test --run: 75 passed. pnpm --filter @plone/blocks test --run: 29 passed. check:ts (plate, blocks), eslint and prettier: clean.

Part of #200.

Nothing in Aurora's editor could insert them, pasted iframes became embeds the public view didn't render, and file drops needed an upload backend Aurora doesn't have. Aurora uses Plone blocks for media. The stock full preset keeps them.

Part of #200.
* b6-table:
  Move the table drag handle fragment to @plone/quanta
  Releasing @plone/aurora 1.0.0-alpha.16
  Release @plone/contents 1.0.0-alpha.3
  Release @plone/publicui 1.0.0-alpha.8
  Release @plone/cmsui 1.0.0-alpha.11
  Release @plone/agave 1.0.0-alpha.8
  Release @plone/theming 1.0.0-alpha.8
  Release @plone/layout 1.0.0-alpha.13
  Release @plone/blocks 1.0.0-alpha.17
  Release @plone/plate 1.0.0-alpha.22
  Release @plone/react-router 2.0.0-alpha.7
  Release @plone/helpers 2.0.0-alpha.9
  Release @plone/registry 4.0.0-alpha.4
  Release @plone/quanta 1.0.0-alpha.1
  Release @plone/components 5.0.0-alpha.5
  Release @plone/client 2.0.0-alpha.8
  Release @plone/icons 1.0.0-alpha.1
  Release @plone/types 3.0.0-alpha.7
  Split Quanta and icons out of @plone/components into @plone/quanta and @plone/icons (#212)
@sneridagh

Copy link
Copy Markdown
Member Author

LGTM

* b6-table:
  Releasing @plone/aurora 1.0.0-alpha.18
  Release @plone/plate 1.0.0-alpha.24
  Remove unused @plone/quanta dependency from @plone/plate (#236)
  Releasing @plone/aurora 1.0.0-alpha.17
  Release @plone/plate 1.0.0-alpha.23
  Fix caret jumping to the title after inserting a Plone block (#235)
@sneridagh
sneridagh added this pull request to stack #237 October 6, 2026 14:55
@sneridagh
sneridagh merged commit e4dc484 into main Oct 6, 2026
51 checks passed
sneridagh added a commit that referenced this pull request Oct 6, 2026
* b10-plone-blocks:
  Remove the Plate media nodes from Aurora's presets (#215)
  Move the table styles to styles/content.css (#214)
  Move the code block styles to styles/content.css (#213)
  Move the list styles to styles/content.css (#211)
  Move the inline mark styles to styles/content.css (#210)
  Move the text block styles to styles/content.css (#209)
  Add h1 and hr to the Plate block anatomy (#208)
  Add the block content classname contract foundations (#206)
  Move the image block and inner container styles to styles/content.css (#199 A3) (#205)
  Add the styles/content.css entry point to the add-on styles loader (#204)
  Move the Tailwind reset out of the top cascade layer in the CMS UI (#199 A1) (#203)
sneridagh added a commit that referenced this pull request Oct 6, 2026
…-width

* origin/main: (67 commits)
  Releasing @plone/aurora 1.0.0-alpha.19
  Release @plone/cmsui 1.0.0-alpha.12
  Release @plone/agave 1.0.0-alpha.9
  Release @plone/theming 1.0.0-alpha.9
  Release @plone/layout 1.0.0-alpha.14
  Release @plone/blocks 1.0.0-alpha.18
  Release @plone/plate 1.0.0-alpha.25
  Release @plone/registry 4.0.0-alpha.5
  Release @plone/quanta 1.0.0-alpha.2
  Content CSS Phase 11: theming guide for blocks and cleanup (#219)
  Rename the Plone blocks' classnames to the content contract (#218)
  Share the block spacing between the Public UI and the editor (#217)
  Content CSS Phase 8: structural blocks and content root to styles/content.css (#216)
  Remove the Plate media nodes from Aurora's presets (#215)
  Move the table styles to styles/content.css (#214)
  Move the code block styles to styles/content.css (#213)
  Move the list styles to styles/content.css (#211)
  Move the inline mark styles to styles/content.css (#210)
  Move the text block styles to styles/content.css (#209)
  Add h1 and hr to the Plate block anatomy (#208)
  ...

# Conflicts:
#	packages/plate/components/editor/index.tsx
sneridagh added a commit that referenced this pull request Oct 8, 2026
* origin/main: (190 commits)
  Make control panels saveable (#220)
  Public UI: render a single .content-area root (#230) (#234)
  Remove tsconfig test/spec/story excludes that never matched any file (#222)
  Add PloneClient.extend() and clientEndpoints utility for custom endpoints (#221)
  Store the default block width of every top-level block (#190)
  Releasing @plone/aurora 1.0.0-alpha.19
  Release @plone/cmsui 1.0.0-alpha.12
  Release @plone/agave 1.0.0-alpha.9
  Release @plone/theming 1.0.0-alpha.9
  Release @plone/layout 1.0.0-alpha.14
  Release @plone/blocks 1.0.0-alpha.18
  Release @plone/plate 1.0.0-alpha.25
  Release @plone/registry 4.0.0-alpha.5
  Release @plone/quanta 1.0.0-alpha.2
  Content CSS Phase 11: theming guide for blocks and cleanup (#219)
  Rename the Plone blocks' classnames to the content contract (#218)
  Share the block spacing between the Public UI and the editor (#217)
  Content CSS Phase 8: structural blocks and content root to styles/content.css (#216)
  Remove the Plate media nodes from Aurora's presets (#215)
  Move the table styles to styles/content.css (#214)
  ...

# Conflicts:
#	packages/cmsui/components/BooleanWidget/BooleanWidget.stories.tsx
#	packages/cmsui/components/BooleanWidget/BooleanWidget.test.tsx
#	packages/cmsui/components/BooleanWidget/BooleanWidget.tsx
#	packages/cmsui/news/+boolean-widget-adapter.bugfix
@pnicolli
pnicolli deleted the b7-media branch October 11, 2026 08:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants