extending prism.js

[basaran]

Hello, is the internal Prism available to be extended with additional language configuration?

[pngwn]

Prism is a global, so the prism instance should be available when you run mdsvex, if you were to write a plugin you should be able to access prism on globalThis.Prism or similar. What are you looking to configure?

[basaran]

Thank you. I was going to try adding this:

https://github.com/Golmote/prism-treeview

I will try later today, and update here.

[basaran]

I will try to add a prism section to the mdsvex config, and send a PR if I am successful in doing so. I found the Prism inside transformers.

[pngwn]

All you should really need to do is import Prism from 'prismjs' then import MyLanguage from 'my-prism-language before running the bundle, so in your svelte config file or vite config file should work. Prism languages attach themselves tot he global Prism instance. There may be some issues with vite dev mode.

Prism won't be used in a future version, so if this doesn't work easily right now, I probably won't be fixing it as shiki will probably be used in a future version making things simpler.

[pngwn]

And example can be found here: https://github.com/pngwn/MDsveX/blob/master/packages/site/rollup.config.js and here https://github.com/pngwn/MDsveX/blob/master/packages/site/prism/prism.js

[basaran]

thank you, you're right. This didn't require anything special at all. Simply importing the Prism and adding those plugin methods worked out just fine. The magical world of javascript modules :)

So, the reason this did work is because there is only one instance of the module, and by importing it first, I'm intercepting it before you call it. Is that right?

[trasherdk]

I would love to see something like this, from ExtJS 3.x 😄