KevinBatdorf

/* Code canvas top shadow */
.monaco-editor .scroll-decoration {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .75) !important;
    top: -6px !important;
}
/* Side bar */
.part.sidebar {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .25);
}
.part.sidebar .title-label,

KevinBatdorf

const addDollarBash = () => Array.from(document.querySelectorAll("div[class*='code-block-pro']"))
	// check if direct child has a span with text "Bash"
	.filter((b) => b.querySelector(':scope > span')?.textContent === 'Bash')
	// add language-bash class to the parent
	.forEach((b) => b.classList.add('language-bash'));

document.addEventListener("DOMContentLoaded", addDollarBash);

KevinBatdorf

const parseEvent = (eventData) => {
	const lines = eventData.split('\n');
	const eventType = (
		lines.find((line) => line.startsWith('event:')) || 'event:message'
	)
		.slice(6)
		.trim();
	const eventDataExtracted = lines
		.filter((line) => line.startsWith('data:'))
		.map((line) => line.slice(5).trim())

KevinBatdorf

import { registerPlugin } from '@wordpress/plugins';
import {
	PanelBody,
	BaseControl,
	createSlotFill,
	Button,
} from '@wordpress/components';
import { __ } from '@wordpress/i18n';

// CodeBlockPro.Sidebar.Start

KevinBatdorf

const handleTabSizeAdjustToggle = () => {
    const blocks = Array.from(
        document.querySelectorAll(
            '.wp-block-kevinbatdorf-code-block-pro:not(.cbp-tab-size-loaded)',
        ),
    );
    blocks.forEach((block) => {
        block.classList.add('cbp-tab-size-loaded');
        const button = document.createElement('span');
        button.setAttribute('role', 'button');

KevinBatdorf

const blocks = Array.from(
    document.querySelectorAll('.wp-block-kevinbatdorf-code-block-pro'),
);
const copyText = 'Click anywhere to copy';
const copiedText = 'Copied!';
blocks &&
    blocks.forEach((block) => {
        if (!block.querySelector('span[data-code]')) return
        block.insertAdjacentHTML(
            'beforeend',

KevinBatdorf

div.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code {
  overflow-wrap: break-word !important;
  /*  In some cases you may need the max()  */
  padding: 0 2rem 0 max(var(--cbp-line-number-width), 2rem) !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}
div.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code .line {
  min-height: 1.625rem;
  position: static !important;

KevinBatdorf

#topicBar,
.time {
	display: none;
}

.sender {
	width: 6rem;
	border-right: 1px solid #333;
	background: transparent;
}

KevinBatdorf

<?php
defined( 'ABSPATH' ) or die;

namespace Kevin;

class Router extends \WP_REST_Controller
{
    protected static $instance = null;
    public function getHandler($namespace, $endpoint, $callback) {
        \register_rest_route(

KevinBatdorf

<?php

defined('ABSPATH') or die;

add_action('admin_init', 'my_namespace_register_settings');
add_action('rest_api_init', 'my_namespace_register_settings');
function my_namespace_register_settings() {
    register_setting('my_namespace_settings', 'my_namespace_settings', [
        'type' => 'object',
        'show_in_rest' => [