jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: add gfm plugin

Browse source
This commit is contained in:
nick-delirium 2025-05-02 13:46:58 +02:00
parent 02237a543d
commit 3523a0846e
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
3 changed files with 231 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/app/components/Kai/components/ChatMsg.tsx
View file

@ -2,6 +2,7 @@ import React from 'react';
import { Icon } from 'UI';
import cn from 'classnames';
import Markdown from 'react-markdown';
import remarkGfm from 'remark-gfm'
import { Loader, ThumbsUp, ThumbsDown, ListRestart } from 'lucide-react';
import { kaiStore } from '../KaiStore';
@ -49,7 +50,7 @@ export function ChatMsg({
</div>
)}
<div className={'mt-1'}>
<Markdown>{text}</Markdown>
<Markdown remarkPlugins={[remarkGfm]}>{text}</Markdown>
{isUser ? (
isLast ? (
<div

1
frontend/package.json
View file

@ -82,6 +82,7 @@
"react-toastify": "^11.0.5",
"react18-json-view": "^0.2.9",
"recharts": "^2.15.3",
"remark-gfm": "^4.0.1",
"socket.io-client": "^4.8.1",
"syncod": "^0.0.1",
"ts-api-utils": "^2.1.0",

228
frontend/yarn.lock
View file

@ -7909,6 +7909,13 @@ __metadata:
languageName: node
linkType: hard
"escape-string-regexp@npm:^5.0.0":
version: 5.0.0
resolution: "escape-string-regexp@npm:5.0.0"
checksum: 10c1/b0adeed7c0bbed28c4923be95545ab6cbedbb2692a74afb26b60bff96c596c6ca966bdf4bf7df785d650418c894ab50369a3adb0df7a60a7226c25ef37590612
languageName: node
linkType: hard
"escodegen@npm:^2.0.0":
version: 2.1.0
resolution: "escodegen@npm:2.1.0"
@ -11733,6 +11740,13 @@ __metadata:
languageName: node
linkType: hard
"markdown-table@npm:^3.0.0":
version: 3.0.4
resolution: "markdown-table@npm:3.0.4"
checksum: 10c1/96224edd965a8c8a171f448dabd3f39b71e68446834401c095867d32a55017bd3acd542730abede5c720bd888782b8acb73f239ad94b6c107317187d3a1c8052
languageName: node
linkType: hard
"math-intrinsics@npm:^1.1.0":
version: 1.1.0
resolution: "math-intrinsics@npm:1.1.0"
@ -11740,6 +11754,18 @@ __metadata:
languageName: node
linkType: hard
"mdast-util-find-and-replace@npm:^3.0.0":
version: 3.0.2
resolution: "mdast-util-find-and-replace@npm:3.0.2"
dependencies:
"@types/mdast": "npm:^4.0.0"
escape-string-regexp: "npm:^5.0.0"
unist-util-is: "npm:^6.0.0"
unist-util-visit-parents: "npm:^6.0.0"
checksum: 10c1/c04f93c88f336c83d880e00001c6e3445b45e1d693231d842031c0e26ba9d61a542309b1aa3a65f75cc5924b2933eb76313f7fe96f53d0db77acca7c2c12af07
languageName: node
linkType: hard
"mdast-util-from-markdown@npm:^2.0.0":
version: 2.0.2
resolution: "mdast-util-from-markdown@npm:2.0.2"
@ -11760,6 +11786,83 @@ __metadata:
languageName: node
linkType: hard
"mdast-util-gfm-autolink-literal@npm:^2.0.0":
version: 2.0.1
resolution: "mdast-util-gfm-autolink-literal@npm:2.0.1"
dependencies:
"@types/mdast": "npm:^4.0.0"
ccount: "npm:^2.0.0"
devlop: "npm:^1.0.0"
mdast-util-find-and-replace: "npm:^3.0.0"
micromark-util-character: "npm:^2.0.0"
checksum: 10c1/6f4f0836ad9ea7c290119e230173daae2c9708c872ad7a5b472958d3efaed7adfca5073c2b520025ebc6437c8a9006396569672e3ed445f65fb91619af06c4bb
languageName: node
linkType: hard
"mdast-util-gfm-footnote@npm:^2.0.0":
version: 2.1.0
resolution: "mdast-util-gfm-footnote@npm:2.1.0"
dependencies:
"@types/mdast": "npm:^4.0.0"
devlop: "npm:^1.1.0"
mdast-util-from-markdown: "npm:^2.0.0"
mdast-util-to-markdown: "npm:^2.0.0"
micromark-util-normalize-identifier: "npm:^2.0.0"
checksum: 10c1/d2c69a844ed7198a951007b8812f62f11c793d100ed3f452214e49a55bcd57e5c2679ebc2510accc2e1142ba027ea2499309ffd03b51665c28c50e3c9d7c5f37
languageName: node
linkType: hard
"mdast-util-gfm-strikethrough@npm:^2.0.0":
version: 2.0.0
resolution: "mdast-util-gfm-strikethrough@npm:2.0.0"
dependencies:
"@types/mdast": "npm:^4.0.0"
mdast-util-from-markdown: "npm:^2.0.0"
mdast-util-to-markdown: "npm:^2.0.0"
checksum: 10c1/659c7501610c5cc1ed53035eda7fe53c785e60d416761407ef7ffb1d4e28c754c72d6fcf5d12e25778610c84697d27ac4e1712cf898eed11966363b19ec9fbf5
languageName: node
linkType: hard
"mdast-util-gfm-table@npm:^2.0.0":
version: 2.0.0
resolution: "mdast-util-gfm-table@npm:2.0.0"
dependencies:
"@types/mdast": "npm:^4.0.0"
devlop: "npm:^1.0.0"
markdown-table: "npm:^3.0.0"
mdast-util-from-markdown: "npm:^2.0.0"
mdast-util-to-markdown: "npm:^2.0.0"
checksum: 10c1/2fa2f315a0ced7d1a7b69aa7b972c63aef44b7d00507ae0e348aaee3b5ae9898661d355265369d6ad25bebdf1d417628454eeba9d1e67996665c7f4ae9437224
languageName: node
linkType: hard
"mdast-util-gfm-task-list-item@npm:^2.0.0":
version: 2.0.0
resolution: "mdast-util-gfm-task-list-item@npm:2.0.0"
dependencies:
"@types/mdast": "npm:^4.0.0"
devlop: "npm:^1.0.0"
mdast-util-from-markdown: "npm:^2.0.0"
mdast-util-to-markdown: "npm:^2.0.0"
checksum: 10c1/0e95909027c38693a8606497160a10300eb2525d540d151e88ccb67ccf34beb4c225d42e5f04794e75c99e393106fe0bcd2db4d7b46f5c7ea9f61f39f1bcb16b
languageName: node
linkType: hard
"mdast-util-gfm@npm:^3.0.0":
version: 3.1.0
resolution: "mdast-util-gfm@npm:3.1.0"
dependencies:
mdast-util-from-markdown: "npm:^2.0.0"
mdast-util-gfm-autolink-literal: "npm:^2.0.0"
mdast-util-gfm-footnote: "npm:^2.0.0"
mdast-util-gfm-strikethrough: "npm:^2.0.0"
mdast-util-gfm-table: "npm:^2.0.0"
mdast-util-gfm-task-list-item: "npm:^2.0.0"
mdast-util-to-markdown: "npm:^2.0.0"
checksum: 10c1/ba1a10f66c5e8c644fcb249a714f47267752d13725bbc0e3f911782a25241d0aab7e9a176e88980c36eec11a00c14cbbbad425979ef1204bf94d935fde325f8d
languageName: node
linkType: hard
"mdast-util-mdx-expression@npm:^2.0.0":
version: 2.0.1
resolution: "mdast-util-mdx-expression@npm:2.0.1"
@ -11977,6 +12080,99 @@ __metadata:
languageName: node
linkType: hard
"micromark-extension-gfm-autolink-literal@npm:^2.0.0":
version: 2.1.0
resolution: "micromark-extension-gfm-autolink-literal@npm:2.1.0"
dependencies:
micromark-util-character: "npm:^2.0.0"
micromark-util-sanitize-uri: "npm:^2.0.0"
micromark-util-symbol: "npm:^2.0.0"
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/1400e678599ee64fb768ddb55442ef5f1ffa11f6cd6d6e8412ae695e28b8bcc2dbb48152a3775d7ad6c59ab9170d27e9bf7e4785fdaf26de2a463c77fd38e212
languageName: node
linkType: hard
"micromark-extension-gfm-footnote@npm:^2.0.0":
version: 2.1.0
resolution: "micromark-extension-gfm-footnote@npm:2.1.0"
dependencies:
devlop: "npm:^1.0.0"
micromark-core-commonmark: "npm:^2.0.0"
micromark-factory-space: "npm:^2.0.0"
micromark-util-character: "npm:^2.0.0"
micromark-util-normalize-identifier: "npm:^2.0.0"
micromark-util-sanitize-uri: "npm:^2.0.0"
micromark-util-symbol: "npm:^2.0.0"
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/16f26d514f1f32b84487e98a52f8cebb9ae0b81f8fe0052c91a2af916101dcb0153fe8f8ff80bfe28e89cadeb857d0f2d1602303ffefe088e3aad723dd7bca72
languageName: node
linkType: hard
"micromark-extension-gfm-strikethrough@npm:^2.0.0":
version: 2.1.0
resolution: "micromark-extension-gfm-strikethrough@npm:2.1.0"
dependencies:
devlop: "npm:^1.0.0"
micromark-util-chunked: "npm:^2.0.0"
micromark-util-classify-character: "npm:^2.0.0"
micromark-util-resolve-all: "npm:^2.0.0"
micromark-util-symbol: "npm:^2.0.0"
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/2979a25cfb8c1ca2e74fb809a0ebb9c92ff358ecb1bc233395cc60b5fbddadc905546710e43f0791b0df0a75c0176bc5ef0325ac387c5898081cf06aa855a4a5
languageName: node
linkType: hard
"micromark-extension-gfm-table@npm:^2.0.0":
version: 2.1.1
resolution: "micromark-extension-gfm-table@npm:2.1.1"
dependencies:
devlop: "npm:^1.0.0"
micromark-factory-space: "npm:^2.0.0"
micromark-util-character: "npm:^2.0.0"
micromark-util-symbol: "npm:^2.0.0"
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/0037502930d85c113142722f04ecb27d764dbd11cd6fa792004d407745cd43437d2b8d149276f55865a34745f7f0fe169992e26e8c9ba41e652c867aa526859a
languageName: node
linkType: hard
"micromark-extension-gfm-tagfilter@npm:^2.0.0":
version: 2.0.0
resolution: "micromark-extension-gfm-tagfilter@npm:2.0.0"
dependencies:
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/1be3c2a586859d5ac38b87a6f7e4a2cd23e041ffc2536267b5a6e135272ffc2dad745316e332e89f31893d649b4fcb86a95e0e2f3a1a9f9109d2e61f9078735a
languageName: node
linkType: hard
"micromark-extension-gfm-task-list-item@npm:^2.0.0":
version: 2.1.0
resolution: "micromark-extension-gfm-task-list-item@npm:2.1.0"
dependencies:
devlop: "npm:^1.0.0"
micromark-factory-space: "npm:^2.0.0"
micromark-util-character: "npm:^2.0.0"
micromark-util-symbol: "npm:^2.0.0"
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/b5358f0a6d81c1ace3911279750d0de2317c835d27b72d5c64400d4a641f4c41eb3ba0f050e002e30abf065a8f9f6f72a727574cf268b9fa40c8d9c2b0cf3376
languageName: node
linkType: hard
"micromark-extension-gfm@npm:^3.0.0":
version: 3.0.0
resolution: "micromark-extension-gfm@npm:3.0.0"
dependencies:
micromark-extension-gfm-autolink-literal: "npm:^2.0.0"
micromark-extension-gfm-footnote: "npm:^2.0.0"
micromark-extension-gfm-strikethrough: "npm:^2.0.0"
micromark-extension-gfm-table: "npm:^2.0.0"
micromark-extension-gfm-tagfilter: "npm:^2.0.0"
micromark-extension-gfm-task-list-item: "npm:^2.0.0"
micromark-util-combine-extensions: "npm:^2.0.0"
micromark-util-types: "npm:^2.0.0"
checksum: 10c1/6119742e0439d9a12c05a01a09af296e89ecdd38a2cf1b20a68d69464334e23b69da7ad17e92fa137ac06ede9e5dacc9560b8beb3824f6fb7214b5f25b26189b
languageName: node
linkType: hard
"micromark-factory-destination@npm:^2.0.0":
version: 2.0.1
resolution: "micromark-factory-destination@npm:2.0.1"
@ -13044,9 +13240,16 @@ __metadata:
react-select: "npm:^5.10.1"
react-svg-map: "npm:^2.2.0"
react-toastify: "npm:^11.0.5"
<<<<<<< HEAD
react18-json-view: "npm:^0.2.9"
recharts: "npm:^2.15.3"
sass: "npm:^1.88.0"
=======
react18-json-view: "npm:^0.2.8"
recharts: "npm:^2.12.7"
remark-gfm: "npm:^4.0.1"
sass: "npm:^1.51.0"
>>>>>>> d6ab2147e (ui: add gfm plugin)
sass-loader: "npm:^13.0.0"
socket.io-client: "npm:^4.8.1"
style-loader: "npm:^3.3.1"
@ -15455,6 +15658,20 @@ __metadata:
languageName: node
linkType: hard
"remark-gfm@npm:^4.0.1":
version: 4.0.1
resolution: "remark-gfm@npm:4.0.1"
dependencies:
"@types/mdast": "npm:^4.0.0"
mdast-util-gfm: "npm:^3.0.0"
micromark-extension-gfm: "npm:^3.0.0"
remark-parse: "npm:^11.0.0"
remark-stringify: "npm:^11.0.0"
unified: "npm:^11.0.0"
checksum: 10c1/9aedb2e714806a621e9927a6121eb04ef0cdb509724fdf9626b50d361824f714883bf9a0996720c369ae48a1139c0df9abedf136fd717b76b597b7ea7de877eb
languageName: node
linkType: hard
"remark-parse@npm:^11.0.0":
version: 11.0.0
resolution: "remark-parse@npm:11.0.0"
@ -15480,6 +15697,17 @@ __metadata:
languageName: node
linkType: hard
"remark-stringify@npm:^11.0.0":
version: 11.0.0
resolution: "remark-stringify@npm:11.0.0"
dependencies:
"@types/mdast": "npm:^4.0.0"
mdast-util-to-markdown: "npm:^2.0.0"
unified: "npm:^11.0.0"
checksum: 10c1/d69314437edce255fd1e7eab455bc34e3e6e712a10c485a330ee59cf2b0350a3e63cb1e9ed777b2be8e9ed25c6dc1c15fbc084035c5c48b22472609195aa5caa
languageName: node
linkType: hard
"renderkid@npm:^3.0.0":
version: 3.0.0
resolution: "renderkid@npm:3.0.0"