code-block-kit

1'use client';
2 
3import { CodeBlockRules } from '@platejs/code-block';
4import {
5  CodeBlockPlugin,
6  CodeLinePlugin,
7  CodeSyntaxPlugin,
8} from '@platejs/code-block/react';
9import { all, createLowlight } from 'lowlight';
10 
11import {
12  CodeBlockElement,
13  CodeLineElement,
14  CodeSyntaxLeaf,
15} from '@/registry/ui/code-block-node';
16 
17const lowlight = createLowlight(all);
18 
19export const CodeBlockKit = [
20  CodeBlockPlugin.configure({
21    inputRules: [CodeBlockRules.markdown({ on: 'match' })],
22    node: { component: CodeBlockElement },
23    options: { lowlight },
24    shortcuts: { toggle: { keys: 'mod+alt+8' } },
25  }),
26  CodeLinePlugin.withComponent(CodeLineElement),
27  CodeSyntaxPlugin.withComponent(CodeSyntaxLeaf),
28];