whyuzeim 1.1.76 → 1.1.78

package/cjs/HighlyCustomChat/index.d.ts

@@ -4,6 +4,7 @@ import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
 import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
 import { AIReportMessageExts } from "@components/type";
 import "./style/index.scss";
+import 'highlight.js/styles/night-owl.css';
 export interface IHighlyCustomChat {
     conversationId: string;
     chatType: ChatType;

package/cjs/HighlyCustomChat/index.js

@@ -20,6 +20,7 @@ var React = require('react');
 var agoraChatUikit = require('agora-chat-uikit');
 var remarkGfm = require('remark-gfm');
 var ReactMarkdown = require('react-markdown');
+var rehypeHighlight = require('rehype-highlight');
 var jsrsasign = require('jsrsasign');
 var context = require('../IM/context.js');
 var type = require('../type.js');
@@ -32,6 +33,7 @@ require('./style/index.scss');
 var index = require('./AIReportMsg/index.js');
 var index$3 = require('./ ShareMsg/index.js');
 var classNames = require('classnames');
+require('highlight.js/styles/night-owl.css');
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), true)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -145,7 +147,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
       }
     }, /*#__PURE__*/React.createElement(ReactMarkdown, {
-      remarkPlugins: [remarkGfm]
+      remarkPlugins: [remarkGfm, rehypeHighlight]
     }, "".concat(msg.msg.replace(/^"|"$/g, '').replace(/\\n/g, '\n\n'))))), /*#__PURE__*/React.createElement("span", {
       className: "cui-message-base-time"
     }, formatMessageTime(msg.time)));

package/es/HighlyCustomChat/index.d.ts

@@ -4,6 +4,7 @@ import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
 import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
 import { AIReportMessageExts } from "@components/type";
 import "./style/index.scss";
+import 'highlight.js/styles/night-owl.css';
 export interface IHighlyCustomChat {
     conversationId: string;
     chatType: ChatType;

package/es/HighlyCustomChat/index.js

@@ -18,6 +18,7 @@ import React, { useRef, useContext, useState, useCallback, useEffect } from 'rea
 import { useClient, useSDK, useConversationContext, rootStore, MessageList, MessageInput, ImageMessage, FileMessage, VideoMessage, BaseMessage } from 'agora-chat-uikit';
 import remarkGfm from 'remark-gfm';
 import ReactMarkdown from 'react-markdown';
+import rehypeHighlight from 'rehype-highlight';
 import jsrsasign from 'jsrsasign';
 import { Context } from '../IM/context.js';
 import { commonMessageInputConfig, commonMessageProps } from '../type.js';
@@ -30,6 +31,7 @@ import './style/index.scss';
 import AIReportMsg from './AIReportMsg/index.js';
 import ShareMsg from './ ShareMsg/index.js';
 import classNames from 'classnames';
+import 'highlight.js/styles/night-owl.css';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), true)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -143,7 +145,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
       }
     }, /*#__PURE__*/React.createElement(ReactMarkdown, {
-      remarkPlugins: [remarkGfm]
+      remarkPlugins: [remarkGfm, rehypeHighlight]
     }, "".concat(msg.msg.replace(/^"|"$/g, '').replace(/\\n/g, '\n\n'))))), /*#__PURE__*/React.createElement("span", {
       className: "cui-message-base-time"
     }, formatMessageTime(msg.time)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whyuzeim",
-  "version": "1.1.76",
+  "version": "1.1.78",
   "description": "im componenets",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -46,6 +46,7 @@
     "highlight.js": "^11.11.1",
     "copy-to-clipboard": "^3.3.3",
     "react-markdown": "^10.1.0",
-    "remark-gfm": "^4.0.1"
+    "remark-gfm": "^4.0.1",
+    "rehype-highlight": "^7.0.2"
   }
 }