Merge branch 'dev' into ngrok-py

1 files changed, 176 insertions, 177 deletions

diff --git a/javascript/localization.js b/javascript/localization.js
index 86e5ca67..eb22b8a7 100644
--- a/javascript/localization.js
+++ b/javascript/localization.js
@@ -1,177 +1,176 @@
-

-// localization = {} -- the dict with translations is created by the backend

-

-ignore_ids_for_localization={

-    setting_sd_hypernetwork: 'OPTION',

-    setting_sd_model_checkpoint: 'OPTION',

-    setting_realesrgan_enabled_models: 'OPTION',

-    modelmerger_primary_model_name: 'OPTION',

-    modelmerger_secondary_model_name: 'OPTION',

-    modelmerger_tertiary_model_name: 'OPTION',

-    train_embedding: 'OPTION',

-    train_hypernetwork: 'OPTION',

-    txt2img_styles: 'OPTION',

-    img2img_styles: 'OPTION',

-    setting_random_artist_categories: 'SPAN',

-    setting_face_restoration_model: 'SPAN',

-    setting_realesrgan_enabled_models: 'SPAN',

-    extras_upscaler_1: 'SPAN',

-    extras_upscaler_2: 'SPAN',

-}

-

-re_num = /^[\.\d]+$/

-re_emoji = /[\p{Extended_Pictographic}\u{1F3FB}-\u{1F3FF}\u{1F9B0}-\u{1F9B3}]/u

-

-original_lines = {}

-translated_lines = {}

-

-function hasLocalization() {

-    return window.localization && Object.keys(window.localization).length > 0;

-}

-

-function textNodesUnder(el){

-    var n, a=[], walk=document.createTreeWalker(el,NodeFilter.SHOW_TEXT,null,false);

-    while(n=walk.nextNode()) a.push(n);

-    return a;

-}

-

-function canBeTranslated(node, text){

-    if(! text) return false;

-    if(! node.parentElement) return false;

-

-    var parentType = node.parentElement.nodeName

-    if(parentType=='SCRIPT' || parentType=='STYLE' || parentType=='TEXTAREA') return false;

-

-    if (parentType=='OPTION' || parentType=='SPAN'){

-        var pnode = node

-        for(var level=0; level<4; level++){

-            pnode = pnode.parentElement

-            if(! pnode) break;

-

-            if(ignore_ids_for_localization[pnode.id] == parentType) return false;

-        }

-    }

-

-    if(re_num.test(text)) return false;

-    if(re_emoji.test(text)) return false;

-    return true

-}

-

-function getTranslation(text){

-    if(! text) return undefined

-

-    if(translated_lines[text] === undefined){

-        original_lines[text] = 1

-    }

-

-    tl = localization[text]

-    if(tl !== undefined){

-        translated_lines[tl] = 1

-    }

-

-    return tl

-}

-

-function processTextNode(node){

-    var text = node.textContent.trim()

-

-    if(! canBeTranslated(node, text)) return

-

-    tl = getTranslation(text)

-    if(tl !== undefined){

-        node.textContent = tl

-    }

-}

-

-function processNode(node){

-    if(node.nodeType == 3){

-        processTextNode(node)

-        return

-    }

-

-    if(node.title){

-        tl = getTranslation(node.title)

-        if(tl !== undefined){

-            node.title = tl

-        }

-    }

-

-    if(node.placeholder){

-        tl = getTranslation(node.placeholder)

-        if(tl !== undefined){

-            node.placeholder = tl

-        }

-    }

-

-    textNodesUnder(node).forEach(function(node){

-        processTextNode(node)

-    })

-}

-

-function dumpTranslations(){

-    if(!hasLocalization()) {

-        // If we don't have any localization,

-        // we will not have traversed the app to find

-        // original_lines, so do that now.

-        processNode(gradioApp());

-    }

-    var dumped = {}

-    if (localization.rtl) {

-        dumped.rtl = true;

-    }

-

-    for (const text in original_lines) {

-        if(dumped[text] !== undefined) continue;

-        dumped[text] = localization[text] || text;

-    }

-

-    return dumped;

-}

-

-function download_localization() {

-    var text = JSON.stringify(dumpTranslations(), null, 4)

-

-    var element = document.createElement('a');

-    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));

-    element.setAttribute('download', "localization.json");

-    element.style.display = 'none';

-    document.body.appendChild(element);

-

-    element.click();

-

-    document.body.removeChild(element);

-}

-

-document.addEventListener("DOMContentLoaded", function () {

-    if (!hasLocalization()) {

-        return;

-    }

-

-    onUiUpdate(function (m) {

-        m.forEach(function (mutation) {

-            mutation.addedNodes.forEach(function (node) {

-                processNode(node)

-            })

-        });

-    })

-

-    processNode(gradioApp())

-

-    if (localization.rtl) {  // if the language is from right to left,

-        (new MutationObserver((mutations, observer) => { // wait for the style to load

-            mutations.forEach(mutation => {

-                mutation.addedNodes.forEach(node => {

-                    if (node.tagName === 'STYLE') {

-                        observer.disconnect();

-

-                        for (const x of node.sheet.rules) {  // find all rtl media rules

-                            if (Array.from(x.media || []).includes('rtl')) {

-                                x.media.appendMedium('all');  // enable them

-                            }

-                        }

-                    }

-                })

-            });

-        })).observe(gradioApp(), { childList: true });

-    }

-})

