@perses-dev/plugin-system 0.50.1 → 0.51.0-beta.0

package/dist/model/plugins.d.ts

@@ -1,32 +1,45 @@
-import { Metadata, UnknownSpec } from '@perses-dev/core';
-import { TimeSeriesQueryPlugin } from './time-series-queries';
-import { PanelPlugin } from './panels';
-import { VariablePlugin } from './variables';
+import { UnknownSpec } from '@perses-dev/core';
 import { DatasourcePlugin } from './datasource';
+import { PanelPlugin } from './panels';
 import { Plugin } from './plugin-base';
+import { TimeSeriesQueryPlugin } from './time-series-queries';
 import { TraceQueryPlugin } from './trace-queries';
-/**
- * Information about a module/package that contains plugins.
- */
-export interface PluginModuleResource {
-    kind: 'PluginModule';
-    metadata: Metadata;
-    spec: PluginSpec;
-}
-export interface PluginSpec {
+import { VariablePlugin } from './variables';
+import { ExplorePlugin } from './explore';
+export interface PluginModuleSpec {
     plugins: PluginMetadata[];
 }
+export interface PluginMetadataWithModule extends PluginMetadata {
+    module: PluginModuleMetadata;
+}
 /**
  * Metadata about an individual plugin that's part of a PluginModule.
  */
 export interface PluginMetadata {
-    pluginType: PluginType;
-    kind: string;
-    display: {
+    kind: PluginType;
+    spec: {
         name: string;
-        description?: string;
+        display: {
+            name: string;
+            description?: string;
+        };
     };
 }
+/**
+ * Metadata about a module/package that contains plugins.
+ */
+export interface PluginModuleMetadata {
+    name: string;
+    version: string;
+}
+/**
+ * Information about a module/package that contains plugins.
+ */
+export interface PluginModuleResource {
+    kind: 'PluginModule';
+    metadata: PluginModuleMetadata;
+    spec: PluginModuleSpec;
+}
 /**
  * All supported plugin types. A plugin's implementation must extend from `Plugin<UnknownSpec>` to be considered a valid
  * `PluginType`.
@@ -44,6 +57,7 @@ export interface SupportedPlugins {
     TimeSeriesQuery: TimeSeriesQueryPlugin;
     TraceQuery: TraceQueryPlugin;
     Datasource: DatasourcePlugin;
+    Explore: ExplorePlugin;
 }
 /**
  * The implementation for a given plugin type.

package/dist/model/plugins.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/model/plugins.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG;KAEtB,CAAC,IAAI,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK;CAC3F,CAAC,MAAM,gBAAgB,CAAC,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,IAAI,SAAS,UAAU,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEnF;;GAEG;AACH,KAAK,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/model/plugins.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,MAAM,EAAE,oBAAoB,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE;YACP,IAAI,EAAE,MAAM,CAAC;YACb,WAAW,CAAC,EAAE,MAAM,CAAC;SACtB,CAAC;KACH,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG;KAEtB,CAAC,IAAI,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK;CAC3F,CAAC,MAAM,gBAAgB,CAAC,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,cAAc,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC;IACnB,eAAe,EAAE,qBAAqB,CAAC;IACvC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,OAAO,EAAE,aAAa,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,IAAI,SAAS,UAAU,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;AAEnF;;GAEG;AACH,KAAK,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/model/plugins.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/model/plugins.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Metadata, UnknownSpec } from '@perses-dev/core';\nimport { TimeSeriesQueryPlugin } from './time-series-queries';\nimport { PanelPlugin } from './panels';\nimport { VariablePlugin } from './variables';\nimport { DatasourcePlugin } from './datasource';\nimport { Plugin } from './plugin-base';\nimport { TraceQueryPlugin } from './trace-queries';\n\n/**\n * Information about a module/package that contains plugins.\n */\nexport interface PluginModuleResource {\n  kind: 'PluginModule';\n  metadata: Metadata;\n  spec: PluginSpec;\n}\n\nexport interface PluginSpec {\n  plugins: PluginMetadata[];\n}\n\n/**\n * Metadata about an individual plugin that's part of a PluginModule.\n */\nexport interface PluginMetadata {\n  pluginType: PluginType;\n  kind: string;\n  display: {\n    name: string;\n    description?: string;\n  };\n}\n\n/**\n * All supported plugin types. A plugin's implementation must extend from `Plugin<UnknownSpec>` to be considered a valid\n * `PluginType`.\n */\nexport type PluginType = {\n  // Filter out implementations on SupportedPlugins that don't extend `Plugin<UnknownSpec>`\n  [K in keyof SupportedPlugins]: SupportedPlugins[K] extends Plugin<UnknownSpec> ? K : never;\n}[keyof SupportedPlugins];\n\n/**\n * Map of plugin type key/string -> implementation type. Use Typescript module augmentation to extend the plugin system\n * with new plugin types.\n */\nexport interface SupportedPlugins {\n  Variable: VariablePlugin;\n  Panel: PanelPlugin;\n  TimeSeriesQuery: TimeSeriesQueryPlugin;\n  TraceQuery: TraceQueryPlugin;\n  Datasource: DatasourcePlugin;\n}\n\n/**\n * The implementation for a given plugin type.\n */\nexport type PluginImplementation<Type extends PluginType> = SupportedPlugins[Type];\n\n/**\n * Default plugin kinds by plugin type.\n */\ntype PluginKinds = Partial<Record<PluginType, string>>;\nexport type DefaultPluginKinds = Required<Pick<PluginKinds, 'TimeSeriesQuery'>> & Omit<PluginKinds, 'TimeSeriesQuery'>;\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAiEjC,WAAuH"}
+{"version":3,"sources":["../../src/model/plugins.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { UnknownSpec } from '@perses-dev/core';\nimport { DatasourcePlugin } from './datasource';\nimport { PanelPlugin } from './panels';\nimport { Plugin } from './plugin-base';\nimport { TimeSeriesQueryPlugin } from './time-series-queries';\nimport { TraceQueryPlugin } from './trace-queries';\nimport { VariablePlugin } from './variables';\nimport { ExplorePlugin } from './explore';\n\nexport interface PluginModuleSpec {\n  plugins: PluginMetadata[];\n}\n\nexport interface PluginMetadataWithModule extends PluginMetadata {\n  module: PluginModuleMetadata;\n}\n\n/**\n * Metadata about an individual plugin that's part of a PluginModule.\n */\nexport interface PluginMetadata {\n  kind: PluginType;\n  spec: {\n    name: string;\n    display: {\n      name: string;\n      description?: string;\n    };\n  };\n}\n\n/**\n * Metadata about a module/package that contains plugins.\n */\nexport interface PluginModuleMetadata {\n  name: string;\n  version: string;\n}\n\n/**\n * Information about a module/package that contains plugins.\n */\nexport interface PluginModuleResource {\n  kind: 'PluginModule';\n  metadata: PluginModuleMetadata;\n  spec: PluginModuleSpec;\n}\n\n/**\n * All supported plugin types. A plugin's implementation must extend from `Plugin<UnknownSpec>` to be considered a valid\n * `PluginType`.\n */\nexport type PluginType = {\n  // Filter out implementations on SupportedPlugins that don't extend `Plugin<UnknownSpec>`\n  [K in keyof SupportedPlugins]: SupportedPlugins[K] extends Plugin<UnknownSpec> ? K : never;\n}[keyof SupportedPlugins];\n\n/**\n * Map of plugin type key/string -> implementation type. Use Typescript module augmentation to extend the plugin system\n * with new plugin types.\n */\nexport interface SupportedPlugins {\n  Variable: VariablePlugin;\n  Panel: PanelPlugin;\n  TimeSeriesQuery: TimeSeriesQueryPlugin;\n  TraceQuery: TraceQueryPlugin;\n  Datasource: DatasourcePlugin;\n  Explore: ExplorePlugin;\n}\n\n/**\n * The implementation for a given plugin type.\n */\nexport type PluginImplementation<Type extends PluginType> = SupportedPlugins[Type];\n\n/**\n * Default plugin kinds by plugin type.\n */\ntype PluginKinds = Partial<Record<PluginType, string>>;\nexport type DefaultPluginKinds = Required<Pick<PluginKinds, 'TimeSeriesQuery'>> & Omit<PluginKinds, 'TimeSeriesQuery'>;\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAiFjC,WAAuH"}

package/dist/remote/PersesPlugin.types.d.ts

@@ -0,0 +1,7 @@
+export interface PersesPlugin {
+    name: string;
+    moduleName: string;
+    baseURL?: string;
+}
+export type RemotePluginModule = Record<string, unknown>;
+//# sourceMappingURL=PersesPlugin.types.d.ts.map

package/dist/remote/PersesPlugin.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersesPlugin.types.d.ts","sourceRoot":"","sources":["../../src/remote/PersesPlugin.types.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/remote/PersesPlugin.types.js

@@ -0,0 +1,15 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export { };
+
+//# sourceMappingURL=PersesPlugin.types.js.map

package/dist/remote/PersesPlugin.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/remote/PersesPlugin.types.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport interface PersesPlugin {\n  name: string;\n  moduleName: string;\n  baseURL?: string;\n}\n\nexport type RemotePluginModule = Record<string, unknown>;\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAQjC,WAAyD"}

package/dist/remote/PluginLoaderComponent.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PersesPlugin } from './PersesPlugin.types';
+interface PluginLoaderProps<P> {
+    plugin: PersesPlugin;
+    props?: P;
+    field?: string;
+}
+export declare function PluginLoaderComponent<P>({ plugin, props, field }: PluginLoaderProps<P>): JSX.Element | null;
+export {};
+//# sourceMappingURL=PluginLoaderComponent.d.ts.map

package/dist/remote/PluginLoaderComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginLoaderComponent.d.ts","sourceRoot":"","sources":["../../src/remote/PluginLoaderComponent.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,YAAY,EAAsB,MAAM,sBAAsB,CAAC;AAGxE,UAAU,iBAAiB,CAAC,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAYD,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA2D3G"}

package/dist/remote/PluginLoaderComponent.js

@@ -0,0 +1,67 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */ // Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { usePluginRuntime } from './PluginRuntime';
+function PluginContainer({ pluginFn, props }) {
+    return pluginFn(props);
+}
+export function PluginLoaderComponent({ plugin, props, field }) {
+    const { loadPlugin } = usePluginRuntime({
+        plugin
+    });
+    const [pluginModule, setPluginModule] = useState(null);
+    const [error, setError] = useState(null);
+    const name = `${plugin.moduleName}-${plugin.name}`;
+    const previousPluginName = useRef(name);
+    useEffect(()=>{
+        previousPluginName.current = name;
+        setError(null);
+        loadPlugin().then((module)=>{
+            setPluginModule(module);
+        }).catch((error)=>{
+            setPluginModule(null);
+            console.error(`PluginLoaderComponent: Error loading plugin ${plugin.name} from module ${plugin.moduleName}:`, error);
+            setError(new Error(`PluginLoaderComponent: Error loading plugin ${plugin.name} from module ${plugin.moduleName}`));
+        });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        name
+    ]);
+    if (error) {
+        throw error;
+    }
+    if (!pluginModule) {
+        return null;
+    }
+    let pluginFunction = pluginModule[plugin.name];
+    if (field && pluginFunction && typeof pluginFunction === 'object' && field in pluginFunction) {
+        pluginFunction = pluginFunction[field];
+    }
+    if (!pluginFunction) {
+        throw new Error(`PluginLoaderComponent: Plugin module ${plugin.moduleName} does not have a ${plugin.name} export`);
+    }
+    if (typeof pluginFunction !== 'function') {
+        throw new Error(`PluginLoaderComponent: Plugin ${plugin.name} export is not a function`);
+    }
+    // make sure to re mount the plugin when changes, to avoid mismatch in hooks ordering when re rendering
+    if (previousPluginName.current !== name) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(PluginContainer, {
+        pluginFn: pluginFunction,
+        props: props
+    }, name);
+}
+
+//# sourceMappingURL=PluginLoaderComponent.js.map

package/dist/remote/PluginLoaderComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/remote/PluginLoaderComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useEffect, useRef, useState } from 'react';\nimport { PersesPlugin, RemotePluginModule } from './PersesPlugin.types';\nimport { usePluginRuntime } from './PluginRuntime';\n\ninterface PluginLoaderProps<P> {\n  plugin: PersesPlugin;\n  props?: P;\n  field?: string;\n}\n\nfunction PluginContainer<P>({\n  pluginFn,\n  props,\n}: {\n  pluginFn: (props: P | undefined) => JSX.Element;\n  props: P | undefined;\n}): JSX.Element {\n  return pluginFn(props);\n}\n\nexport function PluginLoaderComponent<P>({ plugin, props, field }: PluginLoaderProps<P>): JSX.Element | null {\n  const { loadPlugin } = usePluginRuntime({ plugin });\n  const [pluginModule, setPluginModule] = useState<RemotePluginModule | null>(null);\n  const [error, setError] = useState<Error | null>(null);\n\n  const name = `${plugin.moduleName}-${plugin.name}`;\n  const previousPluginName = useRef<string>(name);\n\n  useEffect(() => {\n    previousPluginName.current = name;\n    setError(null);\n\n    loadPlugin()\n      .then((module) => {\n        setPluginModule(module);\n      })\n      .catch((error) => {\n        setPluginModule(null);\n        console.error(\n          `PluginLoaderComponent: Error loading plugin ${plugin.name} from module ${plugin.moduleName}:`,\n          error\n        );\n        setError(\n          new Error(`PluginLoaderComponent: Error loading plugin ${plugin.name} from module ${plugin.moduleName}`)\n        );\n      });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [name]);\n\n  if (error) {\n    throw error;\n  }\n\n  if (!pluginModule) {\n    return null;\n  }\n\n  let pluginFunction = pluginModule[plugin.name];\n\n  if (field && pluginFunction && typeof pluginFunction === 'object' && field in pluginFunction) {\n    pluginFunction = (pluginFunction as Record<string, unknown>)[field];\n  }\n\n  if (!pluginFunction) {\n    throw new Error(`PluginLoaderComponent: Plugin module ${plugin.moduleName} does not have a ${plugin.name} export`);\n  }\n\n  if (typeof pluginFunction !== 'function') {\n    throw new Error(`PluginLoaderComponent: Plugin ${plugin.name} export is not a function`);\n  }\n\n  // make sure to re mount the plugin when changes, to avoid mismatch in hooks ordering when re rendering\n  if (previousPluginName.current !== name) {\n    return null;\n  }\n\n  return (\n    <PluginContainer key={name} pluginFn={pluginFunction as (props: P | undefined) => JSX.Element} props={props} />\n  );\n}\n"],"names":["useEffect","useRef","useState","usePluginRuntime","PluginContainer","pluginFn","props","PluginLoaderComponent","plugin","field","loadPlugin","pluginModule","setPluginModule","error","setError","name","moduleName","previousPluginName","current","then","module","catch","console","Error","pluginFunction"],"mappings":"AAAA,oDAAoD,GACpD,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEpD,SAASC,gBAAgB,QAAQ,kBAAkB;AAQnD,SAASC,gBAAmB,EAC1BC,QAAQ,EACRC,KAAK,EAIN;IACC,OAAOD,SAASC;AAClB;AAEA,OAAO,SAASC,sBAAyB,EAAEC,MAAM,EAAEF,KAAK,EAAEG,KAAK,EAAwB;IACrF,MAAM,EAAEC,UAAU,EAAE,GAAGP,iBAAiB;QAAEK;IAAO;IACjD,MAAM,CAACG,cAAcC,gBAAgB,GAAGV,SAAoC;IAC5E,MAAM,CAACW,OAAOC,SAAS,GAAGZ,SAAuB;IAEjD,MAAMa,OAAO,CAAC,EAAEP,OAAOQ,UAAU,CAAC,CAAC,EAAER,OAAOO,IAAI,CAAC,CAAC;IAClD,MAAME,qBAAqBhB,OAAec;IAE1Cf,UAAU;QACRiB,mBAAmBC,OAAO,GAAGH;QAC7BD,SAAS;QAETJ,aACGS,IAAI,CAAC,CAACC;YACLR,gBAAgBQ;QAClB,GACCC,KAAK,CAAC,CAACR;YACND,gBAAgB;YAChBU,QAAQT,KAAK,CACX,CAAC,4CAA4C,EAAEL,OAAOO,IAAI,CAAC,aAAa,EAAEP,OAAOQ,UAAU,CAAC,CAAC,CAAC,EAC9FH;YAEFC,SACE,IAAIS,MAAM,CAAC,4CAA4C,EAAEf,OAAOO,IAAI,CAAC,aAAa,EAAEP,OAAOQ,UAAU,CAAC,CAAC;QAE3G;IACF,uDAAuD;IACzD,GAAG;QAACD;KAAK;IAET,IAAIF,OAAO;QACT,MAAMA;IACR;IAEA,IAAI,CAACF,cAAc;QACjB,OAAO;IACT;IAEA,IAAIa,iBAAiBb,YAAY,CAACH,OAAOO,IAAI,CAAC;IAE9C,IAAIN,SAASe,kBAAkB,OAAOA,mBAAmB,YAAYf,SAASe,gBAAgB;QAC5FA,iBAAiB,AAACA,cAA0C,CAACf,MAAM;IACrE;IAEA,IAAI,CAACe,gBAAgB;QACnB,MAAM,IAAID,MAAM,CAAC,qCAAqC,EAAEf,OAAOQ,UAAU,CAAC,iBAAiB,EAAER,OAAOO,IAAI,CAAC,OAAO,CAAC;IACnH;IAEA,IAAI,OAAOS,mBAAmB,YAAY;QACxC,MAAM,IAAID,MAAM,CAAC,8BAA8B,EAAEf,OAAOO,IAAI,CAAC,yBAAyB,CAAC;IACzF;IAEA,uGAAuG;IACvG,IAAIE,mBAAmBC,OAAO,KAAKH,MAAM;QACvC,OAAO;IACT;IAEA,qBACE,KAACX;QAA2BC,UAAUmB;QAAyDlB,OAAOA;OAAhFS;AAE1B"}

package/dist/remote/PluginRuntime.d.ts

@@ -0,0 +1,11 @@
+import { FederationHost } from '@module-federation/enhanced/runtime';
+import { PersesPlugin, RemotePluginModule } from './PersesPlugin.types';
+export declare const pluginRuntime: FederationHost;
+export declare const loadPlugin: (moduleName: string, pluginName: string, baseURL?: string) => Promise<RemotePluginModule | null>;
+export declare function usePluginRuntime({ plugin }: {
+    plugin: PersesPlugin;
+}): {
+    pluginRuntime: FederationHost;
+    loadPlugin: () => Promise<RemotePluginModule | null>;
+};
+//# sourceMappingURL=PluginRuntime.d.ts.map

package/dist/remote/PluginRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginRuntime.d.ts","sourceRoot":"","sources":["../../src/remote/PluginRuntime.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAoB,MAAM,qCAAqC,CAAC;AAMvF,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAExE,eAAO,MAAM,aAAa,gBA8JxB,CAAC;AAgBH,eAAO,MAAM,UAAU,eACT,MAAM,cACN,MAAM,YACR,MAAM,KACf,QAAQ,kBAAkB,GAAG,IAAI,CAInC,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,GAAG;IACtE,aAAa,EAAE,cAAc,CAAC;IAC9B,UAAU,EAAE,MAAM,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CAAC;CACtD,CAKA"}

package/dist/remote/PluginRuntime.js

@@ -0,0 +1,202 @@
+/* eslint-disable @typescript-eslint/no-require-imports */ // Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { init, loadRemote } from '@module-federation/enhanced/runtime';
+import * as ReactQuery from '@tanstack/react-query';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import * as ReactRouterDOM from 'react-router-dom';
+import * as ReactHookForm from 'react-hook-form';
+export const pluginRuntime = init({
+    name: '@perses/perses-ui-host',
+    remotes: [],
+    shared: {
+        react: {
+            version: React.version,
+            lib: ()=>React,
+            shareConfig: {
+                singleton: true,
+                requiredVersion: `^${React.version}`
+            }
+        },
+        'react-dom': {
+            version: '18.3.1',
+            lib: ()=>ReactDOM,
+            shareConfig: {
+                singleton: true,
+                requiredVersion: `^18.3.1`
+            }
+        },
+        'react-router-dom': {
+            version: '6.26.0',
+            lib: ()=>ReactRouterDOM,
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^6.26.0'
+            }
+        },
+        '@tanstack/react-query': {
+            version: '4.36.1',
+            lib: ()=>ReactQuery,
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^4.36.1'
+            }
+        },
+        'react-hook-form': {
+            version: '7.52.2',
+            lib: ()=>ReactHookForm,
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^7.52.2'
+            }
+        },
+        echarts: {
+            version: '5.5.0',
+            lib: ()=>require('echarts'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^5.5.0'
+            }
+        },
+        '@perses-dev/components': {
+            version: '0.50.0',
+            lib: ()=>require('@perses-dev/components'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^0.50.0'
+            }
+        },
+        '@perses-dev/plugin-system': {
+            version: '0.50.0',
+            lib: ()=>require('@perses-dev/plugin-system'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^0.50.0'
+            }
+        },
+        '@perses-dev/explore': {
+            version: '0.50.0',
+            lib: ()=>require('@perses-dev/explore'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^0.50.0'
+            }
+        },
+        '@perses-dev/dashboards': {
+            version: '0.50.0',
+            lib: ()=>require('@perses-dev/dashboards'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^0.50.0'
+            }
+        },
+        // Below are the shared modules that are used by the plugins, this can be part of the SDK
+        'date-fns': {
+            version: '2.29.3',
+            lib: ()=>require('date-fns'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^2.29.3'
+            }
+        },
+        'date-fns-tz': {
+            version: '1.3.8',
+            lib: ()=>require('date-fns-tz'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^1.3.8'
+            }
+        },
+        lodash: {
+            version: '4.17.21',
+            lib: ()=>require('lodash'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^4.17.21'
+            }
+        },
+        '@emotion/react': {
+            version: '11.11.3',
+            lib: ()=>require('@emotion/react'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^11.11.3'
+            }
+        },
+        '@emotion/styled': {
+            version: '11.11.0',
+            lib: ()=>require('@emotion/styled'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^11.11.0'
+            }
+        },
+        '@hookform/resolvers/zod': {
+            version: '3.3.4',
+            lib: ()=>require('@hookform/resolvers/zod'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^3.3.4'
+            }
+        },
+        'use-resize-observer': {
+            version: '9.1.0',
+            lib: ()=>require('use-resize-observer'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^9.1.0'
+            }
+        },
+        'mdi-material-ui': {
+            version: '7.4.0',
+            lib: ()=>require('mdi-material-ui'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^7.4.0'
+            }
+        },
+        immer: {
+            version: '9.0.15',
+            lib: ()=>require('immer'),
+            shareConfig: {
+                singleton: true,
+                requiredVersion: '^9.0.15'
+            }
+        }
+    }
+});
+const registerRemote = (name, baseURL)=>{
+    const existingRemote = pluginRuntime.options.remotes.find((remote)=>remote.name === name);
+    if (!existingRemote) {
+        const remoteEntryURL = baseURL ? `${baseURL}/${name}/mf-manifest.json` : `/plugins/${name}/mf-manifest.json`;
+        pluginRuntime.registerRemotes([
+            {
+                name,
+                entry: remoteEntryURL,
+                alias: name
+            }
+        ]);
+    }
+};
+export const loadPlugin = async (moduleName, pluginName, baseURL)=>{
+    registerRemote(moduleName, baseURL);
+    return loadRemote(`${moduleName}/${pluginName}`);
+};
+export function usePluginRuntime({ plugin }) {
+    return {
+        pluginRuntime,
+        loadPlugin: ()=>loadPlugin(plugin.moduleName, plugin.name, plugin.baseURL)
+    };
+}
+
+//# sourceMappingURL=PluginRuntime.js.map

package/dist/remote/PluginRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/remote/PluginRuntime.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-require-imports */\n// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { FederationHost, init, loadRemote } from '@module-federation/enhanced/runtime';\nimport * as ReactQuery from '@tanstack/react-query';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport * as ReactRouterDOM from 'react-router-dom';\nimport * as ReactHookForm from 'react-hook-form';\nimport { PersesPlugin, RemotePluginModule } from './PersesPlugin.types';\n\nexport const pluginRuntime = init({\n  name: '@perses/perses-ui-host',\n  remotes: [], // all remotes are loaded dynamically\n  shared: {\n    react: {\n      version: React.version,\n      lib: () => React,\n      shareConfig: {\n        singleton: true,\n        requiredVersion: `^${React.version}`,\n      },\n    },\n    'react-dom': {\n      version: '18.3.1',\n      lib: () => ReactDOM,\n      shareConfig: {\n        singleton: true,\n        requiredVersion: `^18.3.1`,\n      },\n    },\n    'react-router-dom': {\n      version: '6.26.0',\n      lib: () => ReactRouterDOM,\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^6.26.0',\n      },\n    },\n    '@tanstack/react-query': {\n      version: '4.36.1',\n      lib: () => ReactQuery,\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^4.36.1',\n      },\n    },\n    'react-hook-form': {\n      version: '7.52.2',\n      lib: () => ReactHookForm,\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^7.52.2',\n      },\n    },\n    echarts: {\n      version: '5.5.0',\n      lib: () => require('echarts'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^5.5.0',\n      },\n    },\n    '@perses-dev/components': {\n      version: '0.50.0',\n      lib: () => require('@perses-dev/components'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^0.50.0',\n      },\n    },\n    '@perses-dev/plugin-system': {\n      version: '0.50.0',\n      lib: () => require('@perses-dev/plugin-system'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^0.50.0',\n      },\n    },\n    '@perses-dev/explore': {\n      version: '0.50.0',\n      lib: () => require('@perses-dev/explore'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^0.50.0',\n      },\n    },\n    '@perses-dev/dashboards': {\n      version: '0.50.0',\n      lib: () => require('@perses-dev/dashboards'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^0.50.0',\n      },\n    },\n    // Below are the shared modules that are used by the plugins, this can be part of the SDK\n    'date-fns': {\n      version: '2.29.3',\n      lib: () => require('date-fns'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^2.29.3',\n      },\n    },\n    'date-fns-tz': {\n      version: '1.3.8',\n      lib: () => require('date-fns-tz'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^1.3.8',\n      },\n    },\n    lodash: {\n      version: '4.17.21',\n      lib: () => require('lodash'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^4.17.21',\n      },\n    },\n    '@emotion/react': {\n      version: '11.11.3',\n      lib: () => require('@emotion/react'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^11.11.3',\n      },\n    },\n    '@emotion/styled': {\n      version: '11.11.0',\n      lib: () => require('@emotion/styled'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^11.11.0',\n      },\n    },\n    '@hookform/resolvers/zod': {\n      version: '3.3.4',\n      lib: () => require('@hookform/resolvers/zod'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^3.3.4',\n      },\n    },\n    'use-resize-observer': {\n      version: '9.1.0',\n      lib: () => require('use-resize-observer'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^9.1.0',\n      },\n    },\n    'mdi-material-ui': {\n      version: '7.4.0',\n      lib: () => require('mdi-material-ui'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^7.4.0',\n      },\n    },\n    immer: {\n      version: '9.0.15',\n      lib: () => require('immer'),\n      shareConfig: {\n        singleton: true,\n        requiredVersion: '^9.0.15',\n      },\n    },\n  },\n});\n\nconst registerRemote = (name: string, baseURL?: string): void => {\n  const existingRemote = pluginRuntime.options.remotes.find((remote) => remote.name === name);\n  if (!existingRemote) {\n    const remoteEntryURL = baseURL ? `${baseURL}/${name}/mf-manifest.json` : `/plugins/${name}/mf-manifest.json`;\n    pluginRuntime.registerRemotes([\n      {\n        name,\n        entry: remoteEntryURL,\n        alias: name,\n      },\n    ]);\n  }\n};\n\nexport const loadPlugin = async (\n  moduleName: string,\n  pluginName: string,\n  baseURL?: string\n): Promise<RemotePluginModule | null> => {\n  registerRemote(moduleName, baseURL);\n\n  return loadRemote<RemotePluginModule>(`${moduleName}/${pluginName}`);\n};\n\nexport function usePluginRuntime({ plugin }: { plugin: PersesPlugin }): {\n  pluginRuntime: FederationHost;\n  loadPlugin: () => Promise<RemotePluginModule | null>;\n} {\n  return {\n    pluginRuntime,\n    loadPlugin: () => loadPlugin(plugin.moduleName, plugin.name, plugin.baseURL),\n  };\n}\n"],"names":["init","loadRemote","ReactQuery","React","ReactDOM","ReactRouterDOM","ReactHookForm","pluginRuntime","name","remotes","shared","react","version","lib","shareConfig","singleton","requiredVersion","echarts","require","lodash","immer","registerRemote","baseURL","existingRemote","options","find","remote","remoteEntryURL","registerRemotes","entry","alias","loadPlugin","moduleName","pluginName","usePluginRuntime","plugin"],"mappings":"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"}

package/dist/remote/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PluginLoaderComponent';
+export * from './remotePluginLoader';
+//# sourceMappingURL=index.d.ts.map

package/dist/remote/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remote/index.ts"],"names":[],"mappings":"AAaA,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC"}

package/dist/remote/index.js

@@ -0,0 +1,16 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './PluginLoaderComponent';
+export * from './remotePluginLoader';
+
+//# sourceMappingURL=index.js.map

package/dist/remote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/remote/index.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './PluginLoaderComponent';\nexport * from './remotePluginLoader';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB"}

package/dist/remote/remotePluginLoader.d.ts

@@ -0,0 +1,3 @@
+import { PluginLoader } from '@perses-dev/plugin-system';
+export declare const remotePluginLoader: (baseURL?: string) => PluginLoader;
+//# sourceMappingURL=remotePluginLoader.d.ts.map

package/dist/remote/remotePluginLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"remotePluginLoader.d.ts","sourceRoot":"","sources":["../../src/remote/remotePluginLoader.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAwC,MAAM,2BAA2B,CAAC;AA8B/F,eAAO,MAAM,kBAAkB,aAAc,MAAM,KAAG,YAwCrD,CAAC"}

package/dist/remote/remotePluginLoader.js

@@ -0,0 +1,53 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { loadPlugin } from './PluginRuntime';
+const isPluginMetadata = (plugin)=>{
+    return typeof plugin === 'object' && plugin !== null && 'kind' in plugin && 'spec' in plugin && typeof plugin.spec === 'object' && plugin.spec !== null && 'name' in plugin.spec;
+};
+const isPluginModuleResource = (pluginModule)=>{
+    return typeof pluginModule === 'object' && pluginModule !== null && 'metadata' in pluginModule && 'spec' in pluginModule && typeof pluginModule.spec === 'object' && pluginModule.spec !== null && 'plugins' in pluginModule.spec && Array.isArray(pluginModule.spec.plugins) && pluginModule.spec.plugins.every(isPluginMetadata);
+};
+export const remotePluginLoader = (baseURL)=>{
+    return {
+        getInstalledPlugins: async ()=>{
+            const pluginsResponse = await fetch(`${baseURL ? baseURL : ''}/api/v1/plugins`);
+            const plugins = await pluginsResponse.json();
+            let pluginModules = [];
+            if (Array.isArray(plugins)) {
+                pluginModules = plugins.filter(isPluginModuleResource);
+            } else {
+                console.error('RemotePluginLoader: Error loading plugins, response is not an array');
+            }
+            if (!pluginModules.length) {
+                console.error('RemotePluginLoader: No valid plugins found');
+            }
+            return pluginModules;
+        },
+        importPluginModule: async (resource)=>{
+            const pluginModuleName = resource.metadata.name;
+            const pluginModule = {};
+            for (const plugin of resource.spec.plugins){
+                const remotePluginModule = await loadPlugin(pluginModuleName, plugin.spec.name);
+                const remotePlugin = remotePluginModule?.[plugin.spec.name];
+                if (remotePlugin) {
+                    pluginModule[plugin.spec.name] = remotePlugin;
+                } else {
+                    console.error(`RemotePluginLoader: Error loading plugin ${plugin.spec.name}`);
+                }
+            }
+            return pluginModule;
+        }
+    };
+};
+
+//# sourceMappingURL=remotePluginLoader.js.map

package/dist/remote/remotePluginLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/remote/remotePluginLoader.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PluginLoader, PluginMetadata, PluginModuleResource } from '@perses-dev/plugin-system';\nimport { RemotePluginModule } from './PersesPlugin.types';\nimport { loadPlugin } from './PluginRuntime';\n\nconst isPluginMetadata = (plugin: unknown): plugin is PluginMetadata => {\n  return (\n    typeof plugin === 'object' &&\n    plugin !== null &&\n    'kind' in plugin &&\n    'spec' in plugin &&\n    typeof plugin.spec === 'object' &&\n    plugin.spec !== null &&\n    'name' in plugin.spec\n  );\n};\n\nconst isPluginModuleResource = (pluginModule: unknown): pluginModule is PluginModuleResource => {\n  return (\n    typeof pluginModule === 'object' &&\n    pluginModule !== null &&\n    'metadata' in pluginModule &&\n    'spec' in pluginModule &&\n    typeof pluginModule.spec === 'object' &&\n    pluginModule.spec !== null &&\n    'plugins' in pluginModule.spec &&\n    Array.isArray(pluginModule.spec.plugins) &&\n    pluginModule.spec.plugins.every(isPluginMetadata)\n  );\n};\n\nexport const remotePluginLoader = (baseURL?: string): PluginLoader => {\n  return {\n    getInstalledPlugins: async (): Promise<PluginModuleResource[]> => {\n      const pluginsResponse = await fetch(`${baseURL ? baseURL : ''}/api/v1/plugins`);\n\n      const plugins = await pluginsResponse.json();\n\n      let pluginModules: PluginModuleResource[] = [];\n\n      if (Array.isArray(plugins)) {\n        pluginModules = plugins.filter(isPluginModuleResource);\n      } else {\n        console.error('RemotePluginLoader: Error loading plugins, response is not an array');\n      }\n\n      if (!pluginModules.length) {\n        console.error('RemotePluginLoader: No valid plugins found');\n      }\n\n      return pluginModules;\n    },\n    importPluginModule: async (resource): Promise<RemotePluginModule> => {\n      const pluginModuleName = resource.metadata.name;\n\n      const pluginModule: RemotePluginModule = {};\n\n      for (const plugin of resource.spec.plugins) {\n        const remotePluginModule = await loadPlugin(pluginModuleName, plugin.spec.name);\n\n        const remotePlugin = remotePluginModule?.[plugin.spec.name];\n        if (remotePlugin) {\n          pluginModule[plugin.spec.name] = remotePlugin;\n        } else {\n          console.error(`RemotePluginLoader: Error loading plugin ${plugin.spec.name}`);\n        }\n      }\n\n      return pluginModule;\n    },\n  };\n};\n"],"names":["loadPlugin","isPluginMetadata","plugin","spec","isPluginModuleResource","pluginModule","Array","isArray","plugins","every","remotePluginLoader","baseURL","getInstalledPlugins","pluginsResponse","fetch","json","pluginModules","filter","console","error","length","importPluginModule","resource","pluginModuleName","metadata","name","remotePluginModule","remotePlugin"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,mBAAmB,CAACC;IACxB,OACE,OAAOA,WAAW,YAClBA,WAAW,QACX,UAAUA,UACV,UAAUA,UACV,OAAOA,OAAOC,IAAI,KAAK,YACvBD,OAAOC,IAAI,KAAK,QAChB,UAAUD,OAAOC,IAAI;AAEzB;AAEA,MAAMC,yBAAyB,CAACC;IAC9B,OACE,OAAOA,iBAAiB,YACxBA,iBAAiB,QACjB,cAAcA,gBACd,UAAUA,gBACV,OAAOA,aAAaF,IAAI,KAAK,YAC7BE,aAAaF,IAAI,KAAK,QACtB,aAAaE,aAAaF,IAAI,IAC9BG,MAAMC,OAAO,CAACF,aAAaF,IAAI,CAACK,OAAO,KACvCH,aAAaF,IAAI,CAACK,OAAO,CAACC,KAAK,CAACR;AAEpC;AAEA,OAAO,MAAMS,qBAAqB,CAACC;IACjC,OAAO;QACLC,qBAAqB;YACnB,MAAMC,kBAAkB,MAAMC,MAAM,CAAC,EAAEH,UAAUA,UAAU,GAAG,eAAe,CAAC;YAE9E,MAAMH,UAAU,MAAMK,gBAAgBE,IAAI;YAE1C,IAAIC,gBAAwC,EAAE;YAE9C,IAAIV,MAAMC,OAAO,CAACC,UAAU;gBAC1BQ,gBAAgBR,QAAQS,MAAM,CAACb;YACjC,OAAO;gBACLc,QAAQC,KAAK,CAAC;YAChB;YAEA,IAAI,CAACH,cAAcI,MAAM,EAAE;gBACzBF,QAAQC,KAAK,CAAC;YAChB;YAEA,OAAOH;QACT;QACAK,oBAAoB,OAAOC;YACzB,MAAMC,mBAAmBD,SAASE,QAAQ,CAACC,IAAI;YAE/C,MAAMpB,eAAmC,CAAC;YAE1C,KAAK,MAAMH,UAAUoB,SAASnB,IAAI,CAACK,OAAO,CAAE;gBAC1C,MAAMkB,qBAAqB,MAAM1B,WAAWuB,kBAAkBrB,OAAOC,IAAI,CAACsB,IAAI;gBAE9E,MAAME,eAAeD,oBAAoB,CAACxB,OAAOC,IAAI,CAACsB,IAAI,CAAC;gBAC3D,IAAIE,cAAc;oBAChBtB,YAAY,CAACH,OAAOC,IAAI,CAACsB,IAAI,CAAC,GAAGE;gBACnC,OAAO;oBACLT,QAAQC,KAAK,CAAC,CAAC,yCAAyC,EAAEjB,OAAOC,IAAI,CAACsB,IAAI,CAAC,CAAC;gBAC9E;YACF;YAEA,OAAOpB;QACT;IACF;AACF,EAAE"}

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js

