set init settings for languages + fixes

codeeditor-app/elements/code-editor/code-editor.ts

@@ -14,8 +14,7 @@ export class CodeEditor extends BaseElement {
         this.initWorkers();
         this.input = this.setInitInput();
         this.language = this.tagName.substring(0, this.tagName.indexOf("-")).toLocaleLowerCase();
-
-        console.log(this.language);
+        this.setInitSettings();
 
         const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
 

codeeditor-app/elements/code-editor/css-code-editor.ts

@@ -1,7 +1,8 @@
 import { CodeEditor } from "./code-editor";
 import * as monaco from 'monaco-editor';
 import initCss from '!!raw-loader!./injects/editor-init.css';
-import { createScript } from "../../../shared/create-script";
+
+import flexCss from '!!raw-loader!../../../shared/flex.less';
 
 export class CssCodeEditor extends CodeEditor {
     setInitInput(): string {
@@ -16,7 +17,7 @@ export class CssCodeEditor extends CodeEditor {
                         {
                             label: 'insert-flex',
                             kind: monaco.languages.CompletionItemKind.Snippet,
-                            insertText: createScript('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js', false).toString(),
+                            insertText: flexCss,
                             range: <any>null,
                             insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
                         }

codeeditor-app/elements/code-editor/html-code-editor.ts

@@ -1,7 +1,6 @@
 import { CodeEditor } from "./code-editor";
 import * as monaco from 'monaco-editor';
 import initHtml from '!!raw-loader!./injects/editor-init.html';
-import { createScript } from "../../../shared/create-script";
 
 export class HtmlCodeEditor extends CodeEditor {
     setInitInput(): string {
@@ -16,7 +15,7 @@ export class HtmlCodeEditor extends CodeEditor {
                         {
                             label: 'jqueryCDN',
                             kind: monaco.languages.CompletionItemKind.Snippet,
-                            insertText: createScript('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js', false).toString(),
+                            insertText: "<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>",
                             range: <any>null,
                             insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
                         }

codeeditor-app/elements/code-editor/javascript-code-editor.ts

@@ -31,8 +31,8 @@ export class JavascriptCodeEditor extends CodeEditor {
                             insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet
                         },
                         {
-                            label: 'spiralBoxesSolutionSnippet',
-                            detail: "inserts solution of spiral boxes",
+                            label: 'spiralSolutionSnippet',
+                            detail: "",
                             kind: monaco.languages.CompletionItemKind.Snippet,
                             insertText: spiralBoxesSolutionScript,
                             range: <any>null,