@rimori/client 1.1.1 → 1.1.2

package/dist/plugin/PluginController.d.ts

@@ -8,7 +8,7 @@ export declare class PluginController {
     private supabaseInfo;
     private pluginId;
     private constructor();
-    static getInstance(sender: string): Promise<RimoriClient>;
+    static getInstance(pluginId: string, standalone?: boolean): Promise<RimoriClient>;
     private getSecret;
     getClient(): Promise<{
         supabase: SupabaseClient;

package/dist/plugin/PluginController.js

@@ -8,11 +8,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { createClient } from '@supabase/supabase-js';
-import { RimoriClient } from "./RimoriClient";
 import { EventBus } from './fromRimori/EventBus';
+import { RimoriClient } from "./RimoriClient";
 import { setTheme } from './ThemeSetter';
+import { StandaloneClient } from './StandaloneClient';
 export class PluginController {
-    constructor(pluginId) {
+    constructor(pluginId, standalone) {
         this.communicationSecret = null;
         this.supabase = null;
         this.supabaseInfo = null;
@@ -21,6 +22,9 @@ export class PluginController {
         if (typeof WorkerGlobalScope === 'undefined') {
             setTheme();
         }
+        //no need to forward messages to parent in standalone mode
+        if (standalone)
+            return;
         window.addEventListener("message", (event) => {
             // console.log("client: message received", event);
             const { topic, sender, data, eventId } = event.data.event;
@@ -29,19 +33,24 @@ export class PluginController {
                 return;
             EventBus.emit(sender, topic, data, eventId);
         });
+        const secret = this.getSecret();
         EventBus.on("*", (event) => {
             // skip messages which are not from the own plugin
             if (event.sender !== this.pluginId)
                 return;
             if (event.topic.startsWith("self."))
                 return;
-            window.parent.postMessage({ event, secret: this.getSecret() }, "*");
+            // console.log("sending event to parent", event);
+            window.parent.postMessage({ event, secret }, "*");
         });
     }
-    static getInstance(sender) {
-        return __awaiter(this, void 0, void 0, function* () {
+    static getInstance(pluginId_1) {
+        return __awaiter(this, arguments, void 0, function* (pluginId, standalone = false) {
             if (!PluginController.instance) {
-                PluginController.instance = new PluginController(sender);
+                if (standalone) {
+                    yield StandaloneClient.initListeners(pluginId);
+                }
+                PluginController.instance = new PluginController(pluginId, standalone);
                 PluginController.client = yield RimoriClient.getInstance(PluginController.instance);
             }
             return PluginController.client;
@@ -51,7 +60,7 @@ export class PluginController {
         if (!this.communicationSecret) {
             const secret = new URLSearchParams(window.location.search).get("secret");
             if (!secret) {
-                throw new Error("Communication secret not found in URL as query parameter");
+                console.info("Communication secret not found in URL as query parameter");
             }
             this.communicationSecret = secret;
         }

package/dist/plugin/StandaloneClient.d.ts

@@ -0,0 +1,16 @@
+import { SupabaseClient } from "@supabase/supabase-js";
+export interface StandaloneConfig {
+    url: string;
+    key: string;
+}
+export declare class StandaloneClient {
+    private static instance;
+    private config;
+    private supabase;
+    private constructor();
+    static getInstance(): Promise<StandaloneClient>;
+    getClient(): Promise<SupabaseClient>;
+    needsLogin(): Promise<boolean>;
+    login(email: string, password: string): Promise<boolean>;
+    static initListeners(pluginId: string): Promise<void>;
+}

package/dist/plugin/StandaloneClient.js

@@ -0,0 +1,76 @@
+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 { EventBus } from "./fromRimori/EventBus";
+import { createClient } from "@supabase/supabase-js";
+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("http://localhost:3000/config.json").then(res => res.json());
+                StandaloneClient.instance = new StandaloneClient({ url: config.SUPABASE_URL, key: config.SUPABASE_ANON_KEY });
+            }
+            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);
+                const { data, error } = yield supabase.functions.invoke("plugin-token", { headers: { authorization: `Bearer ${(_a = session.data.session) === null || _a === void 0 ? void 0 : _a.access_token}` } });
+                if (error) {
+                    throw new Error("Failed to get plugin token. " + error.message);
+                }
+                return {
+                    token: data.token,
+                    pluginId: pluginId,
+                    url: config.url,
+                    key: config.key,
+                    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/plugin/fromRimori/SupabaseHandler.d.ts

@@ -0,0 +1,13 @@
+import { Plugin } from "@/types/PluginTypes";
+export declare class SupabaseHandler {
+    getAccessData(plugin: Plugin): Promise<{
+        token: any;
+        pluginId: any;
+        url: any;
+        key: any;
+        tablePrefix: any;
+        expiration: Date;
+    }>;
+    getPluginAuthToken(): Promise<any>;
+    static init(): void;
+}

package/dist/plugin/fromRimori/SupabaseHandler.js

@@ -0,0 +1,55 @@
+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 { EventBus } from "../handler/EventBus";
+import { getSupabase, SupabaseClient } from "@/integrations/supabase/client";
+export class SupabaseHandler {
+    getAccessData(plugin) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const env = window.APP_CONFIG;
+            const token = yield this.getPluginAuthToken();
+            return {
+                token,
+                pluginId: plugin.id,
+                url: env.SUPABASE_URL,
+                key: env.SUPABASE_ANON_KEY,
+                tablePrefix: plugin.id,
+                expiration: new Date(Date.now() + 1000 * 60 * 60 * 1.5), // 1.5 hours
+            };
+        });
+    }
+    getPluginAuthToken() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const supabase = getSupabase();
+            const { data: { session } } = yield supabase.auth.getSession();
+            if (!session) {
+                throw new Error("User not logged in");
+            }
+            // Extract the full-access token for authorization with the Edge Function
+            const { data, error } = yield supabase.functions.invoke("plugin-token");
+            if (error) {
+                console.error("Failed to get plugin token. ", error);
+                throw new Error("Failed to get plugin token. " + error.message);
+            }
+            return data.token;
+        });
+    }
+    static init() {
+        const supabaseHandler = new SupabaseHandler();
+        EventBus.respond("supabase", "global.supabase.requestAccess", (event) => __awaiter(this, void 0, void 0, function* () {
+            const sender = event.sender.split(".")[0];
+            const plugins = yield SupabaseClient.getPlugins();
+            const plugin = plugins.find((p) => p.id === sender);
+            if (!plugin) {
+                throw new Error("Plugin not found");
+            }
+            return yield supabaseHandler.getAccessData(plugin);
+        }));
+    }
+}

package/dist/providers/PluginProvider.js

@@ -1,15 +1,34 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState } from 'react';
 import { PluginController } from '../plugin/PluginController';
 import { EventBusHandler } from '../plugin/fromRimori/EventBus';
 import ContextMenu from '../core/components/ContextMenu';
+import { StandaloneClient } from '../plugin/StandaloneClient';
 const PluginContext = createContext(null);
 export const PluginProvider = ({ children, pluginId }) => {
     const [plugin, setPlugin] = useState(null);
-    initEventBus(pluginId);
+    const [standaloneClient, setStandaloneClient] = useState(false);
     useEffect(() => {
-        PluginController.getInstance(pluginId).then(setPlugin);
-    }, [pluginId]);
+        initEventBus(pluginId);
+        const standaloneDetected = new URLSearchParams(window.location.search).get("secret") === null;
+        if (standaloneDetected && !standaloneClient) {
+            StandaloneClient.getInstance().then(client => {
+                client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
+            });
+        }
+        if ((!standaloneDetected && !plugin) || (standaloneDetected && standaloneClient === true)) {
+            PluginController.getInstance(pluginId, standaloneDetected).then(setPlugin);
+        }
+    }, [pluginId, standaloneClient]);
     //route change
     useEffect(() => {
         if (!plugin)
@@ -38,6 +57,12 @@ export const PluginProvider = ({ children, pluginId }) => {
         handleResize();
         return () => body.removeEventListener('resize', handleResize);
     }, [plugin]);
+    if (standaloneClient instanceof StandaloneClient) {
+        return _jsx(StandaloneAuth, { onLogin: (email, password) => __awaiter(void 0, void 0, void 0, function* () {
+                if (yield standaloneClient.login(email, password))
+                    setStandaloneClient(true);
+            }) });
+    }
     if (!plugin) {
         return "";
     }
@@ -55,3 +80,17 @@ function initEventBus(pluginId) {
     const isSidebar = url.searchParams.get("applicationMode") === "sidebar";
     EventBusHandler.getInstance("Plugin EventBus " + pluginId + " " + (isSidebar ? "sidebar" : "main"));
 }
+function StandaloneAuth({ onLogin }) {
+    const [user, setUser] = useState("");
+    const [password, setPassword] = useState("");
+    return (_jsx("div", { style: {
+            position: 'fixed',
+            inset: 0,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        }, children: _jsxs("div", { style: { backgroundColor: '#343534', padding: '1rem', borderRadius: '0.5rem', width: '500px', flexDirection: 'column', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: [_jsx("p", { style: { fontSize: '2rem', fontWeight: 'bold', marginBottom: '1rem', textAlign: 'center' }, children: "Rimori Login" }), _jsx("p", { style: { marginBottom: '1rem', textAlign: 'center' }, children: "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." }), _jsx("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) }), _jsx("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) }), _jsx("button", { style: { marginBottom: '1rem', width: '100%', padding: '0.5rem', borderRadius: '0.5rem', border: 'none', backgroundColor: '#928358' }, onClick: () => {
+                        onLogin(user, password);
+                    }, children: "Login" })] }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/client",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {

package/src/plugin/PluginController.ts

@@ -1,7 +1,8 @@
-import { createClient, SupabaseClient } from '@supabase/supabase-js'
-import { RimoriClient } from "./RimoriClient";
+import { AuthSessionMissingError, createClient, SupabaseClient } from '@supabase/supabase-js';
 import { EventBus, EventBusMessage } from './fromRimori/EventBus';
+import { RimoriClient } from "./RimoriClient";
 import { setTheme } from './ThemeSetter';
+import { StandaloneClient } from './StandaloneClient';
 
 // Add declaration for WorkerGlobalScope
 declare const WorkerGlobalScope: any;
@@ -23,7 +24,7 @@ export class PluginController {
   private supabaseInfo: SupabaseInfo | null = null;
   private pluginId: string;
 
-  private constructor(pluginId: string) {
+  private constructor(pluginId: string, standalone: boolean) {
     this.pluginId = pluginId;
     this.getClient = this.getClient.bind(this);
 
@@ -31,6 +32,9 @@ export class PluginController {
       setTheme();
     }
 
+    //no need to forward messages to parent in standalone mode
+    if (standalone) return;
+    
     window.addEventListener("message", (event) => {
       // console.log("client: message received", event);
       const { topic, sender, data, eventId } = event.data.event as EventBusMessage;
@@ -41,27 +45,33 @@ export class PluginController {
       EventBus.emit(sender, topic, data, eventId);
     });
 
+    const secret = this.getSecret();
+
     EventBus.on("*", (event) => {
       // skip messages which are not from the own plugin
       if (event.sender !== this.pluginId) return;
       if (event.topic.startsWith("self.")) return;
-      window.parent.postMessage({ event, secret: this.getSecret() }, "*")
+      // console.log("sending event to parent", event);
+      window.parent.postMessage({ event, secret }, "*")
     });
   }
 
-  public static async getInstance(sender: string): Promise<RimoriClient> {
+  public static async getInstance(pluginId: string, standalone = false): Promise<RimoriClient> {
     if (!PluginController.instance) {
-      PluginController.instance = new PluginController(sender);
+      if (standalone) {
+        await StandaloneClient.initListeners(pluginId);
+      }
+      PluginController.instance = new PluginController(pluginId, standalone);
       PluginController.client = await RimoriClient.getInstance(PluginController.instance);
     }
     return PluginController.client;
   }
 
-  private getSecret() {
+  private getSecret(): string | null {
     if (!this.communicationSecret) {
       const secret = new URLSearchParams(window.location.search).get("secret");
       if (!secret) {
-        throw new Error("Communication secret not found in URL as query parameter");
+        console.info("Communication secret not found in URL as query parameter");
       }
       this.communicationSecret = secret;
     }

package/src/plugin/StandaloneClient.ts

@@ -0,0 +1,73 @@
+import { EventBus } from "./fromRimori/EventBus";
+import { createClient, SupabaseClient } from "@supabase/supabase-js";
+
+export interface StandaloneConfig {
+  url: string,
+  key: string
+}
+
+export class StandaloneClient {
+  private static instance: StandaloneClient;
+  private config: StandaloneConfig;
+  private supabase: SupabaseClient;
+
+  private constructor(config: StandaloneConfig) {
+    this.supabase = createClient(config.url, config.key);
+    this.config = config;
+  }
+
+  public static async getInstance(): Promise<StandaloneClient> {
+    if (!StandaloneClient.instance) {
+      const config = await fetch("http://localhost:3000/config.json").then(res => res.json());
+      StandaloneClient.instance = new StandaloneClient({ url: config.SUPABASE_URL, key: config.SUPABASE_ANON_KEY });
+    }
+    return StandaloneClient.instance;
+  }
+
+  public async getClient(): Promise<SupabaseClient> {
+    return this.supabase;
+  }
+
+  public async needsLogin(): Promise<boolean> {
+    const { error } = await this.supabase.auth.getUser();
+    return error !== null;
+  }
+
+  public async login(email: string, password: string) {
+    const { error } = await this.supabase.auth.signInWithPassword({ email, password });
+    if (error) {
+      console.error("Login failed:", error);
+      return false;
+    }
+    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.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 () => {
+      const session = await supabase.auth.getSession();
+      console.log("session", session);
+      const { data, error } = await supabase.functions.invoke("plugin-token", { headers: { authorization: `Bearer ${session.data.session?.access_token}` } });
+      if (error) {
+        throw new Error("Failed to get plugin token. " + error.message);
+      }
+      return {
+        token: data.token,
+        pluginId: pluginId,
+        url: config.url,
+        key: config.key,
+        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"]);
+  }
+}

package/src/providers/PluginProvider.tsx

@@ -3,6 +3,7 @@ import { PluginController } from '../plugin/PluginController';
 import { RimoriClient } from '../plugin/RimoriClient';
 import { EventBusHandler } from '../plugin/fromRimori/EventBus';
 import ContextMenu from '../core/components/ContextMenu';
+import { StandaloneClient } from '../plugin/StandaloneClient';
 
 interface PluginProviderProps {
   children: ReactNode;
@@ -13,11 +14,21 @@ const PluginContext = createContext<RimoriClient | null>(null);
 
 export const PluginProvider: React.FC<PluginProviderProps> = ({ children, pluginId }) => {
   const [plugin, setPlugin] = useState<RimoriClient | null>(null);
-  initEventBus(pluginId);
+  const [standaloneClient, setStandaloneClient] = useState<StandaloneClient | boolean>(false);
 
   useEffect(() => {
-    PluginController.getInstance(pluginId).then(setPlugin);
-  }, [pluginId]);
+    initEventBus(pluginId);
+    const standaloneDetected = new URLSearchParams(window.location.search).get("secret") === null;
+    if (standaloneDetected && !standaloneClient) {
+      StandaloneClient.getInstance().then(client => {
+        client.needsLogin().then((needLogin) => setStandaloneClient(needLogin ? client : true));
+      });
+    }
+
+    if ((!standaloneDetected && !plugin) || (standaloneDetected && standaloneClient === true)) {
+      PluginController.getInstance(pluginId, standaloneDetected).then(setPlugin);
+    }
+  }, [pluginId, standaloneClient]);
 
   //route change
   useEffect(() => {
@@ -50,6 +61,12 @@ export const PluginProvider: React.FC<PluginProviderProps> = ({ children, plugin
     return () => body.removeEventListener('resize', handleResize);
   }, [plugin]);
 
+  if (standaloneClient instanceof StandaloneClient) {
+    return <StandaloneAuth onLogin={async (email, password) => {
+      if (await standaloneClient.login(email, password)) setStandaloneClient(true);
+    }} />
+  }
+
   if (!plugin) {
     return ""
   }
@@ -74,4 +91,32 @@ function initEventBus(pluginId: string) {
   const url = new URL(window.location.href);
   const isSidebar = url.searchParams.get("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("");
+  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' }}>
+        <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.
+        </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>
+      </div>
+    </div>
+  )
 }