@perses-dev/plugin-system 0.8.0 → 0.9.0

package/dist/utils/cache-keys.js

@@ -1 +1,19 @@
-export function getTypeAndKindKey(e,n){return`${e}:${n}`}
+// Copyright 2022 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.
+/**
+ * Gets a unique key for a plugin type/kind that can be used as a cache key.
+ */ export function getTypeAndKindKey(pluginType, kind) {
+    return `${pluginType}:${kind}`;
+}
+
+//# sourceMappingURL=cache-keys.js.map

package/dist/utils/cache-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cache-keys.ts"],"sourcesContent":["// Copyright 2022 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 { PluginType } from '../model';\n\n/**\n * Gets a unique key for a plugin type/kind that can be used as a cache key.\n */\nexport function getTypeAndKindKey(pluginType: PluginType, kind: string) {\n  return `${pluginType}:${kind}`;\n}\n"],"names":["getTypeAndKindKey","pluginType","kind"],"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;;CAEC,GACD,OAAO,SAASA,iBAAiB,CAACC,UAAsB,EAAEC,IAAY,EAAE;IACtE,OAAO,CAAC,EAAED,UAAU,CAAC,CAAC,EAAEC,IAAI,CAAC,CAAC,CAAC;AACjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/plugin-system",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "The plugin feature in Pereses",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/perses/blob/main/README.md",
@@ -12,26 +12,29 @@
     "url": "https://github.com/perses/perses/issues"
   },
   "module": "dist/index.js",
