niuma-ui 1.0.0

package/src/locale/messages.ts

@@ -0,0 +1,362 @@
+import type { RsLocaleMessages } from './types'
+
+export const zhCN: RsLocaleMessages = {
+  'select.placeholder': '请选择',
+  'select.searchPlaceholder': '搜索…',
+  'select.empty': '无匹配结果',
+  'select.loading': '加载中…',
+  'select.clear': '清空',
+  'select.createOption': '使用 “{query}”',
+  'dropdown.placeholder': '请选择',
+  'breadcrumb.label': '面包屑',
+  'breadcrumb.separator': '分隔符',
+  'menu.label': '导航菜单',
+  'menu.expandSubmenu': '展开子菜单',
+  'menu.collapseSubmenu': '收起子菜单',
+  'input.required': '此项为必填',
+  'input.formatInvalid': '格式不正确',
+  'input.rule.email': '请输入有效的邮箱地址',
+  'input.rule.number': '请输入有效数字',
+  'input.rule.integer': '请输入整数',
+  'input.rule.phone': '请输入有效的 11 位手机号',
+  'input.rule.url': '请输入有效的 URL（需以 http:// 或 https:// 开头）',
+  'input.rule.minComplexity': '密码至少 8 位，且包含字母与数字',
+  'input.clear': '清除',
+  'input.showPassword': '显示密码',
+  'input.hidePassword': '隐藏密码',
+  'inputNumber.increase': '增加',
+  'inputNumber.decrease': '减少',
+  'common.confirm': '确认',
+  'common.cancel': '取消',
+  'common.remove': '移除',
+  'dialog.close': '关闭',
+  'dialog.fullscreen': '全屏',
+  'dialog.restore': '还原',
+  'confirm.title': '确认操作？',
+  'confirm.description': '此操作可能无法撤销，请确认后继续。',
+  'loading.label': '加载中',
+  'tabs.label': '标签页',
+  'tabs.add': '新建标签页',
+  'tabs.close': '关闭 {label}',
+  'tabs.more': '更多',
+  'tabs.rename': '重命名标签页',
+  'tabs.renamePlaceholder': '输入标签名称',
+  'tabs.scrollPrev': '向前滚动标签',
+  'tabs.scrollNext': '向后滚动标签',
+  'tabs.dragHandle': '拖动排序',
+  'pagination.label': '分页',
+  'pagination.prev': '上一页',
+  'pagination.next': '下一页',
+  'pagination.page': '页',
+  'pagination.summary': '共 {total} 条',
+  'pagination.jumpTo': '跳至',
+  'pagination.jumpPageSuffix': '页',
+  'pagination.jumpConfirm': '确定',
+  'table.loading': '加载中…',
+  'table.empty': '暂无数据',
+  'table.loadingMore': '加载更多…',
+  'table.selectAll': '全选',
+  'table.selectRow': '选择行',
+  'table.index': '#',
+  'table.expandRow': '展开行',
+  'table.collapseRow': '收起行',
+  'table.dragColumn': '拖拽调整列顺序',
+  'table.dragRow': '拖拽调整行顺序',
+  'table.rowCommit': '提交本行变更',
+  'table.gutterCommit': '提交',
+  'table.rowRollback': '撤销本行变更',
+  'table.rowStatus': '行状态',
+  'table.copyCell': '复制单元格',
+  'table.copyRow': '复制行',
+  'table.filterColumn': '筛选 {title}',
+  'table.filterPlaceholder': '输入筛选…',
+  'table.filterClear': '清除',
+  'table.filterApply': '确定',
+  'table.nullValue': '(NULL)',
+  'table.setNull': '设为 NULL',
+  'table.editHint': 'F2 编辑 · Tab 下一格 · Ctrl+0 NULL · Ctrl+Z 撤销',
+  'table.editTextarea': '单元格多行文本',
+  'upload.label': '点击或拖拽文件到此处上传',
+  'upload.browse': '或点击浏览本地文件',
+  'datePicker.placeholder': '选择日期',
+  'datePicker.rangePlaceholder': '选择日期范围',
+  'datePicker.clear': '清空日期',
+  'datePicker.prevMonth': '上个月',
+  'datePicker.nextMonth': '下个月',
+  'datePicker.today': '今天',
+  'datePicker.rangeToday': '今天',
+  'datePicker.confirm': '确定',
+  'datePicker.separator': ' ~ ',
+  'datePicker.rangeStart': '开始日期',
+  'datePicker.rangeEnd': '结束日期',
+  'dateTimePicker.placeholder': '选择日期时间',
+  'dateTimePicker.rangePlaceholder': '选择日期时间范围',
+  'dateTimePicker.time': '时间',
+  'dateTimePicker.now': '此刻',
+  'dateTimePicker.clear': '清空',
+  'dateTimePicker.rangeStart': '开始时间',
+  'dateTimePicker.rangeEnd': '结束时间',
+  'timePicker.placeholder': '选择时间',
+  'timePicker.embeddedPlaceholder': '选择',
+  'timePicker.rangePlaceholder': '选择时间范围',
+  'timePicker.hour': '时',
+  'timePicker.minute': '分',
+  'timePicker.second': '秒',
+  'timePicker.now': '此刻',
+  'timePicker.rangePreset': '朝九晚六',
+  'timePicker.clear': '清空',
+  'timePicker.rangeClear': '清空',
+  'timePicker.confirm': '确定',
+  'timePicker.separator': ' ~ ',
+  'timePicker.rangeStart': '开始时间',
+  'timePicker.rangeEnd': '结束时间',
+  'tree.label': '树形控件',
+  'tree.expand': '展开节点',
+  'tree.collapse': '收起节点',
+  'tree.check': '勾选节点',
+  'tree.empty': '暂无数据',
+  'tree.drag': '拖拽排序',
+  'split.label': '面板分割',
+  'split.resize': '拖动调整面板尺寸',
+  'terminal.copy': '复制',
+  'terminal.paste': '粘贴',
+  'terminal.selectAll': '全选',
+  'terminal.clear': '清空终端',
+  'terminal.askAi': '询问 AI',
+  'playground.brand': 'Niuma UI',
+  'playground.subtitle': 'Vue 3 组件演示',
+  'playground.nav.label': '组件导航',
+  'playground.nav.start': '开始',
+  'playground.nav.overview': '首页',
+  'playground.nav.components': '组件',
+  'playground.nav.basic': '基础',
+  'playground.nav.form': '表单',
+  'playground.nav.navigation': '导航与布局',
+  'playground.nav.feedback': '浮层与反馈',
+  'playground.nav.data': '数据展示',
+  'playground.nav.editor': '编辑器',
+  'playground.nav.lab': '实验室',
+  'playground.nav.search': '搜索组件…',
+  'playground.nav.empty': '没有匹配的组件',
+  'playground.nav.toggle': '打开导航',
+  'playground.theme.label': '主题',
+  'playground.theme.dark': 'Dark',
+  'playground.theme.light': 'Light',
+  'playground.locale.label': '语言',
+  'playground.demo.testFile': '单元测试',
+  'playground.demo.showCode': '查看代码',
+  'playground.demo.hideCode': '隐藏代码',
+  'playground.demo.api': 'API',
+  'playground.demo.api.name': '属性',
+  'playground.demo.api.type': '类型',
+  'playground.demo.api.default': '默认值',
+  'playground.demo.api.desc': '说明',
+  'playground.index.title': '为运维台与桌面工具打造的 Vue 3 设计系统',
+  'playground.index.intro': '一致的 Rs* 组件、--rs-* 设计 token，以及面向控制台场景的表格、树与编辑器能力。',
+  'playground.index.cta.install': '安装',
+  'playground.index.cta.browse': '浏览组件',
+  'playground.index.install': '安装',
+  'playground.index.installHint': '通过包管理器安装后，引入样式并包裹 RsConfigProvider。',
+  'playground.index.quickStart': '快速开始',
+  'playground.index.quickStartHint': '业务侧只从 niuma-ui 导入，不要直接依赖 reka-ui。',
+  'playground.index.featured': '精选组件',
+  'playground.index.featuredHint': '从高频能力开始体验交互与主题。',
+  'playground.index.dev': '开发者索引',
+  'playground.index.devHint': '演示页与单元测试对照，便于贡献与回归。',
+  'playground.index.column.component': '组件',
+  'playground.index.column.demo': '演示页',
+  'playground.index.column.test': '单元测试',
+  'playground.index.hint': '本地启动',
+  'codeBlock.copy': '复制',
+  'codeBlock.copied': '已复制',
+  'codeBlock.download': '下载',
+  'markdown.edit': '编辑',
+  'markdown.preview': '预览',
+  'markdown.split': '分栏',
+  'markdown.modes': 'Markdown 视图',
+  'markdown.placeholder': '支持 Markdown（标题、列表、链接、代码块…）',
+  'markdown.empty': '暂无内容',
+}
+
+export const enUS: RsLocaleMessages = {
+  'select.placeholder': 'Select',
+  'select.searchPlaceholder': 'Search…',
+  'select.empty': 'No results',
+  'select.loading': 'Loading…',
+  'select.clear': 'Clear',
+  'select.createOption': 'Use “{query}”',
+  'dropdown.placeholder': 'Select',
+  'breadcrumb.label': 'Breadcrumb',
+  'breadcrumb.separator': 'Separator',
+  'menu.label': 'Navigation menu',
+  'menu.expandSubmenu': 'Expand submenu',
+  'menu.collapseSubmenu': 'Collapse submenu',
+  'input.required': 'This field is required',
+  'input.formatInvalid': 'Invalid format',
+  'input.rule.email': 'Enter a valid email address',
+  'input.rule.number': 'Enter a valid number',
+  'input.rule.integer': 'Enter an integer',
+  'input.rule.phone': 'Enter a valid 11-digit mobile number',
+  'input.rule.url': 'Enter a valid URL starting with http:// or https://',
+  'input.rule.minComplexity': 'Password must be at least 8 characters with letters and numbers',
+  'input.clear': 'Clear',
+  'input.showPassword': 'Show password',
+  'input.hidePassword': 'Hide password',
+  'inputNumber.increase': 'Increase',
+  'inputNumber.decrease': 'Decrease',
+  'common.confirm': 'Confirm',
+  'common.cancel': 'Cancel',
+  'common.remove': 'Remove',
+  'dialog.close': 'Close',
+  'dialog.fullscreen': 'Fullscreen',
+  'dialog.restore': 'Restore',
+  'confirm.title': 'Confirm action?',
+  'confirm.description': 'This action may not be reversible. Please confirm before continuing.',
+  'loading.label': 'Loading',
+  'tabs.label': 'Tabs',
+  'tabs.add': 'Add tab',
+  'tabs.close': 'Close {label}',
+  'tabs.more': 'More',
+  'tabs.rename': 'Rename tab',
+  'tabs.renamePlaceholder': 'Enter tab name',
+  'tabs.scrollPrev': 'Scroll tabs backward',
+  'tabs.scrollNext': 'Scroll tabs forward',
+  'tabs.dragHandle': 'Drag to reorder',
+  'pagination.label': 'Pagination',
+  'pagination.prev': 'Previous',
+  'pagination.next': 'Next',
+  'pagination.page': 'page',
+  'pagination.summary': 'Total {total} items',
+  'pagination.jumpTo': 'Go to',
+  'pagination.jumpPageSuffix': 'page',
+  'pagination.jumpConfirm': 'Go',
+  'table.loading': 'Loading…',
+  'table.empty': 'No data',
+  'table.loadingMore': 'Loading more…',
+  'table.selectAll': 'Select all',
+  'table.selectRow': 'Select row',
+  'table.index': '#',
+  'table.expandRow': 'Expand row',
+  'table.collapseRow': 'Collapse row',
+  'table.dragColumn': 'Drag to reorder column',
+  'table.dragRow': 'Drag to reorder row',
+  'table.rowCommit': 'Commit row changes',
+  'table.gutterCommit': 'Commit',
+  'table.rowRollback': 'Revert row changes',
+  'table.rowStatus': 'Row status',
+  'table.copyCell': 'Copy cell',
+  'table.copyRow': 'Copy row',
+  'table.filterColumn': 'Filter {title}',
+  'table.filterPlaceholder': 'Filter…',
+  'table.filterClear': 'Clear',
+  'table.filterApply': 'Apply',
+  'table.nullValue': '(NULL)',
+  'table.setNull': 'Set NULL',
+  'table.editHint': 'F2 edit · Tab next · Ctrl+0 NULL · Ctrl+Z undo',
+  'table.editTextarea': 'Cell multiline text',
+  'upload.label': 'Click or drag files here to upload',
+  'upload.browse': 'or click to browse files',
+  'datePicker.placeholder': 'Select date',
+  'datePicker.rangePlaceholder': 'Select date range',
+  'datePicker.clear': 'Clear date',
+  'datePicker.prevMonth': 'Previous month',
+  'datePicker.nextMonth': 'Next month',
+  'datePicker.today': 'Today',
+  'datePicker.rangeToday': 'Today',
+  'datePicker.confirm': 'Confirm',
+  'datePicker.separator': ' – ',
+  'datePicker.rangeStart': 'Start date',
+  'datePicker.rangeEnd': 'End date',
+  'dateTimePicker.placeholder': 'Select date and time',
+  'dateTimePicker.rangePlaceholder': 'Select date-time range',
+  'dateTimePicker.time': 'Time',
+  'dateTimePicker.now': 'Now',
+  'dateTimePicker.clear': 'Clear',
+  'dateTimePicker.rangeStart': 'Start time',
+  'dateTimePicker.rangeEnd': 'End time',
+  'timePicker.placeholder': 'Select time',
+  'timePicker.embeddedPlaceholder': 'Select',
+  'timePicker.rangePlaceholder': 'Select time range',
+  'timePicker.hour': 'Hour',
+  'timePicker.minute': 'Min',
+  'timePicker.second': 'Sec',
+  'timePicker.now': 'Now',
+  'timePicker.rangePreset': '9:00 – 18:00',
+  'timePicker.clear': 'Clear',
+  'timePicker.rangeClear': 'Clear',
+  'timePicker.confirm': 'Confirm',
+  'timePicker.separator': ' – ',
+  'timePicker.rangeStart': 'Start time',
+  'timePicker.rangeEnd': 'End time',
+  'tree.label': 'Tree',
+  'tree.expand': 'Expand node',
+  'tree.collapse': 'Collapse node',
+  'tree.check': 'Check node',
+  'tree.empty': 'No data',
+  'tree.drag': 'Drag to reorder',
+  'split.label': 'Split panes',
+  'split.resize': 'Drag to resize panes',
+  'terminal.copy': 'Copy',
+  'terminal.paste': 'Paste',
+  'terminal.selectAll': 'Select All',
+  'terminal.clear': 'Clear Terminal',
+  'terminal.askAi': 'Ask AI',
+  'playground.brand': 'Niuma UI',
+  'playground.subtitle': 'Vue 3 component demos',
+  'playground.nav.label': 'Component navigation',
+  'playground.nav.start': 'Start',
+  'playground.nav.overview': 'Home',
+  'playground.nav.components': 'Components',
+  'playground.nav.basic': 'Basic',
+  'playground.nav.form': 'Form',
+  'playground.nav.navigation': 'Navigation & layout',
+  'playground.nav.feedback': 'Overlay & feedback',
+  'playground.nav.data': 'Data display',
+  'playground.nav.editor': 'Editors',
+  'playground.nav.lab': 'Lab',
+  'playground.nav.search': 'Search components…',
+  'playground.nav.empty': 'No matching components',
+  'playground.nav.toggle': 'Open navigation',
+  'playground.theme.label': 'Theme',
+  'playground.theme.dark': 'Dark',
+  'playground.theme.light': 'Light',
+  'playground.locale.label': 'Language',
+  'playground.demo.testFile': 'Unit test',
+  'playground.demo.showCode': 'Show code',
+  'playground.demo.hideCode': 'Hide code',
+  'playground.demo.api': 'API',
+  'playground.demo.api.name': 'Prop',
+  'playground.demo.api.type': 'Type',
+  'playground.demo.api.default': 'Default',
+  'playground.demo.api.desc': 'Description',
+  'playground.index.title': 'A Vue 3 design system for ops consoles and desktop tools',
+  'playground.index.intro': 'Consistent Rs* components, --rs-* tokens, plus table, tree, and editor capabilities for console UIs.',
+  'playground.index.cta.install': 'Install',
+  'playground.index.cta.browse': 'Browse components',
+  'playground.index.install': 'Install',
+  'playground.index.installHint': 'Install the package, import styles, and wrap your app with RsConfigProvider.',
+  'playground.index.quickStart': 'Quick start',
+  'playground.index.quickStartHint': 'Import only from niuma-ui — do not depend on reka-ui directly.',
+  'playground.index.featured': 'Featured',
+  'playground.index.featuredHint': 'Start with high-traffic components to explore interaction and theming.',
+  'playground.index.dev': 'Developer index',
+  'playground.index.devHint': 'Demo pages mapped to unit tests for contribution and regression.',
+  'playground.index.column.component': 'Component',
+  'playground.index.column.demo': 'Demo',
+  'playground.index.column.test': 'Unit test',
+  'playground.index.hint': 'Local start',
+  'codeBlock.copy': 'Copy',
+  'codeBlock.copied': 'Copied!',
+  'codeBlock.download': 'Download',
+  'markdown.edit': 'Edit',
+  'markdown.preview': 'Preview',
+  'markdown.split': 'Split',
+  'markdown.modes': 'Markdown view',
+  'markdown.placeholder': 'Markdown supported (headings, lists, links, code…)',
+  'markdown.empty': 'Nothing to preview',
+}
+
+export const localeMap = {
+  'zh-CN': zhCN,
+  'en-US': enUS,
+} as const

