prism-code-editor/dist/extensions/guides.js

Lightweight, extensible code editor component for the web using Prism

import { c as createTemplate, d as doc } from "../index-q0zRzWVD.js";
const template = /* @__PURE__ */ createTemplate("<div class=guide-indents>	");
const indentGuides = () => {
  let tabSize;
  let prevLength = 0;
  let lineIndentMap;
  let active;
  let currentEditor;
  let lines = [];
  let indents = [];
  let container;
  let update = (code) => {
    lineIndentMap = [];
    const newIndents = getIndentGuides(code, tabSize);
    const l = newIndents.length;
    for (let i = 0, prev = [], next = newIndents[0]; next; i++) {
      const style = (lines[i] ||= doc.createElement("div")).style;
      const [top, left, height] = next;
      const old = indents[i];
      next = newIndents[i + 1];
      if (top != old?.[0]) style.top = top + "00%";
      if (left != old?.[1]) style.left = left + "00%";
      if (height != old?.[2]) style.height = height + "00%";
      const isSingleIndent = prev[0] != top && next?.[0] != top, isSingleOutdent = prev[0] + prev[1] != top + height && next?.[0] + next?.[1] != top + height;
      for (let j = -isSingleIndent, l2 = height + isSingleOutdent; j < l2; j++)
        lineIndentMap[j + top] = i;
      prev = indents[i] = newIndents[i];
    }
    for (let i = l; i < prevLength; ) lines[i++].remove();
    container.append(...lines.slice(prevLength, prevLength = l));
  };
  let updateActive = () => {
    const newActive = lines[lineIndentMap[currentEditor.activeLine - 1]];
    if (newActive != active) {
      if (active) active.className = "";
      if (newActive) newActive.className = "active-indent";
      active = newActive;
    }
  };
  return {
    update(editor, options) {
      if (!currentEditor) {
        currentEditor = editor;
        let overlays = editor.lines[0];
        if (container = overlays.querySelector(".guide-indents")) {
          lines.push(...container.children);
          active = lines.find((line) => line.className);
        } else {
          overlays.append(container = template());
        }
        editor.on("update", update);
        editor.on("selectionChange", updateActive);
      }
      container.style.display = options.wordWrap ? "none" : "";
      if (tabSize != (tabSize = options.tabSize || 2)) {
        update(editor.value);
        updateActive();
      }
    }
  };
};
const getIndentGuides = (code, tabSize) => {
  const lines = code.split("\n");
  const l = lines.length;
  const stack = [];
  const results = [];
  for (let prevIndent = 0, emptyPos = -1, i = 0, p = 0; ; i++) {
    let last = i == l;
    let line = lines[i];
    let pos = last ? 0 : line.search(/\S/);
    let indent = 0;
    let j = 0;
    if (pos < 0) {
      if (emptyPos < 0) emptyPos = i;
    } else {
      for (; j < pos; ) {
        indent += line[j++] == "	" ? tabSize - indent % tabSize : 1;
      }
      if (indent) indent = Math.ceil(indent / tabSize);
      for (j = indent; j < prevIndent; j++) {
        stack[j][2] = (emptyPos < 0 || j == indent && !last ? i : emptyPos) - stack[j][0];
      }
      for (j = prevIndent; j < indent; ) {
        results[p++] = stack[j] = [emptyPos < 0 || j > prevIndent ? i : emptyPos, j++, 0];
      }
      emptyPos = -1;
      prevIndent = indent;
    }
    if (last) break;
  }
  return results;
};
export {
  getIndentGuides,
  indentGuides
};
//# sourceMappingURL=guides.js.map