@vertesia/ui 0.54.0 → 0.55.0

package/lib/context/HostContext.d.ts

@@ -0,0 +1,67 @@
+import type { VertesiaClient, ZenoClient } from "@vertesia/client";
+import type { AccountRef, AuthTokenPayload, ProjectRef } from "@vertesia/common";
+export declare const HOST_CONTEXT_VAR = "__vetesia_host_context__";
+export interface UserSession {
+    isLoading: boolean;
+    client: VertesiaClient;
+    authError?: Error;
+    authToken?: AuthTokenPayload;
+    lastSelectedAccount?: string | null;
+    lastSelectedProject?: string | null;
+    onboardingComplete?: boolean;
+    store: ZenoClient;
+    user?: AuthTokenPayload;
+    account?: AccountRef;
+    accounts?: AccountRef[];
+    project?: ProjectRef;
+    rawAuthToken: Promise<string>;
+}
+export interface NavigateOptions {
+    replace?: boolean;
+    state?: any;
+    /**
+     * if defined prepend the basePath to the `to` argument
+     */
+    basePath?: string;
+}
+export interface RouterContext {
+    location: Location;
+    params: Record<string, string>;
+    state: any;
+    /**
+     * The path that matched the route. For widlcard `/*` paths this doens;t include the wildcard part.
+     * You can get the wildcard path from `remainingPath`.
+     */
+    matchedRoutePath: string;
+    remainingPath?: string;
+    navigate: (path: string, options?: NavigateOptions) => void;
+}
+type LazyImportFn = () => Promise<any>;
+interface ComponentRoute {
+    path: string;
+    Component: React.ComponentType<any>;
+}
+interface LazyComponentRoute {
+    path: string;
+    LazyComponent: LazyImportFn;
+}
+type Route = ComponentRoute | LazyComponentRoute;
+export interface MultiPagePluginProps {
+    title: string;
+    routes: Route[];
+    /**
+     * The path to use for the root resource. Defaults to '/'. Cannot contains path vairables or wildcards
+     */
+    index?: string;
+    children?: React.ReactNode;
+    fixLinks?: boolean;
+}
+export interface HostContext {
+    useUserSession: () => UserSession;
+    useRouterContext: () => RouterContext;
+    useNavigate: () => (path: string, options?: NavigateOptions) => void;
+    useLocation: () => Location;
+    MultiPagePlugin: React.ComponentType<MultiPagePluginProps>;
+}
+export {};
+//# sourceMappingURL=HostContext.d.ts.map

package/lib/context/HostContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostContext.d.ts","sourceRoot":"","sources":["../../src/context/HostContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEjF,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAK3D,MAAM,WAAW,WAAW;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;CAChC;AACD,MAAM,WAAW,eAAe;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IAGnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,KAAK,EAAE,GAAG,CAAC;IACX;;;OAGG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;CAC/D;AACD,KAAK,YAAY,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;AACvC,UAAU,cAAc;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CACvC;AACD,UAAU,kBAAkB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,YAAY,CAAC;CAC/B;AACD,KAAK,KAAK,GAAG,cAAc,GAAG,kBAAkB,CAAC;AACjD,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,MAAM,WAAW,WAAW;IACxB,cAAc,EAAE,MAAM,WAAW,CAAC;IAClC,gBAAgB,EAAE,MAAM,aAAa,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IACrE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;CAC9D"}

package/lib/context/HostContext.js

@@ -0,0 +1,2 @@
+export const HOST_CONTEXT_VAR = '__vetesia_host_context__';
+//# sourceMappingURL=HostContext.js.map

package/lib/context/HostContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostContext.js","sourceRoot":"","sources":["../../src/context/HostContext.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAG,0BAA0B,CAAC"}

package/lib/context/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file contains the host context which is a set of live components and hooks shared
+ * with the plugins.
+ * The plugin must import a component or hook from the host context by using:
+ * import {SomeComponnet, useSomeHook } from '@vetesia/ui-extension-sdk/context';
+ */
+export declare const useUserSession: () => import("./HostContext.js").UserSession, useRouterContext: () => import("./HostContext.js").RouterContext, useNavigate: () => (path: string, options?: import("./HostContext.js").NavigateOptions) => void, useLocation: () => Location, MultiPagePlugin: import("react").ComponentType<import("./HostContext.js").MultiPagePluginProps>;
+export * from "./HostContext.js";
+//# sourceMappingURL=index.d.ts.map

package/lib/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MACH,cAAc,gDACd,gBAAgB,kDAChB,WAAW,8BAMy/C,CAAC,uDALrgD,WAAW,kBACX,eAAe,gFACR,CAAC;AAEZ,cAAc,kBAAkB,CAAC"}

package/lib/context/index.js

