@rimori/react-client 0.1.0 → 0.2.0

package/dist/rimori-client/src/plugin/StandaloneClient.js

@@ -1,115 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { createClient } from '@supabase/supabase-js';
-import { EventBus } from '../fromRimori/EventBus';
-import { DEFAULT_ANON_KEY, DEFAULT_ENDPOINT } from '../utils/endpoint';
-export class StandaloneClient {
-    constructor(config) {
-        this.supabase = createClient(config.url, config.key);
-        this.config = config;
-    }
-    static getInstance() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!StandaloneClient.instance) {
-                const config = yield fetch('https://app.rimori.se/config.json')
-                    .then((res) => res.json())
-                    .catch((err) => {
-                    console.warn('Error fetching config.json, using default values', err);
-                });
-                StandaloneClient.instance = new StandaloneClient({
-                    url: (config === null || config === void 0 ? void 0 : config.SUPABASE_URL) || DEFAULT_ENDPOINT,
-                    key: (config === null || config === void 0 ? void 0 : config.SUPABASE_ANON_KEY) || DEFAULT_ANON_KEY,
-                    backendUrl: (config === null || config === void 0 ? void 0 : config.BACKEND_URL) || 'https://api.rimori.se',
-                });
-            }
-            return StandaloneClient.instance;
-        });
-    }
-    getClient() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.supabase;
-        });
-    }
-    needsLogin() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { error } = yield this.supabase.auth.getUser();
-            return error !== null;
-        });
-    }
-    login(email, password) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const { error } = yield this.supabase.auth.signInWithPassword({ email, password });
-            if (error) {
-                console.error('Login failed:', error);
-                return false;
-            }
-            console.log('Successfully logged in');
-            return true;
-        });
-    }
-    static initListeners(pluginId) {
-        return __awaiter(this, void 0, void 0, function* () {
-            console.warn('The plugin seams to not be running inside the Rimori platform. Switching to development standalone mode.');
-            // console.log("event that needs to be handled", event);
-            const { supabase, config } = yield StandaloneClient.getInstance();
-            // EventBus.on("*", async (event) => {
-            EventBus.respond('standalone', 'global.supabase.requestAccess', () => __awaiter(this, void 0, void 0, function* () {
-                var _a;
-                const session = yield supabase.auth.getSession();
-                console.log('session', session);
-                // Call the NestJS backend endpoint instead of the Supabase edge function
-                // get current guild id if any
-                let guildId = null;
-                try {
-                    const { data: { user }, } = yield supabase.auth.getUser();
-                    if (user) {
-                        const { data: profile } = yield supabase
-                            .from('profiles')
-                            .select('current_guild_id')
-                            .eq('user_id', user.id)
-                            .maybeSingle();
-                        guildId = (profile === null || profile === void 0 ? void 0 : profile.current_guild_id) || null;
-                    }
-                }
-                catch (_) {
-                    guildId = null;
-                }
-                const response = yield fetch(`${config.backendUrl}/plugin/token`, {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        Authorization: `Bearer ${(_a = session.data.session) === null || _a === void 0 ? void 0 : _a.access_token}`,
-                    },
-                    body: JSON.stringify({
-                        pluginId: pluginId,
-                        guildId: guildId,
-                    }),
-                });
-                if (!response.ok) {
-                    const errorText = yield response.text();
-                    throw new Error(`Failed to get plugin token. ${response.status}: ${errorText}`);
-                }
-                const data = yield response.json();
-                return {
-                    token: data.token,
-                    pluginId: pluginId,
-                    url: config.url,
-                    key: config.key,
-                    backendUrl: config.backendUrl,
-                    tablePrefix: pluginId,
-                    expiration: new Date(Date.now() + 1000 * 60 * 60 * 1.5), // 1.5 hours
-                };
-            }));
-            EventBus.on('*', (event) => __awaiter(this, void 0, void 0, function* () {
-                console.log('[standalone] would send event to parent', event);
-            }), ['standalone']);
-        });
-    }
-}

package/dist/rimori-client/src/utils/difficultyConverter.d.ts

@@ -1,4 +0,0 @@
-export type LanguageLevel = 'Pre-A1' | 'A1' | 'A2' | 'B1' | 'B2' | 'C1' | 'C2' | 'Post-C2';
-export declare function getDifficultyLevel(difficulty: LanguageLevel): number;
-export declare function getDifficultyLabel(difficulty: number): LanguageLevel;
-export declare function getNeighborDifficultyLevel(difficulty: LanguageLevel, difficultyAdjustment: number): LanguageLevel;

package/dist/rimori-client/src/utils/difficultyConverter.js

