@rimori/client 1.3.1 → 1.4.3

package/src/plugin/StandaloneClient.ts

@@ -1,11 +1,11 @@
-import { createClient, SupabaseClient } from "@supabase/supabase-js";
-import { EventBus } from "../fromRimori/EventBus";
-import { DEFAULT_ANON_KEY, DEFAULT_ENDPOINT } from "../utils/endpoint";
+import { createClient, SupabaseClient } from '@supabase/supabase-js';
+import { EventBus } from '../fromRimori/EventBus';
+import { DEFAULT_ANON_KEY, DEFAULT_ENDPOINT } from '../utils/endpoint';
 
 export interface StandaloneConfig {
-  url: string,
-  key: string,
-  backendUrl?: string
+  url: string;
+  key: string;
+  backendUrl?: string;
 }
 
 export class StandaloneClient {
@@ -20,9 +20,11 @@ export class StandaloneClient {
 
   public static async getInstance(): Promise<StandaloneClient> {
     if (!StandaloneClient.instance) {
-      const config = await fetch("https://app.rimori.se/config.json").then(res => res.json()).catch(err => {
-        console.warn("Error fetching config.json, using default values", err);
-      });
+      const config = await 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?.SUPABASE_URL || DEFAULT_ENDPOINT,
         key: config?.SUPABASE_ANON_KEY || DEFAULT_ANON_KEY,
@@ -44,33 +46,54 @@ export class StandaloneClient {
   public async login(email: string, password: string) {
     const { error } = await this.supabase.auth.signInWithPassword({ email, password });
     if (error) {
-      console.error("Login failed:", error);
+      console.error('Login failed:', error);
       return false;
     }
-    console.log("Successfully logged in");
+    console.log('Successfully logged in');
     return true;
   }
 
   public static async initListeners(pluginId: string) {
-    console.warn("The plugin seams to not be running inside the Rimori platform. Switching to development standalone mode.");
+    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 } = await StandaloneClient.getInstance();
 
     // EventBus.on("*", async (event) => {
-    EventBus.respond("standalone", "global.supabase.requestAccess", async () => {
+    EventBus.respond('standalone', 'global.supabase.requestAccess', async () => {
       const session = await supabase.auth.getSession();
-      console.log("session", session);
-      
+      console.log('session', session);
+
       // Call the NestJS backend endpoint instead of the Supabase edge function
+      // get current guild id if any
+      let guildId: string | null = null;
+      try {
+        const {
+          data: { user },
+        } = await supabase.auth.getUser();
+        if (user) {
+          const { data: profile } = await supabase
+            .from('profiles')
+            .select('current_guild_id')
+            .eq('user_id', user.id)
+            .maybeSingle();
+          guildId = (profile as { current_guild_id?: string | null } | null)?.current_guild_id || null;
+        }
+      } catch (_) {
+        guildId = null;
+      }
+
       const response = await fetch(`${config.backendUrl}/plugin/token`, {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
-          'Authorization': `Bearer ${session.data.session?.access_token}`
+          Authorization: `Bearer ${session.data.session?.access_token}`,
         },
         body: JSON.stringify({
-          pluginId: pluginId
-        })
+          pluginId: pluginId,
+          guildId: guildId,
+        }),
       });
 
       if (!response.ok) {
@@ -79,7 +102,7 @@ export class StandaloneClient {
       }
 
       const data = await response.json();
-      
+
       return {
         token: data.token,
         pluginId: pluginId,
@@ -88,11 +111,15 @@ export class StandaloneClient {
         backendUrl: config.backendUrl,
         tablePrefix: pluginId,
         expiration: new Date(Date.now() + 1000 * 60 * 60 * 1.5), // 1.5 hours
-      }
+      };
     });
 
-    EventBus.on("*", async (event) => {
-      console.log("[standalone] would send event to parent", event);
-    }, ["standalone"]);
+    EventBus.on(
+      '*',
+      async (event) => {
+        console.log('[standalone] would send event to parent', event);
+      },
+      ['standalone'],
+    );
   }
-}
+}

package/src/plugin/ThemeSetter.ts

@@ -1,10 +1,10 @@
 export function setTheme(theme?: string | null) {
-  document.documentElement.classList.add("dark:text-gray-200");
+  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))";
+    document.documentElement.setAttribute('data-theme', 'dark');
+    document.documentElement.classList.add('dark', 'dark:bg-gray-950');
+    document.documentElement.style.background = 'hsl(var(--background))';
   }
 }
 
