ponkotsu-md-editor 0.2.32 → 0.2.33

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3b276d684730d179d1db2e788a37687db583b3257a073b48a9acaf6e2d4f5394
-  data.tar.gz: 77d2db0430ffe4e4d5f0fa086b7852d010b55d948af6e239f58c75edf44306de
+  metadata.gz: c7340ba8c2ac893d51238f60395be14004050920c09de9ffe172e47af8736fa8
+  data.tar.gz: 383aa9b69c43ab1319cd17b675402dfc7fcf94f44c5ad140c0fe3efa64190c5d
 SHA512:
-  metadata.gz: fcdf631c47e69110531971546ba898ee459619162ddfe0033e1915f24b1e33099bfca9d63207442e4f1cfed5a8c31a5d0ae291e717d12c9156709280b57e57ea
-  data.tar.gz: 010aebf4daf0eea2e49cd28a29de89471e7f8c07b18827d086087fcd84bb8a4c009092f1a5c5c2c8e809dc03d1ef70b0f893cd50013f935da5cdf2d08a16303f
+  metadata.gz: bac62356700052a2be43f8a9a7710f9bebda2c7109afbc62bc48c7fd7f617c150becd6959d0ab7ba830b76670673b03a3cbd4636ad4461e5533bffc756d581ce
+  data.tar.gz: 4a0f6612cc409a4e255fdb8868624bbf618d39979513e946cb14db8e888d4cb7f484077c9bff7bd045ffc9a6e04395b3a13097b64b7122052c9c4f3eadb3db9d

data/app/assets/javascripts/markdown_editor.js

@@ -117,19 +117,45 @@
                     }, { passive: false });
                 }
 
-                const syncToHidden = () => {
-                    hiddenField.value = (textarea.innerText || '').replaceAll('\u00A0', ' ');
-                };
+                const syncToHidden = (() => {
+                    let lastValue = '';
+                    let pendingUpdate = false;
+
+                    return () => {
+                        if (pendingUpdate) return;
+
+                        // テキスト取得（innerTextよりtextContentの方が高速）
+                        const currentText = (textarea.textContent || '').replaceAll('\u00A0', ' ');
+
+                        // 変更がない場合はスキップ
+                        if (currentText === lastValue) return;
+
+                        pendingUpdate = true;
+                        requestAnimationFrame(() => {
+                            hiddenField.value = currentText;
+                            lastValue = currentText;
+                            pendingUpdate = false;
+                        });
+                    };
+                })();
 
                 // 初期化時に同期
                 syncToHidden();
 
-                // フォーム送信時に確実に同期（最重要）
+                // フォーム送信時の処理を非同期化
                 const form = textarea.closest('form');
                 if (form) {
                     form.addEventListener('submit', function(e) {
-                        syncToHidden();
-                        console.log('Form submitting with content length:', hiddenField.value.length);
+                        e.preventDefault();
+
+                        // 同期的に値を設定（確実性のため）
+                        hiddenField.value = (textarea.textContent || '').replaceAll('\u00A0', ' ');
+
+                        // 次のティックで送信
+                        setTimeout(() => {
+                            // console.log('Form submitting with content length:', hiddenField.value.length);
+                            form.submit();
+                        }, 0);
                     });
                 }
 
@@ -240,7 +266,7 @@
     }
 
     onReady(function() {
-        console.log('Enhanced Markdown editor initializing...');
+        // console.log('Enhanced Markdown editor initializing...');
 
         // Get DOM elements
         const textarea = document.getElementById('editor_content');
@@ -306,7 +332,7 @@
                     'Expected:' + expected + '\n' +
                     'Actual:', actual);
             } else {
-                console.log('Assertion passed:', message);
+                // console.log('Assertion passed:', message);
             }
         }
 
@@ -417,16 +443,16 @@
             }
 
             // === デバッグ出力 ===
-            console.log('[DEBUG] getContentEditableSelection');
-            console.log('fullText:', JSON.stringify(fullText));
-            console.log('startPos:', startPos, 'endPos:', endPos);
-            console.log('selectedText:', JSON.stringify(selectedText));
-            console.log('rangeText:', JSON.stringify(rangeText));
-            console.log('textNodes:', textNodes.map(n => n.textContent));
-            console.log('range.startContainer:', range.startContainer);
-            console.log('range.startOffset:', range.startOffset);
-            console.log('range.endContainer:', range.endContainer);
-            console.log('range.endOffset:', range.endOffset);
+            // console.log('[DEBUG] getContentEditableSelection');
+            // console.log('fullText:', JSON.stringify(fullText));
+            // console.log('startPos:', startPos, 'endPos:', endPos);
+            // console.log('selectedText:', JSON.stringify(selectedText));
+            // console.log('rangeText:', JSON.stringify(rangeText));
+            // console.log('textNodes:', textNodes.map(n => n.textContent));
+            // console.log('range.startContainer:', range.startContainer);
+            // console.log('range.startOffset:', range.startOffset);
+            // console.log('range.endContainer:', range.endContainer);
+            // console.log('range.endOffset:', range.endOffset);
             // ===================
 
             return {
@@ -864,6 +890,8 @@
             }
         }
 
