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 } """