-  "main": "dist/cjs/index.js",
+  "main": "dist//cjs/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "clean": "rimraf dist/",
-    "build": "tsc --build",
-    "build:cjs": "tsc --project ./tsconfig.cjs.json",
+    "build": "concurrently \"npm:build:*\"",
+    "build:cjs": "swc ./src -d dist/cjs --config-file ../.cjs.swcrc",
+    "build:esm": "swc ./src -d dist --config-file ../.swcrc",
+    "build:types": "tsc --emitDeclarationOnly --declaration --preserveWatchOutput",
+    "start": "concurrently -P \"npm:build:* -- {*}\" -- --watch",
     "test": "TZ=UTC jest",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint --fix src --ext .ts,.tsx"
   },
   "dependencies": {
-    "@perses-dev/components": "^0.8.0",
-    "@perses-dev/core": "^0.8.0",
+    "@perses-dev/components": "^0.9.0",
+    "@perses-dev/core": "^0.9.0",
     "immer": "^9.0.15",
     "use-immer": "^0.7.0"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^4.7.1",
     "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0",
-    "react-query": "^3.34.16"
+    "react-dom": "^17.0.2 || ^18.0.0"
   },
   "files": [
     "dist"

package/dist/cjs/components/PluginBoundary.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginBoundary = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("@perses-dev/components");
-const PluginLoadingBoundary_1 = require("./PluginLoadingBoundary");
-/**
- * Combination ErrorBoundary and PluginLoadingBoundary.
- */
-function PluginBoundary(props) {
-    const { ErrorFallbackComponent, loadingFallback, children } = props;
-    return ((0, jsx_runtime_1.jsx)(components_1.ErrorBoundary, { FallbackComponent: ErrorFallbackComponent, children: (0, jsx_runtime_1.jsx)(PluginLoadingBoundary_1.PluginLoadingBoundary, { fallback: loadingFallback, children: children }) }));
-}
-exports.PluginBoundary = PluginBoundary;

package/dist/cjs/components/PluginLoadingBoundary/PluginLoader.js

@@ -1,39 +0,0 @@
-"use strict";
-// Copyright 2021 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginLoader = void 0;
-const react_query_1 = require("react-query");
-const legacy_1 = require("../PluginRegistry/legacy");
-/**
- * Uses the PluginRegistry to load the specified plugin and throws any errors
- * encountered while loading.
- */
-function PluginLoader(props) {
-    const { pluginType, kind } = props;
-    // Load the plugin and throw any loading/not found errors
-    const { loadPlugin } = (0, legacy_1.usePluginRegistry)();
-    const { error } = (0, react_query_1.useQuery)(`PluginLoader:${pluginType}_${kind}`, () => {
-        // The enabled option below should prevent this from being run until loadPlugin is available, but check here to
-        // make Typescript happy
-        if (loadPlugin === undefined) {
-            throw new Error('PluginRegistry loadPlugin not available');
-        }
-        return loadPlugin(pluginType, kind);
-    }, { enabled: loadPlugin !== undefined });
-    if (error !== undefined && error !== null) {
-        throw error;
-    }
-    return null;
-}
-exports.PluginLoader = PluginLoader;

package/dist/cjs/components/PluginLoadingBoundary/PluginLoadingBoundary.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePlugin = exports.usePluginLoadingBoundary = exports.PluginLoadingBoundary = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const use_immer_1 = require("use-immer");
-const model_1 = require("../../model");
-const legacy_1 = require("../PluginRegistry/legacy");
-const PluginLoader_1 = require("./PluginLoader");
-/**
- * Plugin dependencies are registered here by children. This takes care of loading
- * those dependencies on demand and acts similar to React's Suspense in that it
- * will show a loading fallback while those plugins are being loaded.
- */
-function PluginLoadingBoundary(props) {
-    const { fallback, children } = props;
-    const { plugins } = (0, legacy_1.usePluginRegistry)();
-    // Keep track of all plugin dependencies registered by child components
-    const [dependencies, setDependencies] = (0, use_immer_1.useImmer)(() => {
-        const deps = {};
-        for (const pluginType of model_1.ALL_PLUGIN_TYPES) {
-            deps[pluginType] = {};
-        }
-        return deps;
-    });
-    // When children are rendered, they can register a dependency here to tell us
-    // what plugins they need so we can load them if necessary
-    const registerPluginDependency = (0, react_1.useCallback)((pluginType, kind) => {
-        setDependencies((draft) => {
-            draft[pluginType][kind] = true;
-        });
-    }, [setDependencies]);
-    const context = (0, react_1.useMemo)(() => ({ registerPluginDependency }), [registerPluginDependency]);
-    const { loaders, fragmentKey } = (0, react_1.useMemo)(() => {
-        let fragmentKey = '';
-        const loaders = [];
-        for (const pluginType of model_1.ALL_PLUGIN_TYPES) {
-            // Build an overall key for the dependencies by combining pluginType and
-            // kind of all dependencies
-            fragmentKey += `_${pluginType}:`;
-            const kinds = dependencies[pluginType];
-            for (const kind in kinds) {
-                fragmentKey += kind;
-                // Is this plugin already loaded?
-                const plugin = plugins[pluginType][kind];
-                if (plugin !== undefined)
-                    continue;
-                // Nope, add it to the loaders list
-                loaders.push((0, jsx_runtime_1.jsx)(PluginLoader_1.PluginLoader, { pluginType: pluginType, kind: kind }, `${pluginType}:${kind}`));
-            }
-        }
-        return { loaders, fragmentKey };
-    }, [plugins, dependencies]);
-    // All dependencies are loaded once we don't have any loaders to render
-    const isLoaded = loaders.length === 0;
-    return ((0, jsx_runtime_1.jsxs)(PluginLoadingBoundaryContext.Provider, { value: context, children: [loaders, isLoaded && (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: children }, fragmentKey), isLoaded === false && fallback] }));
-}
-exports.PluginLoadingBoundary = PluginLoadingBoundary;
-const PluginLoadingBoundaryContext = (0, react_1.createContext)(undefined);
-/**
- * Gets the PluginLoadingBoundary context and throws if the Provider is missing.
- */
-function usePluginLoadingBoundary() {
-    const ctx = (0, react_1.useContext)(PluginLoadingBoundaryContext);
-    if (ctx === undefined) {
-        throw new Error(`PluginLoadingBoundary context not found. Did you forget a Provider?`);
-    }
-    return ctx;
-}
-exports.usePluginLoadingBoundary = usePluginLoadingBoundary;
-/**
- * Generic usePlugin that will register the dependency with the nearest LoadingBoundary and get the plugin if it's
- * already loaded
- */
-function usePlugin(pluginType, kind) {
-    // Tell the loading boundary about the dependency
-    const { registerPluginDependency } = usePluginLoadingBoundary();
-    (0, react_1.useEffect)(() => {
-        registerPluginDependency(pluginType, kind);
-    }, [pluginType, kind, registerPluginDependency]);
-    // Get the plugin, which could be undefined if it hasn't loaded yet
-    const { plugins } = (0, legacy_1.usePluginRegistry)();
-    return plugins[pluginType][kind];
-}
-exports.usePlugin = usePlugin;

