@perses-dev/plugin-system 0.8.0 → 0.9.0

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

@@ -1,7 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginRegistry = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 // 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.
@@ -14,57 +10,75 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // 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 core_1 = require("@perses-dev/core");
-const react_1 = require("react");
-const cache_keys_1 = require("../../utils/cache-keys");
-const plugin_indexes_1 = require("./plugin-indexes");
-const plugin_registry_model_1 = require("./plugin-registry-model");
-/**
- * PluginRegistryContext provider that keeps track of all available plugins and provides an API for getting them or
- * querying the metadata about them.
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PluginRegistry", {
+    enumerable: true,
+    get: ()=>PluginRegistry
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _core = require("@perses-dev/core");
+const _react = require("react");
+const _cacheKeys = require("../../utils/cache-keys");
+const _pluginIndexes = require("./plugin-indexes");
+const _pluginRegistryModel = require("./plugin-registry-model");
 function PluginRegistry(props) {
-    const { getInstalledPlugins, importPluginModule, children } = props;
-    const getPluginIndexes = (0, plugin_indexes_1.usePluginIndexes)(getInstalledPlugins);
+    const { getInstalledPlugins , importPluginModule , children  } = props;
+    const getPluginIndexes = (0, _pluginIndexes.usePluginIndexes)(getInstalledPlugins);
     // De-dupe calls to import plugin modules
-    const importCache = (0, react_1.useRef)(new Map());
+    const importCache = (0, _react.useRef)(new Map());
     // Do useEvent here since this accesses the importPluginModule prop and we want a stable reference to it for the
     // callback below
-    const loadPluginModule = (0, core_1.useEvent)((resource) => {
+    const loadPluginModule = (0, _core.useEvent)((resource)=>{
         let request = importCache.current.get(resource);
         if (request === undefined) {
             request = importPluginModule(resource);
             importCache.current.set(resource, request);
             // Remove failed requests from the cache so they can potentially be retried
-            request.catch(() => importCache.current.delete(resource));
+            request.catch(()=>importCache.current.delete(resource));
         }
         return request;
     });
-    const getPlugin = (0, react_1.useCallback)(async (pluginType, kind) => {
+    const getPlugin = (0, _react.useCallback)(async (pluginType, kind)=>{
         // Get the indexes of the installed plugins
         const pluginIndexes = await getPluginIndexes();
         // Figure out what module the plugin is in by looking in the index
-        const typeAndKindKey = (0, cache_keys_1.getTypeAndKindKey)(pluginType, kind);
+        const typeAndKindKey = (0, _cacheKeys.getTypeAndKindKey)(pluginType, kind);
         const resource = pluginIndexes.pluginResourcesByTypeAndKind.get(typeAndKindKey);
         if (resource === undefined) {
             throw new Error(`A ${pluginType} plugin for kind '${kind}' is not installed`);
         }
         // Treat the plugin module as a bunch of named exports that have plugins
-        const pluginModule = (await loadPluginModule(resource));
+        const pluginModule = await loadPluginModule(resource);
         // We currently assume that plugin modules will have named exports that match the kinds they handle
         const plugin = pluginModule[kind];
         if (plugin === undefined) {
             throw new Error(`The ${pluginType} plugin for kind '${kind}' is missing from the ${resource.metadata.name} plugin module`);
         }
         return plugin;
-    }, [getPluginIndexes, loadPluginModule]);
-    const listPluginMetadata = (0, react_1.useCallback)(async (pluginType) => {
-        var _a;
+    }, [
+        getPluginIndexes,
+        loadPluginModule
+    ]);
+    const listPluginMetadata = (0, _react.useCallback)(async (pluginType)=>{
         const pluginIndexes = await getPluginIndexes();
-        return (_a = pluginIndexes.pluginMetadataByType.get(pluginType)) !== null && _a !== void 0 ? _a : [];
-    }, [getPluginIndexes]);
+        var ref;
+        return (ref = pluginIndexes.pluginMetadataByType.get(pluginType)) !== null && ref !== void 0 ? ref : [];
+    }, [
+        getPluginIndexes
+    ]);
     // Create the registry's context value and render
-    const context = (0, react_1.useMemo)(() => ({ getPlugin, listPluginMetadata }), [getPlugin, listPluginMetadata]);
-    return (0, jsx_runtime_1.jsx)(plugin_registry_model_1.PluginRegistryContext.Provider, { value: context, children: children });
+    const context = (0, _react.useMemo)(()=>({
+            getPlugin,
+            listPluginMetadata
+        }), [
+        getPlugin,
+        listPluginMetadata
+    ]);
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginRegistryModel.PluginRegistryContext.Provider, {
+        value: context,
+        children: children
+    });
 }
-exports.PluginRegistry = PluginRegistry;

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

@@ -1,73 +1,149 @@
+// 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.
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@testing-library/react");
-const plugins_1 = require("../../runtime/plugins");
-const render_1 = require("../../test/render");
-const PluginRegistry_1 = require("./PluginRegistry");
-const test_plugins_1 = require("./test-plugins");
-describe('PluginRegistry', () => {
-    const renderPluginRegistry = (children) => {
-        (0, render_1.renderWithContext)((0, jsx_runtime_1.jsx)(PluginRegistry_1.PluginRegistry, { ...test_plugins_1.testRegistryProps, children: children }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _jsxRuntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+const _react1 = require("@testing-library/react");
+const _plugins = require("../../runtime/plugins");
+const _render = require("../../test/render");
+const _pluginRegistry = require("./PluginRegistry");
+const _testPlugins = require("./test-plugins");
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+describe('PluginRegistry', ()=>{
+    const renderPluginRegistry = (children)=>{
+        (0, _render.renderWithContext)(/*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginRegistry.PluginRegistry, {
+            ..._testPlugins.testRegistryProps,
+            children: children
+        }));
     };
-    it('can load a plugin that exists', async () => {
-        renderPluginRegistry((0, jsx_runtime_1.jsx)(PluginConsumer, { pluginType: "Variable", kind: "ErnieVariable" }));
-        const hasPlugin = await react_1.screen.findByText('Has plugin: true', undefined, { timeout: 3000 });
+    it('can load a plugin that exists', async ()=>{
+        renderPluginRegistry(/*#__PURE__*/ (0, _jsxRuntime.jsx)(PluginConsumer, {
+            pluginType: "Variable",
+            kind: "ErnieVariable"
+        }));
+        const hasPlugin = await _react1.screen.findByText('Has plugin: true', undefined, {
+            timeout: 3000
+        });
         expect(hasPlugin).toBeInTheDocument();
     });
