@perses-dev/plugin-system 0.0.0-snapshot-panel-extra-content-3-17f9c42 → 0.0.0-snapshot-scatterplot-fix-imports-95e1b59

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryEditor.js

@@ -16,30 +16,44 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TimeSeriesQueryEditor", {
     enumerable: true,
-    get: ()=>TimeSeriesQueryEditor
+    get: function() {
+        return TimeSeriesQueryEditor;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
+const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
 const _immer = require("immer");
 const _material = require("@mui/material");
-const _plus = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/Plus"));
+const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
 const _runtime = require("../../runtime");
-const _timeSeriesQueryInput = require("./TimeSeriesQueryInput");
-function _interopRequireDefault(obj) {
+const _TimeSeriesQueryInput = require("./TimeSeriesQueryInput");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const DEFAULT_QUERY_PLUGIN_TYPE = 'TimeSeriesQuery';
-function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
-    const hasMoreThanOneQuery = queries.length > 1;
-    const { defaultPluginKinds  } = (0, _runtime.usePluginRegistry)();
-    var ref;
-    const defaultTimeSeriesQueryKind = (ref = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[DEFAULT_QUERY_PLUGIN_TYPE]) !== null && ref !== void 0 ? ref : '';
-    const { data: defaultQueryPlugin  } = (0, _runtime.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTimeSeriesQueryKind, {
+function TimeSeriesQueryEditor({ queries = [], onChange }) {
+    var _timeSeriesPlugins_;
+    // Build the default query plugin
+    // Use as default the plugin kind explicitly set as default or the first in the list
+    const { defaultPluginKinds } = (0, _runtime.usePluginRegistry)();
+    const { data: timeSeriesPlugins } = (0, _runtime.useListPluginMetadata)(_runtime.TIME_SERIES_QUERY_KEY);
+    var _defaultPluginKinds_TIME_SERIES_QUERY_KEY, _ref;
+    const defaultTimeSeriesQueryKind = (_ref = (_defaultPluginKinds_TIME_SERIES_QUERY_KEY = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds[_runtime.TIME_SERIES_QUERY_KEY]) !== null && _defaultPluginKinds_TIME_SERIES_QUERY_KEY !== void 0 ? _defaultPluginKinds_TIME_SERIES_QUERY_KEY : timeSeriesPlugins === null || timeSeriesPlugins === void 0 ? void 0 : (_timeSeriesPlugins_ = timeSeriesPlugins[0]) === null || _timeSeriesPlugins_ === void 0 ? void 0 : _timeSeriesPlugins_.kind) !== null && _ref !== void 0 ? _ref : '';
+    const { data: defaultQueryPlugin } = (0, _runtime.usePlugin)(_runtime.TIME_SERIES_QUERY_KEY, defaultTimeSeriesQueryKind, {
         useErrorBoundary: true,
         enabled: true
     });
+    // This default query definition is used if no query is provided initially or when we add a new query
+    const defaultInitialQueryDefinition = {
+        kind: _runtime.TIME_SERIES_QUERY_KEY,
+        spec: {
+            plugin: {
+                kind: defaultTimeSeriesQueryKind,
+                spec: (defaultQueryPlugin === null || defaultQueryPlugin === void 0 ? void 0 : defaultQueryPlugin.createInitialOptions()) || {}
+            }
+        }
+    };
     // State for which queries are collapsed
     // TODO: Would be easier if we had IDs for queries.
     const [queriesCollapsed, setQueriesCollapsed] = (0, _react.useState)(queries.map(()=>false));
@@ -58,21 +72,12 @@ function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
     const handleQueryAdd = ()=>{
         if (!defaultQueryPlugin) return;
         onChange((0, _immer.produce)(queries, (draft)=>{
-            const queryDef = {
-                kind: DEFAULT_QUERY_PLUGIN_TYPE,
-                spec: {
-                    plugin: {
-                        kind: defaultTimeSeriesQueryKind,
-                        spec: defaultQueryPlugin.createInitialOptions()
-                    }
-                }
-            };
             if (draft) {
-                draft.push(queryDef);
+                draft.push(defaultInitialQueryDefinition);
             } else {
                 draft = [
                     ...queries,
-                    queryDef
+                    defaultInitialQueryDefinition
                 ];
             }
         }));
@@ -102,41 +107,32 @@ function TimeSeriesQueryEditor({ queries =[] , onChange  }) {
             ];
         });
     };
-    var ref1;
     // show one query input if queries is empty
     const queryDefinitions = queries.length ? queries : [
-        {
-            kind: 'TimeSeriesQuery',
-            spec: {
-                plugin: {
-                    kind: (ref1 = defaultPluginKinds === null || defaultPluginKinds === void 0 ? void 0 : defaultPluginKinds['TimeSeriesQuery']) !== null && ref1 !== void 0 ? ref1 : '',
-                    spec: {
-                        query: ''
-                    }
-                }
-            }
-        }
+        defaultInitialQueryDefinition
     ];
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
-        spacing: 1,
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Button, {
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
+                spacing: 1,
+                children: queryDefinitions.map((query, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeSeriesQueryInput.TimeSeriesQueryInput, {
+                        index: i,
+                        query: query,
+                        isCollapsed: !!queriesCollapsed[i],
+                        onChange: handleQueryChange,
+                        onDelete: queries.length > 1 ? handleQueryDelete : undefined,
+                        onCollapseExpand: handleQueryCollapseExpand
+                    }, i))
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
                 variant: "contained",
-                startIcon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plus.default, {}),
+                startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
                 sx: {
-                    marginLeft: 'auto'
+                    marginTop: 1
                 },
                 onClick: handleQueryAdd,
                 children: "Add Query"
-            }),
-            queryDefinitions.map((query, i)=>/*#__PURE__*/ (0, _jsxRuntime.jsx)(_timeSeriesQueryInput.TimeSeriesQueryInput, {
-                    index: i,
-                    query: query,
-                    isCollapsed: !!queriesCollapsed[i],
-                    onChange: handleQueryChange,
-                    onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
-                    onCollapseExpand: handleQueryCollapseExpand
-                }, i))
+            })
         ]
     });
 }

