摩纳哥支助

在ARC组件中与摩纳哥编辑器合作时,一组具有共同逻辑的帮助器功能.

本单元提供下列出口:

• MonacoStyles - 一个 lit-element 摩纳哥编辑器的基于样式
• MonacoLoader - 能够管理将摩纳哥装入全球范围的功能,并在装入摩纳哥后敲响其逻辑
• MonacoTheme - ARC非常基本的主题配置
• MonacoHelper - 增加具有共同功能的辅助图书馆.

使用量

安装

npm install --save @advanced-rest-client/monaco-support

正在装入 monaco

摩纳哥在其ES模块中使用CSS文件导入,使其在纯网络环境中无法使用. 另一种办法是在全球加载摩纳哥(坏主意,但这是前进的道路) monaco 对象在组件中.

这些功能有助于加载monaco并在库最终加载时识别:

import { MonacoLoader } from '@advanced-rest-client/monaco-support';

const monacoBase = '../node_modules/monaco-editor/';
MonacoLoader.createEnvironment(monacoBase);
await MonacoLoader.loadMonaco(monacoBase);
await MonacoLoader.monacoReady();

// it is safe to load a component

ARC 共同主题

这个 MonacoTheme.assignTheme() 当monaco被装入并准备编辑器实例的配置时,函数将被调用. 此检查当前用户对黑暗主题的偏好, 并在配置选项上设置相应的主题 .

let config = /** IStandaloneEditorConstructionOptions */ ({
  minimap: {
    enabled: false,
  },
  tabSize: 2,
  detectIndentation: true,
});
config = MonacoTheme.assignTheme(monaco, config);

这个 monaco 是指加载到全球范围的全局变量。 函数返回配置对象的副本,所以要更新原始对象.