-    it('errors when plugin is not installed', async () => {
+    it('errors when plugin is not installed', async ()=>{
         // This plugin is not in the test metadata at all
-        renderPluginRegistry((0, jsx_runtime_1.jsx)(PluginConsumer, { pluginType: "GraphQuery", kind: "NotInstalled" }));
-        const error = await react_1.screen.findByText(/error:/i);
+        renderPluginRegistry(/*#__PURE__*/ (0, _jsxRuntime.jsx)(PluginConsumer, {
+            pluginType: "TimeSeriesQuery",
+            kind: "NotInstalled"
+        }));
+        const error = await _react1.screen.findByText(/error:/i);
         expect(error).toBeInTheDocument();
         expect(error).toHaveTextContent(/not installed/i);
     });
-    it('errors when plugin is missing from the module', async () => {
+    it('errors when plugin is missing from the module', async ()=>{
         // This plugin is in the test metadata, but the code is missing from the module
-        renderPluginRegistry((0, jsx_runtime_1.jsx)(PluginConsumer, { pluginType: "Variable", kind: "MissingErnieVariable" }));
-        const error = await react_1.screen.findByText(/error:/i);
+        renderPluginRegistry(/*#__PURE__*/ (0, _jsxRuntime.jsx)(PluginConsumer, {
+            pluginType: "Variable",
+            kind: "MissingErnieVariable"
+        }));
+        const error = await _react1.screen.findByText(/error:/i);
         expect(error).toBeInTheDocument();
         expect(error).toHaveTextContent(/missing/i);
     });
-    it('lists metadata for plugin metadata that exists', async () => {
+    it('lists metadata for plugin metadata that exists', async ()=>{
         // There should be 3 variable plugins across both test modules
-        renderPluginRegistry((0, jsx_runtime_1.jsx)(MetadataConsumer, { pluginType: "Variable" }));
-        const table = await react_1.screen.findByRole('table');
+        renderPluginRegistry(/*#__PURE__*/ (0, _jsxRuntime.jsx)(MetadataConsumer, {
+            pluginType: "Variable"
+        }));
+        const table = await _react1.screen.findByRole('table');
         expect(table).toBeInTheDocument();
-        const rows = react_1.screen.getAllByRole('row');
+        const rows = _react1.screen.getAllByRole('row');
         expect(rows).toHaveLength(3);
     });
-    it('lists metadata for plugin types with no plugins available', async () => {
-        // There are no GraphQuery plugins in any of the test modules
-        renderPluginRegistry((0, jsx_runtime_1.jsx)(MetadataConsumer, { pluginType: "GraphQuery" }));
-        const table = await react_1.screen.findByRole('table');
+    it('lists metadata for plugin types with no plugins available', async ()=>{
+        // There are no TimeSeriesQuery plugins in any of the test modules
+        renderPluginRegistry(/*#__PURE__*/ (0, _jsxRuntime.jsx)(MetadataConsumer, {
+            pluginType: "TimeSeriesQuery"
+        }));
+        const table = await _react1.screen.findByRole('table');
         expect(table).toBeInTheDocument();
-        const rows = react_1.screen.queryAllByRole('row');
+        const rows = _react1.screen.queryAllByRole('row');
         expect(rows).toHaveLength(0);
     });
 });
 // A helper component for testing the PluginRegistry by calling usePlugin to load a plugin
-const PluginConsumer = (props) => {
-    const { plugin, isLoading, error } = (0, plugins_1.usePlugin)(props.pluginType, props.kind);
+const PluginConsumer = (props)=>{
+    const { data: plugin , isLoading , error  } = (0, _plugins.usePlugin)(props.pluginType, props.kind);
     if (error) {
-        return (0, jsx_runtime_1.jsxs)("div", { children: ["Error: ", error.message] });
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+            children: [
+                "Error: ",
+                error.message
+            ]
+        });
     }
     if (isLoading) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "Loading" });
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+            children: "Loading"
+        });
     }
-    return (0, jsx_runtime_1.jsxs)("div", { children: ["Has plugin: ", (plugin !== undefined).toString()] });
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+        children: [
+            "Has plugin: ",
+            (plugin !== undefined).toString()
+        ]
+    });
 };
 // A helper component for testing the PluginRegistry metadata APIs by calling useListPluginMetadata
