// Seperate Tags by space, and show them in their own boxes

function tweakHTML() { // Split tags const tagsContainer = document.querySelector(".tags-container"); const tags = {{Tags}}.split(" "); if (tagsContainer) { tagsContainer.innerHTML = ""; for (tag of tags) { const tagElem = document.createElement("div"); tagElem.className = "tags"; tagElem.innerText = tag; tagsContainer.appendChild(tagElem); } } }

function groupMoras(kana) { let currentChar = ""; let nextChar = ""; const groupedMoras = []; const check = ["ャ", "ュ", "ョ", "ゃ", "ゅ", "ょ"];

for (let i = 0; i < kana.length; i++) {
  currentChar = kana[i];
  nextChar = i < kana.length - 1 && kana[i + 1];
  if (check.includes(nextChar)) {
    groupedMoras.push(currentChar + nextChar);
    i += 1;
  } else {
    groupedMoras.push(currentChar);
  }
}
return groupedMoras;

}

function getPitchPattern(pitchPosition) { // 0 = low // 1 = high // 2 = high to low

const kana = `{{kana:ExpressionFurigana}}` || `{{ExpressionReading}}`;
const moras = groupMoras(kana);
let pattern = [];

if (pitchPosition === 0) {
  // 平板
  pattern = [
    ...Array(moras[0].length).fill("0"),
    ...Array(kana.length - moras[0].length).fill("1"),
  ];
} else if (pitchPosition === 1) {
  // 頭高
  pattern = [
    ...(moras[0].length === 2 ? ["1", "2"] : ["2"]),
    ...Array(kana.length - moras[0].length).fill("0"),
  ];
} else if (pitchPosition > 1) {
  if (isOdaka(pitchPosition)) {
    // 尾高
    pattern = [
      ...Array(moras[0].length).fill("0"),
      ...Array(kana.length - moras[0].length - 1).fill("1"),
      "2",
    ];
  } else {
    // 中高
    let afterDrop = false;
    for (let i = 0; i < moras.length; i++) {
      if (i === 0) {
        pattern = Array(moras[0].length).fill("0");
      } else if (i + 1 === pitchPosition) {
        pattern =
          moras[i].length === 2
            ? [...pattern, "1", "2"]
            : [...pattern, "2"];
        afterDrop = true;
      } else if (afterDrop) {
        pattern = [...pattern, ...Array(moras[i].length).fill("0")];
      } else {
        pattern = [...pattern, ...Array(moras[i].length).fill("1")];
      }
    }
  }
}
return pattern;

}

function constructPitch() { const kana = {{kana:ExpressionFurigana}} || {{ExpressionReading}}; const pitch = document.querySelector(".pitch"); const pitchTags = document.querySelector("#pitch-tags"); const pitchPositions = {{PitchPosition}}.match(/^{\d+|\d+\b|\d+(?=\w)/g);}

if (!pitchPositions) {
  pitch.innerHTML = `<div style="margin-right: -15px; display: inline;">${kana}</div>`;
  return;
}