package/dist/cjs/components/TimeSeriesQueryEditor/TimeSeriesQueryInput.js

@@ -16,36 +16,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "TimeSeriesQueryInput", {
     enumerable: true,
-    get: ()=>TimeSeriesQueryInput
+    get: function() {
+        return TimeSeriesQueryInput;
+    }
 });
-const _jsxRuntime = require("react/jsx-runtime");
-const _immer = /*#__PURE__*/ _interopRequireDefault(require("immer"));
+const _jsxruntime = require("react/jsx-runtime");
+const _immer = /*#__PURE__*/ _interop_require_default(require("immer"));
 const _material = require("@mui/material");
-const _deleteOutline = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/DeleteOutline"));
-const _chevronDown = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/ChevronDown"));
-const _chevronRight = /*#__PURE__*/ _interopRequireDefault(require("mdi-material-ui/ChevronRight"));
-const _pluginEditor = require("../PluginEditor");
-function _interopRequireDefault(obj) {
+const _DeleteOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/DeleteOutline"));
+const _ChevronDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronDown"));
+const _ChevronRight = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronRight"));
+const _PluginEditor = require("../PluginEditor");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChange , onCollapseExpand  })=>{
-    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+const TimeSeriesQueryInput = ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
         spacing: 1,
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Stack, {
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
                 direction: "row",
                 alignItems: "center",
                 borderBottom: 1,
                 borderColor: (theme)=>theme.palette.divider,
                 children: [
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                         size: "small",
                         onClick: ()=>onCollapseExpand(index),
-                        children: isCollapsed ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_chevronRight.default, {}) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_chevronDown.default, {})
+                        children: isCollapsed ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronRight.default, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronDown.default, {})
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_material.Typography, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
                         variant: "overline",
                         component: "h4",
                         children: [
@@ -53,7 +55,7 @@ const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChang
                             index + 1
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.IconButton, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
                         size: "small",
                         // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible
                         sx: {
@@ -61,11 +63,11 @@ const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChang
                             visibility: `${onDelete ? 'visible' : 'hidden'}`
                         },
                         onClick: ()=>onDelete && onDelete(index),
-                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_deleteOutline.default, {})
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteOutline.default, {})
                     })
                 ]
             }),
