danielmilner / wp-block-components

React components for displaying WordPress blocks

Hi there 👋🏻 👨🏻‍💻

I'm Daniel, the Co-Founder and Lead Developer at FireTree Design, LLC, and Systems Administrator at Scientific Cutting Tools, Inc.

I built my first website in 1998 and I've been working in the IT field for over 25 years. I write WordPress plugins and love working with JavaScript.

You can find me on the web 🌎:

• My personal website, danielmilner.com
• Twitter, @danielmilner

wp-block-components's Issues

Proposal to use Gutenberg Theme Support classes

https://developer.wordpress.org/block-editor/developers/themes/theme-support/

I am wondering if it would be better to add classes to the elements for each color and font size, just like WordPress does, instead of needing to know each named color or font size and applying styles directly the elements.

For example, has-blue-color, has-blue-background-color, and has-regular-font-size.

This will eliminate the need for the block prop.

Add support for all core blocks

The plan is to support all core Gutenberg blocks.

• CoreCodeBlock
• CoreHeadingBlock
• CoreParagraphBlock
• CoreImageBlock
• CoreListBlock
• CoreGalleryBlock
• CoreQuoteBlock
• CoreShortcodeBlock
• CoreArchivesBlock
• CoreAudioBlock
• CoreButtonBlock
• CoreCalendarBlock
• CoreCategoriesBlock
• CoreColumnsBlock
• CoreColumnBlock
• CoreCoverBlock
• CoreEmbedBlock
• CoreEmbedTwitterBlock
• CoreEmbedYoutubeBlock
• CoreEmbedFacebookBlock
• CoreEmbedInstagramBlock
• CoreEmbedWordpressBlock
• CoreEmbedSoundcloudBlock
• CoreEmbedSpotifyBlock
• CoreEmbedFlickrBlock
• CoreEmbedVimeoBlock
• CoreEmbedAnimotoBlock
• CoreEmbedCloudupBlock
• CoreEmbedCollegehumorBlock
• CoreEmbedCrowdsignalBlock
• CoreEmbedDailymotionBlock
• CoreEmbedHuluBlock
• CoreEmbedImgurBlock
• CoreEmbedIssuuBlock
• CoreEmbedKickstarterBlock
• CoreEmbedMeetupComBlock
• CoreEmbedMixcloudBlock
• CoreEmbedPolldaddyBlock
• CoreEmbedRedditBlock
• CoreEmbedReverbnationBlock
• CoreEmbedScreencastBlock
• CoreEmbedScribdBlock
• CoreEmbedSlideshareBlock
• CoreEmbedSmugmugBlock
• CoreEmbedSpeakerBlock
• CoreEmbedSpeakerDeckBlock
• CoreEmbedTedBlock
• CoreEmbedTumblrBlock
• CoreEmbedVideopressBlock
• CoreEmbedWordpressTvBlock
• CoreEmbedAmazonKindleBlock
• CoreFileBlock
• CoreFreeformBlock
• CoreHtmlBlock
• CoreMediaTextBlock
• CoreLatestCommentsBlock
• CoreLatestPostsBlock
• CoreMissingBlock
• CoreMoreBlock
• CoreNextpageBlock
• CorePreformattedBlock
• CorePullquoteBlock
• CoreRssBlock
• CoreSearchBlock
• CoreSeparatorBlock
• CoreSpacerBlock
• CoreSubheadBlock
• CoreTableBlock
• CoreTagCloudBlock
• CoreTemplateBlock
• CoreTextColumnsBlock
• CoreVerseBlock
• CoreVideoBlock

cant parse the block... the result is not rendered

{blocks.map((block, index) => {
if ('WPGraphQL_CoreCodeBlock' === block.__typename) {
block.attributes.content = block.attributes.codeContent
delete block.attributes.codeContent
}
return

it return the following ...

PropTypes are incorrect

The following components have invalid PropTypes:

• CoreHeadingBlock - level should be a number.
• CoreParagraphBlock - dropCap should be a boolean

Create a CoreBlock component

I'm thinking about creating a CoreBlock component that automatically returns the appropriate component based on the __typename passed from GraphQL. This would only require you to import one component instead of needing to know each component ahead of time.

The individual components would still be able to be imported as needed.