@@ -27,15 +27,9 @@ export function useDataQueriesContext() {
 export function useDataQueries(queryType) {
     const ctx = useDataQueriesContext();
     // Filter the query results based on the specified query type
-    const filteredQueryResults = ctx.queryResults.filter((queryResult)=>{
-        var _queryResult_definition;
-        return (queryResult === null || queryResult === void 0 ? void 0 : (_queryResult_definition = queryResult.definition) === null || _queryResult_definition === void 0 ? void 0 : _queryResult_definition.kind) === queryType;
-    });
+    const filteredQueryResults = ctx.queryResults.filter((queryResult)=>queryResult?.definition?.kind === queryType);
     // Filter the errors based on the specified query type
-    const filteredErrors = ctx.errors.filter((errors, index)=>{
-        var _ctx_queryResults_index_definition, _ctx_queryResults_index;
-        return ((_ctx_queryResults_index = ctx.queryResults[index]) === null || _ctx_queryResults_index === void 0 ? void 0 : (_ctx_queryResults_index_definition = _ctx_queryResults_index.definition) === null || _ctx_queryResults_index_definition === void 0 ? void 0 : _ctx_queryResults_index_definition.kind) === queryType;
-    });
+    const filteredErrors = ctx.errors.filter((errors, index)=>ctx.queryResults[index]?.definition?.kind === queryType);
     // Create a new context object with the filtered results and errors
     const filteredCtx = {
         queryResults: filteredQueryResults,
@@ -77,7 +71,7 @@ export function DataQueriesProvider(props) {
             ...transformQueryResults(timeSeriesResults, timeSeriesQueries),
             ...transformQueryResults(traceResults, traceQueries)
         ];
-        if (queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.enabled) {
+        if (queryOptions?.enabled) {
             for (const result of mergedQueryResults){
                 if (!result.isLoading && !result.isFetching && !result.error) {
                     usageMetrics.markQuery(result.definition, 'success');
@@ -101,7 +95,7 @@ export function DataQueriesProvider(props) {
         traceQueries,
         traceResults,
         refetchAll,
-        queryOptions === null || queryOptions === void 0 ? void 0 : queryOptions.enabled,
+        queryOptions?.enabled,
         usageMetrics
     ]);
     return /*#__PURE__*/ _jsx(DataQueriesContext.Provider, {