ponkotsu-md-editor 0.2.32 → 0.2.34

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3b276d684730d179d1db2e788a37687db583b3257a073b48a9acaf6e2d4f5394
-  data.tar.gz: 77d2db0430ffe4e4d5f0fa086b7852d010b55d948af6e239f58c75edf44306de
+  metadata.gz: e3b1c79f7f7011ffcd76111ea8598c5346790a17feb8c0a6e7f34b1ff7109176
+  data.tar.gz: 753c49c6d2c30d63059ff982b4f0620cecf94f6f1e5ef2b00f70814112dc35ee
 SHA512:
-  metadata.gz: fcdf631c47e69110531971546ba898ee459619162ddfe0033e1915f24b1e33099bfca9d63207442e4f1cfed5a8c31a5d0ae291e717d12c9156709280b57e57ea
-  data.tar.gz: 010aebf4daf0eea2e49cd28a29de89471e7f8c07b18827d086087fcd84bb8a4c009092f1a5c5c2c8e809dc03d1ef70b0f893cd50013f935da5cdf2d08a16303f
+  metadata.gz: 0337a5e3775a7b445a0eec9dfb92c2f3eeda5925fafdcb408496a2010bebb9bc0ab63d1689b45de015a0946c0a5c7674f1b0f8a76f1e9bd2b464e1828eaf8963
+  data.tar.gz: 719c69fa598fb5a7983cf8ab277c3d4246763569eeb1e72e9083bd9040fbbc37f0fadce92ddca229c3eae3719d1ad22d5d8431f198a5136a9c5ec90909b65ff8

data/app/assets/javascripts/markdown_editor.js

@@ -117,28 +117,62 @@
                     }, { 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);
                     });
                 }
 
                 // 初期状態でプレースホルダを表示するための空要素チェック
                 function updatePlaceholderVisibility() {
-                    // <br>のみの場合も空とみなす
-                    if (textarea.innerHTML.trim() === '&nbsp;' || textarea.innerHTML.trim() === ''
-                                                               || textarea.innerHTML.trim() === '\<br\>'
-                                                               || textarea.innerHTML.trim() === '<div>  </div>') {
+                    // innerHTML を一度だけ取得してキャッシュ
+                    const html = textarea.innerHTML.trim();
+
+                    // 空判定を簡潔に
+                    const isEmpty = html === '' ||
+                        html === '&nbsp;' ||
+                        html === '<br>' ||
+                        html === '<div><br></div>' ||
+                        html === '<div></div>' ||
+                        html === '<div>  </div>';
+
+                    if (isEmpty) {
                         textarea.classList.add('empty');
                     } else {
                         textarea.classList.remove('empty');
@@ -240,7 +274,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 +340,7 @@
                     'Expected:' + expected + '\n' +
                     'Actual:', actual);
             } else {
-                console.log('Assertion passed:', message);
+                // console.log('Assertion passed:', message);
             }
         }
 
@@ -417,16 +451,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 +898,8 @@
             }
         }
 
+        const MAX_CACHE_SIZE = 500;
+
         function analyzeHtml(target, isCountEmptyDiv = false) {
 
             const cacheKey = `${target}_${isCountEmptyDiv}`;
@@ -937,9 +973,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 +1070,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 +1268,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 +1301,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 +1685,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 +1716,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 +2239,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.34"
 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.34
 platform: ruby
 authors:
 - dhq_boiler