+        const MAX_CACHE_SIZE = 500;
+
         function analyzeHtml(target, isCountEmptyDiv = false) {
 
             const cacheKey = `${target}_${isCountEmptyDiv}`;
@@ -937,9 +965,13 @@
                 }
             }
 
-            if (analyzeHtmlCache.size > 100) {
-                const firstKey = analyzeHtmlCache.keys().next().value;
-                analyzeHtmlCache.delete(firstKey);
+            if (analyzeHtmlCache.size > MAX_CACHE_SIZE) {
+                // 古いエントリを複数削除（より効率的）
+                const deleteCount = Math.floor(MAX_CACHE_SIZE * 0.2); // 20%削除
+                const keys = Array.from(analyzeHtmlCache.keys());
+                for (let i = 0; i < deleteCount; i++) {
+                    analyzeHtmlCache.delete(keys[i]);
+                }
             }
 
             analyzeHtmlCache.set(cacheKey, lines);
@@ -1030,10 +1062,10 @@
                 const endOffset = getOffsetInContainer(textarea, range.endContainer, range.endOffset);
 
                 // === デバッグ出力（削除可能）===
-                console.log('DOM-based text:', JSON.stringify(domBasedText));
-                console.log('beginEndLenStrings:', beginEndLenStrings);
-                console.log('Selection offsets:', startOffset, endOffset);
-                console.log('Selected text should be:', JSON.stringify(domBasedText.substring(startOffset, endOffset)));
+                // console.log('DOM-based text:', JSON.stringify(domBasedText));
+                // console.log('beginEndLenStrings:', beginEndLenStrings);
+                // console.log('Selection offsets:', startOffset, endOffset);
+                // console.log('Selected text should be:', JSON.stringify(domBasedText.substring(startOffset, endOffset)));
                 // =============================
 
                 const startPos = getLineAndCharIndex(textarea, startOffset);
@@ -1228,10 +1260,10 @@
             const range = selection.getRangeAt(0);
             const selectedText = range.toString();
 
-            console.log('Markdown apply debug:');
-            console.log('Selected text:', JSON.stringify(selectedText));
-            console.log('Before markup:', JSON.stringify(before));
-            console.log('After markup:', JSON.stringify(after));
+            // console.log('Markdown apply debug:');
+            // console.log('Selected text:', JSON.stringify(selectedText));
+            // console.log('Before markup:', JSON.stringify(before));
+            // console.log('After markup:', JSON.stringify(after));
 
             if (selectedText.length === 0) {
                 // No selection - insert markers at cursor position
@@ -1261,7 +1293,7 @@
                 newSelection.removeAllRanges();
                 newSelection.addRange(newRange);
 
-                console.log('DOM replacement completed successfully');
+                // console.log('DOM replacement completed successfully');
 
                 // Fire input event for change detection
                 element.dispatchEvent(new Event('input', { bubbles: true }));
@@ -1645,7 +1677,7 @@
                     script.onload = () => {
                         this.loaded = true;
                         this.loading = false;
-                        console.log('Twitter widgets.js loaded successfully');
+                        // console.log('Twitter widgets.js loaded successfully');
                         resolve();
                     };
 
@@ -1676,7 +1708,7 @@
 
                     if (window.twttr && window.twttr.widgets) {
                         await window.twttr.widgets.load(container);
-                        console.log('Twitter widgets initialized');
+                        // console.log('Twitter widgets initialized');
                     }
                 } catch (error) {
                     console.error('Failed to initialize Twitter widgets:', error);
@@ -2199,7 +2231,7 @@
             });
         }
 
-        console.log('ponkotsu Markdown editor initialized successfully');
+        // console.log('ponkotsu Markdown editor initialized successfully');
     });
 
     // Enhanced error handling

data/lib/ponkotsu/md/editor/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PonkotsuMdEditor
-  VERSION = "0.2.32"
+  VERSION = "0.2.33"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ponkotsu-md-editor
 version: !ruby/object:Gem::Version
-  version: 0.2.32
+  version: 0.2.33
 platform: ruby
 authors:
 - dhq_boiler