Function createHighlightEffect

website/script/index.js:26–58

(view, { start, end })

import { format, lex, minify, parse, parse_error_report } from "csskit/bundler";

function createHighlightEffect(view, { start, end }) {
  let range = EditorSelection.range(start, end);
  const highlighter = Decoration.mark({ class: "cm-highlight" });
  if (!start && !end) return;
  const addHighlight = StateEffect.define({
    map: ({ from, to }, change) => ({
      from: change.mapPos(from),
      to: change.mapPos(to),
    }),
  });
  const highlightField = StateField.define({
    create() {
      return Decoration.none;
    },
    update(highlights, tr) {
      highlights = RangeSet.empty;
      for (let e of tr.effects) {
        if (e.is(addHighlight)) {
          highlights = highlights.update({
            add: [highlighter.range(e.value.from, e.value.to)],
          });
        }
      }
      return highlights;
    },
    provide: (f) => EditorView.decorations.from(f),
  });
  const effects = [addHighlight.of(range)];
  if (!view.state.field(highlightField, false)) {
    effects.push(StateEffect.appendConfig.of([highlightField, csskitLight]));
  }
  view.dispatch({ effects });
}

class LoadCodeEvent extends Event {
  constructor(sourcetext) {