@lobehub/ui 1.84.2 → 1.86.0

package/README.md

@@ -42,6 +42,8 @@ Lobe UI is an open-source UI component library for building _AIGC_ web apps
 
 - [🤝 Contributing](#-contributing)
 
+- [🔗 More Products](#-more-products)
+
 ####
 
 </details>
@@ -108,7 +110,7 @@ $ pnpm start
 
 <!-- CONTRIBUTION GROUP -->
 
-> 📊 Total: <kbd>**5**</kbd>
+> 📊 Total: <kbd>**6**</kbd>
 
 <a href="https://github.com/canisminor1990" title="canisminor1990">
   <img src="https://avatars.githubusercontent.com/u/17870709?v=4" width="50" />
@@ -122,6 +124,9 @@ $ pnpm start
 <a href="https://github.com/actions-user" title="actions-user">
   <img src="https://avatars.githubusercontent.com/u/65916846?v=4" width="50" />
 </a>
+<a href="https://github.com/Wxh16144" title="Wxh16144">
+  <img src="https://avatars.githubusercontent.com/u/32004925?v=4" width="50" />
+</a>
 <a href="https://github.com/meganjohnson96" title="meganjohnson96">
   <img src="https://avatars.githubusercontent.com/u/136729222?v=4" width="50" />
 </a>
@@ -134,6 +139,19 @@ $ pnpm start
 
 </div>
 
+## 🔗 More Products
+
+- **[🤖 Lobe Chat][lobe-chat] :** An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application.
+- **[🤯 Lobe Theme][lobe-theme] :** The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
+- **[🌏 Lobe i18n][lobe-i18n] :** Lobe i18n is an automation tool for the i18n (internationalization) translation process, powered by ChatGPT. It supports features such as automatic splitting of large files, incremental updates, and customization options for the OpenAI model, API proxy, and temperature.
+- **[💌 Lobe Commit][lobe-commit] :** Lobe Commit is a CLI tool that leverages Langchain/ChatGPT to generate Gitmoji-based commit messages.
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
 ---
 
 #### 📝 License
@@ -143,49 +161,26 @@ This project is [MIT](./LICENSE) licensed.
 
 <!-- LINK GROUP -->
 
-[profile-url]: https://github.com/lobehub
-[gitpod-url]: https://gitpod.io/#https://github.com/lobehub/lobe-ui
-
-<!-- SHIELD LINK GROUP -->
-
 [back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
-
-<!-- release -->
-
-[release-shield]: https://img.shields.io/npm/v/@lobehub/ui?label=%F0%9F%A4%AF%20NPM
-[release-url]: https://www.npmjs.com/package/@lobehub/ui
-
-<!-- releaseDate -->
-
-[release-date-shield]: https://img.shields.io/github/release-date/lobehub/lobe-ui?style=flat
-[release-date-url]: https://github.com/lobehub/lobe-ui/releases
-
-<!-- ciTest -->
-
-[ci-test-shield]: https://github.com/lobehub/lobe-ui/workflows/Test%20CI/badge.svg
-[ci-test-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ATest%20CI
-
-<!-- ciRelease -->
-
 [ci-release-shield]: https://github.com/lobehub/lobe-ui/workflows/Release%20CI/badge.svg
 [ci-release-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ARelease%20CI
-
-<!-- contributors -->
-
+[ci-test-shield]: https://github.com/lobehub/lobe-ui/workflows/Test%20CI/badge.svg
+[ci-test-url]: https://github.com/lobehub/lobe-ui/actions?query=workflow%3ATest%20CI
 [contributors-shield]: https://img.shields.io/github/contributors/lobehub/lobe-ui.svg?style=flat
 [contributors-url]: https://github.com/lobehub/lobe-ui/graphs/contributors
-
-<!-- forks -->
-
 [forks-shield]: https://img.shields.io/github/forks/lobehub/lobe-ui.svg?style=flat
 [forks-url]: https://github.com/lobehub/lobe-ui/network/members
-
-<!-- stargazers -->
-
-[stargazers-shield]: https://img.shields.io/github/stars/lobehub/lobe-ui.svg?style=flat
-[stargazers-url]: https://github.com/lobehub/lobe-ui/stargazers
-
-<!-- issues -->
-
+[gitpod-url]: https://gitpod.io/#https://github.com/lobehub/lobe-ui
 [issues-shield]: https://img.shields.io/github/issues/lobehub/lobe-ui.svg?style=flat
 [issues-url]: https://github.com/lobehub/lobe-ui/issues/new/choose
+[lobe-chat]: https://github.com/lobehub/lobe-chat
+[lobe-commit]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-commit
+[lobe-i18n]: https://github.com/lobehub/lobe-commit/tree/master/packages/lobe-i18n
+[lobe-theme]: https://github.com/lobehub/sd-webui-lobe-theme
+[profile-url]: https://github.com/lobehub
+[release-date-shield]: https://img.shields.io/github/release-date/lobehub/lobe-ui?style=flat
+[release-date-url]: https://github.com/lobehub/lobe-ui/releases
+[release-shield]: https://img.shields.io/npm/v/@lobehub/ui?label=%F0%9F%A4%AF%20NPM
+[release-url]: https://www.npmjs.com/package/@lobehub/ui
+[stargazers-shield]: https://img.shields.io/github/stars/lobehub/lobe-ui.svg?style=flat
+[stargazers-url]: https://github.com/lobehub/lobe-ui/stargazers

package/es/Hero/style.js

@@ -12,7 +12,7 @@ export var useStyles = createStyles(function (_ref) {
     canvas: cx(stylish.gradientAnimation, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 10;\n      top: -250px;\n      left: 50%;\n      transform: translateX(-50%) scale(1.5);\n\n      width: 600px;\n      height: 400px;\n\n      opacity: 0.2;\n      filter: blur(100px);\n\n      ", " {\n        width: 200px;\n        height: 300px;\n      }\n    "])), responsive.mobile)),
     container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    box-sizing: border-box;\n    text-align: center;\n  "]))),
     desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-top: 0;\n    font-size: ", "px;\n    color: ", ";\n    text-align: center;\n\n    ", " {\n      margin: 24px 16px;\n      font-size: ", "px;\n    }\n  "])), token.fontSizeHeading3, token.colorTextSecondary, responsive.mobile, token.fontSizeHeading5),
-    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    z-index: 10;\n    margin: 0;\n    font-size: 100px;\n\n    ", "\n\n    b {\n      ", "\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n\n      -webkit-text-fill-color: transparent;\n    }\n  "])), responsive({
+    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    z-index: 10;\n    margin: 0;\n    font-size: 100px;\n\n    ", "\n\n    b {\n      ", "\n      position: relative;\n      z-index: 5;\n      background-clip: text;\n\n      -webkit-text-fill-color: transparent;\n\n      &::selection {\n        -webkit-text-fill-color: #000 !important;\n      }\n    }\n  "])), responsive({
       mobile: {
         display: 'flex',
         flexDirection: 'column',

package/es/Highlighter/index.js

@@ -47,7 +47,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
       children: language.toLowerCase()
     }), /*#__PURE__*/_jsx(SyntaxHighlighter, {
       language: language === null || language === void 0 ? void 0 : language.toLowerCase(),
-      children: children.trim()
+      children: children === null || children === void 0 ? void 0 : children.trim()
     })]
   }));
 });

package/es/Markdown/index.d.ts

@@ -1,3 +1,4 @@
+import 'katex/dist/katex.min.css';
 import { CSSProperties } from 'react';
 export interface MarkdownProps {
     /**

package/es/Markdown/index.js

@@ -4,11 +4,14 @@ var _excluded = ["children", "className", "style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Collapse, Divider, Image, Typography } from 'antd';
+import 'katex/dist/katex.min.css';
 import { memo } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import ReactMarkdown from 'react-markdown';
+import rehypeKatex from 'rehype-katex';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
 import Code from "./Code";
 import CodeBlock from "./CodeBlock";
 import { useStyles } from "./style";
@@ -49,8 +52,8 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
       children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({
         className: styles.markdown,
         components: components,
-        rehypePlugins: [rehypeRaw],
-        remarkPlugins: [remarkGfm]
+        rehypePlugins: [rehypeRaw, rehypeKatex],
+        remarkPlugins: [remarkGfm, remarkMath]
       }, props), {}, {
         children: children
       }))

package/es/hooks/useHighlight.d.ts

@@ -1,5 +1,5 @@
 import { type Highlighter, type HighlighterCoreOptions } from 'shikiji';
-export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "markdown", "md", "less", "css", "typescript", "ts", "tsx", "diff", "bash"];
+export declare const languageMap: readonly ["javascript", "js", "jsx", "json", "markdown", "md", "less", "css", "python", "py", "typescript", "ts", "tsx", "diff", "bash"];
 /**
  * @title 代码高亮的存储对象
  */

package/es/hooks/useHighlight.js

@@ -4,7 +4,7 @@ import { getHighlighter } from 'shikiji';
 import { shallow } from 'zustand/shallow';
 import { createWithEqualityFn } from 'zustand/traditional';
 import { themeConfig } from "../Highlighter/theme";
-export var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', 'less', 'css', 'typescript', 'ts', 'tsx', 'diff', 'bash'];
+export var languageMap = ['javascript', 'js', 'jsx', 'json', 'markdown', 'md', 'less', 'css', 'python', 'py', 'typescript', 'ts', 'tsx', 'diff', 'bash'];
 
 /**
  * @title 代码高亮的存储对象

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.84.2",
+  "version": "1.86.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -88,6 +88,7 @@
     "emoji-regex": "^10",
     "fast-deep-equal": "^3",
     "immer": "^10",
+    "katex": "^0.16",
     "leva": "^0",
     "lodash-es": "^4",
     "lucide-react": "latest",
@@ -100,8 +101,10 @@
     "react-markdown": "^8",
     "react-rnd": "^10",
     "react-simple-code-editor": "^0",
+    "rehype-katex": "^6",
     "rehype-raw": "^6",
     "remark-gfm": "^3",
+    "remark-math": "^5",
     "shikiji": "^0",
     "styled-components": "^6",
     "three": "^0.150",
@@ -132,7 +135,7 @@
     "father": "^4",
     "husky": "^8",
     "jsdom": "^22",
-    "lint-staged": "^13",
+    "lint-staged": "^14",
     "prettier": "^3",
     "react": "^18",
     "react-dom": "^18",