aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/monacoWin.html104
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>