const CONTAINS_BLOCK_REGEX = /\n|<img|!\[[^\]]*\][(\[]/;

function insertSpoiler(_, spoiler) {
  const element = CONTAINS_BLOCK_REGEX.test(spoiler) ? "div" : "span";
  return `<${element} class='spoiler'>${spoiler}</${element}>`;
}

function replaceSpoilers(text) {
  text ||= "";
  let previousText;

  do {
    previousText = text;
    text = text.replace(
      /\[spoiler\]((?:(?!\[spoiler\]|\[\/spoiler\])[\S\s])*)\[\/spoiler\]/gi,
      insertSpoiler
    );
  } while (text !== previousText);

  return text;
}

function setupMarkdownIt(helper) {
  helper.registerOptions((opts, siteSettings) => {
    opts.features["spoiler-alert"] = !!siteSettings.spoiler_enabled;
  });

  helper.registerPlugin((md) => {
    md.inline.bbcode.ruler.push("spoiler", {
      tag: "spoiler",
      wrap: "span.spoiler",
    });

    md.block.bbcode.ruler.push("spoiler", {
      tag: "spoiler",
      wrap: "div.spoiler",
    });
  });
}

export function setup(helper) {
  helper.allowList(["span.spoiler", "div.spoiler"]);

  if (helper.markdownIt) {
    setupMarkdownIt(helper);
  } else {
    helper.addPreProcessor(replaceSpoilers);
  }
}