@rimori/client 1.4.9 → 2.0.0

package/dist/style.css

@@ -1,110 +0,0 @@
-dialog::backdrop {
-  backdrop-filter: blur(2px);
-}
-
-.dark * dialog::backdrop {
-  background: transparent;
-}
-
-.tiptap {
-  padding-top: 5px;
-  padding-left: 7px;
-  /* min-height: 300px; */
-}
-.tiptap:focus-visible {
-  outline: none;
-}
-.tiptap h1,
-.tiptap h2,
-.tiptap h3,
-.tiptap h4,
-.tiptap h5,
-.tiptap h6 {
-  @apply font-bold;
-  margin-bottom: 1rem;
-}
-.tiptap h1 {
-  @apply text-4xl;
-}
-.tiptap h2 {
-  @apply text-3xl;
-}
-.tiptap h3 {
-  @apply text-2xl;
-}
-.tiptap h4 {
-  @apply text-xl;
-}
-.tiptap h5 {
-  @apply text-lg;
-}
-.tiptap h6 {
-  @apply text-base;
-}
-.tiptap p {
-  @apply mb-4;
-}
-.tiptap a {
-  @apply text-blue-600 hover:text-blue-800;
-  text-decoration: none;
-}
-.tiptap a:hover {
-  @apply underline;
-}
-.tiptap ul {
-  @apply list-disc pl-8;
-}
-.tiptap ul li > p {
-  @apply mb-1;
-}
-.tiptap ol {
-  @apply list-decimal pl-7;
-}
-.tiptap ol li > p {
-  @apply mb-1;
-}
-.tiptap blockquote {
-  @apply border-l-4 pl-4 italic text-gray-600 my-4;
-  border-color: #ccc;
-}
-.tiptap code {
-  font-family: monospace;
-}
-.tiptap pre {
-  @apply bg-gray-800 text-gray-500 p-4 rounded-lg overflow-x-auto;
-  font-family: monospace;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
-.tiptap img {
-  @apply max-w-full h-auto rounded-lg my-4;
-}
-.tiptap table {
-  @apply table-auto w-full border-collapse mb-4;
-}
-.tiptap th,
-.tiptap td {
-  @apply border px-4 py-2 text-left;
-}
-.tiptap th {
-  @apply bg-gray-500 font-semibold;
-}
-.tiptap tr:nth-child(even) {
-  @apply bg-gray-400;
-}
-@media (max-width: 768px) {
-  .tiptap h1 {
-    @apply text-3xl;
-  }
-  .tiptap h2 {
-    @apply text-2xl;
-  }
-  .tiptap p {
-    @apply text-base;
-  }
-  .tiptap img {
-    @apply max-w-full;
-  }
-}
-
-/*# sourceMappingURL=style.css.map */

package/dist/style.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/style.scss"],"names":[],"mappings":"AAAA;EACE;;;AAIF;EACE;;;AAGF;EACE;EACA;AACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE","file":"style.css"}

package/dist/utils/Language.d.ts

@@ -1,67 +0,0 @@
-export declare const languageKeys: {
-    readonly sq: "albanian";
-    readonly ar: "arabic";
-    readonly hy: "armenian";
-    readonly az: "azerbaijani";
-    readonly bn: "bengali";
-    readonly bs: "bosnian";
-    readonly bg: "bulgarian";
-    readonly ca: "catalan";
-    readonly zh: "chinese";
-    readonly hr: "croatian";
-    readonly cs: "czech";
-    readonly da: "danish";
-    readonly nl: "dutch";
-    readonly en: "english";
-    readonly et: "estonian";
-    readonly fi: "finnish";
-    readonly fr: "french";
-    readonly gl: "galician";
-    readonly de: "german";
-    readonly el: "greek";
-    readonly he: "hebrew";
-    readonly hi: "hindi";
-    readonly hu: "hungarian";
-    readonly is: "icelandic";
-    readonly id: "indonesian";
-    readonly it: "italian";
-    readonly ja: "japanese";
-    readonly kn: "kannada";
-    readonly kk: "kazakh";
-    readonly ko: "korean";
-    readonly lv: "latvian";
-    readonly lt: "lithuanian";
-    readonly mk: "macedonian";
-    readonly ms: "malay";
-    readonly mr: "marathi";
-    readonly mi: "maori";
-    readonly ne: "nepali";
-    readonly no: "norwegian";
-    readonly fa: "persian";
-    readonly pl: "polish";
-    readonly pt: "portuguese";
-    readonly ro: "romanian";
-    readonly ru: "russian";
-    readonly sr: "serbian";
-    readonly sk: "slovak";
-    readonly sl: "slovenian";
-    readonly es: "spanish";
-    readonly sw: "swahili";
-    readonly sv: "swedish";
-    readonly tl: "filipino";
-    readonly ta: "tamil";
-    readonly th: "thai";
-    readonly tr: "turkish";
-    readonly uk: "ukrainian";
-    readonly ur: "urdu";
-    readonly vi: "vietnamese";
-    readonly cy: "welsh";
-};
-export type Language = keyof typeof languageKeys;
-/**
- * Get the language name from the language code
- * @param languageCode The code of the language
- * @param capitalize Whether to capitalize the first letter of the language name
- * @returns The language name
- */
-export declare function getLanguageName(languageCode: Language, capitalize?: boolean): string;

package/dist/utils/Language.js

@@ -1,69 +0,0 @@
-export const languageKeys = {
-    sq: 'albanian',
-    ar: 'arabic',
-    hy: 'armenian',
-    az: 'azerbaijani',
-    bn: 'bengali',
-    bs: 'bosnian',
-    bg: 'bulgarian',
-    ca: 'catalan',
-    zh: 'chinese',
-    hr: 'croatian',
-    cs: 'czech',
-    da: 'danish',
-    nl: 'dutch',
-    en: 'english',
-    et: 'estonian',
-    fi: 'finnish',
-    fr: 'french',
-    gl: 'galician',
-    de: 'german',
-    el: 'greek',
-    he: 'hebrew',
-    hi: 'hindi',
-    hu: 'hungarian',
-    is: 'icelandic',
-    id: 'indonesian',
-    it: 'italian',
-    ja: 'japanese',
-    kn: 'kannada',
-    kk: 'kazakh',
-    ko: 'korean',
-    lv: 'latvian',
-    lt: 'lithuanian',
-    mk: 'macedonian',
-    ms: 'malay',
-    mr: 'marathi',
-    mi: 'maori',
-    ne: 'nepali',
-    no: 'norwegian',
-    fa: 'persian',
-    pl: 'polish',
-    pt: 'portuguese',
-    ro: 'romanian',
-    ru: 'russian',
-    sr: 'serbian',
-    sk: 'slovak',
-    sl: 'slovenian',
-    es: 'spanish',
-    sw: 'swahili',
-    sv: 'swedish',
-    tl: 'filipino',
-    ta: 'tamil',
-    th: 'thai',
-    tr: 'turkish',
-    uk: 'ukrainian',
-    ur: 'urdu',
-    vi: 'vietnamese',
-    cy: 'welsh',
-};
-/**
- * Get the language name from the language code
- * @param languageCode The code of the language
- * @param capitalize Whether to capitalize the first letter of the language name
- * @returns The language name
- */
-export function getLanguageName(languageCode, capitalize = false) {
-    const lang = languageKeys[languageCode];
-    return capitalize ? lang.charAt(0).toUpperCase() + lang.slice(1) : lang;
-}

package/dist/utils/LanguageClass.d.ts

@@ -1,36 +0,0 @@
-import { Language } from './Language';
-/**
- * A class that represents a language with dual functionality:
- * - When converted to string, returns the 2-letter language code
- * - When used as an object, provides getters for different language representations
- */
-export declare class LanguageClass {
-    private readonly languageCode;
-    constructor(languageCode: Language);
-    /**
-     * Returns the 2-letter language code when the object is converted to string
-     */
-    toString(): string;
-    /**
-     * Returns the 2-letter language code
-     */
-    get code(): string;
-    /**
-     * Returns the full language name in lowercase
-     */
-    get name(): string;
-    /**
-     * Returns the full language name with first letter capitalized
-     */
-    get capitalized(): string;
-    /**
-     * Returns the full language name in uppercase
-     */
-    get uppercase(): string;
-}
-/**
- * Creates a LanguageClass instance from a language code
- * @param languageCode The 2-letter language code
- * @returns A LanguageClass instance
- */
-export declare function createLanguage(languageCode: Language): LanguageClass;

package/dist/utils/LanguageClass.example.js

@@ -1 +0,0 @@
-"use strict";

package/dist/utils/LanguageClass.js

@@ -1,50 +0,0 @@
-import { languageKeys } from './Language';
-/**
- * A class that represents a language with dual functionality:
- * - When converted to string, returns the 2-letter language code
- * - When used as an object, provides getters for different language representations
- */
-export class LanguageClass {
-    constructor(languageCode) {
-        this.languageCode = languageCode;
-    }
-    /**
-     * Returns the 2-letter language code when the object is converted to string
-     */
-    toString() {
-        return this.languageCode;
-    }
-    /**
-     * Returns the 2-letter language code
-     */
-    get code() {
-        return this.languageCode;
-    }
-    /**
-     * Returns the full language name in lowercase
-     */
-    get name() {
-        return languageKeys[this.languageCode];
-    }
-    /**
-     * Returns the full language name with first letter capitalized
-     */
-    get capitalized() {
-        const lang = languageKeys[this.languageCode];
-        return lang.charAt(0).toUpperCase() + lang.slice(1);
-    }
-    /**
-     * Returns the full language name in uppercase
-     */
-    get uppercase() {
-        return languageKeys[this.languageCode].toUpperCase();
-    }
-}
-/**
- * Creates a LanguageClass instance from a language code
- * @param languageCode The 2-letter language code
- * @returns A LanguageClass instance
- */
-export function createLanguage(languageCode) {
-    return new LanguageClass(languageCode);
-}

package/dist/utils/LanguageClass.test.js

@@ -1 +0,0 @@
-"use strict";

package/src/components/CRUDModal.tsx

@@ -1,75 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-interface Props {
-  title: string;
-  show?: boolean;
-  className?: string;
-  closeAble?: boolean;
-  children: React.ReactNode;
-  actionbuttons: ActionButton[];
-  buttonText?: string | React.ReactNode;
-  onClose?: () => void;
-}
-
-interface ActionButton {
-  text: string;
-  onClick: () => void;
-  closeModal?: boolean;
-}
-
-export function CRUDModal({
-  actionbuttons,
-  children,
-  title,
-  buttonText,
-  className,
-  closeAble = true,
-  show = false,
-  onClose,
-}: Props) {
-  const dialogRef = useRef<HTMLDialogElement>(null);
-
-  useEffect(() => {
-    if (show) {
-      dialogRef.current?.showModal();
-    } else {
-      dialogRef.current?.close();
-    }
-  }, [show]);
-
-  const handleClose = () => {
-    dialogRef.current?.close();
-    onClose?.();
-  };
-
-  return (
-    <>
-      {!!buttonText && (
-        <button className={className} onClick={() => dialogRef.current?.showModal()}>
-          {buttonText}
-        </button>
-      )}
-      <dialog ref={dialogRef} className="bg-gray-400 rounded-lg font-normal" onClose={handleClose}>
-        <div className="bg-gray-500 text-xl flex flex-row justify-between p-3 items-start font-bold">
-          <h2>{title}</h2>
-          {closeAble && <button onClick={handleClose}>&times;</button>}
-        </div>
-        <div className="modal-body p-2">{children}</div>
-        <div className="modal-footer px-2 py-2 flex flex-row gap-2 border-t-2">
-          {actionbuttons.map(({ onClick, text, closeModal = true }, index) => (
-            <button
-              key={index}
-              className="bg-blue-500 hover:bg-blue-600 dark:border-gray-900 rounded-md py-2 px-4 dark:text-white font-bold"
-              onClick={() => {
-                if (closeModal) handleClose();
-                onClick();
-              }}
-            >
-              {text}
-            </button>
-          ))}
-        </div>
-      </dialog>
-    </>
-  );
-}

package/src/components/MarkdownEditor.tsx

@@ -1,144 +0,0 @@
-import { Markdown } from 'tiptap-markdown';
-import StarterKit from '@tiptap/starter-kit';
-import { PiCodeBlock } from 'react-icons/pi';
-import { TbBlockquote } from 'react-icons/tb';
-import { GoListOrdered } from 'react-icons/go';
-import { AiOutlineUnorderedList } from 'react-icons/ai';
-import { EditorProvider, useCurrentEditor } from '@tiptap/react';
-import { LuHeading1, LuHeading2, LuHeading3 } from 'react-icons/lu';
-import { FaBold, FaCode, FaItalic, FaParagraph, FaStrikethrough } from 'react-icons/fa';
-
-// This inplementation is rooted in the Tiptap editor basic example https://codesandbox.io/p/devbox/editor-9x9dkd
-
-interface EditorButtonProps {
-  action: string;
-  isActive?: boolean;
-  label: string | React.ReactNode;
-  disabled?: boolean;
-}
-
-const EditorButton = ({ action, isActive, label, disabled }: EditorButtonProps) => {
-  const { editor } = useCurrentEditor() as any;
-
-  if (!editor) {
-    return null;
-  }
-
-  if (action.includes('heading')) {
-    const level = parseInt(action[action.length - 1]);
-    return (
-      <button
-        onClick={() => editor.chain().focus().toggleHeading({ level: level }).run()}
-        className={`pl-2 ${isActive ? 'is-active' : ''}`}
-      >
-        {label}
-      </button>
-    );
-  }
-
-  return (
-    <button
-      onClick={() => editor.chain().focus()[action]().run()}
-      disabled={disabled ? !editor.can().chain().focus()[action]().run() : false}
-      className={`pl-2 ${isActive ? 'is-active' : ''}`}
-    >
-      {label}
-    </button>
-  );
-};
-
-const MenuBar = () => {
-  const { editor } = useCurrentEditor();
-
-  if (!editor) {
-    return null;
-  }
-
-  return (
-    <div className="bg-gray-400 dark:bg-gray-800 dark:text-white text-lg flex flex-row flex-wrap items-center p-1">
-      <EditorButton action="toggleBold" isActive={editor.isActive('bold')} label={<FaBold />} disabled />
-      <EditorButton action="toggleItalic" isActive={editor.isActive('italic')} label={<FaItalic />} disabled />
-      <EditorButton action="toggleStrike" isActive={editor.isActive('strike')} label={<FaStrikethrough />} disabled />
-      <EditorButton action="toggleCode" isActive={editor.isActive('code')} label={<FaCode />} disabled />
-      <EditorButton action="setParagraph" isActive={editor.isActive('paragraph')} label={<FaParagraph />} />
-      <EditorButton
-        action="setHeading1"
-        isActive={editor.isActive('heading', { level: 1 })}
-        label={<LuHeading1 size={'24px'} />}
-      />
-      <EditorButton
-        action="setHeading2"
-        isActive={editor.isActive('heading', { level: 2 })}
-        label={<LuHeading2 size={'24px'} />}
-      />
-      <EditorButton
-        action="setHeading3"
-        isActive={editor.isActive('heading', { level: 3 })}
-        label={<LuHeading3 size={'24px'} />}
-      />
-      <EditorButton
-        action="toggleBulletList"
-        isActive={editor.isActive('bulletList')}
-        label={<AiOutlineUnorderedList size={'24px'} />}
-      />
-      <EditorButton
-        action="toggleOrderedList"
-        isActive={editor.isActive('orderedList')}
-        label={<GoListOrdered size={'24px'} />}
-      />
-      <EditorButton
-        action="toggleCodeBlock"
-        isActive={editor.isActive('codeBlock')}
-        label={<PiCodeBlock size={'24px'} />}
-      />
-      <EditorButton
-        action="toggleBlockquote"
-        isActive={editor.isActive('blockquote')}
-        label={<TbBlockquote size={'24px'} />}
-      />
-    </div>
-  );
-};
-
-const extensions = [
-  StarterKit.configure({
-    bulletList: {
-      HTMLAttributes: {
-        class: 'list-disc list-inside dark:text-white p-1 mt-1 [&_li]:mb-1 [&_p]:inline m-0',
-      },
-    },
-    orderedList: {
-      HTMLAttributes: {
-        className: 'list-decimal list-inside dark:text-white p-1 mt-1 [&_li]:mb-1 [&_p]:inline m-0',
-      },
-    },
-  }),
-  Markdown,
-];
-
-interface Props {
-  content?: string;
-  editable: boolean;
-  className?: string;
-  onUpdate?: (content: string) => void;
-}
-
-export const MarkdownEditor = (props: Props) => {
-  return (
-    <div
-      className={'text-md border border-gray-800 overflow-hidden ' + props.className}
-      style={{ borderWidth: props.editable ? 1 : 0 }}
-    >
-      <EditorProvider
-        key={(props.editable ? 'editable' : 'readonly') + props.content}
-        slotBefore={props.editable ? <MenuBar /> : null}
-        extensions={extensions}
-        content={props.content}
-        editable={props.editable}
-        onUpdate={(e) => {
-          props.onUpdate && props.onUpdate(e.editor.storage.markdown.getMarkdown());
-        }}
-      ></EditorProvider>
-    </div>
-  );
-};

package/src/components/Spinner.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-
-interface SpinnerProps {
-  text?: string;
-  size?: string;
-  className?: string;
-}
-
-export const Spinner: React.FC<SpinnerProps> = ({ text, className, size = '30px' }) => {
-  return (
-    <div className={'flex items-center space-x-2 ' + className}>
-      <svg
-        style={{ width: size, height: size }}
-        className="animate-spin -ml-1 mr-3 h-5 w-5 text-white"
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-      >
-        <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-        <path
-          className="opacity-75"
-          fill="currentColor"
-          d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-        ></path>
-      </svg>
-      {text && <span className="">{text}</span>}
-    </div>
-  );
-};

package/src/components/ai/Assistant.tsx

@@ -1,96 +0,0 @@
-import React, { useEffect, useMemo } from 'react';
-import { CircleAudioAvatar } from './EmbeddedAssistent/CircleAudioAvatar';
-import { AudioInputField } from './EmbeddedAssistent/AudioInputField';
-import { MessageSender } from './EmbeddedAssistent/TTS/MessageSender';
-import Markdown from 'react-markdown';
-import { useChat } from '../../hooks/UseChatHook';
-import { useRimori } from '../../components';
-import { FirstMessages, getFirstMessages } from './utils';
-
-interface Props {
-  voiceId: any;
-  avatarImageUrl: string;
-  onComplete: (result: any) => void;
-  autoStartConversation?: FirstMessages;
-}
-
-export function AssistantChat({ avatarImageUrl, voiceId, onComplete, autoStartConversation }: Props) {
-  const [oralCommunication, setOralCommunication] = React.useState(true);
-  const { ai: llm, event } = useRimori();
-  const sender = useMemo(() => new MessageSender(llm.getVoice, voiceId), []);
-  const { messages, append, isLoading, setMessages } = useChat();
-
-  const lastAssistantMessage = [...messages].filter((m) => m.role === 'assistant').pop()?.content;
-
-  useEffect(() => {
-    sender.setOnLoudnessChange((value: number) => event.emit('self.avatar.triggerLoudness', { loudness: value }));
-
-    if (!autoStartConversation) {
-      return;
-    }
-
-    setMessages(getFirstMessages(autoStartConversation));
-    // append([{ role: 'user', content: autoStartConversation.userMessage }]);
-
-    if (autoStartConversation.assistantMessage) {
-      // console.log("autostartmessages", { autoStartConversation, isLoading });
-      sender.handleNewText(autoStartConversation.assistantMessage, isLoading);
-    }
-  }, []);
-
-  useEffect(() => {
-    let message = lastAssistantMessage;
-    if (message !== messages[messages.length - 1]?.content) {
-      message = undefined;
-    }
-    sender.handleNewText(message, isLoading);
-  }, [messages, isLoading]);
-
-  const lastMessage = messages[messages.length - 1];
-
-  useEffect(() => {
-    console.log('lastMessage', lastMessage);
-    const toolInvocations = lastMessage?.toolCalls;
-    if (toolInvocations && toolInvocations.length > 0) {
-      console.log('toolInvocations', toolInvocations);
-      onComplete(toolInvocations[0].args);
-    }
-  }, [lastMessage]);
-
-  if (lastMessage?.toolCalls && lastMessage.toolCalls.length > 0) {
-    console.log('lastMessage test2', lastMessage);
-    const args = lastMessage.toolCalls[0].args;
-
-    const success = args.explanationUnderstood === 'TRUE' || args.studentKnowsTopic === 'TRUE';
-
-    return (
-      <div className="px-5 pt-5 overflow-y-auto text-center" style={{ height: '478px' }}>
-        <h1 className="text-center mt-5 mb-5">{success ? 'Great job!' : 'You failed'}</h1>
-        <p>{args.improvementHints}</p>
-      </div>
-    );
-  }
-
-  return (
-    <div>
-      {oralCommunication && <CircleAudioAvatar imageUrl={avatarImageUrl} className="mx-auto my-10" />}
-      <div className="w-full">
-        {lastAssistantMessage && (
-          <div className="px-5 pt-5 overflow-y-auto remirror-theme" style={{ height: '4k78px' }}>
-            <Markdown>{lastAssistantMessage}</Markdown>
-          </div>
-        )}
-      </div>
-      <AudioInputField
-        blockSubmission={isLoading}
-        onSubmit={(message) => {
-          append([{ role: 'user', content: message, id: messages.length.toString() }]);
-        }}
-        onAudioControl={(voice) => {
-          setOralCommunication(voice);
-          sender.setVolume(voice ? 1 : 0);
-        }}
-      />
-    </div>
-  );
-}