code cleanup

Author: khanniie

client/modules/IDE/components/Editor/highlightStyle.js

@@ -51,8 +51,4 @@ export const highlightStyle = HighlightStyle.define([
   { tag: tags.link, class: 'cm-tag' },
   { tag: tags.propertyName, class: 'cm-property' },
   { tag: tags.attributeName, class: 'cm-attribute' }
-
-  // TODO(connie): Add p5 specific highlighting, like .p5-variable
-  // There might be a way to do this with Lezer's special tags like
-  // special(), definition(), const(), local()
 ]);

client/modules/IDE/components/Editor/p5JavaScript.js

@@ -16,7 +16,8 @@ const p5Variables = new Set(Object.keys(p5VariableKeywords));
 const p5FunctionMark = Decoration.mark({ class: 'cm-p5-function' });
 const p5VariableMark = Decoration.mark({ class: 'cm-p5-variable' });
 
-function buildDecorations(view) {
+// Used to add highlighting to the p5-specific keywords.
+function buildHighlightDecorations(view) {
   const builder = new RangeSetBuilder();
   view.visibleRanges.forEach(({ from, to }) => {
     syntaxTree(view.state).iterate({
@@ -41,12 +42,12 @@ function buildDecorations(view) {
 const p5Highlight = ViewPlugin.fromClass(
   class {
     constructor(view) {
-      this.decorations = buildDecorations(view);
+      this.decorations = buildHighlightDecorations(view);
     }
 
     update(update) {
       if (update.docChanged || update.viewportChanged) {
-        this.decorations = buildDecorations(update.view);
+        this.decorations = buildHighlightDecorations(update.view);
       }
     }
   },