@@ -0,0 +1,11 @@
+/**
+ * This file contains the host context which is a set of live components and hooks shared
+ * with the plugins.
+ * The plugin must import a component or hook from the host context by using:
+ * import {SomeComponnet, useSomeHook } from '@vetesia/ui-extension-sdk/context';
+ */
+import { HOST_CONTEXT_VAR } from "./HostContext.js";
+const context = globalThis[HOST_CONTEXT_VAR];
+export const { useUserSession, useRouterContext, useNavigate, useLocation, MultiPagePlugin, } = context;
+export * from "./HostContext.js";
+//# sourceMappingURL=index.js.map

package/lib/context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,gBAAgB,EAAe,MAAM,kBAAkB,CAAC;AAEjE,MAAM,OAAO,GAAI,UAAkB,CAAC,gBAAgB,CAAgB,CAAC;AAErE,MAAM,CAAC,MAAM,EACT,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,eAAe,GAClB,GAAG,OAAO,CAAC;AAEZ,cAAc,kBAAkB,CAAC"}

package/lib/host/PluginHost.d.ts

@@ -0,0 +1,7 @@
+import { HostContext } from "../context/HostContext.js";
+export declare function PluginHost({ pluginId, slot, context }: {
+    pluginId: string;
+    slot: string;
+    context: HostContext;
+}): false | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PluginHost.d.ts.map

package/lib/host/PluginHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginHost.d.ts","sourceRoot":"","sources":["../../src/host/PluginHost.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAO1E,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,mDAO/G"}

package/lib/host/PluginHost.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useInsertionEffect, useState } from "react";
+import { usePluginModule } from "./PluginManager.js";
+import { HOST_CONTEXT_VAR } from "../context/HostContext.js";
+function createSharedContext(context) {
+    globalThis[HOST_CONTEXT_VAR] = context;
+    return context;
+}
+export function PluginHost({ pluginId, slot, context }) {
+    const [contextCreated, setContextCreated] = useState(false);
+    useEffect(() => {
+        createSharedContext(context);
+        setContextCreated(true);
+    }, []);
+    return contextCreated && _jsx(_PluginHost, { pluginId: pluginId, slot: slot });
+}
+function _PluginHost({ pluginId, slot }) {
+    const { plugin, module, error } = usePluginModule(pluginId);
+    useInsertionEffect(() => {
+        if (module) {
+            plugin.install();
+        }
+    }, [module]);
+    if (!plugin) {
+        return _jsxs("div", { children: ["Plugin ", pluginId, " not found"] });
+    }
+    else if (error) {
+        return _jsxs("div", { children: ["Failed to load plugin ", plugin.manifest.name, " from ", plugin.manifest.src, ": ", error.message] });
+    }
+    else if (module) {
+        return module.mount(slot);
+    }
+    else {
+        return _jsx("div", { children: "Loading ..." });
+    }
+}
+//# sourceMappingURL=PluginHost.js.map

package/lib/host/PluginHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginHost.js","sourceRoot":"","sources":["../../src/host/PluginHost.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAe,MAAM,2BAA2B,CAAC;AAE1E,SAAS,mBAAmB,CAAC,OAAoB;IAC5C,UAAkB,CAAC,gBAAgB,CAAC,GAAG,OAAO,CAAC;IAChD,OAAO,OAAO,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAA4D;IAC5G,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,SAAS,CAAC,GAAG,EAAE;QACX,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAC7B,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,cAAc,IAAI,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;AAC5E,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAsC;IACvE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5D,kBAAkB,CAAC,GAAG,EAAE;QACpB,IAAI,MAAM,EAAE,CAAC;YACT,MAAO,CAAC,OAAO,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,qCAAa,QAAQ,kBAAiB,CAAA;IACjD,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACf,OAAO,oDAA4B,MAAM,CAAC,QAAQ,CAAC,IAAI,YAAQ,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAI,KAAK,CAAC,OAAO,IAAO,CAAA;IAC9G,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAChB,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;SAAM,CAAC;QACJ,OAAO,wCAAsB,CAAA;IACjC,CAAC;AAEL,CAAC"}

package/lib/host/PluginManager.d.ts