+
+// localization = {} -- the dict with translations is created by the backend
+
+var ignore_ids_for_localization = {
+    setting_sd_hypernetwork: 'OPTION',
+    setting_sd_model_checkpoint: 'OPTION',
+    modelmerger_primary_model_name: 'OPTION',
+    modelmerger_secondary_model_name: 'OPTION',
+    modelmerger_tertiary_model_name: 'OPTION',
+    train_embedding: 'OPTION',
+    train_hypernetwork: 'OPTION',
+    txt2img_styles: 'OPTION',
+    img2img_styles: 'OPTION',
+    setting_random_artist_categories: 'SPAN',
+    setting_face_restoration_model: 'SPAN',
+    setting_realesrgan_enabled_models: 'SPAN',
+    extras_upscaler_1: 'SPAN',
+    extras_upscaler_2: 'SPAN',
+};
+
+var re_num = /^[.\d]+$/;
+var re_emoji = /[\p{Extended_Pictographic}\u{1F3FB}-\u{1F3FF}\u{1F9B0}-\u{1F9B3}]/u;
+
+var original_lines = {};
+var translated_lines = {};
+
+function hasLocalization() {
+    return window.localization && Object.keys(window.localization).length > 0;
+}
+
+function textNodesUnder(el) {
+    var n, a = [], walk = document.createTreeWalker(el, NodeFilter.SHOW_TEXT, null, false);
+    while ((n = walk.nextNode())) a.push(n);
+    return a;
+}
+
+function canBeTranslated(node, text) {
+    if (!text) return false;
+    if (!node.parentElement) return false;
+
+    var parentType = node.parentElement.nodeName;
+    if (parentType == 'SCRIPT' || parentType == 'STYLE' || parentType == 'TEXTAREA') return false;
+
+    if (parentType == 'OPTION' || parentType == 'SPAN') {
+        var pnode = node;
+        for (var level = 0; level < 4; level++) {
+            pnode = pnode.parentElement;
+            if (!pnode) break;
+
+            if (ignore_ids_for_localization[pnode.id] == parentType) return false;
+        }
+    }
+
+    if (re_num.test(text)) return false;
+    if (re_emoji.test(text)) return false;
+    return true;
+}
+
+function getTranslation(text) {
+    if (!text) return undefined;
+
+    if (translated_lines[text] === undefined) {
+        original_lines[text] = 1;
+    }
+
+    var tl = localization[text];
+    if (tl !== undefined) {
+        translated_lines[tl] = 1;
+    }
+
+    return tl;
+}
+
+function processTextNode(node) {
+    var text = node.textContent.trim();
+
+    if (!canBeTranslated(node, text)) return;
+
+    var tl = getTranslation(text);
+    if (tl !== undefined) {
+        node.textContent = tl;
+    }
+}
+
+function processNode(node) {
+    if (node.nodeType == 3) {
+        processTextNode(node);
+        return;
+    }
+
+    if (node.title) {
+        let tl = getTranslation(node.title);
+        if (tl !== undefined) {
+            node.title = tl;
+        }
+    }
+
+    if (node.placeholder) {
+        let tl = getTranslation(node.placeholder);
+        if (tl !== undefined) {
+            node.placeholder = tl;
+        }
+    }
+
+    textNodesUnder(node).forEach(function(node) {
+        processTextNode(node);
+    });
+}
+
+function dumpTranslations() {
+    if (!hasLocalization()) {
+        // If we don't have any localization,
+        // we will not have traversed the app to find
+        // original_lines, so do that now.
+        processNode(gradioApp());
+    }
+    var dumped = {};
+    if (localization.rtl) {
+        dumped.rtl = true;
+    }
+
+    for (const text in original_lines) {
+        if (dumped[text] !== undefined) continue;
+        dumped[text] = localization[text] || text;
+    }
+
+    return dumped;
+}
+
+function download_localization() {
+    var text = JSON.stringify(dumpTranslations(), null, 4);
+
+    var element = document.createElement('a');
+    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
+    element.setAttribute('download', "localization.json");
+    element.style.display = 'none';
+    document.body.appendChild(element);
+
+    element.click();
+
+    document.body.removeChild(element);
+}
+
+document.addEventListener("DOMContentLoaded", function() {
+    if (!hasLocalization()) {
+        return;
+    }
+
+    onUiUpdate(function(m) {
+        m.forEach(function(mutation) {
+            mutation.addedNodes.forEach(function(node) {
+                processNode(node);
+            });
+        });
+    });
+
+    processNode(gradioApp());
+
+    if (localization.rtl) { // if the language is from right to left,
+        (new MutationObserver((mutations, observer) => { // wait for the style to load
+            mutations.forEach(mutation => {
+                mutation.addedNodes.forEach(node => {
+                    if (node.tagName === 'STYLE') {
+                        observer.disconnect();
+
+                        for (const x of node.sheet.rules) { // find all rtl media rules
+                            if (Array.from(x.media || []).includes('rtl')) {
+                                x.media.appendMedium('all'); // enable them
+                            }
+                        }
+                    }
+                });
+            });
+        })).observe(gradioApp(), {childList: true});
+    }
+});