Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs] migrate from highlights to new monaco-editor-theme package #5892

Merged
merged 9 commits into from
Jan 26, 2023

Conversation

adidahiya
Copy link
Contributor

@adidahiya adidahiya commented Jan 25, 2023

Partially addresses #5895

Changes proposed in this pull request:

Remove tree-sitter-typescript and highlights from our build tooling -- these packages are outdated and will not work with newer versions of Node.js.

I attempted to migrate to highlight.js, but found its TypeScript & JSX syntax support quite lacking.

Instead, I've added some basic support for a monaco editor theme with a new package called @blueprintjs/monaco-editor-theme. This is not yet a full-fledged theme, but it's a good start. Syntax highlighting is now done on the client rather than during the docs build.

Reviewers should focus on:

Visual appearance of the new code syntax colors, which should mostly achieve parity with the existing colors.

Screenshot

Light Dark
image image
image image

@adidahiya
Copy link
Contributor Author

fix dist

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

@adidahiya adidahiya changed the title [docs] remove tree-sitter, highlight code syntax with monaco [docs] migrate from highlights to new monaco-editor-theme package Jan 26, 2023
@adidahiya
Copy link
Contributor Author

bump CI cache key

Build artifact links for this commit: documentation | landing | table | demo

This is an automated comment from the deploy-preview CircleCI job.

@adidahiya adidahiya merged commit cdf0366 into develop Jan 26, 2023
@adidahiya adidahiya deleted the ad/remove-tree-sitter branch January 26, 2023 20:02
@@ -96,7 +96,8 @@ $dark-options-background-color: $dark-gray4;
.docs-example-markup {
margin-top: $example-frame-spacing;

.editor {
.editor,
.#{$ns}-code-block {
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this should probably be .#{$ns}-docs-code-block

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant