@midscene/visualizer 0.28.2 → 0.28.3-beta-20250910131004.0

package/dist/lib/component/universal-playground/index.css

@@ -0,0 +1,341 @@
+.playground-container {
+  background: #fff;
+  flex-direction: column;
+  width: 100%;
+  height: 100vh;
+  padding: 0 12px;
+  display: flex;
+}
+
+.playground-container .command-form {
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.playground-container .context-preview-section {
+  border-bottom: 1px solid #f0f0f0;
+  flex-shrink: 0;
+  padding: 16px;
+}
+
+.playground-container .middle-dialog-area {
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.playground-container .middle-dialog-area .clear-button-container {
+  z-index: 10;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+}
+
+.playground-container .middle-dialog-area .clear-button-container .clear-button {
+  opacity: .7;
+  transition: opacity .2s;
+}
+
+.playground-container .middle-dialog-area .clear-button-container .clear-button:hover {
+  opacity: 1;
+}
+
+.playground-container .middle-dialog-area .info-list-container {
+  scrollbar-width: none;
+  flex: 1;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item {
+  border-bottom: none;
+  padding: 0;
+}
+
+.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item .ant-card {
+  border: 1px solid #f0f0f0;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+}
+
+.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item .ant-card:hover {
+  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
+}
+
+.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-item .ant-card .ant-card-body {
+  padding: 12px;
+}
+
+.playground-container .middle-dialog-area .info-list-container .ant-list .ant-list-empty-text {
+  color: #999;
+  font-style: italic;
+}
+
+.playground-container .middle-dialog-area .info-list-container::-webkit-scrollbar {
+  display: none;
+}
+
+.playground-container .middle-dialog-area .info-list-container .list-item {
+  background: none;
+  border: none;
+  padding: 0;
+}
+
+.playground-container .middle-dialog-area .scroll-to-bottom-button {
+  z-index: 10;
+  background: #fff;
+  position: absolute;
+  bottom: 10px;
+  right: 0;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, .04);
+}
+
+.playground-container .middle-dialog-area .scroll-to-bottom-button:hover {
+  background: #1890ff;
+}
+
+.playground-container .middle-dialog-area .scroll-to-bottom-button:hover .anticon {
+  color: #fff;
+}
+
+.playground-container .middle-dialog-area .scroll-to-bottom-button .anticon {
+  color: #333;
+  font-size: 16px;
+}
+
+.playground-container .user-message-container {
+  justify-content: flex-end;
+  width: 100%;
+  margin: 20px 0 30px;
+  display: flex;
+}
+
+.playground-container .user-message-container .user-message-bubble {
+  color: rgba(0, 0, 0, .85);
+  text-align: center;
+  background: #f2f4f7;
+  border-radius: 12px;
+  max-width: 80%;
+  padding: 12px 16px;
+  font-size: 14px;
+  font-weight: 400;
+  display: inline-block;
+}
+
+.playground-container .progress-action-item {
+  color: #000;
+  background: #f2f4f7;
+  border-radius: 8px;
+  justify-content: space-between;
+  height: 36px;
+  margin: 4px 0;
+  padding: 0 12px;
+  font-size: 14px;
+  line-height: 36px;
+  display: flex;
+}
+
+.playground-container .progress-action-item .progress-status-icon {
+  margin-left: 4px;
+}
+
+.playground-container .progress-action-item .progress-status-icon.loading {
+  color: #1890ff;
+}
+
+.playground-container .progress-action-item .progress-status-icon.completed {
+  color: #52c41a;
+}
+
+.playground-container .progress-action-item .progress-status-icon.error {
+  color: #ff4d4f;
+  font-weight: bold;
+}
+
+.playground-container .progress-description {
+  color: #000;
+  padding: 8px 0;
+  font-size: 14px;
+  line-height: 22px;
+  display: inline-block;
+}
+
+.playground-container .system-message-container {
+  flex-direction: column;
+  display: flex;
+}
+
+.playground-container .system-message-container .system-message-header {
+  align-items: center;
+  gap: 8px;
+  margin: 12px 0;
+  display: flex;
+}
+
+.playground-container .system-message-container .system-message-header .system-message-title {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 100%;
+}
+
+.playground-container .system-message-container .system-message-content {
+  color: rgba(0, 0, 0, .85);
+  font-size: 14px;
+}
+
+.playground-container .system-message-container .system-message-content .system-message-text {
+  color: rgba(0, 0, 0, .85);
+  font-size: 14px;
+  line-height: 25px;
+}
+
+.playground-container .system-message-container .system-message-content .error-message {
+  color: #e51723;
+  word-break: break-word;
+  background-color: #fff;
+  border: none;
+  border-radius: 0;
+  align-items: flex-start;
+  margin-bottom: 16px;
+  padding: 0;
+  font-size: 14px;
+  display: flex;
+}
+
+.playground-container .system-message-container .system-message-content .error-message .divider {
+  background-color: #e6e8eb;
+  flex-shrink: 0;
+  align-self: stretch;
+  width: 1px;
+  min-height: 20px;
+  margin: 0 8px 0 0;
+}
+
+.playground-container .system-message-container .system-message-content .loading-progress-text {
+  color: #666;
+  background: #f6f8fa;
+  border-left: 3px solid #1890ff;
+  border-radius: 4px;
+  margin-top: 8px;
+  padding: 8px 12px;
+  font-size: 13px;
+}
+
+.playground-container .new-conversation-separator {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  padding: 20px 0;
+  display: flex;
+  position: relative;
+}
+
+.playground-container .new-conversation-separator .separator-line {
+  background-color: #e8e8e8;
+  height: 1px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+}
+
+.playground-container .new-conversation-separator .separator-text-container {
+  z-index: 1;
+  background-color: #fff;
+  padding: 0 16px;
+  position: relative;
+}
+
+.playground-container .new-conversation-separator .separator-text-container .separator-text {
+  color: #999;
+  background-color: #fff;
+  font-size: 12px;
+}
+
+.playground-container .bottom-input-section {
+  background-color: #fff;
+  flex-shrink: 0;
+  padding: 16px 0 0;
+}
+
+.playground-container .version-info-section {
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  height: 38px;
+  display: flex;
+}
+
+.playground-container .version-text {
+  color: #999;
+  text-align: center;
+  font-size: 12px;
+}
+
+.playground-container .hidden-result-ref {
+  display: none;
+}
+
+.playground-container .playground-description {
+  margin-bottom: 32px;
+}
+
+.playground-container .playground-description .description-zh {
+  color: #333;
+  margin: 0 0 8px;
+  font-size: 16px;
+  line-height: 1.5;
+}
+
+.playground-container .playground-description .description-en {
+  color: #666;
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+.playground-container .config-section {
+  margin-bottom: 24px;
+}
+
+.playground-container .config-section .config-title {
+  color: #333;
+  margin: 0 0 16px;
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.playground-container .config-section .config-item {
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 12px;
+  display: flex;
+}
+
+.playground-container .config-section .config-item .config-check {
+  color: #52c41a;
+  font-size: 16px;
+}
+
+.playground-container .config-section .config-item .config-label {
+  color: #333;
+  font-size: 14px;
+}
+
+.playground-container .config-section .config-link {
+  color: #1890ff;
+  font-size: 14px;
+  text-decoration: none;
+}
+
+.playground-container .config-section .config-link:hover {
+  text-decoration: underline;
+}
+

package/dist/lib/component/universal-playground/index.js

@@ -0,0 +1,321 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    UniversalPlayground: ()=>UniversalPlayground,
+    default: ()=>universal_playground
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const icons_namespaceObject = require("@ant-design/icons");
+var icons_default = /*#__PURE__*/ __webpack_require__.n(icons_namespaceObject);
+const external_antd_namespaceObject = require("antd");
+const external_react_namespaceObject = require("react");
+const usePlaygroundExecution_js_namespaceObject = require("../../hooks/usePlaygroundExecution.js");
+const usePlaygroundState_js_namespaceObject = require("../../hooks/usePlaygroundState.js");
+const store_js_namespaceObject = require("../../store/store.js");
+const index_js_namespaceObject = require("../context-preview/index.js");
+const external_playground_result_index_js_namespaceObject = require("../playground-result/index.js");
+require("./index.css");
+const avatar_js_namespaceObject = require("../../icons/avatar.js");
+var avatar_js_default = /*#__PURE__*/ __webpack_require__.n(avatar_js_namespaceObject);
+const external_prompt_input_index_js_namespaceObject = require("../prompt-input/index.js");
+const { Text } = external_antd_namespaceObject.Typography;
+function ErrorMessage(param) {
+    let { error } = param;
+    if (!error) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Tooltip, {
+        title: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            style: {
+                whiteSpace: 'pre-wrap',
+                wordBreak: 'break-all'
+            },
+            children: error
+        }),
+        overlayStyle: {
+            maxWidth: '100vw'
+        },
+        children: [
+            "Error: ",
+            error.split('\n')[0]
+        ]
+    });
+}
+function UniversalPlayground(param) {
+    let { playgroundSDK, storage, contextProvider, config: componentConfig = {}, branding = {}, className = '', dryMode = false, showContextPreview = true } = param;
+    const [form] = external_antd_namespaceObject.Form.useForm();
+    const { deepThink, screenshotIncluded, domIncluded, config } = (0, store_js_namespaceObject.useEnvConfig)();
+    const { loading, setLoading, infoList, setInfoList, actionSpace, actionSpaceLoading, uiContextPreview, setUiContextPreview, showScrollToBottomButton, verticalMode, replayCounter, setReplayCounter, infoListRef, currentRunningIdRef, interruptedFlagRef, clearInfoList, refreshContext, handleScrollToBottom } = (0, usePlaygroundState_js_namespaceObject.usePlaygroundState)(playgroundSDK, storage, contextProvider);
+    const { handleRun: executeAction, handleStop, canStop } = (0, usePlaygroundExecution_js_namespaceObject.usePlaygroundExecution)(playgroundSDK, storage, actionSpace, loading, setLoading, infoList, setInfoList, replayCounter, setReplayCounter, verticalMode, currentRunningIdRef, interruptedFlagRef);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const completeConfig = {
+            ...config,
+            deepThink,
+            screenshotIncluded,
+            domIncluded
+        };
+        if (playgroundSDK.overrideConfig) playgroundSDK.overrideConfig(completeConfig).catch((error)=>{
+            console.error('Failed to override SDK config:', error);
+        });
+    }, [
+        playgroundSDK,
+        config,
+        deepThink,
+        screenshotIncluded,
+        domIncluded
+    ]);
+    const handleFormRun = (0, external_react_namespaceObject.useCallback)(async ()=>{
+        try {
+            const value = form.getFieldsValue();
+            await executeAction(value);
+        } catch (error) {
+            external_antd_namespaceObject.message.error((null == error ? void 0 : error.message) || 'Execution failed');
+        }
+    }, [
+        form,
+        executeAction
+    ]);
+    const runButtonEnabled = !dryMode && !actionSpaceLoading;
+    const selectedType = external_antd_namespaceObject.Form.useWatch('type', form);
+    const finalShowContextPreview = showContextPreview && false !== componentConfig.showContextPreview;
+    const enablePersistence = false !== componentConfig.enablePersistence;
+    const layout = componentConfig.layout || 'vertical';
+    const showVersionInfo = false !== componentConfig.showVersionInfo;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: `playground-container ${layout}-mode ${className}`.trim(),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_antd_namespaceObject.Form, {
+            form: form,
+            onFinish: handleFormRun,
+            className: "command-form",
+            children: [
+                finalShowContextPreview && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "context-preview-section",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.ContextPreview, {
+                        uiContextPreview: uiContextPreview,
+                        setUiContextPreview: setUiContextPreview,
+                        showContextPreview: finalShowContextPreview
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "middle-dialog-area",
+                    children: [
+                        infoList.length > 1 && enablePersistence && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: "clear-button-container",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                                size: "small",
+                                icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ClearOutlined, {}),
+                                onClick: clearInfoList,
+                                type: "text",
+                                className: "clear-button"
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            ref: infoListRef,
+                            className: "info-list-container",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.List, {
+                                itemLayout: "vertical",
+                                dataSource: infoList,
+                                renderItem: (item)=>{
+                                    var _item_result;
+                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.List.Item, {
+                                        className: "list-item",
+                                        children: 'user' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                            className: "user-message-container",
+                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                className: "user-message-bubble",
+                                                children: item.content
+                                            })
+                                        }) : 'progress' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                            children: (()=>{
+                                                var _parts_, _item_result, _item_result1, _item_result2;
+                                                const parts = item.content.split(' - ');
+                                                const action = null == (_parts_ = parts[0]) ? void 0 : _parts_.trim();
+                                                const description = parts.slice(1).join(' - ').trim();
+                                                const currentIndex = infoList.findIndex((listItem)=>listItem.id === item.id);
+                                                const laterProgressExists = infoList.slice(currentIndex + 1).some((listItem)=>'progress' === listItem.type);
+                                                const isLatestProgress = !laterProgressExists;
+                                                const shouldShowLoading = loading && isLatestProgress;
+                                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                                    children: [
+                                                        action && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                                                            className: "progress-action-item",
+                                                            children: [
+                                                                action,
+                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                                    className: `progress-status-icon ${shouldShowLoading ? 'loading' : (null == (_item_result = item.result) ? void 0 : _item_result.error) ? 'error' : 'completed'}`,
+                                                                    children: shouldShowLoading ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.LoadingOutlined, {
+                                                                        spin: true
+                                                                    }) : (null == (_item_result1 = item.result) ? void 0 : _item_result1.error) ? "\u2717" : "\u2713"
+                                                                })
+                                                            ]
+                                                        }),
+                                                        description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                                className: "progress-description",
+                                                                children: description
+                                                            })
+                                                        }),
+                                                        (null == (_item_result2 = item.result) ? void 0 : _item_result2.error) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ErrorMessage, {
+                                                            error: item.result.error
+                                                        })
+                                                    ]
+                                                });
+                                            })()
+                                        }) : 'separator' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                            className: "new-conversation-separator",
+                                            children: [
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                    className: "separator-line"
+                                                }),
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                    className: "separator-text-container",
+                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Text, {
+                                                        type: "secondary",
+                                                        className: "separator-text",
+                                                        children: item.content
+                                                    })
+                                                })
+                                            ]
+                                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                            className: "system-message-container",
+                                            children: [
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                                    className: "system-message-header",
+                                                    children: [
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_default(), {
+                                                            component: branding.icon || avatar_js_default(),
+                                                            style: {
+                                                                fontSize: 20
+                                                            }
+                                                        }),
+                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                            className: "system-message-title",
+                                                            children: branding.title || 'Playground'
+                                                        })
+                                                    ]
+                                                }),
+                                                (item.content || item.result) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                                    className: "system-message-content",
+                                                    children: [
+                                                        'result' === item.type && (null == (_item_result = item.result) ? void 0 : _item_result.error) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                                            className: "error-message",
+                                                            children: [
+                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                                    className: "divider"
+                                                                }),
+                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ErrorMessage, {
+                                                                    error: item.result.error
+                                                                })
+                                                            ]
+                                                        }),
+                                                        'result' === item.type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_playground_result_index_js_namespaceObject.PlaygroundResultView, {
+                                                            result: item.result || null,
+                                                            loading: item.loading || false,
+                                                            serverValid: true,
+                                                            serviceMode: 'Server',
+                                                            replayScriptsInfo: item.replayScriptsInfo || null,
+                                                            replayCounter: item.replayCounter || 0,
+                                                            loadingProgressText: item.loadingProgressText || '',
+                                                            verticalMode: item.verticalMode || false,
+                                                            fitMode: "width"
+                                                        }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                                                            children: [
+                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                                    className: "system-message-text",
+                                                                    children: item.content
+                                                                }),
+                                                                item.loading && item.loadingProgressText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                                    className: "loading-progress-text",
+                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                                        children: item.loadingProgressText
+                                                                    })
+                                                                })
+                                                            ]
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    }, item.id);
+                                }
+                            })
+                        }),
+                        showScrollToBottomButton && false !== componentConfig.enableScrollToBottom && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
+                            className: "scroll-to-bottom-button",
+                            type: "primary",
+                            shape: "circle",
+                            icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ArrowDownOutlined, {}),
+                            onClick: handleScrollToBottom,
+                            size: "large"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "bottom-input-section",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_prompt_input_index_js_namespaceObject.PromptInput, {
+                        runButtonEnabled: runButtonEnabled,
+                        form: form,
+                        serviceMode: 'Server',
+                        selectedType: selectedType,
+                        dryMode: dryMode,
+                        stoppable: canStop,
+                        loading: loading,
+                        onRun: handleFormRun,
+                        onStop: handleStop,
+                        actionSpace: actionSpace
+                    })
+                }),
+                showVersionInfo && branding.version && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                    className: "version-info-section",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                        className: "version-text",
+                        children: [
+                            "Midscene.js version: ",
+                            branding.version
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+}
+const universal_playground = UniversalPlayground;
+exports.UniversalPlayground = __webpack_exports__.UniversalPlayground;
+exports["default"] = __webpack_exports__["default"];
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "UniversalPlayground",
+    "default"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});