import React, { useMemo } from 'react' import { Options } from 'react-select' import { __ } from '@wordpress/i18n' import ServerSideRender from '@wordpress/server-side-render' import { InspectorControls, useBlockProps } from '@wordpress/block-editor' import { ExternalLink, PanelBody, ToggleControl } from '@wordpress/components' import { BlockConfiguration, BlockEditProps } from '@wordpress/blocks' import { useSnippets } from '../hooks/useSnippets' import { getSnippetType } from '../utils/snippets' import { SnippetSelectOption, SnippetSelector } from './SnippetSelector' import { Snippet } from '../types/Snippet' export const CONTENT_BLOCK = 'code-snippets/content' const buildOptions = (snippets: Snippet[]): Options => snippets .filter(snippet => 'html' === getSnippetType(snippet) && snippet.active) .map(snippet => ({ value: snippet.id, label: snippet.name })) export interface ContentBlockAttributes { snippet_id: number network: boolean php?: boolean format?: boolean shortcodes?: boolean debug?: boolean className: string } const Edit: React.FC> = ({ setAttributes, attributes }) => { const snippets = useSnippets() const blockProps = useBlockProps() const options = useMemo>( () => snippets ? buildOptions(snippets) : [], [snippets] ) return (

setAttributes({ ...attributes, php: isChecked })} /> setAttributes({ ...attributes, format: isChecked })} /> setAttributes({ ...attributes, shortcodes: isChecked })} help={ {__('Learn more about these options', 'code-snippets')} } /> } />

) } export const ContentBlock: BlockConfiguration = { title: __('Content Snippet', 'code-snippets'), description: __('Include a content code snippet in the post.', 'code-snippets'), category: 'code-snippets', icon: 'shortcode', supports: { html: false, className: false, customClassName: false }, attributes: { snippet_id: { type: 'number', default: 0 }, network: { type: 'boolean', default: false }, php: { type: 'boolean', default: false }, format: { type: 'boolean', default: true }, shortcodes: { type: 'boolean', default: false }, debug: { type: 'boolean', default: false }, className: { type: 'string' } }, edit: props => , save: () => null }