feat: use monaco-themes

canyon-project · Jun 29, 2024 · 18a1c1f · 18a1c1f
1 parent d35f5e7
commit 18a1c1f
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 185 deletions.
diff --git a/packages/canyon-backend/package.json b/packages/canyon-backend/package.json
@@ -7,17 +7,8 @@
   "license": "UNLICENSED",
   "scripts": {
     "build": "nest build",
-    "format": "prettier --write \"src/**/*.ts\" \"test/**/*.ts\"",
     "start": "nest start",
-    "start:dev": "nest start --watch",
-    "start:debug": "nest start --debug --watch",
-    "start:prod": "node dist/main",
-    "lint": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:cov": "jest --coverage",
-    "test:debug": "node --inspect-brk -r tsconfig-paths/register -r ts-node/register node_modules/.bin/jest --runInBand",
-    "test:e2e": "jest --config ./test/jest-e2e.json",
+    "dev-backend": "nest start --watch",
     "preinstall": "prisma generate && nest build",
     "migrate": "prisma migrate dev"
   },

diff --git a/packages/canyon-platform/package.json b/packages/canyon-platform/package.json
@@ -33,6 +33,7 @@
     "i18next": "^23.8.2",
     "i18next-browser-languagedetector": "^7.2.0",
     "monaco-editor": "^0.46.0",
+    "monaco-themes": "^0.4.4",
     "query-string": "^9.0.0",
     "react": "^18.2.0",
     "react-copy-to-clipboard": "^5.1.0",

diff --git a/packages/canyon-platform/src/components/CanyonReport/CoverageDetail.tsx b/packages/canyon-platform/src/components/CanyonReport/CoverageDetail.tsx
@@ -92,7 +92,7 @@ const CanyonReportCoverageDetail = ({ data, theme }) => {
           })}
         />
         <Editor
-          theme={theme === 'light' ? 'light' : 'vs-dark'}
+          theme={theme === 'light' ? 'light' : 'nightowl'}
           height={`${code.split('\n').length * viewLineHeight + viewLineHeight}px`}
           language='typescript'
           onMount={handleEditorDidMount}

diff --git a/packages/canyon-platform/src/components/TagSelect.tsx b/packages/canyon-platform/src/components/TagSelect.tsx
diff --git a/packages/canyon-platform/src/pages/index/projects/[id]/configure/helper/ConfigRule.tsx b/packages/canyon-platform/src/pages/index/projects/[id]/configure/helper/ConfigRule.tsx
diff --git a/packages/canyon-platform/src/pages/index/projects/[id]/configure/index.tsx b/packages/canyon-platform/src/pages/index/projects/[id]/configure/index.tsx
@@ -111,7 +111,7 @@ const ProjectConfigure = () => {
                   theme={
                     {
                       light: 'light',
-                      dark: 'vs-dark',
+                      dark: 'nightowl',
                     }[localStorage.getItem('theme') || 'light']
                   }
                   defaultValue={GetProjectByIdDocumentData?.getProjectByID.coverage}

diff --git a/packages/canyon-platform/src/useWorker.ts b/packages/canyon-platform/src/useWorker.ts
@@ -25,6 +25,9 @@ self.MonacoEnvironment = {
   },
 };
 
-loader.config({ monaco });
-
-loader.init().then(/* ... */);
+import('monaco-themes/themes/Night Owl.json').then((data) => {
+  // @ts-ignore
+  monaco.editor.defineTheme('nightowl', data);
+  loader.config({ monaco });
+  loader.init()
+});