package/src/locale/types.ts

@@ -0,0 +1,5 @@
+export type RsLocale = 'zh-CN' | 'en-US'
+
+export type RsLocaleMessages = Record<string, string>
+
+export const defaultLocale: RsLocale = 'zh-CN'

package/src/monaco/debug-decorations.css

@@ -0,0 +1,20 @@
+/**
+ * Monaco 调试装饰（glyph / 行装饰）。
+ * 选择器勿绑死 .cgmr / .cldr：Monaco 版本间 class 组合会变，类名本身即可命中。
+ */
+
+.monaco-editor .rs-monaco-debug-bp {
+  background: no-repeat center center !important;
+  background-size: 10px 10px !important;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23e51400'/%3E%3C/svg%3E") !important;
+}
+
+.monaco-editor .rs-monaco-debug-stack {
+  background: no-repeat left 1px center !important;
+  background-size: 9px 11px !important;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' viewBox='0 0 9 11'%3E%3Cpath d='M0 0L9 5.5L0 11Z' fill='%23f5a623'/%3E%3C/svg%3E") !important;
+}
+
+.monaco-editor .rs-monaco-debug-current-line {
+  background: color-mix(in srgb, #f59e0b 16%, transparent) !important;
+}

package/src/monaco/debug-decorations.ts

@@ -0,0 +1,70 @@
+/**
+ * Monaco 调试装饰：glyph 断点 + 行装饰箭头 + 整行高亮。
+ * Monaco / VS Code 同源能力；业务只传行号，样式与 decoration 构造在本包。
+ */
+import type { editor as MonacoEditor } from 'monaco-editor'
+import './debug-decorations.css'
+
+export const RS_MONACO_DEBUG = {
+  bpGlyph: 'rs-monaco-debug-bp',
+  stackDeco: 'rs-monaco-debug-stack',
+  currentLine: 'rs-monaco-debug-current-line',
+} as const
+
+export interface MonacoDebugDecorationState {
+  /** 1-based 当前执行行；0 / 省略表示无 */
+  currentLine?: number
+  /** 1-based 断点行 */
+  breakpointLines?: number[]
+}
+
+/** 构造调试 decorations（不调用 editor）。 */
+export function buildMonacoDebugDecorations(
+  monaco: typeof import('monaco-editor'),
+  state: MonacoDebugDecorationState,
+): MonacoEditor.IModelDeltaDecoration[] {
+  const decos: MonacoEditor.IModelDeltaDecoration[] = []
+  const stickiness = monaco.editor.TrackedRangeStickiness.NeverGrowsWhenTypingAtEdges
+
+  for (const line of state.breakpointLines ?? []) {
+    if (line <= 0) continue
+    decos.push({
+      range: new monaco.Range(line, 1, line, 1),
+      options: {
+        glyphMarginClassName: RS_MONACO_DEBUG.bpGlyph,
+        glyphMarginHoverMessage: { value: 'Breakpoint' },
+        stickiness,
+      },
+    })
+  }
+
+  const cur = state.currentLine ?? 0
+  if (cur > 0) {
+    decos.push({
+      range: new monaco.Range(cur, 1, cur, 1),
+      options: {
+        isWholeLine: true,
+        className: RS_MONACO_DEBUG.currentLine,
+        // 箭头放在 linesDecorations，比 glyph 更易与行号垂直对齐
+        linesDecorationsClassName: RS_MONACO_DEBUG.stackDeco,
+        overviewRuler: {
+          color: 'rgba(245, 158, 11, 0.85)',
+          position: monaco.editor.OverviewRulerLane.Center,
+        },
+        stickiness,
+      },
+    })
+  }
+
+  return decos
+}
+
+/** 应用调试装饰，返回新的 decoration ids。 */
+export function applyMonacoDebugDecorations(
+  editor: MonacoEditor.IStandaloneCodeEditor,
+  monaco: typeof import('monaco-editor'),
+  prevIds: string[],
+  state: MonacoDebugDecorationState,
+): string[] {
+  return editor.deltaDecorations(prevIds, buildMonacoDebugDecorations(monaco, state))
+}

package/src/monaco/index.ts

@@ -0,0 +1,22 @@
+export { setupMonacoWorkers } from './setup'
+export type {
+  MonacoBuiltinLanguage,
+  MonacoLanguage,
+  MonacoSqlLanguageId,
+} from './languages'
+export {
+  ensureMongodbShellLanguage,
+  MONACO_MONGODB_SHELL_LANGUAGE,
+  MONACO_GENERIC_SQL_LANGUAGE,
+  MONACO_MYSQL_LANGUAGE,
+  MONACO_DAMENG_LANGUAGE,
+  MONACO_KINGBASE_LANGUAGE,
+  MONACO_PGSQL_LANGUAGE,
+  MONACO_SQLITE_LANGUAGE,
+} from './languages'
+export {
+  applyMonacoDebugDecorations,
+  buildMonacoDebugDecorations,
+  RS_MONACO_DEBUG,
+} from './debug-decorations'
+export type { MonacoDebugDecorationState } from './debug-decorations'

package/src/monaco/languages/index.ts

@@ -0,0 +1,21 @@
+export type {
+  MonacoBuiltinLanguage,
+  MonacoLanguage,
+  MonacoSqlLanguageId,
+} from './types'
+export {
+  MONACO_PGSQL_LANGUAGE,
+  MONACO_MYSQL_LANGUAGE,
+  MONACO_DAMENG_LANGUAGE,
+  MONACO_KINGBASE_LANGUAGE,
+  MONACO_CLICKHOUSE_LANGUAGE,
+  MONACO_SQLITE_LSP_LANGUAGE,
+  MONACO_SQLSERVER_LANGUAGE,
+  MONACO_ORACLE_LANGUAGE,
+  MONACO_SQLITE_LANGUAGE,
+  MONACO_GENERIC_SQL_LANGUAGE,
+} from './types'
+export {
+  ensureMongodbShellLanguage,
+  MONACO_MONGODB_SHELL_LANGUAGE,
+} from './mongodb-shell'

package/src/monaco/languages/mongodb-shell.ts

@@ -0,0 +1,125 @@
+/** MongoDB Shell 专用 Monaco 语言（避免走未配置完整的 JS/TS Language Service）。 */
+export const MONACO_MONGODB_SHELL_LANGUAGE = 'mongodb-shell'
+
+let registered = false
+
+/**
+ * 注册 mongodb-shell：JS 风格着色与括号，不挂 TypeScript Worker。
+ * Shell 补全由 completionRequest 提供，与内置 TS 补全隔离。
+ */
+export function ensureMongodbShellLanguage(monaco: typeof import('monaco-editor')): void {
+  if (registered) return
+  registered = true
+
+  monaco.languages.register({ id: MONACO_MONGODB_SHELL_LANGUAGE })
+  monaco.languages.setLanguageConfiguration(MONACO_MONGODB_SHELL_LANGUAGE, {
+    comments: { lineComment: '//', blockComment: ['/*', '*/'] },
+    brackets: [
+      ['{', '}'],
+      ['[', ']'],
+      ['(', ')'],
+    ],
+    autoClosingPairs: [
+      { open: '{', close: '}' },
+      { open: '[', close: ']' },
+      { open: '(', close: ')' },
+      { open: "'", close: "'" },
+      { open: '"', close: '"' },
+      { open: '`', close: '`' },
+    ],
+    surroundingPairs: [
+      { open: '{', close: '}' },
+      { open: '[', close: ']' },
+      { open: '(', close: ')' },
+      { open: "'", close: "'" },
+      { open: '"', close: '"' },
+      { open: '`', close: '`' },
+    ],
+  })
+
+  monaco.languages.setMonarchTokensProvider(MONACO_MONGODB_SHELL_LANGUAGE, {
+    defaultToken: '',
+    tokenPostfix: '.mongodb-shell',
+    keywords: [
+      'db',
+      'use',
+      'show',
+      'help',
+      'exit',
+      'true',
+      'false',
+      'null',
+      'undefined',
+      'function',
+      'return',
+      'const',
+      'let',
+      'var',
+      'if',
+      'else',
+      'for',
+      'while',
+      'new',
+      'typeof',
+    ],
+    typeKeywords: ['ObjectId', 'ISODate', 'NumberLong', 'NumberInt', 'NumberDecimal', 'UUID', 'BinData', 'Timestamp', 'MinKey', 'MaxKey', 'DBRef'],
+    operators: ['<=', '>=', '==', '!=', '===', '!==', '=>', '+', '-', '*', '/', '%', '&&', '||', '!', '?', ':', '='],
+    symbols: /[=><!~?:&|+\-*/^%]+/,
+    escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
+    tokenizer: {
+      root: [
+        [/[{}]/, 'delimiter.bracket'],
+        [/[[\]]/, 'delimiter.array'],
+        [/[()]/, 'delimiter.parenthesis'],
+        [/[a-zA-Z_$][\w$]*/, {
+          cases: {
+            '@typeKeywords': 'type',
+            '@keywords': 'keyword',
+            '@default': 'identifier',
+          },
+        }],
+        [/\$[a-zA-Z_][\w$]*/, 'variable.predefined'],
+        [/\d*\.\d+([eE][-+]?\d+)?/, 'number.float'],
+        [/0[xX][0-9a-fA-F]+/, 'number.hex'],
+        [/\d+/, 'number'],
+        [/"([^"\\]|\\.)*$/, 'string.invalid'],
+        [/'([^'\\]|\\.)*$/, 'string.invalid'],
+        [/"/, 'string', '@string_double'],
+        [/'/, 'string', '@string_single'],
+        [/`/, 'string', '@string_backtick'],
+        [/\/\*/, 'comment', '@comment'],
+        [/\/\/.*$/, 'comment'],
+        [/[;,.]/, 'delimiter'],
+        [/@symbols/, {
+          cases: {
+            '@operators': 'operator',
+            '@default': '',
+          },
+        }],
+      ],
+      comment: [
+        [/[^/*]+/, 'comment'],
+        [/\*\//, 'comment', '@pop'],
+        [/[/*]/, 'comment'],
+      ],
+      string_double: [
+        [/[^\\"]+/, 'string'],
+        [/@escapes/, 'string.escape'],
+        [/\\./, 'string.escape.invalid'],
+        [/"/, 'string', '@pop'],
+      ],
+      string_single: [
+        [/[^\\']+/, 'string'],
+        [/@escapes/, 'string.escape'],
+        [/\\./, 'string.escape.invalid'],
+        [/'/, 'string', '@pop'],
+      ],
+      string_backtick: [
+        [/[^\\`]+/, 'string'],
+        [/@escapes/, 'string.escape'],
+        [/\\./, 'string.escape.invalid'],
+        [/`/, 'string', '@pop'],
+      ],
+    },
+  })
+}