Create GeSHi block - server side rendered - for the [bw_geshi] shortcode

[bobbingwide]

Requirements

• Ability to document code styled using GeSHi
• Implement a block for the [bw_geshi] shortcode
• Primary purpose is to avoid problems with unwanted p and br tags created by Gutenberg when attempting to write a post using the Block editor which contains the [bw_geshi] shortcode.

Proposed solution

• New block oik-block/geshi - GeSHi - Generic Syntax Highlighting
• Depends on oik-css plugin for the server logic
• Implemented as a dynamic block with server side rendering
• Supports the language selection parameter, defaulting to "none".

This block to be added to the list of experimental blocks in #16

[bobbingwide]

This information may help someone attempting to debug their own server side rendered block. The following message is may be shown when you attempt to create a block that is server side rendered but haven't written the server side logic.

Error loading block: No route was found matching the URL and request method 

This was the case when I first developed the geshi block. I'd only written some JS; none of the PHP.

[bobbingwide]

If the server side rendering doesn't return anything then you'll get a spinner.

[bobbingwide]

If you see This block has encountered an error and cannot be previewed then you should look at the JavaScript console. You might find something like this... ReferenceError: SelectControl is not defined. This indicates that you need to add an import statement.

[bobbingwide]

Error loading block: Invalid parameter(s): attributes is produced when one or more of the attributes passed to the server is not recognised.

[bobbingwide]

Here's what I have so far.

I can make it hide the input field when the block is not selected, but can't position the input field above the server rendered output nor prevent the server rendering while I'm typing into the field.

[bobbingwide]

Primary purpose is to avoid problems with unwanted p and br tags created by Gutenberg when attempting to write a post using the Block editor which contains the [bw_geshi] shortcode.

The reason this happens is because the shortcode block is rendered using

function render_block_core_shortcode( $attributes, $content ) {
    return wpautop( $content );
}

[bobbingwide]

It appears I need to change the oik_geshi() code to accept a default value of "none" for the lang. The server side rendering logic doesn't always want to pass "lang=none" from the SelectControl.

[bobbingwide]

The logic for this block has been copied to https://github.com/bobbingwide/oik-css which is being converted to a standalone plugin for two blocks oik-css/css and oik-css/geshi. Over time the solution in oik-blocks will be deprecated.

[bobbingwide]

The GeSHi block is now delivered by the oik-css plugin