text this here this can be good
const top = document.createTreeWalker(element, NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_TEXT)
let elementParts = []
let parents = []
let transList = []
let topParent = null;
while (top.nextNode()) {
let node = top.currentNode
if (topParent && findBlockParent(node.parentNode) !== topParent) {
topParent = findBlockParent(node);
for (let n = parents.length - 1; n >= 0; n--) {
elementParts.push([parents.pop(), "close"])
}
parents = []
if (elementParts.length) {
transList.push([...elementParts])
}
elementParts = []
}
while (["SCRIPT", "STYLE", "SVG", "IFRAME", "PRE", "NOSCRIPT", "G"].includes(node.tagName)) {
node = top.nextSibling()
if (!node) {
node = top.nextNode()
}
if (!node) {
break;
}
}
while (node && node.id === "criteo-tags-div") {
node = top.nextSibling()
if (!node) {
node = top.nextNode()
}
if (!node) {
break;
}
}
if (!node) {
break;
}
if (node.nodeType === Node.ELEMENT_NODE) {
if (node.placeholder) {
inirxhands.push(node)
}
if (node.type === "submit" && node.value) {
inirxhands.push(node)
}
//document.querySelectorAll("[type=submit][value]").forEach((item) => inirxhands.push(item))
if (xrx52m.wp && node.tagName === "A" && node.href && !node.id.includes("xrvxrv") && !node.href.includes("wp-admin") && !node.href.includes("/wp-content/")) {
if (node.href.indexOf("//") == 0) {
node.href = node.href.replace(/^\/\//, wpBaseUrl)
}
const href = node.href
const langString = xrx52m.xlang.toLowerCase().substring(0, 2)
if (href.indexOf(wpBaseUrl) === 0 && href.indexOf(wpBaseUrlLang) === -1) {
node.href = href.replace(wpBaseUrl, wpBaseUrlLang)
} else if (href.indexOf("/") === 0 && href.indexOf("/" + langString + "/")) {
node.href = "/" + langString + href
}
}
if (xrx52m.wp && node.tagName === "FORM" && node.action && !node.action.includes("wp-admin")) {
if (node.action.indexOf("//") == 0) {
node.action = node.action.replace(/^\/\//, wpBaseUrl)
}
const action = node.action
const langString = xrx52m.xlang.toLowerCase().substring(0, 2)
if (action.indexOf(wpBaseUrl) === 0 && action.indexOf(wpBaseUrlLang) === -1) {
node.action = action.replace(wpBaseUrl, wpBaseUrlLang)
} else if (action.indexOf("/") === 0 && action.indexOf("/" + langString + "/")) {
node.action = "/" + langString + action
}
}
if (!isInline(node)) {
topParent = node;
for (let n = parents.length - 1; n >= 0; n--) {
elementParts.push([parents.pop(), "close"])
}
parents = []
if (elementParts.length) {
transList.push([...elementParts])
}
elementParts = []
continue;
}
if (parents.length) {
for (let n = parents.length - 1; n >= 0; n--) {
if (node.parentNode !== parents[n]) {
elementParts.push([parents.pop(), "close"])
} else {
break;
}
}
}
if (node.childNodes.length) {
//if (node.childNodes.length>1 || node.childNodes[0].nodeType===Node.TEXT_NODE){
elementParts.push([node, "newparent"])
parents.push(node)
// }
} else {
if (elementParts.length) {
elementParts.push([node, "fixed"])
}
}
}
if (node.nodeType === Node.TEXT_NODE) {
if (parents.length) {
for (let n = parents.length - 1; n >= 0; n--) {
if (node.parentNode !== parents[n]) {
elementParts.push([parents.pop(), "close"])
} else {
break
}
}
}
if (elementParts.length && elementParts[elementParts.length - 1][1] == "text") {
elementParts.push([node, "deadtext"])
} else if (node.textContent.trim().length) {
elementParts.push([node, "text"])
}
}
}
if (elementParts.length) {
for (let n = parents.length - 1; n >= 0; n--) {
elementParts.push([parents.pop(), "close"])
}
transList.push([...elementParts])
}
//console.log("running")
let currentRSId = null;
for (let n = 0; n < transList.length; n++) {
if (transList[n].length < 5) {
// console.log("alfa")
//console.log(transList[n])
}
while (transList[n].length > 1 && (transList[n][0][0] === transList[n][transList[n].length - 1][0]) && transList[n][1][1] !== "deadtext") {
transList[n].pop()
transList[n].shift()
}
while (transList[n].length && transList[n][0][1] === "fixed") {
transList[n].shift()
}
while (transList[n].length && transList[n][transList[n].length - 1][1] === "fixed") {
transList[n].pop()
}
while (transList[n].length > 1 && (transList[n][0][0] === transList[n][transList[n].length - 1][0]) && transList[n][1][1] == "deadtext") {
transList[n].pop()
transList[n].shift()
}
if (transList[n].length < 5) {
//console.log(transList[n])
}
let text = ""
const newMain = []
//console.log(transList[n])
let isNew = false
let rs = false;
transList[n].forEach(([node, type], index) => {
const tagName = node.tagName ? node.tagName.toLowerCase() : ""
if (node.nodeType === Node.TEXT_NODE && !origNodes.has(node)) {
isNew = true
const rs = node.parentElement.closest(".rs-layer")
if (rs)
if (rsSlices.get(rs.id) && rs.id !== currentRSId) {
isNew = false
} else {
rsSlices.set(rs.id, true);
currentRSId = rs.id;
}
}
if (type == "newparent") {
text = text + "<" + tagName + index + ">"
newMain.push([node, type, tagName + index])
we.set(node, tagName + index)
} else if (type == "close") {
text = text + ""
newMain.push([node, type, "xxm" + we.get(node)])
} else if (type == "fixed") {
text = text + "<" + tagName + index + "/>"
newMain.push([node, type, tagName + index + "xxm"])
} else if (type == "text") {
text = text + escapeHtml(node.textContent.replace(/[\v\s]+/g, " "))
newMain.push([node, type, escapeHtml(node.textContent)])
} else if (type == "deadtext") {
text = text + escapeHtml(node.textContent.replace(/[\v\s]+/g, " "))
newMain.push([node, type, escapeHtml(node.textContent.replace(/[\v\s]+/g, " "))])
}
})
if (!isNew) { continue }
if (rs) {
console.log(newMain)
}
if (text.replace(/<[^>]+>/g, "").trim()) {
myElements.push([text.trim(), [...newMain]])
}
if (text.includes("<")) {
//console.log(text)
//console.log(text)
}
}
return myElements
}
function translateElement1(inirxfullTranslation, element) {
let newItems = []
if (element.nodeType === Node.TEXT_NODE) {
element = findBlockParent(element)
}
//console.log("translateelemnt")
myElements = []
transElements = []
if (element) {
readElements(element)
} else { return [] }
for (let v = 0; v < myElements.length; v++) {
let t = myElements[v][0]
transElements = myElements[v][1]
if (!t.replace(/<.*?>/g, "").trim()) { continue }
const firstTextItem = transElements.find(item => item[1] === "text")
if (!firstTextItem) { continue }
//console.log(firstTextItem[0])
if (currentItems.has(firstTextItem[0])) {
continue
} else {
currentItems.set(firstTextItem[0], true)
}
if (transElements[0][0].parentElement.closest("[data-notrans]")) {
continue
}
if (xrxIniLingoFilterElement(transElements)) {
continue
}
if (!t.replace(/<.*?>/g, "").replace(/[\d,. ?!-(){}]/g, "").trim()) {
continue
}
if (t.replace(/<.*?>/g, "").includes("@") && verifyEmail(t)) {
continue
}
// console.log(transElements)
// console.log(t)
// const [trText, origNumbers] = deNumber(t)
//const hash = encodeURIComponent(trText)
let hash = encodeURIComponent(t)
if (inirxfullTranslation[hash]) {
// istranslated
//replaceNodes(transElements, reNumber(inirxfullTranslation[hash][0], origNumbers), t)
replaceNodes(transElements, inirxfullTranslation[hash][0], t)
} else {
if (!hash.trim) { continue }
if (t.replace(/<.*?>/g, "").match(/\d/)) {
const [trText, origNumbers] = deNumber(t)
if (inirxfullTranslation[encodeURIComponent(trText)]) {
replaceNodes(transElements, reNumber(inirxfullTranslation[encodeURIComponent(trText)][0], origNumbers), t)
continue
}
}
//console.log("not translated", decodeURIComponent(hash))
newItems.push([hash, count++, firstTextItem[0]])
if (pendingTranslations[hash]) {
pendingTranslations[hash].push(firstTextItem[0])
} else {
pendingTranslations[hash] = []
}
}
}
return newItems
}
const translateTitle = (translation, e) => {
if (e.textContent && translation[encodeURIComponent(e.en || e.textContent)]) {
if (!e.en) { e.en = e.textContent }
handledNodes.set(e, true)
e.textContent = translation[encodeURIComponent(e.en || e.textContent)][0]
return []
} else {
return [[encodeURIComponent(e.en || e.textContent), ++count, e, 1]]
}
}
const translateMeta = (translation, e) => {
if (translation[encodeURIComponent(e.en || e.content)]) {
if (!e.en) { e.en = e.content }
handledNodes.set(e, true)
e.content = translation[encodeURIComponent(e.en || e.content)][0]
return []
} else {
return [[encodeURIComponent(e.en || e.content), ++count, e, 1]]
}
}
// const translateSrc = (translation, e) => {
// if (translation[encodeURIComponent(e.en || e.src)]) {
// if (!e.en) { e.en = e.src }
// handledNodes.set(e, true)
// e.src = translation[encodeURIComponent(e.en || e.content)][0]
// return []
// } else {
// return [[encodeURIComponent(e.en || e.src), ++count, e, 1]]
// }
// }
const translatePlaceholder = (translation, e) => {
if (translation[encodeURIComponent(e.en || e.placeholder)]) {
if (!e.en) { e.en = e.placeholder }
handledNodes.set(e, true)
e.placeholder = translation[encodeURIComponent(e.en || e.placeholder)][0]
return []
} else {
return [[encodeURIComponent(e.en || e.placeholder), ++count, e]]
}
}
const translateSubmitValue = (translation, e) => {
if (translation[encodeURIComponent(e.en || e.value)]) {
if (!e.en) { e.en = e.value }
handledNodes.set(e, true)
e.value = translation[encodeURIComponent(e.en || e.value)][0]
return []
} else {
return [[encodeURIComponent(e.en || e.value), ++count, e]]
}
}
async function inirxhandleItems() {
if (!inirxprocessing) { return; }
pendingTranslations = {}
//console.log("processing")
//console.log("handling items")
let newUrl = getOneUrl()
if (newUrl !== currentUrl) {
const editorBox = document.getElementById("xrmxrm77fk")
if (editorBox) {
editorBox.remove()
}
currentUrl = newUrl
console.log("new url")
document.cookie = 'inilingo-markup=;-1; path=/';
markup.markup = ""
if (!currentLang) {
inirxhands = []
inirxprocessing = false;
inirxhandlingItems = false;
restoreOpacity()
return;
}
const slug = getOneUrl()
if (memory[slug]) {
inirxfullTranslation = memory[slug]
} else {
// document.documentElement.classList.add("zero")
xrmDim()
document.documentElement.classList.add("xrmxnxmr")
document.documentElement.classList.add("zero")
if (!markup.markup) {
try {
const resP = await fetch("https://cdn.inilingo.com/new/" + apiKey + "/" + currentLang + "/" + slug + ".json", { method: "GET", mode: "cors" })
const res = await resP.json()
inirxfullTranslation = { ...res }
memory[slug] = inirxfullTranslation
} catch (e) {
console.log("starts with body")
inirxhands = [document.body]
inirxfullTranslation = {}
restoreOpacity()
inirxhandleItems()
return;
}
} else {
try {
const resa = await fetch("https://europe-west4-inilingo0.cloudfunctions.net/api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ fn: "getChangesPlus", lang: currentLang, code: markup.markup, path: slug }) })
const resi = await resa.text()
if (resi === "wrong code" || resi === "timed out") {
document.cookie = 'inilingo-markup=;-1; path=/';
restoreOpacity()
return;
}
const tempFile = JSON.parse(resi)
fullFile = tempFile.trans
Object.keys(tempFile.trans).forEach(item => {
inirxfullTranslation[item] = [tempFile.trans[item][0]]
})
memory[slug] = inirxfullTranslation
} catch (e) {
console.log(e)
// inirxfullTranslation = {}
}
}
restoreOpacity()
}
}
let translatable = []
let redoElements = []
let repeatObj = {}
currentItems = new WeakMap()
let xParents = new WeakMap()
let newItems = []
//console.log("coming here")
inirxhands.forEach(item => {
if (item) {
if (xParents.has(item.parentNode)) {
xParents.set(item, true)
return;
} else {
newItems.push(item)
xParents.set(item, true)
}
}
})
inirxhands = [...newItems]
while (inirxhands.length > 0) {
let e = inirxhands.shift()
if (!e) { continue }
if (e.closest && e.closest("[data-notrans]")) {
continue
}
let moreToTranslate = []
if (e.placeholder) {
moreToTranslate = translatePlaceholder(inirxfullTranslation, e)
} else if (e.value && e.type && e.type.toLowerCase() === "submit") {
moreToTranslate = translateSubmitValue(inirxfullTranslation, e)
} else if (e.tagName === "TITLE") {
moreToTranslate = translateTitle(inirxfullTranslation, e)
} else if (e.tagName === "META") {
moreToTranslate = translateMeta(inirxfullTranslation, e)
} else if (e.nodeType === Node.TEXT_NODE) {
moreToTranslate = translateElement1(inirxfullTranslation, e)
} else {
moreToTranslate = translateElement1(inirxfullTranslation, e)
}
//console.log(moreToTranslate)
if (moreToTranslate.length) {
// console.log(moreToTranslate)
let newTranslation = []
moreToTranslate.forEach(item => { if (!repeatObj[item[0]]) { repeatObj[item[0]] = true; newTranslation.push(item); } })
moreToTranslate = [...newTranslation];
if (!isReady) {
// let tempLastItem = moreToTranslate.pop()
// if (lastItem && lastItem[3]) {
// moreToTranslate = [lastItem, ...moreToTranslate]
// }
// lastItem = tempLastItem
}
redoElements = [...redoElements, ...moreToTranslate.map(item => item[2])]
}
translatable = [...translatable, ...moreToTranslate.map(item => [item[0], item[1], item[3]])]
}
if (!currentLang) {
translatable = []
}
translatable = translatable.filter(item => item[0].trim())
// console.log(translatable)
if (translatable.length && cantranslate) {
inirxprocessing = false;
console.log("translating")
// console.log(translatable)
cantranslate = false;
fetch("https://api.inilingo.com", { mode: "cors", method: "POST", headers: { "Content-Type": "application/json", ["CF-IP-" + ((Math.random(0) * 100000) + "").split(".")[0]]: "386" }, body: JSON.stringify({ code: iCode, trans: translatable, url: getOneUrl(), new: true, language: currentLang, novel: true, version: 2 }) }).then(resa => resa.json()).then(resi => {
if (resi.error === "nochars") {
cantranslate = false;
inirxprocessing = true; inirxhandleItems()
restoreOpacity()
return;
}
if (document.documentElement.classList.contains("translated-ltr") || document.documentElement.classList.contains("translated-rtl")) {
cantranslate = false;
inirxprocessing = true; inirxhandleItems()
restoreOpacity()
return;
}
const newx = resi
//console.log(newx)
inirxfullTranslation = { ...inirxfullTranslation, ...newx };
//redoElements.forEach((item, i) => inirxhands.push(item));
inirxhands.push(document.body)
const slug = getOneUrl()
// console.log(slug)
memory[slug] = inirxfullTranslation
Object.keys(pendingTranslations).forEach((item) => inirxhands.push(...pendingTranslations[item]))
restoreOpacity()
inirxprocessing = true; inirxhandleItems()
})
}
inirxhandlingItems = false
}
function inirxGetOrigLanguage() {
const lang = document.documentElement.lang
if (lang) {
return lang
}
return "en"
}
async function inirxloadTranslation(lang, click = false) {
addedNodes.forEach((item, key) => {
addedNodes.get(item).remove()
})
addedNodes.clear()
handledNodes = new WeakMap()
if (!click) {
xrmDim()
document.documentElement.classList.add("xrmxnxmr")
document.documentElement.classList.add("zero")
}
lang = lang || inirxGetOrigLanguage()
localStorage.setItem("inilingo-lang", lang)
inirxprocessing = false;
if (lang === origLang) {
currentLang = ""
localStorage.setItem("inilingo-lang", "")
if (document.querySelector("meta[name='description']")) {
document.querySelector("meta[name='description']").content = document.querySelector("meta[name='description']").en
}
if (document.querySelector("title")) {
document.querySelector("title").textContent = document.querySelector("title").en
}
document.querySelectorAll("[placeholder]").forEach((item) => item.placeholder = item.en)
document.querySelectorAll("[type=submit][value]").forEach((item) => item.value = item.en)
origNodes.forEach(item => {
item.element.textContent = item.text;
//handledNodes.set(item.element, true)
})
restoreOpacity()
return;
} else {
currentLang = lang
const slug = getOneUrl()
// console.log(slug)
try {
if (!markup.markup) {
const resP = await fetch("https://cdn.inilingo.com/new/" + apiKey + "/" + currentLang + "/" + slug + ".json", { method: "GET", mode: "cors" })
const res = await resP.json()
inirxfullTranslation = { ...res }
memory[slug] = inirxfullTranslation
} else {
const resa = await fetch("https://europe-west4-inilingo0.cloudfunctions.net/api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ fn: "getChangesPlus", lang: currentLang, code: markup.markup, path: slug }) })
const resi = await resa.text()
if (resi === "wrong code" || resi === "timed out") {
document.cookie = 'inilingo-markup=;-1; path=/';
restoreOpacity()
return;
}
const tempFile = JSON.parse(resi)
fullFile = tempFile.trans
Object.keys(tempFile.trans).forEach(item => {
inirxfullTranslation[item] = [tempFile.trans[item][0]]
})
memory[slug] = inirxfullTranslation
restoreOpacity()
}
} catch (e) {
console.log(e)
inirxfullTranslation = {}
}
}
if (document.body) {
inirxhands.push(document.body)
const title = document.querySelector("title")
const description = document.head.querySelector("meta[name='description']")
if (title) { inirxhands.push(title) }
if (description) { inirxhands.push(description) }
ixImgHanding(currentLang)
document.querySelectorAll("[placeholder]").forEach((item) => inirxhands.push(item))
document.querySelectorAll("[type=submit][value]").forEach((item) => inirxhands.push(item))
restoreOpacity()
}
inirxprocessing = true;
inirxhandleItems()
}
async function setUpMenu(loaded = false) {
console.log("setting up")
const flagDiv = document.createElement("div")
flagDiv.id = "xrxmxflag"
flagDiv.style = xrxIniLingoMenuStyle || "display:flex;align-items:center;justify-content:center;"
const mainDiv = document.createElement("div")
const langDiv = document.createElement("div")
const menuDiv = document.createElement("div")
mainDiv.style.border = "1px solid lightgray"
menuDiv.style.border = "1px solid lightgray"
mainDiv.style.borderRadius = "4px"
mainDiv.style.overflow = "hidden"
// menuDiv.style.background = menu.bg || "white"
// mainDiv.style.background = menu.bg || "white"
// mainDiv.style.color = menu.color || "black"
// menuDiv.style.color = menu.color || "black"
const icon = document.createElement("div")
icon.style = "height:23px;position:absolute;bottom:5px;right:5px;z-index:5000;color:" + (menu.color || "#cccccc")
icon.innerHTML = ''
icon.style.transition = "all 0.3s"
mainDiv.style.position = "relative"
menuDiv.style.display = "none"
menuDiv.style.maxHeight = "350px"
menuDiv.style.overflowY = "auto"
const docClick = (e) => {
menuDiv.style.display = "none";
icon.style.transform = "";
document.removeEventListener("click", docClick)
}
mainDiv.addEventListener("click", (e) => {
e.preventDefault()
e.stopPropagation()
if (menuDiv.style.display === "block") {
menuDiv.style.display = "none"; icon.style.transform = "";
} else {
menuDiv.style.display = "block"; icon.style.transform = "rotate(-90deg)";
console.log("click now")
document.addEventListener("click", docClick)
}
})
langDiv.setAttribute("data-notrans", true)
langDiv.style.minWidth = menu.short ? "100px" : "183px"
langDiv.style.userSelect = "none"
langDiv.style.fontFamily = "Tahoma"
langDiv.style.minHeight = "32px"
langDiv.style.zIndex = 500000
// langDiv.style.background = menu.bg || "white"
// langDiv.style.color = menu.color || "black"
const langFlagEn = document.createElement("div")
langFlagEn.style = "padding:2px;"
flagDiv.appendChild(langFlagEn)
const langEn = document.createElement("div")
const langName = langObj[origLang][menu.short ? "language" : "raw"].substring(0, menu.short ? 2 : 1000)
langEn.classList.add("inirxmenuitem")
langEn.style.color = menu.color || "black"
langEn.style.background = menu.bg || "white"
if (xrx52m.seo.length) {
let add = ""
if (xrx52m.seo.length !== xrx52m.languages.length) {
add = "?lang=" + origLang
}
langEn.innerHTML = "" + (menu.flags ? "![](https://app.inilingo.com/flags/" + origLang + ".png)
" : "") + "
"
langFlagEn.innerHTML = "" : "") + "" + langName + "
"
} else {
if (xrx52m.wp) {
let urlParts = baseUrl.split("/")
let link = urlParts[0] + '/'
if (currentLang && currentLang.toLowerCase().substring(0, 2) === urlParts[1]) {
link = link + "/" + urlParts.slice(2).join("/")
} else {
link = link + "/" + urlParts.slice(1).join("/")
}
link = link.replace(/\/\/$/, "/").replace(/\/\//g, "/")
langEn.innerHTML = "" + (menu.flags ? "" : "") + "
"
langFlagEn.innerHTML = "" : "") + "" + langName + "
"
// langEn.addEventListener("click", (e) => {
// localStorage.setItem("inilingo-lang", "")
// })
// langFlagEn.addEventListener("click", (e) => {
// localStorage.setItem("inilingo-lang", "")
// })
} else {
const url = new URL(window.location.href)
let link = url.origin + url.pathname + url.search.replace(/\&?lang=[a-z-]{2,5}/i, "").replace(/&&/, "&").replace(/&$/, "")
if (link.match(/\?./)) {
link = link + "&lang=" + origLang
} else if (link.match(/\?/)) {
link = link + "lang=" + origLang
} else {
link = link + "?lang=" + origLang
}
langEn.innerHTML = "" + (menu.flags ? "" : "") + "
"
// langEn.innerHTML = "" : "") + "" + langName + "
" + (menu.flags ? "" : "") + "
"
langFlagEn.innerHTML = "" : "") + "" + langName + "
"
}
}
langEn.style.padding = "5px 8px"
langEn.setAttribute("inrxlang", "true")
const langEdit = document.createElement("div")
langEdit.id = "xrmxrm77fk"
langEdit.style.display = "flex";
langEdit.style.alignItems = "center"
const exitIcon = ''
langEdit.innerHTML = "Stop Editing
" + exitIcon + "
"
langEdit.style.padding = "4px"
langEdit.firstChild.style.paddingLeft = "5px"
langEdit.style.fontSize = "13px"
langEdit.style.background = "pink"
langEdit.style.color = "black"
langEdit.style.color = "black"
markup.action = true;
langEdit.lastChild.addEventListener("click", (e) => {
e.stopPropagation()
window.close()
})
langEdit.addEventListener("click", () => {
if (markup.action) {
markup.action = false;
langEdit.firstChild.innerHTML = "Start Editing"
langEdit.style.background = "yellow"
langEdit.style.color = "black"
} else {
markup.action = true;
langEdit.firstChild.innerHTML = "Stop Editing"
langEdit.style.background = "pink"
langEdit.style.color = "black"
}
})
if (markup.markup) {
langDiv.appendChild(langEdit)
}
if (!currentLang) {
langEdit.style.display = "none"
}
// if (!xrx52m.seo.length && !xrx52m.wp) {
// const origClick = (el) => {
// if (currentLang !== "") {
// const editorBox = document.getElementById("xrmxrm77fk")
// if (editorBox) {
// editorBox.remove()
// }
// markup.action = false;
// ixImgHanding("")
// langEdit.style.display = "none"
// mainDiv.childNodes[0].before(langEn)
// menuDiv.appendChild(mainDiv.childNodes[1])
// menuDiv.style.display = "none"
// icon.style.transform = ""
// inirxloadTranslation(origLang, true)
// }
// }
// langEn.addEventListener("click", origClick)
// langFlagEn.addEventListener("click", origClick)
// }
if (currentLang) {
menuDiv.appendChild(langEn)
} else {
mainDiv.appendChild(langEn)
}
languages.forEach(item => {
const langFlagLang = document.createElement("div")
langFlagLang.style = "padding:2px;"
flagDiv.appendChild(langFlagLang)
let el = document.createElement("div")
if (xrx52m.seo.length) {
let add = baseUrl + "?lang=" + item
if (xrx52m.seo.includes(item)) {
add = item.toLowerCase() + "." + baseUrl
}
el.innerHTML = "" + (menu.flags ? "![](https://app.inilingo.com/flags/" + item + ".png)
" : "") + "
"
langFlagLang.innerHTML = "" : "") + "" + langObj[item][menu.short ? "language" : "raw"] + "
"
} else {
if (xrx52m.wp) {
let urlParts = baseUrl.split("/")
let link = urlParts[0] + '/' + item.toLowerCase().substring(0, 2)
if (currentLang.toLowerCase().substring(0, 2) === urlParts[1]) {
link = link + "/" + urlParts.slice(2).join("/")
} else {
link = link + "/" + urlParts.slice(1).join("/")
}
el.innerHTML = "" + (menu.flags ? "" : "") + "
"
langFlagLang.innerHTML = "" : "") + "" + langObj[item][menu.short ? "language" : "raw"] + "
"
} else {
const url = new URL(window.location.href)
let link = url.origin + url.pathname + url.search.replace(/\&?lang=[a-z-]{2,5}/i, "").replace(/&&/, "&").replace(/&$/, "")
if (link.match(/\?./)) {
link = link + "&lang=" + item
} else if (link.match(/\?/)) {
link = link + "lang=" + item
} else {
link = link + "?lang=" + item
}
el.innerHTML = "" + (menu.flags ? "" : "") + "
"
langFlagLang.innerHTML = "" : "") + "" + langObj[item][menu.short ? "language" : "raw"] + "
"
}
}
el.style.padding = "5px 8px"
el.setAttribute("inrxlang", "true")
el.classList.add("inirxmenuitem")
el.style.background = menu.bg || "white"
el.style.color = menu.color || "black"
// if (!xrx52m.seo.includes(item)) {
// const langClick = () => {
// if (currentLang !== item) {
// inirxhands = [document.body, document.querySelector("title"), document.querySelector("meta[name='description']")]
// document.querySelectorAll("[placeholder]").forEach((item) => inirxhands.push(item))
// document.querySelectorAll("[type=submit][value]").forEach((item) => inirxhands.push(item))
// ixImgHanding(item)
// langEdit.style.display = "block"
// const editorBox = document.getElementById("xrmxrm77fk")
// if (editorBox) {
// editorBox.remove()
// }
// mainDiv.childNodes[0].before(el)
// menuDiv.appendChild(mainDiv.childNodes[1])
// menuDiv.style.display = "none"
// icon.style.transform = ""
// inirxloadTranslation(item, true)
// }
// }
// el.addEventListener("click", langClick)
// langFlagLang.addEventListener("click", langClick)
// }
if (currentLang === item) {
mainDiv.appendChild(el)
} else {
menuDiv.appendChild(el)
}
})
// const markmeUp = document.createElement("div")
langDiv.id = "xrxmx"
langDiv.classList.add("inirxmenu" + menu.pos)
// langDiv.style.backgroundColor = menu.bg || "white"
// langDiv.style.color = menu.color || "black"
langDiv.style.cursor = "pointer"
// markmeUp.addEventListener("click", () => {
// if (currentLang) {
// markupAll()
// }
// })
mainDiv.appendChild(icon)
if (menu.pos.includes("top")) {
langDiv.appendChild(mainDiv)
langDiv.appendChild(menuDiv)
} else if (menu.pos.includes("bottom")) {
langDiv.appendChild(menuDiv)
langDiv.appendChild(mainDiv)
}
if (document.readyState === "loading") {
// Loading hasn't finished yet
document.addEventListener("DOMContentLoaded", () => {
if (menu.pos.includes("embed") && xrxIniLingoMenuSelector) {
if (!Array.isArray(xrxIniLingoMenuSelector)) {
xrxIniLingoMenuSelectorTemp = [xrxIniLingoMenuSelector]
} else {
xrxIniLingoMenuSelectorTemp = xrxIniLingoMenuSelector
}
setTimeout(() => {
xrxIniLingoMenuSelectorTemp.forEach(xitem => {
const emb = document.querySelector(xitem)
console.log(emb)
const newDiv = flagDiv.cloneNode(true)
if (xrxIniLingoMenuEmptyParent) {
emb.childNodes.forEach(item => item.remove())
}
if (emb.tagName === "IMG") {
emb.after(newDiv)
} else {
emb.appendChild(newDiv)
}
})
}, 1000)
} else {
setTimeout(() => {
document.body.appendChild(langDiv);
}, 1000)
}
})
} else {
// `DOMContentLoaded` has already fired
console.log("lodedit")
if (menu.pos.includes("embed") && xrxIniLingoMenuSelector) {
if (!Array.isArray(xrxIniLingoMenuSelector)) {
xrxIniLingoMenuSelectorTemp = [xrxIniLingoMenuSelector]
} else {
xrxIniLingoMenuSelectorTemp = xrxIniLingoMenuSelector
}
setTimeout(() => {
xrxIniLingoMenuSelectorTemp.forEach(xitem => {
const emb = document.querySelector(xitem)
if (xrxIniLingoMenuEmptyParent) {
emb.childNodes.forEach(item => item.remove())
}
emb.appendChild(flagDiv)
})
}, 1000)
} else {
setTimeout(() => {
document.body.appendChild(langDiv);
}, 1000)
}
}
let modal;
if (markup.markup) {
document.addEventListener("click", (e) => {
if (modal) { return; }
if (e.target.id === "idrxkokowe") {
e.target.remove();
markupElement.classList.remove("inirxhl")
return;
}
if (!markup.action || e.target.closest("[data-notrans]")) {
return;
}
e.stopPropagation();
e.preventDefault()
const a = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT)
a.currentNode = e.target
var range = document.createRange();
let startNode = null;
let endNode = null;
let orig = ""
const inlineClick = isInline(e.target)
while (a.nextNode()) {
range.selectNode(a.currentNode)
if (isInside(e, range.getBoundingClientRect())) {
console.log("barmi")
if (!sentenceNodes.get(a.currentNode)) {
continue;
}
const myNode = sentenceNodes.get(a.currentNode)
startNode = sentenceNodes.get(a.currentNode)[0]
endNode = sentenceNodes.get(a.currentNode)[1]
editedNode = startNode
// console.log(origNodes.get(a.currentNode))
let deNumbered = {}
if (inirxfullTranslation[encodeURIComponent(myNode[2])]) {
console.log(inirxfullTranslation[encodeURIComponent(myNode[2])])
orig = myNode[2]
deNumbered = [myNode[2], {}]
} else {
deNumbered = deNumber(myNode[2])
orig = deNumbered[0]
}
console.log(deNumbered)
if (markupElement) {
markupElement.classList.remove("inirxhl")
}
markupElement = startNode.parentElement
while (inirxgetDisplayType(markupElement).includes("inline")) {
markupElement = markupElement.parentElement
}
markupElement.classList.add("inirxhl")
modal = document.createElement("div")
modal.setAttribute("data-notrans", "true")
modal.id = "idrxkokowe"
modal.style = "position: fixed; inset:0;background: rgba(0,0,0,0.3);z-index:100000;display:flex;align-items:center;justify-content:center;opacity:0;transition: all 0.2s;font-family:Tahoma;font-size:15px;"
modal.innerHTML = "Edit Translation...
X
" + langObj[origLang].raw + "
![](https://app.inilingo.com/flags/" + currentLang + ".png)
" + langObj[currentLang].raw + "
Save