nocodb/packages/nc-gui/lib/monaco.ts

import getCrossOriginWorkerURL from 'crossoriginworker'

import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker&url'
import JsonWorker from 'monaco-editor/esm/vs/language/json/json.worker?worker&url'
import TypeScriptWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker&url'

let initialized = false

export const initializeMonaco = async () => {
  if (initialized) {
    return
  }

  const monaco = await import('monaco-editor')

  const editorWorker = new Worker(
    await getCrossOriginWorkerURL(EditorWorker),
    process.env.NODE_ENV === 'development' ? { type: 'module' } : undefined,
  )
  const jsonWorker = new Worker(
    await getCrossOriginWorkerURL(JsonWorker),
    process.env.NODE_ENV === 'development' ? { type: 'module' } : undefined,
  )
  const tsWorker = new Worker(
    await getCrossOriginWorkerURL(TypeScriptWorker),
    process.env.NODE_ENV === 'development' ? { type: 'module' } : undefined,
  )

  monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
    noSemanticValidation: false,
    diagnosticCodesToIgnore: [1375, 1378, 2451, 6385, 1108, 2792, 2307],
    noSyntaxValidation: false,
  })

  monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
    target: monaco.languages.typescript.ScriptTarget.ESNext,
    module: monaco.languages.typescript.ModuleKind.ESNext,
    allowNonTsExtensions: true,
    noLib: false,
    strictFunctionTypes: true,
    strict: true,
    moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
  })

  /**
   * Adding monaco editor to Vite
   *
   **/
  self.MonacoEnvironment = window.MonacoEnvironment = {
    async getWorker(_: any, label: string) {
      switch (label) {
        case 'typescript':
        case 'javascript': {
          return tsWorker
        }
        case 'json': {
          return jsonWorker
        }
        default: {
          return editorWorker
        }
      }
    },
  }

  initialized = true
}