package/dist/cjs/components/PluginLoadingBoundary/index.js

@@ -1,29 +0,0 @@
-"use strict";
-// Copyright 2021 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PluginLoadingBoundary"), exports);

package/dist/cjs/components/PluginRegistry/legacy/PluginRegistry.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePluginRegistry = exports.PluginRegistry = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// Copyright 2021 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.
-const react_1 = require("react");
-const react_query_1 = require("react-query");
-const registry_state_1 = require("./registry-state");
-/**
- * PluginRegistryContext provider that keeps track of all available plugins and
- * their implementations once they've been loaded.
- */
-function PluginRegistry(props) {
-    const { children, getInstalledPlugins, importPluginModule } = props;
-    const installedPlugins = (0, react_query_1.useQuery)('installed-plugins', getInstalledPlugins);
-    const { loadablePlugins, plugins, register } = (0, registry_state_1.useRegistryState)(installedPlugins.data);
-    const loadPlugin = (0, react_1.useCallback)(async (pluginType, kind) => {
-        // Is it already loaded?
-        const plugin = plugins[pluginType][kind];
-        if (plugin !== undefined)
-            return;
-        // Is it a valid plugin we know about?
-        const resource = loadablePlugins[pluginType][kind];
-        if (resource === undefined) {
-            throw new Error(`No ${pluginType} plugin is available for kind ${kind}`);
-        }
-        // Load and register the resource
-        const pluginModule = await importPluginModule(resource);
-        register(resource, pluginModule);
-    }, [plugins, loadablePlugins, importPluginModule, register]);
-    const registry = (0, react_1.useMemo)(() => ({ plugins, loadPlugin: installedPlugins.isLoading ? undefined : loadPlugin }), [installedPlugins.isLoading, plugins, loadPlugin]);
-    return (0, jsx_runtime_1.jsx)(PluginRegistryContext.Provider, { value: registry, children: children });
-}
-exports.PluginRegistry = PluginRegistry;
-const PluginRegistryContext = (0, react_1.createContext)(undefined);
-/**
- * Gets the PluginRegistryContext, throwing if the provider is missing.
- */
-function usePluginRegistry() {
-    const ctx = (0, react_1.useContext)(PluginRegistryContext);
-    if (ctx === undefined) {
-        throw new Error('No PluginRegistry context found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-exports.usePluginRegistry = usePluginRegistry;

package/dist/cjs/components/PluginRegistry/legacy/index.js

@@ -1,29 +0,0 @@
-"use strict";
-// Copyright 2021 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.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./PluginRegistry"), exports);

package/dist/cjs/components/PluginRegistry/legacy/registry-state.js

@@ -1,97 +0,0 @@
-"use strict";
-// Copyright 2022 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRegistryState = void 0;
-const react_1 = require("react");
-const use_immer_1 = require("use-immer");
-const model_1 = require("../../../model");
-/**
- * Hook for setting up plugin registry state. Returns the state, plus a function
- * for registering plugins with that state.
- */
-function useRegistryState(installedPlugins) {
-    // Go through all installed plugins and bundled plugins and build an index of
-    // those resources by type and kind
-    const loadablePlugins = (0, react_1.useMemo)(() => {
-        const loadableProps = {};
-        for (const pluginType of model_1.ALL_PLUGIN_TYPES) {
-            loadableProps[pluginType] = {};
-        }
-        // If no plugins installed or waiting on that data, nothing else to do
-        if (installedPlugins === undefined)
-            return loadableProps;
-        for (const resource of installedPlugins) {
-            for (const plugin of resource.spec.plugins) {
-                const { pluginType, kind } = plugin;
-                const map = loadableProps[pluginType];
-                if (map[kind] !== undefined) {
-                    console.warn(`Got multiple ${pluginType} plugin definitions for kind ${kind}`);
-                    continue;
-                }
-                map[kind] = resource;
-            }
-        }
-        return loadableProps;
-    }, [installedPlugins]);
-    const [plugins, setPlugins] = (0, use_immer_1.useImmer)(() => {
-        const loadedPlugins = {};
-        for (const pluginType of model_1.ALL_PLUGIN_TYPES) {
-            loadedPlugins[pluginType] = {};
-        }
-        return loadedPlugins;
-    });
-    const registeredModules = (0, react_1.useRef)(new Set());
-    const register = (0, react_1.useCallback)((resource, pluginModule) => {
-        // De-dupe register calls in case multiple plugin loading boundaries
-        // are waiting for the same module in parallel
-        if (registeredModules.current.has(pluginModule)) {
-            return;
-        }
-        // Treat plugin module as JS module with named exports that are each a Plugin
-        const plugins = pluginModule;
-        setPlugins((draft) => {
-            // Look for all the plugins specified in the metadata
-            for (const pluginMetadata of resource.spec.plugins) {
-                // Assume that plugins will be exported under the same named export as the kind they handle
-                // TODO: Do we need to allow for different named exports and an option in the metadata to tell us the name?
-                const { pluginType, kind } = pluginMetadata;
-                const plugin = plugins[kind];
-                if (plugin === undefined) {
-                    // TODO: How to handle missing plugins?
-                    console.warn(`Could not find ${pluginType} plugin for kind '${kind}' in ${resource.metadata.name}`);
-                    continue;
-                }
-                // Add to registry state
-                switch (pluginType) {
-                    case 'Variable':
-                        draft.Variable[kind] = plugin;
-                        break;
-                    case 'Panel':
-                        draft.Panel[kind] = plugin;
-                        break;
-                    case 'GraphQuery':
-                        draft.GraphQuery[kind] = plugin;
-                        break;
-                    default:
-                        const exhaustive = pluginType;
-                        throw new Error(`Unhandled plugin config: ${exhaustive}`);
-                }
-            }
-        });
-        // Remember this module has been registered
-        registeredModules.current.add(pluginModule);
-    }, [setPlugins]);
-    return { loadablePlugins, plugins, register };
-}
-exports.useRegistryState = useRegistryState;

package/dist/cjs/components/PluginRegistry/test-plugins/bert/plugin.json

@@ -1,32 +0,0 @@
-{
-    "kind": "PluginModule",
-    "metadata": { "name": "Bert" },
-    "spec": {
-        "plugins": [
-            {
-                "pluginType": "Panel",
-                "kind": "BertPanel1",
-                "display": {
-                    "name": "Bert Panel 1",
-                    "description": ""
-                }
-            },
-            {
-                "pluginType": "Panel",
-                "kind": "BertPanel2",
-                "display": {
-                    "name": "Bert Panel 2",
-                    "description": ""
-                }
-            },
-            {
-                "pluginType": "Variable",
-                "kind": "BertVariable",
-                "display": {
-                    "name": "Bert Variable",
-                    "description": ""
-                }
-            }
-        ]
-    }
-}

package/dist/cjs/components/PluginRegistry/test-plugins/ernie/plugin.json

@@ -1,24 +0,0 @@
-{
-    "kind": "PluginModule",
-    "metadata": { "name": "Ernie" },
-    "spec": {
-        "plugins": [
-            {
-                "pluginType": "Variable",
-                "kind": "ErnieVariable",
-                "display": {
-                    "name": "Ernie Variable",
-                    "description": "A variable plugin that exists in the plugin module"
-                }
-            },
-            {
-                "pluginType": "Variable",
-                "kind": "MissingErnieVariable",
-                "display": {
-                    "name": "Ernie Variable",
-                    "description": "A variable plugin that exists here in the metadata, but is not in the plugin module"
-                }
-            }
-        ]
-    }
-}

package/dist/cjs/model/graph-queries.js

@@ -1,28 +0,0 @@
-"use strict";
-// Copyright 2021 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.
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGraphQuery = void 0;
-const PluginLoadingBoundary_1 = require("../components/PluginLoadingBoundary");
-/**
- * Use a Graph Query's results from a graph query plugin at runtime.
- */
-const useGraphQuery = (definition) => {
-    const plugin = (0, PluginLoadingBoundary_1.usePlugin)('GraphQuery', definition.kind);
-    if (plugin === undefined) {
-        // Provide default values while the plugin is being loaded
-        return { loading: true };
-    }
-    return plugin.useGraphQuery(definition);
-};
-exports.useGraphQuery = useGraphQuery;

package/dist/components/PluginBoundary.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { ErrorBoundaryProps } from '@perses-dev/components';
-import { PluginLoadingBoundaryProps } from './PluginLoadingBoundary';
-export interface PluginBoundaryProps {
-    loadingFallback: PluginLoadingBoundaryProps['fallback'];
-    ErrorFallbackComponent: Required<ErrorBoundaryProps>['FallbackComponent'];
-    children: ReactNode;
-}
-/**
- * Combination ErrorBoundary and PluginLoadingBoundary.
- */
-export declare function PluginBoundary(props: PluginBoundaryProps): JSX.Element;
-//# sourceMappingURL=PluginBoundary.d.ts.map

package/dist/components/PluginBoundary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginBoundary.d.ts","sourceRoot":"","sources":["../../src/components/PluginBoundary.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAyB,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAE5F,MAAM,WAAW,mBAAmB;IAClC,eAAe,EAAE,0BAA0B,CAAC,UAAU,CAAC,CAAC;IACxD,sBAAsB,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAQxD"}

package/dist/components/PluginBoundary.js

@@ -1 +0,0 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{ErrorBoundary}from"@perses-dev/components";import{PluginLoadingBoundary}from"./PluginLoadingBoundary";export function PluginBoundary(r){const{ErrorFallbackComponent:n,loadingFallback:o,children:a}=r;return _jsx(ErrorBoundary,{FallbackComponent:n,children:_jsx(PluginLoadingBoundary,{fallback:o,children:a})})}

package/dist/components/PluginLoadingBoundary/PluginLoader.d.ts

@@ -1,11 +0,0 @@
-import { PluginType } from '../../model';
-export interface PluginLoaderProps {
-    pluginType: PluginType;
-    kind: string;
-}
-/**
- * Uses the PluginRegistry to load the specified plugin and throws any errors
- * encountered while loading.
- */
-export declare function PluginLoader(props: PluginLoaderProps): null;
-//# sourceMappingURL=PluginLoader.d.ts.map

package/dist/components/PluginLoadingBoundary/PluginLoader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginLoader.d.ts","sourceRoot":"","sources":["../../../src/components/PluginLoadingBoundary/PluginLoader.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,QAsBpD"}

package/dist/components/PluginLoadingBoundary/PluginLoader.js

@@ -1 +0,0 @@
-import{useQuery}from"react-query";import{usePluginRegistry}from"../PluginRegistry/legacy";export function PluginLoader(r){const{pluginType:e,kind:i}=r,{loadPlugin:u}=usePluginRegistry(),{error:n}=useQuery(`PluginLoader:${e}_${i}`,(()=>{if(void 0===u)throw new Error("PluginRegistry loadPlugin not available");return u(e,i)}),{enabled:void 0!==u});if(null!=n)throw n;return null}

package/dist/components/PluginLoadingBoundary/PluginLoadingBoundary.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { JsonObject } from '@perses-dev/core';
-import { PluginType, PluginImplementation } from '../../model';
-export interface PluginLoadingBoundaryProps {
-    fallback: React.ReactNode;
-    children?: React.ReactNode;
-}
-/**
- * Plugin dependencies are registered here by children. This takes care of loading
- * those dependencies on demand and acts similar to React's Suspense in that it
- * will show a loading fallback while those plugins are being loaded.
- */
-export declare function PluginLoadingBoundary(props: PluginLoadingBoundaryProps): JSX.Element;
-interface PluginLoadingBoundaryContextType {
-    registerPluginDependency: (pluginType: PluginType, kind: string) => void;
-}
-/**
- * Gets the PluginLoadingBoundary context and throws if the Provider is missing.
- */
-export declare function usePluginLoadingBoundary(): PluginLoadingBoundaryContextType;
-/**
- * Generic usePlugin that will register the dependency with the nearest LoadingBoundary and get the plugin if it's
- * already loaded
- */
-export declare function usePlugin<Type extends PluginType>(pluginType: Type, kind: string): PluginImplementation<Type, JsonObject> | undefined;
-export {};
-//# sourceMappingURL=PluginLoadingBoundary.d.ts.map

package/dist/components/PluginLoadingBoundary/PluginLoadingBoundary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginLoadingBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/PluginLoadingBoundary/PluginLoadingBoundary.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAoB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AASjF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eAgEtE;AAED,UAAU,gCAAgC;IACxC,wBAAwB,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1E;AAID;;GAEG;AACH,wBAAgB,wBAAwB,qCAMvC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,SAAS,UAAU,EAC/C,UAAU,EAAE,IAAI,EAChB,IAAI,EAAE,MAAM,GACX,oBAAoB,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,SAAS,CAUpD"}

package/dist/components/PluginLoadingBoundary/PluginLoadingBoundary.js

@@ -1 +0,0 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Fragment,createContext,useContext,useMemo,useCallback,useEffect}from"react";import{useImmer}from"use-immer";import{ALL_PLUGIN_TYPES}from"../../model";import{usePluginRegistry}from"../PluginRegistry/legacy";import{PluginLoader}from"./PluginLoader";export function PluginLoadingBoundary(e){const{fallback:n,children:o}=e,{plugins:r}=usePluginRegistry(),[t,u]=useImmer((()=>{const e={};for(const n of ALL_PLUGIN_TYPES)e[n]={};return e})),i=useCallback(((e,n)=>{u((o=>{o[e][n]=!0}))}),[u]),s=useMemo((()=>({registerPluginDependency:i})),[i]),{loaders:g,fragmentKey:a}=useMemo((()=>{let e="";const n=[];for(const o of ALL_PLUGIN_TYPES){e+=`_${o}:`;const u=t[o];for(const t in u)e+=t,void 0===r[o][t]&&n.push(_jsx(PluginLoader,{pluginType:o,kind:t},`${o}:${t}`))}return{loaders:n,fragmentKey:e}}),[r,t]),l=0===g.length;return _jsxs(PluginLoadingBoundaryContext.Provider,{value:s,children:[g,l&&_jsx(Fragment,{children:o},a),!1===l&&n]})}const PluginLoadingBoundaryContext=createContext(void 0);export function usePluginLoadingBoundary(){const e=useContext(PluginLoadingBoundaryContext);if(void 0===e)throw new Error("PluginLoadingBoundary context not found. Did you forget a Provider?");return e}export function usePlugin(e,n){const{registerPluginDependency:o}=usePluginLoadingBoundary();useEffect((()=>{o(e,n)}),[e,n,o]);const{plugins:r}=usePluginRegistry();return r[e][n]}

package/dist/components/PluginLoadingBoundary/index.d.ts

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

package/dist/components/PluginLoadingBoundary/index.d.ts.map

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

package/dist/components/PluginLoadingBoundary/index.js

@@ -1 +0,0 @@
-export*from"./PluginLoadingBoundary";

package/dist/components/PluginRegistry/legacy/PluginRegistry.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { PluginModuleResource, PluginType } from '../../../model';
-import { LoadedPluginsByTypeAndKind } from './registry-state';
-export interface PluginRegistryProps {
-    children?: React.ReactNode;
-    getInstalledPlugins: () => Promise<PluginModuleResource[]>;
-    importPluginModule: (resource: PluginModuleResource) => Promise<unknown>;
-}
-/**
- * PluginRegistryContext provider that keeps track of all available plugins and
- * their implementations once they've been loaded.
- */
-export declare function PluginRegistry(props: PluginRegistryProps): JSX.Element;
-export interface PluginRegistryContextType {
-    /**
-     * Plugins that have already been loaded and are available for use.
-     */
-    plugins: LoadedPluginsByTypeAndKind;
-    /**
-     * Asks the plugin registry to load the specified plugin. This will be undefined until the list of available plugins
-     * has finished loading.
-     */
-    loadPlugin?: (pluginType: PluginType, kind: string) => Promise<void>;
-}
-/**
- * Gets the PluginRegistryContext, throwing if the provider is missing.
- */
-export declare function usePluginRegistry(): PluginRegistryContextType;
-//# sourceMappingURL=PluginRegistry.d.ts.map

package/dist/components/PluginRegistry/legacy/PluginRegistry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PluginRegistry.d.ts","sourceRoot":"","sources":["../../../../src/components/PluginRegistry/legacy/PluginRegistry.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,0BAA0B,EAAoB,MAAM,kBAAkB,CAAC;AAEhF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mBAAmB,EAAE,MAAM,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAAC;IAC3D,kBAAkB,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC1E;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA+BxD;AAID,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,OAAO,EAAE,0BAA0B,CAAC;IAEpC;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACtE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,yBAAyB,CAM7D"}