-const MetadataConsumer = (props) => {
-    const { pluginMetadata, isLoading, error } = (0, plugins_1.useListPluginMetadata)(props.pluginType);
+const MetadataConsumer = (props)=>{
+    const { data: pluginMetadata , isLoading , error  } = (0, _plugins.useListPluginMetadata)(props.pluginType);
     if (error) {
-        return (0, jsx_runtime_1.jsxs)("div", { children: ["Error: ", error.message] });
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)("div", {
+            children: [
+                "Error: ",
+                error.message
+            ]
+        });
     }
     if (isLoading) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "Loading" });
+        return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+            children: "Loading"
+        });
     }
     if (pluginMetadata === undefined) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("table", { children: (0, jsx_runtime_1.jsx)("tbody", { children: pluginMetadata.map((item) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: item.pluginType }), (0, jsx_runtime_1.jsx)("td", { children: item.kind }), (0, jsx_runtime_1.jsx)("td", { children: item.display.name }), (0, jsx_runtime_1.jsx)("td", { children: item.display.description })] }, item.kind))) }) }));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)("table", {
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)("tbody", {
+            children: pluginMetadata.map((item)=>/*#__PURE__*/ (0, _jsxRuntime.jsxs)("tr", {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                            children: item.pluginType
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                            children: item.kind
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                            children: item.display.name
+                        }),
+                        /*#__PURE__*/ (0, _jsxRuntime.jsx)("td", {
+                            children: item.display.description
+                        })
+                    ]
+                }, item.kind))
+        })
+    });
 };

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

@@ -1,4 +1,3 @@
-"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.
@@ -11,20 +10,20 @@
 // 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("./plugin-registry-model"), exports);
-__exportStar(require("./PluginRegistry"), exports);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_exportStar(require("./plugin-registry-model"), exports);
+_exportStar(require("./PluginRegistry"), exports);
+function _exportStar(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) Object.defineProperty(to, k, {
+            enumerable: true,
+            get: function() {
+                return from[k];
+            }
+        });
+    });
+    return from;
+}

package/dist/cjs/components/PluginRegistry/plugin-indexes.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,27 +10,30 @@
 // 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.usePluginIndexes = void 0;
