diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/monacoWin.html | 104 |
1 files changed, 59 insertions, 45 deletions
diff --git a/src/components/monacoWin.html b/src/components/monacoWin.html index d9d2412..57d3214 100644 --- a/src/components/monacoWin.html +++ b/src/components/monacoWin.html @@ -1,52 +1,66 @@ -<!doctype html> +<!DOCTYPE html> <html lang="en"> + <head> + <meta charset="utf-8" /> + <title>Vencord QuickCSS Editor</title> + <link + rel="stylesheet" + href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.37.1/min/vs/editor/editor.main.min.css" + integrity="sha512-wB3xfL98hWg1bpkVYSyL0js/Jx9s7FsDg9aYO6nOMSJTgPuk/PFqxXQJKKSUjteZjeYrfgo9NFBOA1r9HwDuZw==" + crossorigin="anonymous" + referrerpolicy="no-referrer" + /> + <style> + html, + body, + #container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + overflow: hidden; + } + </style> + </head> -<head> - <meta charset="utf-8"> - <title>Vencord QuickCSS Editor</title> - <link rel="stylesheet" data-name="vs/editor/editor.main" - href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs/editor/editor.main.min.css"> - <style> - html, - body, - #container { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - overflow: hidden; - } - </style> -</head> + <body> + <div id="container"></div> + <script + src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.37.1/min/vs/loader.min.js" + integrity="sha512-A+6SvPGkIN9Rf0mUXmW4xh7rDvALXf/f0VtOUiHlDUSPknu2kcfz1KzLpOJyL2pO+nZS13hhIjLqVgiQExLJrw==" + crossorigin="anonymous" + referrerpolicy="no-referrer" + ></script> -<body> - <div id="container"></div> - <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs/loader.min.js"></script> + <script> + require.config({ + paths: { + vs: "https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.37.1/min/vs", + }, + }); - <script> - require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs' } }); - require(["vs/editor/editor.main"], () => { - getCurrentCss().then(css => { - var editor = monaco.editor.create(document.getElementById('container'), { - value: css, - language: 'css', - theme: getTheme(), - }); - editor.onDidChangeModelContent(() => - setCss(editor.getValue()) - ); - window.addEventListener("resize", () => { - // make monaco re-layout - editor.layout(); + require(["vs/editor/editor.main"], () => { + getCurrentCss().then((css) => { + var editor = monaco.editor.create( + document.getElementById("container"), + { + value: css, + language: "css", + theme: getTheme(), + } + ); + editor.onDidChangeModelContent(() => + setCss(editor.getValue()) + ); + window.addEventListener("resize", () => { + // make monaco re-layout + editor.layout(); + }); }); }); - }); - - - </script> -</body> - + </script> + </body> </html> |