Grapesjs Twitch

Twitch embeds are configured by a handful of parameters — a channel, a video, or a collection — and normally arrive as a block of pasted script. This plugin builds them as a proper GrapesJS component, following Twitch's own embed documentation.

What it adds

A twitch component and a Twitch block, filed under the Basic category by default. The three possible sources are exposed as traits, each with its own placeholder text, so the person editing picks one without knowing the embed API.

Options

• script — the Twitch embed script URL, defaulting to the official embed.twitch.tv/embed/v1.js.
• channelPlaceholder, videoPlaceholder and collectionPlaceholder — the hint text shown in each trait input.
• label and category — the block's name and its Block Manager category.
• block and props — extend the block definition and customise the component props.

Preview caveat

The Twitch embed expects a real origin, so previewing inside the editor is more accurate when the page is served from a server rather than opened from the filesystem. The author notes this explicitly.

Good to know

Install as grapesjs-component-twitch.