feat(lsp): Add monaco to window type

influxdata · Feb 14, 2020 · ac0447d · ac0447d
1 parent b79add7
commit ac0447d
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 4 deletions.
diff --git a/ui/global.d.ts b/ui/global.d.ts
@@ -6,3 +6,11 @@ import {MonacoType} from 'src/types'
 
 declare module '*.png'
 declare let monaco: MonacoType
+
+declare global {
+  interface Window {
+    monaco: MonacoType
+  }
+}
+
+window.monaco = window.monaco || {}
diff --git a/ui/src/timeMachine/components/TimeMachineFluxEditor.tsx b/ui/src/timeMachine/components/TimeMachineFluxEditor.tsx
@@ -59,7 +59,12 @@ const TimeMachineFluxEditor: FC<Props> = ({
     const p = editorInstance.getPosition()
     editorInstance.executeEdits('', [
       {
-        range: new monaco.Range(p.lineNumber, p.column, p.lineNumber, p.column),
+        range: new window.monaco.Range(
+          p.lineNumber,
+          p.column,
+          p.lineNumber,
+          p.column
+        ),
         text: `v.${variableName}`,
       },
     ])
@@ -70,7 +75,12 @@ const TimeMachineFluxEditor: FC<Props> = ({
     const p = editorInstance.getPosition()
     const edits = [
       {
-        range: new monaco.Range(p.lineNumber, p.column, p.lineNumber, p.column),
+        range: new window.monaco.Range(
+          p.lineNumber,
+          p.column,
+          p.lineNumber,
+          p.column
+        ),
         text: formatFunctionForInsert(func.name, func.example),
       },
     ]
@@ -80,7 +90,7 @@ const TimeMachineFluxEditor: FC<Props> = ({
     )
     if (importStatement) {
       edits.unshift({
-        range: new monaco.Range(1, 1, 1, 1),
+        range: new window.monaco.Range(1, 1, 1, 1),
         text: `${importStatement}\n`,
       })
     }

diff --git a/ui/tsconfig.json b/ui/tsconfig.json
@@ -40,5 +40,6 @@
     "src/**/*.test.tsx",
     "src/**/mocks.ts",
     "coverage"
-  ]
+  ],
+  "include": ["global.d.ts"]
 }