stylus/edit/moz-section-finder.js

/* global
  CodeMirror
  debounce
  deepEqual
  trimCommentLabel
 */
'use strict';

/* exported MozSectionFinder */
function MozSectionFinder(cm) {
  const KEY = 'MozSectionFinder';
  const MOZ_DOC_LEN = '@-moz-document'.length;
  const rxDOC = /@-moz-document(\s+|$)/ig;
  const rxFUNC = /(url|url-prefix|domain|regexp)\(/iy;
  const rxQUOTE = /['"]/y;
  const rxSPACE = /\s+/y;
  const rxTokDOC = /^(?!comment|string)/;
  const rxTokCOMMENT = /^comment(\s|$)/;
  const rxTokSTRING = /^string(\s|$)/;
  const {cmpPos} = CodeMirror;
  const minPos = (a, b) => cmpPos(a, b) < 0 ? a : b;
  const maxPos = (a, b) => cmpPos(a, b) > 0 ? a : b;
  const keptAlive = new Map();
  /** @type {CodeMirror.Pos} */
  let updFrom;
  /** @type {CodeMirror.Pos} */
  let updTo;

  const MozSectionFinder = {
    IGNORE_ORIGIN: KEY,
    EQ_SKIP_KEYS: [
      'mark',
      'valueStart',
      'valueEnd',
      'sticky', // added by TextMarker::find()
    ],
    get sections() {
      return getState().sections;
    },
    keepAliveFor(id, ms) {
      let data = keptAlive.get(id);
      if (data) {
        clearTimeout(data.timer);
      } else {
        const NOP = () => 0;
        data = {fn: NOP};
        keptAlive.set(id, data);
        MozSectionFinder.on(NOP);
      }
      data.timer = setTimeout(id => keptAlive.delete(id), ms, id);
    },
    on(fn) {
      const {listeners} = getState();
      const needsInit = !listeners.size;
      listeners.add(fn);
      if (needsInit) {
        cm.on('changes', onCmChanges);
        update();
      }
    },
    off(fn) {
      const {listeners, sections} = getState();
      if (listeners.size) {
        listeners.delete(fn);
        if (!listeners.size) {
          cm.off('changes', onCmChanges);
          cm.operation(() => sections.forEach(sec => sec.mark.clear()));
          sections.length = 0;
        }
      }
    },
    onOff(fn, enable) {
      MozSectionFinder[enable ? 'on' : 'off'](fn);
    },
    /** @param {MozSection} [section] */
    updatePositions(section) {
      (section ? [section] : getState().sections).forEach(setPositionFromMark);
    }
  };
  return MozSectionFinder;

  /** @returns {MozSectionCmState} */
  function getState() {
    let state = cm.state[KEY];
    if (!state) {
      state = cm.state[KEY] = /** @namespace MozSectionCmState */ {
        /** @type {Set<function>} */
        listeners: new Set(),
        /** @type {MozSection[]} */
        sections: [],
      };
    }
    return state;
  }

  function onCmChanges(cm, changes) {
    if (!updFrom) updFrom = {line: Infinity, ch: 0};
    if (!updTo) updTo = {line: -1, ch: 0};
    for (const c of changes) {
      if (c.origin !== MozSectionFinder.IGNORE_ORIGIN) {
        updFrom = minPos(c.from, updFrom);
        updTo = maxPos(CodeMirror.changeEnd(c), updTo);
      }
    }
    if (updTo.line >= 0) {
      debounce(update);
    }
  }

  function update(
    from = updFrom || {line: 0, ch: 0},
    to = updTo || {line: cm.doc.size, ch: 0}
  ) {
    updFrom = updTo = null;
    const {sections, listeners} = getState();
    let cutAt = -1;
    let cutTo = -1;
    for (let i = 0, sec; (sec = sections[i]); i++) {
      if (cmpPos(sec.end, from) >= 0) {
        if (cutAt < 0) {
          cutAt = i;
          from = minPos(from, sec.start);
        }
        // Sections that start/end after `from` may have incorrect positions
        if (setPositionFromMark(sec)) {
          if (cmpPos(sec.start, to) > 0) {
            cutTo = i;
            break;
          }
          to = maxPos(sec.end, to);
        }
      }
    }
    if (cutAt < 0) from.ch = Math.max(0, from.ch - MOZ_DOC_LEN);
    if (cutTo < 0) to.ch += MOZ_DOC_LEN;
    const added = findSections(from, to);
    if (!added.length && cutAt < 0 && cutTo < 0) {
      return;
    }
    if (cutTo < 0) {
      cutTo = sections.length;
    }
    let op;
    let reusedAtStart = 0;
    const removed = sections.slice(cutAt, cutTo);
    for (const sec of added) {
      const i = removed.findIndex(isSameSection, sec);
      if (i >= 0) {
        removed[i].funcs = sec.funcs; // use the new valueStart, valueEnd
        removed[i] = null;
        if (!op) reusedAtStart++;
      } else {
        if (!op) op = cm.curOp || (cm.startOperation(), true);
        sec.mark = cm.markText(sec.start, sec.end, {
          clearWhenEmpty: false,
          inclusiveRight: true,
          [KEY]: sec,
        });
      }
    }
    if (reusedAtStart) {
      cutAt += reusedAtStart;
      added.splice(0, reusedAtStart);
    }
    for (const sec of removed) {
      if (sec) {
        if (!op) op = cm.curOp || (cm.startOperation(), true);
        sec.mark.clear();
      }
    }
    if (op) {
      sections.splice(cutAt, cutTo - cutAt, ...added);
      listeners.forEach(fn => fn(added, removed, cutAt, cutTo));
    }
    if (op === true) {
      cm.endOperation();
    }
  }

  /**
   * @param {CodeMirror.Pos} from
   * @param {CodeMirror.Pos} to
   * @returns MozSection[]
   */
  function findSections(from, to) {
    /** @type MozSection[] */
    const found = [];
    let line = from.line - 1;
    let goal = '';
    let section, func, funcPos, url;
    /** @type {MozSectionFunc[]} */
    let funcs;
    // will stop after to.line if there's no goal anymore, see `return true` below
    cm.eachLine(from.line, cm.doc.size, handle => {
      ++line;
      const {text} = handle;
      const len = text.length;
      if (!len) {
        return;
      }
      let ch = line === from.line ? from.ch : 0;
      while (true) {
        let m;
        if (!goal) {
          // useful for minified styles with long lines
          if ((line - to.line || ch - to.ch) >= 0) {
            return true;
          }
          if ((ch = text.indexOf('@-', ch)) < 0 ||
            !(rxDOC.lastIndex = ch, m = rxDOC.exec(text))) {
            return;
          }
          ch = m.index + m[0].length;
          section = /** @namespace MozSection */ {
            funcs: funcs = [],
            start: {line, ch: m.index},
            end: null,
            mark: null,
            tocEntry: {
              label: '',
              target: null,
              numTargets: 0,
            },
          };
          if (rxTokDOC.test(cm.getTokenTypeAt(section.start))) {
            found.push(section);
            goal = '_func';
          } else {
            continue;
          }
        }
        if (!handle.styles) cm.getTokenTypeAt({line, ch: 0});
        const {styles} = handle;
        let j = 1;
        if (ch) {
          j += styles.length * ch / len & ~1;
          while (styles[j - 2] >= ch) j -= 2;
          while (styles[j] <= ch) j += 2;
        }
        let type;
        for (; goal && j < styles.length; ch = styles[j], j += 2) {
          let s;
          type = styles[j + 1];
          if (goal.startsWith('_')) {
            if (!type && (rxSPACE.lastIndex = ch, rxSPACE.test(text))) {
              ch = rxSPACE.lastIndex;
              if (ch === styles[j]) {
                continue;
              }
            }
            const isCmt = type && rxTokCOMMENT.test(type);
            if (goal === '_cmt') {
              const cmt = trimCommentLabel(text.slice(ch, styles[j]));
              if (isCmt && cmt) section.tocEntry.label = cmt;
              if (!isCmt || cmt) goal = '';
              continue;
            }
            if (isCmt) {
              continue;
            }
            goal = goal.slice(1);
          }
          if (goal === 'func') {
            if (!type || !(rxFUNC.lastIndex = ch, m = rxFUNC.exec(text))) {
              goal = 'error';
              break;
            }
            func = m[1];
            funcPos = {line, ch};
            url = null;
            goal = '_str';
            // Tokens in `styles` are split into multiple items due to `overlay`.
            while (styles[j + 2] <= ch + func.length + 1) j += 2;
          }
          if (goal === 'str') {
            if (!rxTokSTRING.test(type)) {
              if (url && !url.quote && !type && text[ch] === ')') {
                goal = ')';
              } else {
                goal = 'error';
                break;
              }
            } else {
              if (!url) {
                s = (rxQUOTE.lastIndex = ch, rxQUOTE.test(text)) && text[ch];
                url = {
                  chunks: [],
                  start: {line, ch: s ? ch + 1 : ch},
                  end: null,
                  quote: s,
                };
              }
              s = text.slice(ch, styles[j]);
              url.chunks.push(s);
              url.end = {line, ch: styles[j]};
              // CSS strings can span multiple lines.
              // Tokens in `styles` are split into multiple items due to `overlay`.
              if (url.quote && s.endsWith(url.quote) && s[s.length - 2] !== '\\') {
                url.end.ch--;
                goal = '_)';
              }
            }
          }
          if (goal === ')') {
            if (text[ch] !== ')') {
              goal = 'error';
              break;
            }
            ch++;
            s = url.chunks.join('');
            if (url.quote) s = s.slice(1, -1);
            if (!funcs.length) section.tocEntry.target = s;
            section.tocEntry.numTargets++;
            funcs.push(/** @namespace MozSectionFunc */ {
              type: func,
              value: s,
              isQuoted: url.quote,
              start: funcPos,
              end: {line, ch},
              valueStart: url.start,
              valueEnd: url.end,
            });
            s = text.slice(ch, styles[j]).trim();
            goal = s.startsWith(',') ? '_func' :
              s.startsWith('{') ? '_cmt' :
                !s && '_,'; // non-space something at this place = syntax error
            if (!goal) {
              goal = 'error';
              break;
            }
          }
          if (goal === ',') {
            goal = text[ch] === ',' ? '_func' : '';
          }
        }
        section.end = {line, ch: styles[j + 2] || len};
        // at this point it's either an error...
        if (goal === 'error') {
          goal = '';
          section.funcs.length = 0;
        }
        // ...or a EOL, in which case we'll advance to the next line
        if (goal) {
          return;
        }
      }
    });
    return found;
  }

  /**
   * @param {MozSection|MozSectionFunc} obj
   * @returns {?{from:CodeMirror.Pos, to:CodeMirror.Pos}} falsy if marker was removed
   */
  function setPositionFromMark(obj) {
    const pos = obj.mark.find();
    obj.start = pos && pos.from;
    obj.end = pos && pos.to;
    return pos;
  }

  /**
   * @this {MozSection} new section
   * @param {MozSection} old
   * @returns {boolean}
   */
  function isSameSection(old) {
    return old &&
      old.start &&
      old.tocEntry.label === this.tocEntry.label &&
      !cmpPos(old.start, this.start) &&
      !cmpPos(old.end, this.end) &&
      old.funcs.length === this.funcs.length &&
      old.funcs.every(isSameFunc, this.funcs);
  }

  /** @this {MozSectionFunc[]} new functions */
  function isSameFunc(func, i) {
    return deepEqual(func, this[i], MozSectionFinder.EQ_SKIP_KEYS);
  }
}

/** @typedef CodeMirror.Pos
 * @property {number} line
 * @property {number} ch
 */