-            !isCollapsed && /*#__PURE__*/ (0, _jsxRuntime.jsx)(QueryEditor, {
+            !isCollapsed && /*#__PURE__*/ (0, _jsxruntime.jsx)(QueryEditor, {
                 value: query,
                 onChange: (next)=>onChange(index, next)
             })
@@ -75,16 +77,16 @@ const TimeSeriesQueryInput = ({ index , query , isCollapsed , onDelete , onChang
 /**
  * Displays an editor for TimeSeriesQueryDefinition objects.
  */ function QueryEditor(props) {
-    const { value , onChange , ...others } = props;
-    const { spec: { plugin  } ,  } = value;
+    const { value, onChange, ...others } = props;
+    const { spec: { plugin } } = value;
     const handlePluginChange = (next)=>{
         onChange((0, _immer.default)(value, (draft)=>{
             draft.spec.plugin = next;
         }));
     };
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_material.Box, {
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
         ...others,
-        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pluginEditor.PluginEditor, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
             pluginType: "TimeSeriesQuery",
             pluginKindLabel: "Query Type",
             value: plugin,

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

@@ -14,15 +14,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_exportStar(require("./TimeSeriesQueryEditor"), exports);
-function _exportStar(from, to) {
+_export_star(require("./TimeSeriesQueryEditor"), exports);
+function _export_star(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];
-            }
-        });
+        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/TraceQueryEditor/TraceQueryEditor.js

@@ -0,0 +1,143 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TraceQueryEditor", {
+    enumerable: true,
+    get: function() {
+        return TraceQueryEditor;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _Plus = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Plus"));
+const _react = require("react");
+const _immer = require("immer");
+const _runtime = require("../../runtime");
+const _TraceQueryInput = require("./TraceQueryInput");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DEFAULT_QUERY_PLUGIN_TYPE = 'TraceQuery';
+function TraceQueryEditor({ queries = [], onChange }) {
+    const hasMoreThanOneQuery = queries.length > 1;
+    const defaultTraceQueryKind = 'TempoTraceQuery';
+    // State for which queries are collapsed
+    // TODO: Would be easier if we had IDs for queries.
+    const [queriesCollapsed, setQueriesCollapsed] = (0, _react.useState)(queries.map(()=>false));
+    const { data: defaultQueryPlugin } = (0, _runtime.usePlugin)(DEFAULT_QUERY_PLUGIN_TYPE, defaultTraceQueryKind, {
+        useErrorBoundary: true,
+        enabled: true
+    });
+    // Query handlers
+    const handleQueryChange = (index, queryDef)=>{
+        onChange((0, _immer.produce)(queries, (draft)=>{
+            if (draft) {
+                draft[index] = queryDef;
+            } else {
+                draft = [
+                    queryDef
+                ];
+            }
+        }));
+    };
+    const handleQueryAdd = ()=>{
+        if (!defaultQueryPlugin) return;
+        onChange((0, _immer.produce)(queries, (draft)=>{
+            const queryDef = {
+                kind: DEFAULT_QUERY_PLUGIN_TYPE,
+                spec: {
+                    plugin: {
+                        kind: defaultTraceQueryKind,
+                        spec: defaultQueryPlugin.createInitialOptions()
+                    }
+                }
+            };
+            if (draft) {
+                draft.push(queryDef);
+            } else {
+                draft = [
+                    ...queries,
+                    queryDef
+                ];
+            }
+        }));
+        setQueriesCollapsed((queriesCollapsed)=>{
+            queriesCollapsed.push(false);
+            return [
+                ...queriesCollapsed
+            ];
+        });
+    };
+    const handleQueryDelete = (index)=>{
+        onChange((0, _immer.produce)(queries, (draft)=>{
+            draft.splice(index, 1);
+        }));
+        setQueriesCollapsed((queriesCollapsed)=>{
+            queriesCollapsed.splice(index, 1);
+            return [
+                ...queriesCollapsed
+            ];
+        });
+    };
+    const handleQueryCollapseExpand = (index)=>{
+        setQueriesCollapsed((queriesCollapsed)=>{
+            queriesCollapsed[index] = !queriesCollapsed[index];
+            return [
+                ...queriesCollapsed
+            ];
+        });
+    };
+    // show one query input if queries is empty
+    const queryDefinitions = queries.length ? queries : [
+        {
+            kind: 'TraceQuery',
+            spec: {
+                plugin: {
+                    kind: 'TempoTraceQuery',
+                    spec: {
+                        query: ''
+                    }
+                }
+            }
+        }
+    ];
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
+                spacing: 1,
+                children: queryDefinitions.map((query, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_TraceQueryInput.TraceQueryInput, {
+                        index: i,
+                        query: query,
+                        isCollapsed: !!queriesCollapsed[i],
+                        onChange: handleQueryChange,
+                        onDelete: hasMoreThanOneQuery ? handleQueryDelete : undefined,
+                        onCollapseExpand: handleQueryCollapseExpand
+                    }, i))
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
+                variant: "contained",
+                startIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Plus.default, {}),
+                sx: {
+                    marginTop: 1
+                },
+                onClick: handleQueryAdd,
+                children: "Add Query"
+            })
+        ]
+    });
+}