@@ -20,4 +20,4 @@ export function isDarkTheme(theme?: string | null): boolean {
   }
 
   return theme === 'dark';
-}
+}

package/src/providers/PluginProvider.tsx

@@ -10,7 +10,7 @@ interface PluginProviderProps {
   pluginId: string;
   settings?: {
     disableContextMenu?: boolean;
-  }
+  };
 }
 
 const PluginContext = createContext<RimoriClient | null>(null);
@@ -20,29 +20,29 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
   const [standaloneClient, setStandaloneClient] = useState<StandaloneClient | boolean>(false);
   const [applicationMode, setApplicationMode] = useState<string | null>(null);
   const [theme, setTheme] = useState<string | null>(null);
-  
-  const isSidebar = applicationMode === "sidebar";
-  const isSettings = applicationMode === "settings";
+
+  const isSidebar = applicationMode === 'sidebar';
+  const isSettings = applicationMode === 'settings';
 
   useEffect(() => {
     initEventBus(pluginId);
-    
+
     // Check if we're in an iframe context - if not, we're standalone
     const standaloneDetected = window === window.parent;
-    
+
     if (standaloneDetected && !standaloneClient) {
-      StandaloneClient.getInstance().then(client => {
+      StandaloneClient.getInstance().then((client) => {
         client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
       });
     }
 
     if ((!standaloneDetected && !plugin) || (standaloneDetected && standaloneClient === true)) {
-      PluginController.getInstance(pluginId, standaloneDetected).then(client => {
+      PluginController.getInstance(pluginId, standaloneDetected).then((client) => {
         setPlugin(client);
         // Get applicationMode and theme from MessageChannel query params
         if (!standaloneDetected) {
-          const mode = client.getQueryParam("applicationMode");
-          const themeParam = client.getQueryParam("rm_theme");
+          const mode = client.getQueryParam('applicationMode');
+          const themeParam = client.getQueryParam('rm_theme');
           setApplicationMode(mode);
           setTheme(themeParam);
         }
@@ -81,13 +81,17 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
   }, [plugin]);
 
   if (standaloneClient instanceof StandaloneClient) {
-    return <StandaloneAuth onLogin={async (email, password) => {
-      if (await standaloneClient.login(email, password)) setStandaloneClient(true);
-    }} />
+    return (
+      <StandaloneAuth
+        onLogin={async (email, password) => {
+          if (await standaloneClient.login(email, password)) setStandaloneClient(true);
+        }}
+      />
+    );
   }
 
   if (!plugin) {
-    return ""
+    return '';
   }
 
   return (
@@ -114,7 +118,7 @@ function getUrlParam(name: string) {
     const hashValue = hashParams.get(name);
     if (hashValue) return hashValue;
   }
-  
+
   // Fallback to regular URL search params
   const url = new URL(window.location.href);
   return url.searchParams.get(name);
@@ -122,34 +126,84 @@ function getUrlParam(name: string) {
 
 function initEventBus(pluginId: string) {
   // For now, use URL fallback for EventBus naming - this will be updated once MessageChannel is ready
-  const isSidebar = getUrlParam("applicationMode") === "sidebar";
-  EventBusHandler.getInstance("Plugin EventBus " + pluginId + " " + (isSidebar ? "sidebar" : "main"));
+  const isSidebar = getUrlParam('applicationMode') === 'sidebar';
+  EventBusHandler.getInstance('Plugin EventBus ' + pluginId + ' ' + (isSidebar ? 'sidebar' : 'main'));
 }
 
 function StandaloneAuth({ onLogin }: { onLogin: (user: string, password: string) => void }) {
-  const [user, setUser] = useState("");
-  const [password, setPassword] = useState("");
+  const [user, setUser] = useState('');
+  const [password, setPassword] = useState('');
   return (
-    <div style={{
-      position: 'fixed',
-      inset: 0,
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      backgroundColor: 'rgba(0, 0, 0, 0.5)',
-    }}>
-      <div style={{ backgroundColor: '#343534', padding: '1rem', borderRadius: '0.5rem', width: '500px', flexDirection: 'column', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+    <div
+      style={{
+        position: 'fixed',
+        inset: 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      }}
+    >
+      <div
+        style={{
+          backgroundColor: '#343534',
+          padding: '1rem',
+          borderRadius: '0.5rem',
+          width: '500px',
+          flexDirection: 'column',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
         <p style={{ fontSize: '2rem', fontWeight: 'bold', marginBottom: '1rem', textAlign: 'center' }}>Rimori Login</p>
         <p style={{ marginBottom: '1rem', textAlign: 'center' }}>
-          Please login with your Rimori developer account for this plugin to be able to access the Rimori platform the same it will operate in the Rimori platform.
+          Please login with your Rimori developer account for this plugin to be able to access the Rimori platform the
+          same it will operate in the Rimori platform.
         </p>
         {/* email and password input */}
-        <input style={{ marginBottom: '1rem', width: '100%', padding: '0.5rem', borderRadius: '0.5rem', border: 'none', backgroundColor: '#444444' }} type="email" placeholder="Email" onChange={(e) => setUser(e.target.value)} />
-        <input style={{ marginBottom: '1rem', width: '100%', padding: '0.5rem', borderRadius: '0.5rem', border: 'none', backgroundColor: '#444444' }} type="password" placeholder="Password" onChange={(e) => setPassword(e.target.value)} />
-        <button style={{ marginBottom: '1rem', width: '100%', padding: '0.5rem', borderRadius: '0.5rem', border: 'none', backgroundColor: '#928358' }} onClick={() => {
-          onLogin(user, password);
-        }}>Login</button>
+        <input
+          style={{
+            marginBottom: '1rem',
+            width: '100%',
+            padding: '0.5rem',
+            borderRadius: '0.5rem',
+            border: 'none',
+            backgroundColor: '#444444',
+          }}
+          type="email"
+          placeholder="Email"
+          onChange={(e) => setUser(e.target.value)}
+        />
+        <input
+          style={{
+            marginBottom: '1rem',
+            width: '100%',
+            padding: '0.5rem',
+            borderRadius: '0.5rem',
+            border: 'none',
+            backgroundColor: '#444444',
+          }}
+          type="password"
+          placeholder="Password"
+          onChange={(e) => setPassword(e.target.value)}
+        />
+        <button
+          style={{
+            marginBottom: '1rem',
+            width: '100%',
+            padding: '0.5rem',
+            borderRadius: '0.5rem',
+            border: 'none',
+            backgroundColor: '#928358',
+          }}
+          onClick={() => {
+            onLogin(user, password);
+          }}
+        >
+          Login
+        </button>
       </div>
     </div>
-  )
-}
+  );
+}

package/src/style.scss

@@ -66,7 +66,7 @@ dialog::backdrop {
   ul {
     @apply list-disc pl-8;
 
-    li>p {
+    li > p {
       @apply mb-1;
     }
   }
@@ -74,7 +74,7 @@ dialog::backdrop {
   ol {
     @apply list-decimal pl-7;
 
-    li>p {
+    li > p {
       @apply mb-1;
     }
   }
@@ -133,4 +133,4 @@ dialog::backdrop {
       @apply max-w-full;
     }
   }
-}
+}

package/src/utils/Language.ts

@@ -1,61 +1,61 @@
 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"
+  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',
 } as const;
 
 export type Language = keyof typeof languageKeys;
@@ -69,4 +69,4 @@ export type Language = keyof typeof languageKeys;
 export function getLanguageName(languageCode: Language, capitalize: boolean = false): string {
   const lang = languageKeys[languageCode];
   return capitalize ? lang.charAt(0).toUpperCase() + lang.slice(1) : lang;
-}
+}

package/src/utils/PluginUtils.ts

@@ -1,26 +1,22 @@
 export function isFullscreen() {
-    return !!document.fullscreenElement;
+  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);
-    }
+  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());
 }
-
-
-
-

package/src/utils/difficultyConverter.ts

@@ -1,6 +1,6 @@
-const codes = ["Pre-A1", "A1", "A2", "B1", "B2", "C1", "C2", "Post-C2"];
+const codes = ['Pre-A1', 'A1', 'A2', 'B1', 'B2', 'C1', 'C2', 'Post-C2'];
 
-export type LanguageLevel = "Pre-A1" | "A1" | "A2" | "B1" | "B2" | "C1" | "C2" | "Post-C2";
+export type LanguageLevel = 'Pre-A1' | 'A1' | 'A2' | 'B1' | 'B2' | 'C1' | 'C2' | 'Post-C2';
 
 export function getDifficultyLevel(difficulty: LanguageLevel): number {
   return codes.indexOf(difficulty) + 1;

package/src/utils/endpoint.ts

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

package/src/worker/WorkerSetup.ts

@@ -1,6 +1,6 @@
-import { RimoriClient } from "../plugin/RimoriClient";
-import { EventBusHandler } from "../fromRimori/EventBus";
-import { PluginController } from "../plugin/PluginController";
+import { RimoriClient } from '../plugin/RimoriClient';
+import { EventBusHandler } from '../fromRimori/EventBus';
+import { PluginController } from '../plugin/PluginController';
 
 /**
  * Sets up the web worker for the plugin to be able receive and send messages to Rimori.
@@ -8,21 +8,20 @@ import { PluginController } from "../plugin/PluginController";
  * @param init - The function containing the initialization logic.
  */
 export async function setupWorker(pluginId: string, init: (client: RimoriClient) => void | Promise<void>) {
-  
   // Mock of the window object for the worker context to be able to use the PluginController.
   const mockWindow = {
     isWorker: true,
     location: {},
     parent: {
-      postMessage: () => { }
+      postMessage: () => {},
     },
-    addEventListener: () => { }
+    addEventListener: () => {},
   };
 
   // Assign the mock to globalThis.
   Object.assign(globalThis, { window: mockWindow });
 
-  EventBusHandler.getInstance("Worker EventBus");
+  EventBusHandler.getInstance('Worker EventBus');
 
   const rimoriClient = await PluginController.getInstance(pluginId);
   console.debug('[Worker] RimoriClient initialized.');
@@ -30,5 +29,5 @@ export async function setupWorker(pluginId: string, init: (client: RimoriClient)
   await init(rimoriClient);
   console.debug('[Worker] Worker initialized.');
 
-  self.postMessage({ type: "rimori:acknowledged", pluginId: pluginId });
-}
+  self.postMessage({ type: 'rimori:acknowledged', pluginId: pluginId });
+}

package/tsconfig.json

@@ -10,7 +10,5 @@
     "skipLibCheck": true,
     "strict": true
   },
-  "include": [
-    "src/**/*"
-  ],
-}
+  "include": ["src/**/*"]
+}

package/dist/components/LoggerExample.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-/**
- * Example component demonstrating Logger usage in a React component.
- * Shows how console methods are automatically captured by the Logger.
- */
-export declare const LoggerExample: React.FC;