# code-block-pro/1.28.0/src/types.ts

Code Block Pro – Beautiful Syntax Highlighting, version 1.28.0. 105 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/src/types.ts
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.28.0/raw/src/types.ts
- Modified: 2026-04-12T13:22:22+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.28.0/code/src/types.ts#L10-L20`.

```typescript
import type { Lang as LangShiki, Theme } from 'shiki';

export type Lang = LangShiki | 'ansi' | 'plaintext';

export type Attributes = {
	code: string;
	codeHTML: string;
	language: Lang;
	theme: Theme;
	align: 'wide' | 'full';
	bgColor: string;
	textColor: string;
	fontSize: string;
	fontFamily: string;
	lineHeight: string;
	lineNumbers: boolean;
	clampFonts: boolean;
	editorHeight: string;
	headerType: string;
	headerString?: string;
	footerType?: string;
	footerString?: string;
	footerLink?: string;
	enableMaxHeight?: boolean;
	seeMoreType?: string;
	seeMoreString?: string;
	seeMoreAfterLine?: string;
	seeMoreTransition?: boolean;
	seeMoreCollapse?: boolean;
	seeMoreCollapseString?: string;
	footerLinkTarget?: boolean;
	disablePadding: boolean;
	startingLineNumber: string;
	// Defunct - Removing it would require n attribute migration
	// so it's easier to just leave it unused for new blocks.
	lineNumbersWidth: number;
	highestLineNumber: number;
	enableHighlighting: boolean;
	highlightingHover: boolean;
	lineHighlights: string;
	lineHighlightColor: string;
	enableBlurring: boolean;
	lineBlurs: string;
	removeBlurOnHover: boolean;
	frame: boolean;
	renderType: string;
	label: string;
	copyButton: boolean;
	copyButtonType: string;
	copyButtonString: string;
	copyButtonStringCopied: string;
	copyButtonUseTextarea: boolean;
	useDecodeURI: boolean;
	useEscapeShortCodes: boolean;
	tabSize: number;
	useTabs: boolean;
};
export interface AttributesPropsAndSetter {
	attributes: Attributes;
	setAttributes: (attrs: Partial<Attributes>) => void;
}

declare global {
	interface Window {
		codeBlockPro: {
			pluginUrl: string;
		};
		codeBlockProThemes?: {
			pluginUrl?: string;
			hasUpdateServer?: boolean;
		};
	}
}

export type CustomStyles = {
	'color-text'?: string; // --shiki-color-text
	'color-background'?: string; // --shiki-color-background
	'token-constant'?: string; // --shiki-token-constant
	'token-string'?: string; // --shiki-token-string
	'token-comment'?: string; // --shiki-token-comment
	'token-keyword'?: string; // --shiki-token-keyword
	'token-parameter'?: string; // --shiki-token-parameter
	'token-function'?: string; // --shiki-token-function
	'token-string-expression'?: string; // --shiki-token-string-expression
	'token-punctuation'?: string; // --shiki-token-punctuation
	'token-link'?: string; // --shiki-token-link
	'line-background'?: string; // custom for this app
	'line-number-color'?: string; // custom for this app
};
export type HelpUrl = {
	text: string;
	url: string;
};

export type ThemeOption = Record<
	string,
	{
		name: string;
		priority?: boolean;
		custom?: boolean;
		styles?: CustomStyles;
		helpUrl?: HelpUrl;
	}
>;

```