package/dist/cjs/components/TraceQueryEditor/TraceQueryInput.js

@@ -0,0 +1,96 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TraceQueryInput", {
+    enumerable: true,
+    get: function() {
+        return TraceQueryInput;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _material = require("@mui/material");
+const _ChevronDown = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronDown"));
+const _ChevronRight = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ChevronRight"));
+const _DeleteOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/DeleteOutline"));
+const _immer = /*#__PURE__*/ _interop_require_default(require("immer"));
+const _PluginEditor = require("../PluginEditor");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const TraceQueryInput = ({ index, query, isCollapsed, onDelete, onChange, onCollapseExpand })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+        spacing: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                direction: "row",
+                alignItems: "center",
+                borderBottom: 1,
+                borderColor: (theme)=>theme.palette.divider,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                        size: "small",
+                        onClick: ()=>onCollapseExpand(index),
+                        children: isCollapsed ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronRight.default, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_ChevronDown.default, {})
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                        variant: "overline",
+                        component: "h4",
+                        children: [
+                            "Query ",
+                            index + 1
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
+                        size: "small",
+                        // Use `visibility` to ensure that the row has the same height when delete button is visible or not visible
+                        sx: {
+                            marginLeft: 'auto',
+                            visibility: `${onDelete ? 'visible' : 'hidden'}`
+                        },
+                        onClick: ()=>onDelete && onDelete(index),
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DeleteOutline.default, {})
+                    })
+                ]
+            }),
+            !isCollapsed && /*#__PURE__*/ (0, _jsxruntime.jsx)(QueryEditor, {
+                value: query,
+                onChange: (next)=>onChange(index, next)
+            })
+        ]
+    }, index);
+};
+/**
+ * Displays an editor for TraceQueryDefinition objects.
+ */ function QueryEditor(props) {
+    const { value, onChange, ...others } = props;
+    const { spec: { plugin } } = value;
+    const handlePluginChange = (next)=>{
+        onChange((0, _immer.default)(value, (draft)=>{
+            draft.spec.plugin = next;
+        }));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        ...others,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
+            pluginType: "TraceQuery",
+            pluginKindLabel: "Query Type",
+            value: plugin,
+            onChange: handlePluginChange
+        })
+    });
+}

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

@@ -0,0 +1,30 @@
+// 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.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./TraceQueryEditor"), exports);
+function _export_star(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;
+}