ishangsf/DeepCodeGeniusWeb-gui
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add PrismJS for code highlighting

Browse Source
This commit is contained in:
小石头 2024-01-30 21:32:01 +08:00
parent c5032f51b9
commit 5daaba53db
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@ -136,6 +136,7 @@
"node-fetch": "^3.3.1", "node-fetch": "^3.3.1",
"nonce": "^1.0.4", "nonce": "^1.0.4",
"prism-react-renderer": "^2.3.1", "prism-react-renderer": "^2.3.1",
"prismjs": "^1.29.0",
"quote": "^0.4.0", "quote": "^0.4.0",
"react-i18next": "^13.5.0", "react-i18next": "^13.5.0",
"react-markdown": "^8.0.7", "react-markdown": "^8.0.7",

8
src/views/components/MessageMarkdown/index.tsx
View File

@ -2,7 +2,7 @@ import { Button, Anchor, Stack, Group, Box, createStyles } from "@mantine/core";
import React, { useEffect, useMemo, useState } from "react"; import React, { useEffect, useMemo, useState } from "react";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import rehypeRaw from "rehype-raw"; import rehypeRaw from "rehype-raw";
import { Highlight, themes } from "prism-react-renderer"; import { Highlight, themes, Prism } from "prism-react-renderer";
import CodeButtons from "./CodeButtons"; import CodeButtons from "./CodeButtons";
import Step from "./Step"; import Step from "./Step";
import LanguageCorner from "./LanguageCorner"; import LanguageCorner from "./LanguageCorner";
@ -14,7 +14,10 @@ import { fromMarkdown } from "mdast-util-from-markdown";
import { visit } from "unist-util-visit"; import { visit } from "unist-util-visit";
import ChatMark from "@/views/components/ChatMark"; import ChatMark from "@/views/components/ChatMark";
import { useSetState } from "@mantine/hooks"; import { useSetState } from "@mantine/hooks";
import { Trans, useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
(typeof global !== "undefined" ? global : window).Prism = Prism;
require("prismjs/components/prism-java");
const useStyles = createStyles((theme) => ({ const useStyles = createStyles((theme) => ({
link: { link: {
@ -307,6 +310,7 @@ Generate a professionally written and formatted release note in markdown with th
const match = /language-(\w+)/.exec(className || ""); const match = /language-(\w+)/.exec(className || "");
const value = String(children).replace(/\n$/, ""); const value = String(children).replace(/\n$/, "");
let lanugage = match && match[1]; let lanugage = match && match[1];
if (!lanugage) { if (!lanugage) {
lanugage = "plaintext"; lanugage = "plaintext";
} }

2
yarn.lock
View File

@ -6892,7 +6892,7 @@ prism-react-renderer@^2.3.1:
"@types/prismjs" "^1.26.0" "@types/prismjs" "^1.26.0"
clsx "^2.0.0" clsx "^2.0.0"
prismjs@^1.27.0: prismjs@^1.27.0, prismjs@^1.29.0:
version "1.29.0" version "1.29.0"
resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12" resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q== integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==