Unable to add new language

[hotsun]

I am trying to add new languages for yaml and bash

	public function get_languages(): array {
		$languages = [
			'yaml'		  => [
				'name'       => esc_html__( 'yaml', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'matchBrackets'     => true,
					'matchTags'         => [
						'bothTags' => true,
					]
				],				
			],
			'bash'        => [
				'name'       => esc_html__( 'bash', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'matchBrackets'     => true,
					'matchTags'         => [
						'bothTags' => true,
					]
				],
			],
			'css'        => [
				'name'       => esc_html__( 'CSS', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'matchBrackets'     => true,
				],
			],
			'html'       => [
				'name'       => esc_html__( 'HTML', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'autoCloseTags'     => true,
					'matchTags'         => [
						'bothTags' => true,
					],
					'mode'              => 'htmlmixed',
				],
			],
			'javascript' => [
				'name'       => esc_html__( 'JavaScript', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'matchBrackets'     => true,
				],
			],
			'json'       => [
				'name'       => esc_html__( 'JSON', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'matchBrackets'     => true,
					'mode'              => [
						'name' => 'javascript',
						'json' => true,
					],
				],
			],
			'php'        => [
				'name'       => esc_html__( 'PHP', 'shiny-code' ),
				'codemirror' => [
					'autoCloseBrackets' => true,
					'autoCloseTags'     => true,
					'matchBrackets'     => true,
					'matchTags'         => [
						'bothTags' => true,
					],
				],
			],
		];

		return apply_filters( 'shiny_code_languages', $languages );
	}

But I can only see the code is highlighted in backend edit mode, not in frontend post. Any reference document will be appreciated.

[hotsun]

I figured it out! I need to download the prism.js and prism.css from https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+bash+batch+docker+markup-templating+perl+php+sql+yaml&plugins=line-highlight+line-numbers+toolbar+jsonp-highlight+show-language+copy-to-clipboard

and replace them with the ones in plugin folder

[bradyvercher]

Glad to hear you were able to get things working, @hotsun. Rather than modifying files in the plugin folder, I would recommend creating an add-on for your customizations or incorporate them in a child theme. This comment shows how you can load individual language files using that approach.