143 lines
No EOL
7.1 KiB
TypeScript
143 lines
No EOL
7.1 KiB
TypeScript
import * as hljs from "highlight.js/lib/core";
|
|
|
|
import * as loader from "tc-loader";
|
|
import {ElementRenderer} from "vendor/xbbcode/renderer/base";
|
|
import {TagElement} from "vendor/xbbcode/elements";
|
|
import * as React from "react";
|
|
import {tra} from "tc-shared/i18n/localize";
|
|
import * as DOMPurify from "dompurify";
|
|
import {copy_to_clipboard} from "tc-shared/utils/helpers";
|
|
import {rendererReact, rendererText} from "tc-shared/text/bbcode/renderer";
|
|
import {MenuEntryType, spawn_context_menu} from "tc-shared/ui/elements/ContextMenu";
|
|
|
|
import '!style-loader!css-loader!highlight.js/styles/darcula.css';
|
|
import {Settings, settings} from "tc-shared/settings";
|
|
|
|
const registerLanguage = (name, language: Promise<any>) => {
|
|
language.then(lan => hljs.registerLanguage(name, lan)).catch(error => {
|
|
console.warn("Failed to load language %s (%o)", name, error);
|
|
});
|
|
};
|
|
|
|
registerLanguage("javascript", import("highlight.js/lib/languages/javascript"));
|
|
registerLanguage("actionscript", import("highlight.js/lib/languages/actionscript"));
|
|
registerLanguage("armasm", import("highlight.js/lib/languages/armasm"));
|
|
registerLanguage("basic", import("highlight.js/lib/languages/basic"));
|
|
registerLanguage("c-like", import("highlight.js/lib/languages/c-like"));
|
|
registerLanguage("c", import("highlight.js/lib/languages/c"));
|
|
registerLanguage("cmake", import("highlight.js/lib/languages/cmake"));
|
|
registerLanguage("coffeescript", import("highlight.js/lib/languages/coffeescript"));
|
|
registerLanguage("cpp", import("highlight.js/lib/languages/cpp"));
|
|
registerLanguage("csharp", import("highlight.js/lib/languages/csharp"));
|
|
registerLanguage("css", import("highlight.js/lib/languages/css"));
|
|
registerLanguage("dart", import("highlight.js/lib/languages/dart"));
|
|
registerLanguage("delphi", import("highlight.js/lib/languages/delphi"));
|
|
registerLanguage("dockerfile", import("highlight.js/lib/languages/dockerfile"));
|
|
registerLanguage("elixir", import("highlight.js/lib/languages/elixir"));
|
|
registerLanguage("erlang", import("highlight.js/lib/languages/erlang"));
|
|
registerLanguage("fortran", import("highlight.js/lib/languages/fortran"));
|
|
registerLanguage("go", import("highlight.js/lib/languages/go"));
|
|
registerLanguage("groovy", import("highlight.js/lib/languages/groovy"));
|
|
registerLanguage("ini", import("highlight.js/lib/languages/ini"));
|
|
registerLanguage("java", import("highlight.js/lib/languages/java"));
|
|
registerLanguage("javascript", import("highlight.js/lib/languages/javascript"));
|
|
registerLanguage("json", import("highlight.js/lib/languages/json"));
|
|
registerLanguage("kotlin", import("highlight.js/lib/languages/kotlin"));
|
|
registerLanguage("latex", import("highlight.js/lib/languages/latex"));
|
|
registerLanguage("lua", import("highlight.js/lib/languages/lua"));
|
|
registerLanguage("makefile", import("highlight.js/lib/languages/makefile"));
|
|
registerLanguage("markdown", import("highlight.js/lib/languages/markdown"));
|
|
registerLanguage("mathematica", import("highlight.js/lib/languages/mathematica"));
|
|
registerLanguage("matlab", import("highlight.js/lib/languages/matlab"));
|
|
registerLanguage("objectivec", import("highlight.js/lib/languages/objectivec"));
|
|
registerLanguage("perl", import("highlight.js/lib/languages/perl"));
|
|
registerLanguage("php", import("highlight.js/lib/languages/php"));
|
|
registerLanguage("plaintext", import("highlight.js/lib/languages/plaintext"));
|
|
registerLanguage("powershell", import("highlight.js/lib/languages/powershell"));
|
|
registerLanguage("protobuf", import("highlight.js/lib/languages/protobuf"));
|
|
registerLanguage("python", import("highlight.js/lib/languages/python"));
|
|
registerLanguage("ruby", import("highlight.js/lib/languages/ruby"));
|
|
registerLanguage("rust", import("highlight.js/lib/languages/rust"));
|
|
registerLanguage("scala", import("highlight.js/lib/languages/scala"));
|
|
registerLanguage("shell", import("highlight.js/lib/languages/shell"));
|
|
registerLanguage("sql", import("highlight.js/lib/languages/sql"));
|
|
registerLanguage("swift", import("highlight.js/lib/languages/swift"));
|
|
registerLanguage("typescript", import("highlight.js/lib/languages/typescript"));
|
|
registerLanguage("vbnet", import("highlight.js/lib/languages/vbnet"));
|
|
registerLanguage("vbscript", import("highlight.js/lib/languages/vbscript"));
|
|
registerLanguage("x86asm", import("highlight.js/lib/languages/x86asm"));
|
|
registerLanguage("xml", import("highlight.js/lib/languages/xml"));
|
|
registerLanguage("yaml", import("highlight.js/lib/languages/yaml"));
|
|
|
|
const cssStyle = require("./highlight.scss");
|
|
|
|
interface HighlightResult {
|
|
relevance : number
|
|
value : string
|
|
language? : string
|
|
illegal : boolean
|
|
sofar? : string
|
|
errorRaised? : Error
|
|
|
|
second_best? : Omit<HighlightResult, 'second_best'>
|
|
}
|
|
|
|
loader.register_task(loader.Stage.JAVASCRIPT_INITIALIZING, {
|
|
name: "XBBCode highlight init",
|
|
function: async () => {
|
|
let reactId = 0;
|
|
|
|
if(!settings.static_global(Settings.KEY_CHAT_HIGHLIGHT_CODE)) {
|
|
return;
|
|
}
|
|
/* override default parser */
|
|
rendererReact.registerCustomRenderer(new class extends ElementRenderer<TagElement, React.ReactNode> {
|
|
tags(): string | string[] {
|
|
return ["code", "icode", "i-code"];
|
|
}
|
|
|
|
render(element: TagElement): React.ReactNode {
|
|
const klass = element.tagNormalized != 'code' ? cssStyle.inlineCode : cssStyle.code;
|
|
const language = (element.options || "").replace("\"", "'").toLowerCase();
|
|
|
|
let lines = rendererText.renderContent(element).join("").split("\n");
|
|
if(lines.length > 1) {
|
|
if(lines[0].length === 0)
|
|
lines = lines.slice(1);
|
|
|
|
if(lines[lines.length - 1]?.length === 0)
|
|
lines = lines.slice(0, lines.length - 1);
|
|
}
|
|
|
|
let result: HighlightResult;
|
|
const detectedLanguage = hljs.getLanguage(language);
|
|
if(detectedLanguage)
|
|
result = hljs.highlight(detectedLanguage.name, lines.join("\n"), true);
|
|
else
|
|
result = hljs.highlightAuto(lines.join("\n"));
|
|
|
|
return (
|
|
<pre key={"hrc-" + ++reactId} className={klass}>
|
|
<code
|
|
className={"hljs"}
|
|
title={tra("{} code", result.language || tr("general"))}
|
|
dangerouslySetInnerHTML={{
|
|
__html: DOMPurify.sanitize(result.value)
|
|
}}
|
|
onContextMenu={event => {
|
|
event.preventDefault();
|
|
spawn_context_menu(event.pageX, event.pageY, {
|
|
callback: () => copy_to_clipboard(lines.join("\n")),
|
|
name: tr("Copy code"),
|
|
type: MenuEntryType.ENTRY,
|
|
icon_class: "client-copy"
|
|
});
|
|
}}
|
|
/>
|
|
</pre>
|
|
);
|
|
}
|
|
});
|
|
},
|
|
priority: 10
|
|
}); |