mirror of
https://github.com/Mintplex-Labs/anything-llm.git
synced 2024-11-18 20:20:11 +01:00
1846a99b93
* WIP embedded app * WIP got response from backend in embedded app * WIP streaming prints to embedded app * implemented streaming and tailwind min for styling into embedded app * WIP embedded app history functional * load params from script tag into embedded app * rough in modularization of embed chat cleanup dev process for easier dev support move all chat to components todo: build process todo: backend support * remove eslint config * Implement models and cleanup embed chat endpoints Improve build process for embed prod minification and bundle size awareness WIP * forgot files * rename to embed folder * introduce chat modal styles * add middleware validations on embed chat * auto open param and default greeting * reset chat history * Admin embed config page * Admin Embed Chats mgmt page * update embed * nonpriv * more style support reopen if chat was last opened * update comments * remove unused imports * allow change of workspace for embedconfig * update failure to lookup message * update reset script * update instructions * Add more styling options Add sponsor text at bottom Support dynamic container height Loading animations * publish new embed script * Add back syntax highlighting and keep bundle small via dynamic script build * add hint * update readme * update copy model for snippet with link to styles --------- Co-authored-by: timothycarambat <rambat1010@gmail.com>
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`) |