add code editor

Author: iceljc

package-lock.json

@@ -37,6 +37,12 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@codemirror/commands": "^6.10.0",
+		"@codemirror/lang-python": "^6.2.1",
+		"@codemirror/language": "^6.11.3",
+		"@codemirror/state": "^6.5.2",
+		"@codemirror/theme-one-dark": "^6.1.3",
+		"@codemirror/view": "^6.38.6",
 		"@ernane/svelte-star-rating": "^1.1.4",
 		"@fullcalendar/common": "^5.11.5",
 		"@microsoft/signalr": "^8.0.0",
@@ -59,6 +65,7 @@
 		"overlayscrollbars-svelte": "^0.5.2",
 		"qs": "^6.14.0",
 		"svelte-awesome-color-picker": "^2.4.7",
+		"svelte-codemirror-editor": "^1.4.1",
 		"svelte-collapse": "^0.1.2",
 		"svelte-file-dropzone": "^2.0.2",
 		"svelte-flatpickr": "^3.3.3",

package.json

@@ -273,4 +273,17 @@
     &.show {
         opacity: 1 !important;
     }
+}
+
+.code-editor {
+    max-height: 500px;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    resize: none;
+
+    .cm-editor {
+        min-width: 1000px;
+        overflow-x: auto;
+        scrollbar-width: thin;
+    }
 }