@mujian/js-sdk 0.0.6-beta.1

package/dist/react/chat/useChat/message.d.ts

@@ -0,0 +1,37 @@
+export declare const Role: {
+    readonly User: "user";
+    readonly Assistant: "assistant";
+    readonly System: "system";
+};
+export type Role = (typeof Role)[keyof typeof Role];
+export type Message = {
+    id: string;
+    role: Role;
+    content: string;
+    swipes: Array<string>;
+    activeSwipeId: number;
+    sendAt: Date;
+    isStreaming: boolean;
+};
+export type RawData = {
+    id: string;
+    provider: string;
+    model: string;
+    object: string;
+    created: number;
+    choices: [
+        {
+            index: number;
+            delta: {
+                role: string;
+                content: string;
+                reasoning: string;
+            };
+            finish_reason: string | null;
+            native_finish_reason: string | null;
+            logprobs: string | null;
+        }
+    ];
+    question_id: string;
+    reply_id: string;
+};

package/dist/react/components/MdRenderer/index.d.ts

@@ -0,0 +1,20 @@
+/** biome-ignore-all lint/security/noDangerouslySetInnerHtml: <explanation> */
+import React from 'react';
+import './MdTheme.css';
+export type MdRendererProps = {
+    /**
+     * The markdown content to render
+     */
+    content: string;
+};
+/**
+ * A React component that renders markdown content as HTML
+ */
+export declare const MdRendererBase: {
+    ({ content }: MdRendererProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const MdRenderer: React.MemoExoticComponent<{
+    ({ content }: MdRendererProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;

package/dist/react/components/MdRenderer/utils.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Replaces style tags in the message text with custom tags with encoded content.
+ * @param {string} text
+ * @returns {string} Encoded message text
+ * @copyright https://github.com/kwaroran/risuAI
+ */
+export declare function encodeStyleTags(text: string): string;
+/**
+ * Sanitizes custom style tags in the message text to prevent DOM pollution.
+ * @param {string} text Message text
+ * @param {object} options Options object
+ * @param {string} options.prefix Prefix the selectors with this value
+ * @returns {string} Sanitized message text
+ * @copyright https://github.com/kwaroran/risuAI
+ */
+export declare function decodeStyleTags(text: string, { prefix }?: {
+    prefix: string;
+}): string;
+export declare const markdownUnderscoreExt: () => {
+    type: string;
+    regex: RegExp;
+    replace: (match: string, tagContent: string, italicContent: string) => string;
+}[];
+/**
+ * @enum {number} Where the regex script should be applied
+ */
+/**
+ * Formats the message text into an HTML string using Markdown and other formatting.
+ * @param {string} mes Message text
+ * @param {string} ch_name Character name
+ * @param {boolean} isSystem If the message was sent by the system
+ * @param {boolean} isUser If the message was sent by the user
+ * @param {number} messageId Message index in chat array
+ * @param {object} [sanitizerOverrides] DOMPurify sanitizer option overrides
+ * @param {boolean} [isReasoning] If the message is reasoning output
+ * @returns {string} HTML string
+ */
+export declare function messageFormatting(mes: any, sanitizerOverrides?: any): any;

package/dist/react/components/MujianProvider/index.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import { MujianSdk } from '../../../index.ts';
+export type MujianProviderProps = {
+    /**
+     * Children to be rendered
+     */
+    children: ReactNode;
+    /**
+     * Loading component to be rendered
+     */
+    loadingComponent?: ReactNode;
+};
+/**
+ * A React component that provides the Mujian SDK instance to its children
+ */
+export declare const MujianProvider: ({ children, loadingComponent, }: MujianProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useMujian: () => MujianSdk;

package/dist/react/components/Thread/MessageItem.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { Message as MessageType } from '../../chat';
+export interface MessageItemProps {
+    /**
+     * Message
+     */
+    message: MessageType;
+    /**
+     * Children to be rendered
+     */
+    children: (message: MessageType, originalMessage: MessageType) => ReactNode;
+    /**
+     * Message index, the oldest message is 0
+     */
+    index: number;
+    /**
+     * Message depth, the latest messages is 0
+     */
+    depth: number;
+}
+export declare const MessageItem: (props: MessageItemProps) => ReactNode;

package/dist/react/components/Thread/MessageList.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { VListHandle, VListProps } from 'virtua';
+import { Message as MessageType } from '../../chat';
+import { MessageItemProps } from './MessageItem';
+export interface MessageListProps {
+    /**
+     * Messages
+     */
+    messages: Array<MessageType>;
+    /**
+     * Children to be rendered
+     */
+    children: (props: Omit<MessageItemProps, 'children'>) => ReactElement;
+    /**
+     * Virtua props
+     */
+    vListProps?: Omit<VListProps, 'children' | 'data'>;
+}
+export declare const MessageList: import("react").ForwardRefExoticComponent<MessageListProps & import("react").RefAttributes<VListHandle>>;

package/dist/react/components/Thread/index.d.ts

@@ -0,0 +1,4 @@
+export declare const Thread: {
+    MessageItem: (props: import("./MessageItem").MessageItemProps) => import("react").ReactNode;
+    MessageList: import("react").ForwardRefExoticComponent<import("./MessageList").MessageListProps & import("react").RefAttributes<import("virtua").VListHandle>>;
+};

package/dist/react/components/button.d.ts

@@ -0,0 +1,14 @@
+export type ButtonProps = {
+    /**
+     * Whether to disable the button
+     * - This is extra line a
+     * - This is extra line b
+     */
+    disabled?: boolean;
+    /**
+     * Type of Button
+     * @default 'default'
+     */
+    size?: 'mini' | 'small' | 'default' | 'large';
+};
+export declare const Button: (_props?: ButtonProps) => void;

package/dist/react/components/index.d.ts

@@ -0,0 +1,4 @@
+export type { VListHandle } from 'virtua';
+export { MdRenderer } from './MdRenderer';
+export { MujianProvider, useMujian } from './MujianProvider';
+export { Thread } from './Thread';

package/dist/react/index.d.ts

@@ -0,0 +1,2 @@
+export * from './chat';
+export * from './components';

package/dist/react.css

@@ -0,0 +1,156 @@
+:root {
+  --doc-height: 1102px;
+  --SmartThemeBodyColor: #abc6df;
+  --SmartThemeCheckboxBgColorR: 171;
+  --SmartThemeCheckboxBgColorG: 198;
+  --SmartThemeCheckboxBgColorB: 223;
+  --SmartThemeCheckboxBgColorA: 1;
+  --SmartThemeEmColor: #fff;
+  --SmartThemeUnderlineColor: #bce7cf;
+  --SmartThemeQuoteColor: #6f85fd;
+  --SmartThemeBlurTintColor: #171e219c;
+  --SmartThemeChatTintColor: #17171700;
+  --SmartThemeUserMesBlurTintColor: #001cae33;
+  --SmartThemeBotMesBlurTintColor: #000d3938;
+  --SmartThemeShadowColor: #000;
+  --SmartThemeBorderColor: #00000080;
+  --animation-duration: .125s;
+  --fontScale: 1;
+  --sheldWidth: 50vw;
+  --blurStrength: 11;
+  --shadowWidth: 5;
+  --black30a: #0000004d;
+  --SmartThemeQuoteBg: linear-gradient(90deg, #00e1ff 39%, #ff04e6 100%) text;
+}
+
+.mes q:before, .mes q:after, .mes_text q:before, .mes_text q:after {
+  content: "";
+}
+
+.mes_text br {
+  display: none;
+}
+
+.mes_text table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  margin-bottom: 16px;
+}
+
+.mes_text td, .mes_text th {
+  border-collapse: collapse;
+  border: 1px solid;
+  padding: .25em;
+}
+
+.mes_text p {
+  color: var(--SmartThemeBodyColor);
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.mes_text {
+  color: var(--SmartThemeBodyColor);
+}
+
+.mes_text p:only-child, .mes_text p:only-of-type {
+  margin-bottom: 0;
+}
+
+.mes_text ol {
+  unicode-bidi: isolate;
+  margin-block: 1em;
+  margin-inline: 0;
+  padding-inline-start: 40px;
+  list-style-type: decimal;
+  display: block;
+}
+
+.mes_text li tt {
+  display: inline-block;
+}
+
+.mes_text li {
+  position: relative;
+}
+
+.mes_text ol, .mes_text ul {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.mes_text br, .mes_bias br {
+  content: " ";
+  margin: 2px 0;
+  display: block;
+}
+
+.mes_bias {
+  font-size: calc(var(--mainFontSize)  - .1rem);
+  color: var(--SmartThemeQuoteColor);
+  font-weight: 500;
+  display: block;
+}
+
+.mes_text i, .mes_text em {
+  color: var(--SmartThemeEmColor);
+}
+
+.mes_text u {
+  color: var(--SmartThemeUnderlineColor);
+}
+
+.mes_text q {
+  color: #00e1ff;
+}
+
+.mes_text font[color] em, .mes_text font[color] i, .mes_text font[color] q {
+  color: inherit;
+}
+
+.mes_text rp {
+  display: block;
+}
+
+.mes_text blockquote {
+  border-left: 3px solid var(--SmartThemeQuoteColor);
+  background-color: var(--black30a);
+  width: 100%;
+  margin-bottom: 16px;
+  padding-left: 10px;
+
+  & p {
+    margin: 0;
+  }
+}
+
+.mes_text strong em, .mes_text strong, .mes_text h2, .mes_text h1 {
+  font-weight: bold;
+}
+
+.mes_text pre code, code {
+  padding: 1em;
+  display: block;
+  position: relative;
+  overflow-x: auto;
+}
+
+.mes_text img:not(.mes_img), .mes_reasoning img:not(.mes_img) {
+  max-width: 100%;
+  max-height: var(--doc-height);
+  object-fit: contain;
+  height: auto !important;
+}
+
+.mes-dialogue {
+  background: var(--SmartThemeQuoteBg);
+  -webkit-text-fill-color: transparent;
+  color: #0000;
+  -webkit-background-clip: text;
+  background-clip: text;
+}
+
+.mes_text img {
+  width: 100%;
+}
+