js.py

GET_LOCAL_STORAGE = """
function() {
  globalThis.setStorage = (key, value)=>{
    localStorage.setItem(key, JSON.stringify(value));
  }
  globalThis.getStorage = (key, value)=>{
    return JSON.parse(localStorage.getItem(key));
  }

  var local_data = getStorage('local_data');
  var history = [];

  if(local_data) {
    local_data[0].pingpongs.forEach(element =>{ 
      history.push([element.ping, element.pong]);
    });
  }
  else {
    local_data = [];
    for (let step = 0; step < 10; step++) {
      local_data.push({'ctx': '', 'pingpongs':[]});
    }
    setStorage('local_data', local_data);
  }

  if(history.length == 0) {
    document.querySelector("#initial-popup").classList.remove('hide');
  }
  
  return [history, local_data];
}
"""

UPDATE_LEFT_BTNS_STATE = """
(v)=>{
  document.querySelector('.custom-btn-highlight').classList.add('custom-btn');
  document.querySelector('.custom-btn-highlight').classList.remove('custom-btn-highlight');

  const elements = document.querySelectorAll(".custom-btn");

  for(var i=0; i < elements.length; i++) {
    const element = elements[i];
    if(element.textContent == v) {
      console.log(v);
      element.classList.add('custom-btn-highlight');
      element.classList.remove('custom-btn');
      break;
    }
  }
}""" 

UPDATE_PLACEHOLDERS = """
function update_placeholders(txt, placeholder_txt1, placeholder_txt2, placeholder_txt3) {
  let example_prompt = txt;

  const regex = /\[([^\]]*)\]/g;
  const matches = txt.match(regex);

  if (matches != null) {
    if (matches.length >= 1) {
      if (placeholder_txt1 !== "") {
        example_prompt = example_prompt.replace(matches[0], placeholder_txt1);
      }
    }
    
    if (matches.length >= 2) {
      if (placeholder_txt2 !== "") {
        example_prompt = example_prompt.replace(matches[1], placeholder_txt2);
      }
    }

    if (matches.length >= 3) {
      if (placeholder_txt1 !== "") {
        example_prompt = example_prompt.replace(matches[2], placeholder_txt3);
      }
    }
  }

  return example_prompt
}
"""