mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-11-16 19:30:12 +01:00
35 lines
2.0 KiB
JavaScript
35 lines
2.0 KiB
JavaScript
|
// What is this script?
|
||
|
|
// We want to support code syntax highlighting in the embed modal, but we cannot afford to have the static build
|
||
|
|
// be large in size. To prevent HighlightJs from loading all 193+ language stylings and bloating the script, we instead take a large subset that
|
||
|
|
// covers most languages and then dynamically build and register each language since HLJS cannot just register with an array of langs.
|
||
|
|
// Since the embed is a single script - we need to statically import each library and register that associate language.
|
||
|
|
// we can then export this as a custom implementation of HLJS and call it a day and keep the bundle small.
|
||
|
|
|
||
|
|
import fs from 'fs'
|
||
|
|
|
||
|
|
const SUPPORTED_HIGHLIGHTS = ['apache', 'bash', 'c', 'cpp', 'csharp', 'css', 'diff', 'go', 'graphql', 'ini', 'java', 'javascript', 'json', 'kotlin', 'less', 'lua', 'makefile', 'markdown', 'nginx', 'objectivec', 'perl', 'pgsql', 'php', 'php-template', 'plaintext', 'python', 'python-repl', 'r', 'ruby', 'rust', 'scss', 'shell', 'sql', 'swift', 'typescript', 'vbnet', 'wasm', 'xml', 'yaml'];
|
||
|
|
function quickClean(input) {
|
||
|
|
return input.replace(/[^a-zA-Z0-9]/g, '');
|
||
|
|
}
|
||
|
|
|
||
|
|
let content = `/*
|
||
|
|
This is a dynamically generated file to help de-bloat the app since this script is a static bundle.
|
||
|
|
You should not modify this file directly. You can regenerate it with "node scripts/updateHljs.mjd" from the embed folder.
|
||
|
|
Last generated ${(new Date).toDateString()}
|
||
|
|
----------------------
|
||
|
|
*/\n\n`
|
||
|
|
content += 'import hljs from "highlight.js/lib/core";\n';
|
||
|
|
|
||
|
|
SUPPORTED_HIGHLIGHTS.forEach((lang) => {
|
||
|
|
content += `import ${quickClean(lang)}HljsSupport from 'highlight.js/lib/languages/${lang}'\n`;
|
||
|
|
});
|
||
|
|
|
||
|
|
SUPPORTED_HIGHLIGHTS.forEach((lang) => {
|
||
|
|
content += ` hljs.registerLanguage('${lang}', ${quickClean(lang)}HljsSupport)\n`;
|
||
|
|
})
|
||
|
|
|
||
|
|
content += `// The above should now register on the languages we wish to support statically.\n`;
|
||
|
|
content += `export const staticHljs = hljs;\n`
|
||
|
|
|
||
|
|
fs.writeFileSync('src/utils/chat/hljs.js', content, { encoding: 'utf8' })
|
||
|
|
console.log(`Static build of HLJS completed - src/utils/chat/hljs.js`)
|