llmasaservice-ui 0.2.8 → 0.2.10

package/dist/index.js

@@ -69,8 +69,7 @@ var import_react = __toESM(require("react"));
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
 var import_react_syntax_highlighter = require("react-syntax-highlighter");
-var import_material_dark = __toESM(require("react-syntax-highlighter/dist/cjs/styles/prism/material-dark.js"));
-var import_material_light = __toESM(require("react-syntax-highlighter/dist/cjs/styles/prism/material-light.js"));
+var import_prism = require("react-syntax-highlighter/dist/esm/styles/prism");
 var ChatPanel = ({
   project_id,
   initialPrompt = "",
@@ -185,7 +184,6 @@ var ChatPanel = ({
   };
   const CodeBlock = (_a) => {
     var _b = _a, { node, className, children, style } = _b, props = __objRest(_b, ["node", "className", "children", "style"]);
-    console.log("CodeBlock", className, children, style, props);
     const match = /language-(\w+)/.exec(className || "");
     return match ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -233,7 +231,7 @@ var ChatPanel = ({
     ), /* @__PURE__ */ import_react.default.createElement(
       import_react_syntax_highlighter.Prism,
       __spreadValues({
-        style: theme === "light" ? import_material_light.default : import_material_dark.default,
+        style: theme === "light" ? import_prism.materialLight : import_prism.materialDark,
         PreTag: "div",
         language: match[1]
       }, props),

package/dist/index.mjs

@@ -36,8 +36,7 @@ import React, { useEffect, useRef, useState } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import materialDark from "react-syntax-highlighter/dist/cjs/styles/prism/material-dark.js";
-import materialLight from "react-syntax-highlighter/dist/cjs/styles/prism/material-light.js";
+import { materialLight, materialDark } from "react-syntax-highlighter/dist/esm/styles/prism";
 var ChatPanel = ({
   project_id,
   initialPrompt = "",
@@ -152,7 +151,6 @@ var ChatPanel = ({
   };
   const CodeBlock = (_a) => {
     var _b = _a, { node, className, children, style } = _b, props = __objRest(_b, ["node", "className", "children", "style"]);
-    console.log("CodeBlock", className, children, style, props);
     const match = /language-(\w+)/.exec(className || "");
     return match ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "llmasaservice-ui",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/ChatPanel.tsx

@@ -6,8 +6,9 @@ import remarkGfm from "remark-gfm";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 
 //import materialDark from "react-syntax-highlighter/dist/cjs/styles/prism/material-dark";
-import materialDark from 'react-syntax-highlighter/dist/cjs/styles/prism/material-dark.js';
-import materialLight from "react-syntax-highlighter/dist/cjs/styles/prism/material-light.js";
+//import materialDark from 'react-syntax-highlighter/dist/cjs/styles/prism/material-dark.js';
+//import materialLight from "react-syntax-highlighter/dist/cjs/styles/prism/material-light.js";
+import { materialLight, materialDark } from "react-syntax-highlighter/dist/esm/styles/prism";
 
 export interface ChatPanelProps {
   project_id: string;
@@ -172,7 +173,6 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   };
 
   const CodeBlock = ({ node, className, children, style, ...props }: any) => {
-    console.log("CodeBlock", className, children, style, props);
     const match = /language-(\w+)/.exec(className || "");
 
     return match ? (