@@ -0,0 +1,59 @@
+import React from "react";
+import { PluginManifest } from "@vertesia/common";
+export declare enum PluginInstanceStatus {
+    registered = 0,
+    loading = 1,
+    loaded = 2,
+    error = 3,//loading error
+    installed = 4
+}
+export interface PluginModule {
+    mount(slot: string): React.ReactNode;
+    css?: string;
+}
+export declare class PluginInstance {
+    manifest: PluginManifest;
+    status: PluginInstanceStatus;
+    _module?: PluginModule;
+    error?: Error;
+    constructor(manifest: PluginManifest);
+    get isInstalled(): boolean;
+    get isLoading(): boolean;
+    get styleId(): string;
+    _load(): Promise<void>;
+    getModule(): Promise<PluginModule>;
+    install(): void;
+    uninstall(): Promise<void>;
+}
+export declare class PluginManager {
+    plugins: Record<string, PluginInstance>;
+    constructor(manifests?: PluginManifest[]);
+    addAll(manifests: PluginManifest[]): PluginInstance[];
+    add(manifest: PluginManifest): PluginInstance;
+    remove(id: string): void;
+    get(id: string): PluginInstance;
+}
+export interface PluginManagerState {
+    manager: PluginManager;
+    refresh(): void;
+}
+interface PluginsProviderProps {
+    plugins: PluginManifest[];
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare function PluginsProvider({ plugins, children }: PluginsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePluginManager(): PluginManagerState;
+export declare function usePluginInstance(id: string): PluginInstance;
+/**
+ * Get the plugin instance and load the module. Returns null if the plugin is not yet loaded.
+ * When the plugin loads then returns the plugin instance
+ * @param id
+ * @returns
+ */
+export declare function usePluginModule(id: string): {
+    plugin: PluginInstance | null;
+    module: PluginModule | null;
+    error: Error | null;
+};
+export {};
+//# sourceMappingURL=PluginManager.d.ts.map

package/lib/host/PluginManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManager.d.ts","sourceRoot":"","sources":["../../src/host/PluginManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,oBAAY,oBAAoB;IAC5B,UAAU,IAAA;IACV,OAAO,IAAA;IACP,MAAM,IAAA;IACN,KAAK,IAAA,CAAE,eAAe;IACtB,SAAS,IAAA;CACZ;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,cAAc;IAKJ,QAAQ,EAAE,cAAc;IAJ3C,MAAM,EAAE,oBAAoB,CAAmC;IAC/D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;gBAEK,QAAQ,EAAE,cAAc;IAG3C,IAAI,WAAW,YAEd;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,OAAO,WAEV;IAEK,KAAK;IAmBL,SAAS,IAAI,OAAO,CAAC,YAAY,CAAC;IAOxC,OAAO;IAmBD,SAAS;CASlB;AAED,qBAAa,aAAa;IACtB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAM;gBACjC,SAAS,GAAE,cAAc,EAAO;IAG5C,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE;IAGlC,GAAG,CAAC,QAAQ,EAAE,cAAc;IAK5B,MAAM,CAAC,EAAE,EAAE,MAAM;IAOjB,GAAG,CAAC,EAAE,EAAE,MAAM;CAGjB;AAED,MAAM,WAAW,kBAAkB;IAC/B,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,IAAI,IAAI,CAAC;CACnB;AAID,UAAU,oBAAoB;IAC1B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAClD;AACD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAU1E;AAED,wBAAgB,gBAAgB,uBAM/B;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,kBAE3C;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG;IACzC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACvB,CAkCA"}

package/lib/host/PluginManager.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+export var PluginInstanceStatus;
+(function (PluginInstanceStatus) {
+    PluginInstanceStatus[PluginInstanceStatus["registered"] = 0] = "registered";
+    PluginInstanceStatus[PluginInstanceStatus["loading"] = 1] = "loading";
+    PluginInstanceStatus[PluginInstanceStatus["loaded"] = 2] = "loaded";
+    PluginInstanceStatus[PluginInstanceStatus["error"] = 3] = "error";
+    PluginInstanceStatus[PluginInstanceStatus["installed"] = 4] = "installed";
+})(PluginInstanceStatus || (PluginInstanceStatus = {}));
+export class PluginInstance {
+    constructor(manifest) {
+        Object.defineProperty(this, "manifest", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: manifest
+        });
+        Object.defineProperty(this, "status", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: PluginInstanceStatus.registered
+        });
+        Object.defineProperty(this, "_module", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "error", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+    get isInstalled() {
+        return this.status === PluginInstanceStatus.installed;
+    }
+    get isLoading() {
+        return this.status === PluginInstanceStatus.loading;
+    }
+    get styleId() {
+        return `plugin-style-${this.manifest.id}`;
+    }
+    async _load() {
+        if (this.status === PluginInstanceStatus.registered) {
+            try {
+                const module = await import(/* @vite-ignore */ this.manifest.src);
+                this.status = PluginInstanceStatus.loading;
+                if (typeof module.mount !== "function") {
+                    throw new Error(`Plugin ${this.manifest.id} does not provide a mount function`);
+                }
+                this._module = module;
+                this.status = PluginInstanceStatus.loaded;
+            }
+            catch (err) {
+                this.status = PluginInstanceStatus.error;
+                throw err;
+            }
+        }
+        else {
+            throw new Error(`Plugin ${this.manifest.id} was already loaded`);
+        }
+    }
+    async getModule() {
+        if (!this._module) {
+            await this._load();
+        }
+        return this._module;
+    }
+    install() {
+        if (this.status === PluginInstanceStatus.loaded && this._module) {
+            const module = this._module;
+            if (module.css) {
+                // inject css
+                let style = document.getElementById(this.styleId);
+                if (!style) {
+                    style = document.createElement('style');
+                    style.id = this.styleId;
+                    style.appendChild(document.createTextNode(module.css));
+                    document.head.appendChild(style);
+                    this.status = PluginInstanceStatus.installed;
+                }
+            }
+        }
+        else if (this.status !== PluginInstanceStatus.installed) {
+            throw new Error(`Plugin ${this.manifest.id} is not loaded: ` + this.status);
+        }
+    }
+    async uninstall() {
+        if (this.status === PluginInstanceStatus.installed) {
+            const style = document.getElementById(this.styleId);
+            if (style) {
+                style.remove();
+                this.status = PluginInstanceStatus.loaded;
+            }
+        }
+    }
+}
+export class PluginManager {
+    constructor(manifests = []) {
+        Object.defineProperty(this, "plugins", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        this.addAll(manifests);
+    }
+    addAll(manifests) {
+        return manifests.map(manifest => this.add(manifest));
+    }
+    add(manifest) {
+        const instance = new PluginInstance(manifest);
+        this.plugins[manifest.id] = instance;
+        return instance;
+    }
+    remove(id) {
+        const instance = this.plugins[id];
+        if (instance) {
+            instance.uninstall();
+            delete this.plugins[id];
+        }
+    }
+    get(id) {
+        return this.plugins[id];
+    }
+}
+const PluginManagerContext = createContext(null);
+export function PluginsProvider({ plugins, children }) {
+    const [key, setKey] = useState(0);
+    const manager = useMemo(() => new PluginManager(plugins), [plugins]);
+    const ctx = {
+        manager,
+        refresh: () => setKey(key + 1),
+    };
+    return _jsx(PluginManagerContext.Provider, { value: ctx, children: children }, key);
+}
+export function usePluginManager() {
+    const ctx = useContext(PluginManagerContext);
+    if (!ctx) {
+        throw new Error('No PluginManagerContext found');
+    }
+    return ctx;
+}
+export function usePluginInstance(id) {
+    return usePluginManager().manager.get(id);
+}
+/**
+ * Get the plugin instance and load the module. Returns null if the plugin is not yet loaded.
+ * When the plugin loads then returns the plugin instance
+ * @param id
+ * @returns
+ */
+export function usePluginModule(id) {
+    const [module, setModule] = useState(null);
+    const { manager } = usePluginManager();
+    const plugin = manager.get(id);
+    useEffect(() => {
+        if (plugin) {
+            plugin.getModule().then(setModule);
+        }
+    }, [plugin]);
+    if (!plugin) {
+        return {
+            plugin: null,
+            module: null,
+            error: new Error(`Plugin ${id} not found`),
+        };
+    }
+    else if (plugin.error) {
+        return {
+            plugin: plugin,
+            module: plugin._module || null,
+            error: plugin.error,
+        };
+    }
+    else if (module) {
+        return {
+            plugin: plugin,
+            module: module,
+            error: null,
+        };
+    }
+    else {
+        return {
+            plugin: plugin,
+            module: module,
+            error: plugin.error || null,
+        };
+    }
+}
+//# sourceMappingURL=PluginManager.js.map

package/lib/host/PluginManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginManager.js","sourceRoot":"","sources":["../../src/host/PluginManager.tsx"],"names":[],"mappings":"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"}

package/lib/host/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./PluginHost.js";
+export * from "./PluginManager.js";
+//# sourceMappingURL=index.d.ts.map

package/lib/host/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/host/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/lib/host/index.js

@@ -0,0 +1,3 @@
+export * from "./PluginHost.js";
+export * from "./PluginManager.js";
+//# sourceMappingURL=index.js.map

package/lib/host/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/host/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/lib/index.js

@@ -0,0 +1,3 @@
+export {};
+// TODO export here common components, hooks and utility functions
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,kEAAkE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertesia/ui",
-  "version": "0.54.0",
+  "version": "0.55.0",
   "description": "Vertesia UI components and and hooks",
   "type": "module",
   "main": "./lib/index.js",
@@ -32,8 +32,8 @@
   },
   "types": "./lib/index.d.ts",
   "dependencies": {
-    "@vertesia/client": "0.54.0",
-    "@vertesia/common": "0.54.0"
+    "@vertesia/client": "0.55.0",
+    "@vertesia/common": "0.55.0"
   },
   "exports": {
     ".": {