@univerjs/uniscript 0.1.0-alpha.1

package/lib/cjs/index.js

@@ -0,0 +1,863 @@
+"use strict";
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _create_super(Derived) {
+    var hasNativeReflectConstruct = _is_native_reflect_construct();
+    return function _createSuperInternal() {
+        var Super = _get_prototype_of(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _get_prototype_of(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possible_constructor_return(this, result);
+    };
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var _import_core9_Plugin, _class;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && typeof from === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+var __decorateClass = function(decorators, target, key, kind) {
+    var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+    for(var i = decorators.length - 1, decorator; i >= 0; i--)if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+    if (kind && result) __defProp(target, key, result);
+    return result;
+};
+var __decorateParam = function(index, decorator) {
+    return function(target, key) {
+        return decorator(target, key, index);
+    };
+};
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+    UniscriptPlugin: function() {
+        return UniscriptPlugin;
+    }
+});
+module.exports = __toCommonJS(src_exports);
+// src/plugin.ts
+var import_core9 = require("@univerjs/core");
+var import_redi8 = require("@wendellhu/redi");
+// src/controllers/uniscript.controller.ts
+var import_core8 = require("@univerjs/core");
+var import_ui4 = require("@univerjs/ui");
+var import_redi7 = require("@wendellhu/redi");
+// src/commands/operations/panel.operation.ts
+var import_core2 = require("@univerjs/core");
+var import_ui = require("@univerjs/ui");
+// src/services/script-panel.service.ts
+var import_core = require("@univerjs/core");
+var import_rxjs = require("rxjs");
+var ScriptPanelService = /*#__PURE__*/ function(_import_core_Disposable) {
+    _inherits(ScriptPanelService, _import_core_Disposable);
+    var _super = _create_super(ScriptPanelService);
+    function ScriptPanelService() {
+        _class_call_check(this, ScriptPanelService);
+        var _this;
+        _this = _super.apply(this, arguments);
+        _define_property(_assert_this_initialized(_this), "_open$", new import_rxjs.BehaviorSubject(false));
+        _define_property(_assert_this_initialized(_this), "open$", _this._open$.pipe((0, import_rxjs.distinctUntilChanged)()));
+        return _this;
+    }
+    _create_class(ScriptPanelService, [
+        {
+            key: "isOpen",
+            get: function get() {
+                return this._open$.getValue();
+            }
+        },
+        {
+            key: "dispose",
+            value: function dispose() {
+                this._open$.next(false);
+                this._open$.complete();
+            }
+        },
+        {
+            key: "open",
+            value: function open() {
+                this._open$.next(true);
+            }
+        },
+        {
+            key: "close",
+            value: function close() {
+                this._open$.next(false);
+            }
+        }
+    ]);
+    return ScriptPanelService;
+}(import_core.Disposable);
+// src/commands/operations/panel.operation.ts
+var ScriptPanelComponentName = "ScriptPanel";
+var ToggleScriptPanelOperation = {
+    type: import_core2.CommandType.OPERATION,
+    id: "univer.operation.toggle-sscript-panel",
+    handler: function(accessor) {
+        var scriptPanelService = accessor.get(ScriptPanelService);
+        var sidebarService = accessor.get(import_ui.ISidebarService);
+        var isOpen = scriptPanelService.isOpen;
+        if (isOpen) {
+            scriptPanelService.close();
+            sidebarService.close();
+        } else {
+            scriptPanelService.open();
+            sidebarService.open({
+                header: {
+                    title: "script-panel.title"
+                },
+                children: {
+                    label: ScriptPanelComponentName
+                },
+                width: 600
+            });
+        }
+        return true;
+    }
+};
+// src/views/components/ScriptEditorPanel.tsx
+var import_core7 = require("@univerjs/core");
+var import_design = require("@univerjs/design");
+var import_ui2 = require("@univerjs/ui");
+var import_react_bindings = require("@wendellhu/redi/react-bindings");
+var import_monaco_editor = require("monaco-editor");
+var import_react = __toESM(require("react"));
+// src/services/script-editor.service.ts
+var import_core3 = require("@univerjs/core");
+var ScriptEditorService = /*#__PURE__*/ function(_import_core3_Disposable) {
+    _inherits(ScriptEditorService, _import_core3_Disposable);
+    var _super = _create_super(ScriptEditorService);
+    function ScriptEditorService(_config) {
+        _class_call_check(this, ScriptEditorService);
+        var _this;
+        _this = _super.call(this);
+        _this._config = _config;
+        return _this;
+    }
+    _create_class(ScriptEditorService, [
+        {
+            key: "requireVscodeEditor",
+            value: function requireVscodeEditor() {
+                if (!window.MonacoEnvironment) {
+                    window.MonacoEnvironment = {
+                        getWorkerUrl: this._config.getWorkerUrl
+                    };
+                }
+            }
+        }
+    ]);
+    return ScriptEditorService;
+}(import_core3.Disposable);
+// src/services/script-execution.service.ts
+var import_core6 = require("@univerjs/core");
+var import_redi6 = require("@wendellhu/redi");
+// src/facade/facade.ts
+var import_core5 = require("@univerjs/core");
+var import_redi5 = require("@wendellhu/redi");
+// src/facade/sheet/f-workbook.ts
+var import_redi4 = require("@wendellhu/redi");
+// src/facade/sheet/f-worksheet.ts
+var import_sheets2 = require("@univerjs/sheets");
+var import_redi3 = require("@wendellhu/redi");
+// src/facade/sheet/f-range.ts
+var import_core4 = require("@univerjs/core");
+var import_sheets = require("@univerjs/sheets");
+var import_redi = require("@wendellhu/redi");
+var FRange = /*#__PURE__*/ function() {
+    function FRange(_workbook, _worksheet, _range, _injector, _commandService) {
+        _class_call_check(this, FRange);
+        this._workbook = _workbook;
+        this._worksheet = _worksheet;
+        this._range = _range;
+        this._injector = _injector;
+        this._commandService = _commandService;
+    }
+    _create_class(FRange, [
+        {
+            key: "getRow",
+            value: function getRow() {
+                return this._range.startRow;
+            }
+        },
+        {
+            key: "getColumn",
+            value: function getColumn() {
+                return this._range.startColumn;
+            }
+        },
+        {
+            key: "getWidth",
+            value: function getWidth() {
+                return this._range.endColumn - this._range.startColumn + 1;
+            }
+        },
+        {
+            key: "getHeight",
+            value: function getHeight() {
+                return this._range.endRow - this._range.startRow + 1;
+            }
+        },
+        {
+            key: "getValue",
+            value: function getValue() {
+                var _this__worksheet_getCell;
+                var _this__worksheet_getCell_v;
+                return (_this__worksheet_getCell_v = (_this__worksheet_getCell = this._worksheet.getCell(this._range.startRow, this._range.startColumn)) === null || _this__worksheet_getCell === void 0 ? void 0 : _this__worksheet_getCell.v) !== null && _this__worksheet_getCell_v !== void 0 ? _this__worksheet_getCell_v : null;
+            }
+        },
+        {
+            key: "setBackgroundColor",
+            value: function setBackgroundColor(color) {
+                this._commandService.executeCommand(import_sheets.SetStyleCommand.id, {
+                    workbookId: this._workbook.getUnitId(),
+                    worksheetId: this._worksheet.getSheetId(),
+                    range: this._range,
+                    style: {
+                        type: "bg",
+                        value: {
+                            rgb: color
+                        }
+                    }
+                });
+            }
+        }
+    ]);
+    return FRange;
+}();
+FRange = __decorateClass([
+    __decorateParam(3, (0, import_redi.Inject)(import_redi.Injector)),
+    __decorateParam(4, import_core4.ICommandService)
+], FRange);
+// src/facade/sheet/f-selection.ts
+var import_redi2 = require("@wendellhu/redi");
+var FSelection = /*#__PURE__*/ function() {
+    function FSelection(_workbook, _worksheet, _selections, _injector) {
+        _class_call_check(this, FSelection);
+        this._workbook = _workbook;
+        this._worksheet = _worksheet;
+        this._selections = _selections;
+        this._injector = _injector;
+    }
+    _create_class(FSelection, [
+        {
+            key: "getActiveRange",
+            value: function getActiveRange() {
+                var active = this._selections.find(function(selection) {
+                    return !!selection.primary;
+                });
+                if (!active) {
+                    return null;
+                }
+                return this._injector.createInstance(FRange, this._workbook, this._worksheet, active.range);
+            }
+        }
+    ]);
+    return FSelection;
+}();
+FSelection = __decorateClass([
+    __decorateParam(3, (0, import_redi2.Inject)(import_redi2.Injector))
+], FSelection);
+// src/facade/sheet/f-worksheet.ts
+var FWorksheet = /*#__PURE__*/ function() {
+    function FWorksheet(_workbook, _worksheet, _injector, _selectionManagerService) {
+        _class_call_check(this, FWorksheet);
+        this._workbook = _workbook;
+        this._worksheet = _worksheet;
+        this._injector = _injector;
+        this._selectionManagerService = _selectionManagerService;
+    }
+    _create_class(FWorksheet, [
+        {
+            key: "getSelection",
+            value: function getSelection() {
+                var selections = this._selectionManagerService.getSelections();
+                if (!selections) {
+                    return null;
+                }
+                return this._injector.createInstance(FSelection, this._workbook, this._worksheet, selections);
+            }
+        },
+        {
+            key: "getRange",
+            value: function getRange(row, col) {
+                var range = {
+                    startRow: row,
+                    endRow: row,
+                    startColumn: col,
+                    endColumn: col
+                };
+                return this._injector.createInstance(FRange, this._workbook, this._worksheet, range);
+            }
+        }
+    ]);
+    return FWorksheet;
+}();
+FWorksheet = __decorateClass([
+    __decorateParam(2, (0, import_redi3.Inject)(import_redi3.Injector)),
+    __decorateParam(3, (0, import_redi3.Inject)(import_sheets2.SelectionManagerService))
+], FWorksheet);
+// src/facade/sheet/f-workbook.ts
+var FWorkbook = /*#__PURE__*/ function() {
+    function FWorkbook(_workbook, _injector) {
+        _class_call_check(this, FWorkbook);
+        this._workbook = _workbook;
+        this._injector = _injector;
+    }
+    _create_class(FWorkbook, [
+        {
+            key: "getActiveSheet",
+            value: function getActiveSheet() {
+                var activeSheet = this._workbook.getActiveSheet();
+                if (!activeSheet) {
+                    return null;
+                }
+                return this._injector.createInstance(FWorksheet, this._workbook, activeSheet);
+            }
+        }
+    ]);
+    return FWorkbook;
+}();
+FWorkbook = __decorateClass([
+    __decorateParam(1, (0, import_redi4.Inject)(import_redi4.Injector))
+], FWorkbook);
+// src/facade/facade.ts
+var FUniver = /*#__PURE__*/ function() {
+    function FUniver1(_injector, _univerInstanceService) {
+        _class_call_check(this, FUniver1);
+        this._injector = _injector;
+        this._univerInstanceService = _univerInstanceService;
+    }
+    _create_class(FUniver1, [
+        {
+            key: "getCurrentSheet",
+            value: function getCurrentSheet() {
+                var workbook = this._univerInstanceService.getCurrentUniverSheetInstance();
+                if (!workbook) {
+                    return null;
+                }
+                return this._injector.createInstance(FWorkbook, workbook);
+            }
+        }
+    ], [
+        {
+            key: "newInstance",
+            value: function newInstance(injector) {
+                return injector.createInstance(FUniver);
+            }
+        }
+    ]);
+    return FUniver1;
+}();
+FUniver = __decorateClass([
+    __decorateParam(0, (0, import_redi5.Inject)(import_redi5.Injector)),
+    __decorateParam(1, import_core5.IUniverInstanceService)
+], FUniver);
+// src/services/script-execution.service.ts
+var UniscriptExecutionService = /*#__PURE__*/ function(_import_core6_Disposable) {
+    _inherits(UniscriptExecutionService, _import_core6_Disposable);
+    var _super = _create_super(UniscriptExecutionService);
+    function UniscriptExecutionService(_logService, _injector) {
+        _class_call_check(this, UniscriptExecutionService);
+        var _this;
+        _this = _super.call(this);
+        _this._logService = _logService;
+        _this._injector = _injector;
+        return _this;
+    }
+    _create_class(UniscriptExecutionService, [
+        {
+            key: "execute",
+            value: function execute(code) {
+                var _this = this;
+                return _async_to_generator(function() {
+                    var facadeInstance, scriptFunction;
+                    return _ts_generator(this, function(_state) {
+                        _this._logService.log("[UniscriptExecutionService]", "executing Uniscript...");
+                        facadeInstance = FUniver.newInstance(_this._injector);
+                        scriptFunction = new Function("Univer", "(() => {".concat(code, "})()"));
+                        try {
+                            scriptFunction(facadeInstance);
+                            return [
+                                2,
+                                true
+                            ];
+                        } catch (e) {
+                            _this._logService.error(e);
+                            return [
+                                2,
+                                false
+                            ];
+                        }
+                        return [
+                            2
+                        ];
+                    });
+                })();
+            }
+        }
+    ]);
+    return UniscriptExecutionService;
+}(import_core6.Disposable);
+UniscriptExecutionService = __decorateClass([
+    __decorateParam(0, import_core6.ILogService),
+    __decorateParam(1, (0, import_redi6.Inject)(import_redi6.Injector))
+], UniscriptExecutionService);
+// stylePlugin:/Users/jikkaixiao/dev/univer/packages/uniscript/src/views/components/index.module.less
+var index_module_default = {
+    "scriptEditorPanel": "univer-script-editor-panel",
+    "scriptEditorContent": "univer-script-editor-content"
+};
+// src/views/components/ScriptEditorPanel.tsx
+function ScriptEditorPanel() {
+    var editorContentRef = (0, import_react.useRef)(null);
+    var editorContainerRef = (0, import_react.useRef)(null);
+    var monacoEditorRef = (0, import_react.useRef)(null);
+    var localeService = (0, import_react_bindings.useDependency)(import_core7.LocaleService);
+    var scriptService = (0, import_react_bindings.useDependency)(UniscriptExecutionService);
+    var shortcutService = (0, import_react_bindings.useDependency)(import_ui2.IShortcutService);
+    var editorService = (0, import_react_bindings.useDependency)(ScriptEditorService);
+    var messageService = (0, import_react_bindings.useDependency)(import_ui2.IMessageService);
+    (0, import_react.useEffect)(function() {
+        var containerElement = editorContainerRef.current;
+        var contentElement = editorContentRef.current;
+        var disposableCollection = null;
+        var resizeObserver = null;
+        if (containerElement && contentElement) {
+            editorService.requireVscodeEditor();
+            var monacoEditor = monacoEditorRef.current = import_monaco_editor.editor.create(containerElement, {
+                value: "",
+                language: "javascript"
+            });
+            resizeObserver = new ResizeObserver(function() {
+                var timer = requestIdleCallback(function() {
+                    if (!timer) return;
+                    var _contentElement_getBoundingClientRect = contentElement.getBoundingClientRect(), height = _contentElement_getBoundingClientRect.height, width = _contentElement_getBoundingClientRect.width;
+                    monacoEditor.layout({
+                        width: width,
+                        height: height
+                    });
+                    timer = void 0;
+                });
+            });
+            resizeObserver.observe(contentElement);
+            var terminateEscaping;
+            disposableCollection = new import_core7.DisposableCollection();
+            disposableCollection.add(monacoEditor.onDidFocusEditorWidget(function() {
+                terminateEscaping = shortcutService.forceEscape();
+            }));
+            disposableCollection.add(monacoEditor.onDidBlurEditorWidget(function() {
+                terminateEscaping === null || terminateEscaping === void 0 ? void 0 : terminateEscaping.dispose();
+                terminateEscaping = void 0;
+            }));
+            disposableCollection.add((0, import_core7.toDisposable)(function() {
+                return terminateEscaping === null || terminateEscaping === void 0 ? void 0 : terminateEscaping.dispose();
+            }));
+        }
+        return function() {
+            if (resizeObserver && contentElement) {
+                resizeObserver.unobserve(contentElement);
+            }
+            disposableCollection === null || disposableCollection === void 0 ? void 0 : disposableCollection.dispose();
+        };
+    }, []);
+    var startExecution = (0, import_react.useCallback)(function() {
+        var _monacoEditorRef_current;
+        var model = (_monacoEditorRef_current = monacoEditorRef.current) === null || _monacoEditorRef_current === void 0 ? void 0 : _monacoEditorRef_current.getModel();
+        if (model) {
+            scriptService.execute(model.getValue()).then(function() {
+                messageService.show({
+                    content: "Execution completed",
+                    type: import_design.MessageType.Success
+                });
+            }).catch(function() {
+                messageService.show({
+                    content: "Execution failed",
+                    type: import_design.MessageType.Error
+                });
+            });
+        }
+    }, [
+        scriptService
+    ]);
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+        className: index_module_default.scriptEditorPanel
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+        className: index_module_default.scriptEditorContent,
+        ref: editorContentRef
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+        className: index_module_default.scriptEditorContainer,
+        ref: editorContainerRef
+    })), /* @__PURE__ */ import_react.default.createElement("div", {
+        className: index_module_default.scriptEditorActions
+    }, /* @__PURE__ */ import_react.default.createElement(import_design.Button, {
+        type: "primary",
+        size: "small",
+        onClick: startExecution
+    }, localeService.t("script-panel.panel.execute"))));
+}
+// src/controllers/menu.ts
+var import_ui3 = require("@univerjs/ui");
+function UniscriptMenuItemFactory() {
+    return {
+        id: ToggleScriptPanelOperation.id,
+        title: "toggle-script-panel",
+        tooltip: "script-panel.tooltip.menu-button",
+        icon: "CodeSingle",
+        type: import_ui3.MenuItemType.BUTTON,
+        positions: [
+            import_ui3.MenuPosition.TOOLBAR_START
+        ]
+    };
+}
+// src/controllers/uniscript.controller.ts
+var UniscriptController = /*#__PURE__*/ function(_import_core8_Disposable) {
+    _inherits(UniscriptController, _import_core8_Disposable);
+    var _super = _create_super(UniscriptController);
+    function UniscriptController(menuService, commandService, componentManager) {
+        _class_call_check(this, UniscriptController);
+        var _this;
+        _this = _super.call(this);
+        _this.disposeWithMe(menuService.addMenuItem(UniscriptMenuItemFactory()));
+        _this.disposeWithMe(componentManager.register(ScriptPanelComponentName, ScriptEditorPanel));
+        _this.disposeWithMe(commandService.registerCommand(ToggleScriptPanelOperation));
+        return _this;
+    }
+    return UniscriptController;
+}(import_core8.Disposable);
+UniscriptController = __decorateClass([
+    (0, import_core8.OnLifecycle)(import_core8.LifecycleStages.Steady, UniscriptController),
+    __decorateParam(0, import_ui4.IMenuService),
+    __decorateParam(1, import_core8.ICommandService),
+    __decorateParam(2, (0, import_redi7.Inject)(import_ui4.ComponentManager))
+], UniscriptController);
+// src/locale/en-US.ts
+var en_US_default = {
+    "script-panel": {
+        title: "Uniscript",
+        tooltip: {
+            "menu-button": "Toggle Uniscript Panel"
+        },
+        panel: {
+            execute: "Execute Script"
+        }
+    }
+};
+// src/plugin.ts
+var PLUGIN_NAME = "uniscript";
+var UniscriptPlugin = (_class = /*#__PURE__*/ function(_superClass) {
+    _inherits(_class, _superClass);
+    var _super = _create_super(_class);
+    function _class(_config, _injector, _localeService) {
+        _class_call_check(this, _class);
+        var _this;
+        _this = _super.call(this, PLUGIN_NAME);
+        _this._config = _config;
+        _this._injector = _injector;
+        _this._localeService = _localeService;
+        return _this;
+    }
+    _create_class(_class, [
+        {
+            key: "onStarting",
+            value: function onStarting(injector) {
+                var _this = this;
+                var dependencies = [
+                    // controllers
+                    [
+                        UniscriptController
+                    ],
+                    // services
+                    [
+                        ScriptEditorService,
+                        {
+                            useFactory: function() {
+                                return injector.createInstance(ScriptEditorService, _this._config);
+                            }
+                        }
+                    ],
+                    [
+                        ScriptPanelService
+                    ],
+                    [
+                        UniscriptExecutionService
+                    ]
+                ];
+                dependencies.forEach(function(d) {
+                    return injector.add(d);
+                });
+                this._localeService.load({
+                    enUS: en_US_default
+                });
+            }
+        }
+    ]);
+    return _class;
+}(_import_core9_Plugin = import_core9.Plugin), _define_property(_class, "type", import_core9.PluginType.Univer), _class);
+UniscriptPlugin = __decorateClass([
+    __decorateParam(1, (0, import_redi8.Inject)(import_redi8.Injector)),
+    __decorateParam(2, (0, import_redi8.Inject)(import_core9.LocaleService))
+], UniscriptPlugin);