-const core_1 = require("@perses-dev/core");
-const react_1 = require("react");
-const cache_keys_1 = require("../../utils/cache-keys");
-/**
- * Returns an async callback for getting indexes of the installed plugin data.
- */
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePluginIndexes", {
+    enumerable: true,
+    get: ()=>usePluginIndexes
+});
+const _core = require("@perses-dev/core");
+const _react = require("react");
+const _cacheKeys = require("../../utils/cache-keys");
 function usePluginIndexes(getInstalledPlugins) {
     // Creates indexes from the installed plugins data (does useEvent because this accesses the getInstalledPlugins prop
     // and we want a stable reference for the callback below)
-    const createPluginIndexes = (0, core_1.useEvent)(async () => {
+    const createPluginIndexes = (0, _core.useEvent)(async ()=>{
         const installedPlugins = await getInstalledPlugins();
         // Create the two indexes from the installed plugins
         const pluginResourcesByTypeAndKind = new Map();
         const pluginMetadataByType = new Map();
-        for (const resource of installedPlugins) {
-            for (const pluginMetadata of resource.spec.plugins) {
-                const { pluginType, kind } = pluginMetadata;
+        for (const resource of installedPlugins){
+            for (const pluginMetadata of resource.spec.plugins){
+                const { pluginType , kind  } = pluginMetadata;
                 // Index the plugin by type and kind to point at the module that contains it
-                const key = (0, cache_keys_1.getTypeAndKindKey)(pluginType, kind);
+                const key = (0, _cacheKeys.getTypeAndKindKey)(pluginType, kind);
                 if (pluginResourcesByTypeAndKind.has(key)) {
                     console.warn(`Got more than one ${pluginType} plugin for kind ${kind}`);
                 }
@@ -47,21 +49,22 @@ function usePluginIndexes(getInstalledPlugins) {
         }
         return {
             pluginResourcesByTypeAndKind,
-            pluginMetadataByType,
+            pluginMetadataByType
         };
     });
     // De-dupe creating plugin indexes (i.e. requests to get installed plugins)
-    const pluginIndexesCache = (0, react_1.useRef)(undefined);
-    const getPluginIndexes = (0, react_1.useCallback)(() => {
+    const pluginIndexesCache = (0, _react.useRef)(undefined);
+    const getPluginIndexes = (0, _react.useCallback)(()=>{
         let request = pluginIndexesCache.current;
         if (request === undefined) {
             request = createPluginIndexes();
             pluginIndexesCache.current = request;
             // Remove failed requests from the cache so they can potentially be retried
-            request.catch(() => pluginIndexesCache.current === undefined);
+            request.catch(()=>pluginIndexesCache.current === undefined);
         }
         return request;
-    }, [createPluginIndexes]);
+    }, [
+        createPluginIndexes
+    ]);
     return getPluginIndexes;
 }
-exports.usePluginIndexes = usePluginIndexes;

package/dist/cjs/components/PluginRegistry/plugin-registry-model.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,15 +10,26 @@
 // 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.usePluginRegistry = exports.PluginRegistryContext = void 0;
-const react_1 = require("react");
-exports.PluginRegistryContext = (0, react_1.createContext)(undefined);
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PluginRegistryContext: ()=>PluginRegistryContext,
+    usePluginRegistry: ()=>usePluginRegistry
+});
+const _react = require("react");
+const PluginRegistryContext = (0, _react.createContext)(undefined);
 function usePluginRegistry() {
-    const ctx = (0, react_1.useContext)(exports.PluginRegistryContext);
+    const ctx = (0, _react.useContext)(PluginRegistryContext);
     if (ctx === undefined) {
         throw new Error('PluginRegistryContext not found. Did you forget a provider?');
     }
     return ctx;
 }
-exports.usePluginRegistry = usePluginRegistry;

package/dist/cjs/components/PluginRegistry/test-plugins/bert/index.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,16 +10,27 @@
 // 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.BertPanel2 = exports.BertPanel1 = void 0;
-// Dummy plugins to test loading
-exports.BertPanel1 = {
-    PanelComponent: () => null,
-    OptionsEditorComponent: () => null,
-    createInitialOptions: () => ({}),
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BertPanel1: ()=>BertPanel1,
+    BertPanel2: ()=>BertPanel2
+});
+const BertPanel1 = {
+    PanelComponent: ()=>null,
+    OptionsEditorComponent: ()=>null,
+    createInitialOptions: ()=>({})
 };
-exports.BertPanel2 = {
-    PanelComponent: () => null,
-    OptionsEditorComponent: () => null,
-    createInitialOptions: () => ({}),
+const BertPanel2 = {
+    PanelComponent: ()=>null,
+    OptionsEditorComponent: ()=>null,
+    createInitialOptions: ()=>({})
 };

package/dist/cjs/components/PluginRegistry/test-plugins/ernie/index.js

@@ -1,4 +1,3 @@
-"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.
@@ -11,13 +10,26 @@
 // 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.ErnieVariable = void 0;
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ErnieVariable", {
+    enumerable: true,
+    get: ()=>ErnieVariable
+});
 const data = [
-    { label: 'Grover', value: 'Grover' },
-    { label: 'Snuffleupagus', value: 'Snuffleupagus' },
+    {
+        label: 'Grover',
+        value: 'Grover'
+    },
+    {
+        label: 'Snuffleupagus',
+        value: 'Snuffleupagus'
+    }
 ];
-// Dummy plugin to test loading
-exports.ErnieVariable = {
-    useVariableOptions: () => ({ loading: false, error: undefined, data }),
+const ErnieVariable = {
+    getVariableOptions: async ()=>({
+            data
+        })
 };