Skip to content

Commit

Permalink
feat: Rework Monaco editor integration
Browse files Browse the repository at this point in the history
Until now, we were importing Monaco directly which massively increased our bundle size. By moving to
 ngx-monaco-editor-v2, Monaco is loaded on-demand. Also add support for monaco-yaml, which provides
 Intellisense for our yaml configs using OpenAPI schemas. This is also our first component using
 signals.

 Closes #2089
  • Loading branch information
zusorio committed Jan 15, 2025
1 parent 30b7593 commit ecb0cd2
Show file tree
Hide file tree
Showing 18 changed files with 372 additions and 72 deletions.
210 changes: 203 additions & 7 deletions frontend/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 4 additions & 0 deletions frontend/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,9 @@
"marked-highlight": "^2.2.1",
"marked-mangle": "^1.1.10",
"monaco-editor": "^0.52.2",
"monaco-yaml": "^5.2.3",
"ngx-markdown": "^19.0.0",
"ngx-monaco-editor-v2": "^19.0.2",
"ngx-skeleton-loader": "^9.0.0",
"ngx-toastr": "^19.0.0",
"npm": "^11.0.0",
Expand All @@ -51,6 +53,7 @@
"storycap": "^5.0.1",
"tslib": "^2.8.1",
"uuid": "^11.0.3",
"vscode-uri": "^3.0.8",
"yaml": "^2.6.1",
"zone.js": "^0.15.0"
},
Expand Down Expand Up @@ -97,6 +100,7 @@
"typescript": "^5.6.3",
"typescript-eslint": "8.18.1",
"vite-plugin-checker": "^0.8.0",
"vite-plugin-static-copy": "^2.2.0",
"vite-tsconfig-paths": "^5.1.4",
"vitest": "^2.1.8"
},
Expand Down
Loading

0 comments on commit ecb0cd2

Please sign in to comment.