Java syntax highlighting doesn't work

[stockiNail]

🐛 Bug Report

(A clear and concise description of what the bug is)

Have you read the Contributing Guidelines on issues?

YES

To Reproduce

To see that is not working, you can go to Docusaurus site (beta.0 or 1):

1. Go to https://docusaurus.io/docs/next/markdown-features/code-blocks#multi-language-support-code-blocks
2. Go down to see multiple language sample

Expected behavior

The expected behavior is to have the syntax highlighting on java source code.
I have the same problem in my project. When I was in version alpha.74, it worked, now on beta.0 doesn't work.

The bad thing is falling back to alpha.74, it doesn't work anymore....

Actual Behavior

Your Environment

• Public source code: https://github.com/pepstock-org/Charba-Wiki
• Docusaurus version used: beta.0 and alpha.74
  Environment name and version: FF 88.0.1, Node.js v12.18.3

[HonkingGoose]

You'll need to manually setup Java syntax highlighting.

Quote from the Docusaurus docs (emphasis mine):

Some popular languages like Java, C#, or PHP are not enabled by default.

Read https://docusaurus.io/docs/markdown-features/code-blocks#syntax-highlighting to learn how to setup syntax highlighting. 😉

[stockiNail]

@HonkingGoose thank you but I have already done it (I have created another issue about that some days ago #4720).
As you can see, this is the config of my project:

https://github.com/pepstock-org/Charba-Wiki/blob/fa8ed9e34e19f11c0cb2e8ff455e384835efcf58/docusaurus.config.js#L25-L28

    prism: {
       additionalLanguages: ['java'],
       theme: require('prism-react-renderer/themes/github'),
    },

I have published here some days ago based on alpha.74 and works:

Now, after the upgrade to beta.0, this is the result:

[HonkingGoose]

@HonkingGoose thank you but I have already done it (I have created another issue about that some days ago #4720).

Whoops, I did not see that you opened that prior issue, sorry! 😄

[stockiNail]

Created also a sandbox where https://codesandbox.io/s/eloquent-yonath-7spwh?file=/docs/intro.md
and it works here.... uhm....

EDIT: removing theme: require('prism-react-renderer/themes/github'), and using default, works also locally.

[Josh-Cena]

Is the highlight only broken when using the github theme? It could be because of the latest prism-react-renderer update...

[lex111]

This is actually because the GitHub theme changed in prism-react-renderer (see FormidableLabs/prism-react-renderer#115 for more details).

However you can again return to previous syntax highlighting -- for this in src directory of your website you need to create new file (eg. github.js) with the following content , and then in prism field of config file specify path to this file, something like that:

prism: require.resolve('./src/github.js')

[stockiNail]

@Josh-Cena @lex111 THANK YOUU! Let me test it and then I'm gonna close the issue.

[Josh-Cena]

Interesting because the Docusaurus site is also broken 😅 We may need to fix that

[stockiNail]

Interesting because the Docusaurus site is also broken 😅 We may need to fix that

yes, for this reason I thought it was an issue.

[stockiNail]

prism: require.resolve('./src/github.js')

Does not work.

[lex111]

Forgot to mention that you need to use the CommonJS format, so just copy-paste this gist to make things work.

[stockiNail]

@lex111 I tested with last gist you gave me and it WORKS!!! Thank you!

Only 1 thing, to correct your post. The config (beta.0) is the following (assuming to store github theme in ./src/github.js):

  prism: {
    additionalLanguages: ['java'],
    theme: require('./src/github.js'),
  },

[kebetsi]

You only need to add additionalLanguages: ['java'] to themeConfig:prism with docusaurus v3.5.2. There is an entry theme: prismThemes.github, by default.