@@ -1,10 +0,0 @@
-const codes = ['Pre-A1', 'A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'Post-C2'];
-export function getDifficultyLevel(difficulty) {
-    return codes.indexOf(difficulty) + 1;
-}
-export function getDifficultyLabel(difficulty) {
-    return codes[difficulty];
-}
-export function getNeighborDifficultyLevel(difficulty, difficultyAdjustment) {
-    return getDifficultyLabel(getDifficultyLevel(difficulty) + difficultyAdjustment - 1);
-}

package/dist/rimori-client/src/utils/endpoint.d.ts

@@ -1,2 +0,0 @@
-export declare const DEFAULT_ENDPOINT = "https://pheptqdoqsdnadgoihvr.supabase.co";
-export declare const DEFAULT_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBoZXB0cWRvcXNkbmFkZ29paHZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzE2OTY2ODcsImV4cCI6MjA0NzI3MjY4N30.4GPFAXTF8685FaXISdAPNCIM-H3RGLo8GbyhQpu1mP0";

package/dist/rimori-client/src/utils/endpoint.js

@@ -1,2 +0,0 @@
-export const DEFAULT_ENDPOINT = 'https://pheptqdoqsdnadgoihvr.supabase.co';
-export const DEFAULT_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InBoZXB0cWRvcXNkbmFkZ29paHZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MzE2OTY2ODcsImV4cCI6MjA0NzI3MjY4N30.4GPFAXTF8685FaXISdAPNCIM-H3RGLo8GbyhQpu1mP0';

package/dist/utils/PluginUtils.d.ts

@@ -1,2 +0,0 @@
-export declare function isFullscreen(): boolean;
-export declare function triggerFullscreen(onStateChange: (isFullscreen: boolean) => void, selector?: string): void;

package/dist/utils/PluginUtils.js

@@ -1,23 +0,0 @@
-export function isFullscreen() {
-    return !!document.fullscreenElement;
-}
-export function triggerFullscreen(onStateChange, selector) {
-    document.addEventListener('fullscreenchange', () => {
-        onStateChange(isFullscreen());
-    });
-    try {
-        const ref = document.querySelector(selector || '#root');
-        if (!isFullscreen()) {
-            // @ts-ignore
-            ref.requestFullscreen() || ref.webkitRequestFullscreen();
-        }
-        else {
-            // @ts-ignore
-            document.exitFullscreen() || document.webkitExitFullscreen();
-        }
-    }
-    catch (error) {
-        console.error('Failed to enter fullscreen', error.message);
-    }
-    onStateChange(isFullscreen());
-}

package/index.ts

@@ -1,6 +0,0 @@
-// Re-export everything
-export * from './src/hooks/UseChatHook';
-export * from './src/providers/PluginProvider';
-export * from './src/utils/FullscreenUtils';
-export { FirstMessages } from './src/components/ai/utils';
-export { useTranslation } from './src/hooks/I18nHooks';

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/plugin/ThemeSetter.ts

@@ -1,23 +0,0 @@
-export function setTheme(theme?: string | null) {
-  document.documentElement.classList.add('dark:text-gray-200');
-
-  if (isDarkTheme(theme)) {
-    document.documentElement.setAttribute('data-theme', 'dark');
-    document.documentElement.classList.add('dark', 'dark:bg-gray-950');
-    document.documentElement.style.background = 'hsl(var(--background))';
-  }
-}
-
-export function isDarkTheme(theme?: string | null): boolean {
-  // If no theme provided, try to get from URL as fallback (for standalone mode)
-  if (!theme) {
-    const urlParams = new URLSearchParams(window.location.search);
-    theme = urlParams.get('theme');
-  }
-
-  if (!theme || theme === 'system') {
-    return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
-  }
-
-  return theme === 'dark';
-}

package/src/utils/FullscreenUtils.ts

@@ -1,22 +0,0 @@
-export function isFullscreen() {
-  return !!document.fullscreenElement;
-}
-
-export function triggerFullscreen(onStateChange: (isFullscreen: boolean) => void, selector?: string) {
-  document.addEventListener('fullscreenchange', () => {
-    onStateChange(isFullscreen());
-  });
-  try {
-    const ref = document.querySelector(selector || '#root')!;
-    if (!isFullscreen()) {
-      // @ts-ignore
-      ref.requestFullscreen() || ref.webkitRequestFullscreen();
-    } else {
-      // @ts-ignore
-      document.exitFullscreen() || document.webkitExitFullscreen();
-    }
-  } catch (error: any) {
-    console.error('Failed to enter fullscreen', error.message);
-  }
-  onStateChange(isFullscreen());
-}