update readme

README.JP.md

@@ -9,6 +9,10 @@
 ## Language control / 言語制御
 ENGLISH: [![en](https://img.shields.io/badge/lang-en-red.svg)](https://github.com/hako-mikan/sd-webui-regional-prompter/blob/main/README.md)
 
+## 更新情報 2025.01.27.0100(JST)
+- いくつかのバグフィックス(Forge関連)
+- ForgeにおいてLatentモード対応、領域別LoRA対応（基本的なLoRAしか試してません。）
+
 ## 更新情報
 - 新機能「[差分生成・差分アニメ](differential_ja.md)」
 - [APIを通しての利用について](#apiを通した利用方法)

README.md

@@ -21,6 +21,12 @@ LoRAの種類別の使用条件です。
 - **LoRA**: 速度低下なく適用可能です。
 - **LoCon/LoHa**: "Use LoHa or other" オプションを有効にすると使用できますが、生成速度が遅くなります。この制約はWeb-UIの仕様に基づいています。
 
+## Updates 2025.01.27.0100 (JST)  
+- Fixed several bugs (related to Forge)  
+- Added support for Latent Mode and region-specific LoRA in Forge (only basic LoRA has been tested so far).  
+- いくつかのバグフィックス(Forge関連)
+- ForgeにおいてLatentモード対応、領域別LoRA対応（基本的なLoRAしか試してません。）
+
 ### Updates
 - モード名が変更になりました。`Horizontal` -> `columns`, `Vertical` -> `Rows`
 (日本語で横に分割を英訳したSplit Horizontalは英語圏では逆の意味になるようです。水平線「で」分割するという意味になるそう)

javascript/inputAccordion.js

@@ -0,0 +1,56 @@
+function setupAccordion(accordion) {
+    // 既に処理済みの場合はスキップ
+    if (accordion.getAttribute('data-processed') === 'true') {
+        return;
+    }
+    accordion.setAttribute('data-processed', 'true'); // 処理済みフラグを追加
+
+    var labelWrap = accordion.querySelector('.label-wrap');
+    var gradioCheckbox = gradioApp().querySelector('#' + accordion.id + "-checkbox input");
+    var extra = gradioApp().querySelector('#' + accordion.id + "-extra");
+    var span = labelWrap.querySelector('span');
+
+    // 初期状態をGradioの状態に基づいて設定
+    var visibleCheckbox = document.createElement('INPUT');
+    visibleCheckbox.type = 'checkbox';
+    visibleCheckbox.checked = gradioCheckbox.checked; // Gradioの初期状態を継承
+    visibleCheckbox.id = accordion.id + "-visible-checkbox";
+    visibleCheckbox.className = gradioCheckbox.className + " input-accordion-checkbox";
+
+    // 既にチェックボックスが存在していないか確認して追加
+    if (!span.querySelector(`#${visibleCheckbox.id}`)) {
+        span.insertBefore(visibleCheckbox, span.firstChild);
+    }
+
+    accordion.visibleCheckbox = visibleCheckbox;
+
+    if (extra) {
+        labelWrap.insertBefore(extra, labelWrap.lastElementChild);
+    }
+
+    // チェックボックスクリック時のイベント
+    visibleCheckbox.addEventListener('click', function(event) {
+        event.stopPropagation(); // クリックイベントの伝播を停止
+        console.log(`Checkbox in accordion ${accordion.id} is now: `, visibleCheckbox.checked);
+
+        // Gradioのチェックボックス状態を更新
+        gradioCheckbox.checked = visibleCheckbox.checked;
+        gradioCheckbox.dispatchEvent(new Event('input', { bubbles: true }));
+    });
+
+    // Gradioチェックボックスの変更を監視して表示用チェックボックスを更新
+    var observer = new MutationObserver(function(mutations) {
+        mutations.forEach(function(mutation) {
+            visibleCheckbox.checked = gradioCheckbox.checked;
+            console.log(`Visible checkbox in accordion ${accordion.id} updated to: `, visibleCheckbox.checked);
+        });
+    });
+
+    observer.observe(gradioCheckbox, { attributes: true, attributeFilter: ['checked'] });
+}
+
+onUiLoaded(function() {
+    for (var accordion of gradioApp().querySelectorAll('.input-accordion-m')) {
+        setupAccordion(accordion);
+    }
+});