IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Kusto: Move loading @kusto/language-service off the main thread (#72006)

Browse Source 
fix(kusto): move kusto off the main thread to prevent conflict with window.System
This commit is contained in:
Jack Westbrook 2023-07-20 12:36:39 +02:00 committed by GitHub
parent ac445a25d5
commit 1c3606cebe
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
public/lib/monaco-languages/kusto.ts
View File

@ -1,64 +1,5 @@
declare global {
interface Window {
__monacoKustoResolvePromise: (value: unknown) => void;
__grafana_public_path__: string;
}
}
function loadScript(script: HTMLScriptElement | string): Promise<void> {
return new Promise((resolve, reject) => {
let scriptEl: HTMLScriptElement;
if (typeof script === 'string') {
scriptEl = document.createElement('script');
scriptEl.src = script;
} else {
scriptEl = script;
}
scriptEl.onload = () => resolve();
scriptEl.onerror = (err) => reject(err);
document.body.appendChild(scriptEl);
});
}
const loadMonacoKusto = () => {
return new Promise((resolve) => {
window.__monacoKustoResolvePromise = resolve;
const script = document.createElement('script');
script.innerHTML = `require(['vs/language/kusto/monaco.contribution'], function() {
window.__monacoKustoResolvePromise();
});`;
return document.body.appendChild(script);
});
};
export default async function loadKusto() {
const monacoPath = (window.__grafana_public_path__ ?? 'public/') + 'lib/monaco/min/vs';
const scripts = [
[`${monacoPath}/language/kusto/bridge.min.js`],
[
`${monacoPath}/language/kusto/kusto.javascript.client.min.js`,
`${monacoPath}/language/kusto/newtonsoft.json.min.js`,
`${monacoPath}/language/kusto/Kusto.Language.Bridge.min.js`,
],
];
let promise = Promise.resolve();
for (const parallelScripts of scripts) {
await promise;
// Load all these scripts in parallel, then wait for them all to finish before continuing
// to the next iteration
const allPromises = parallelScripts
.filter((src) => !document.querySelector(`script[src="${src}"]`))
.map((src) => loadScript(src));
await Promise.all(allPromises);
}
await loadMonacoKusto();
export default function loadKusto() {
return new Promise<void>((resolve) =>
__non_webpack_require__(['vs/language/kusto/monaco.contribution'], () => resolve())
);
}