@searpent/react-image-annotate 2.3.0-cand-2 → 2.3.0

package/Annotator/examplePhotos.js

@@ -611,7 +611,7 @@ var examplePhotos = [{
           "Y1": 0.38327134,
           "Y2": 0.5264345
         },
-        "text": "[{\"label\":\"text\",\"text\":\"Vedle domácíhhhhhhh špičky nebude chybět řada účastníků OH v Tokiu, nad plánovanou účastí dvojnásobné vítězky Venduly Frintové visí otazník. Nejlepší česká triatlonistka měla žaludeční problémy a o jejím startu se rozhodne na poslední chvíli. Vedle Frintové je přihlášena i druhá česká olympionička Petra Kuříková, jejímž karlovarským maximem je předloňské čtvrté místo. Mezi devítkou domácích závodníků je též Jan Čelůstka i nadějní Tereza Zimovjanová (na snímku) s Radimem Grebíkem.\"}]",
+        "text": "[{\"label\":\"text\",\"text\":\"Konec vedddlké opravy. Přinesla také teplejší vodu v bazénu. Vedle domácíhhhhhhh špičky nebude chybět řada účastníků OH v Tokiu, nad plánovanou účastí dvojnásobné vítězky Venduly Frintové visí otazník. Nejlepší česká triatlonistka měla žaludeční problémy a o jejím startu se rozhodne na poslední chvíli. Vedle Frintové je přihlášena i druhá česká olympionička Petra Kuříková, jejímž karlovarským maximem je předloňské čtvrté místo. Mezi devítkou domácích závodníků je též Jan Čelůstka i nadějní Tereza Zimovjanová (na snímku) s Radimem Grebíkem.\"}]",
         "groupId": "4",
         "id": "346807505487134722"
       }, {

package/Editor/editor.css

@@ -1,8 +1,8 @@
 .editor-toggle-wrapper {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   align-items: flex-start;
-  gap: 0.5rem; /* space between Spellcheck and Edit mode rows */
+  gap: 1rem; /* space between Spellcheck and Edit mode toggles */
 }
 
 /* Smaller toggle size only for Editor switches */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@searpent/react-image-annotate",
-  "version": "2.3.0-cand-2",
+  "version": "2.3.0",
   "dependencies": {
     "@editorjs/editorjs": "^2.25.0",
     "@editorjs/paragraph": "^2.8.0",

package/utils/spellcheck-nspell.js

@@ -225,9 +225,7 @@ var spellcheckEnabled = function () {
     // Check for environment variable (works in Create React App, Storybook, etc.)
     if (typeof process !== 'undefined' && process.env && process.env.REACT_APP_SPELLCHECK_ENABLED !== undefined) {
       var envValue = process.env.REACT_APP_SPELLCHECK_ENABLED;
-      console.log('[Spellcheck] REACT_APP_SPELLCHECK_ENABLED from env:', envValue);
       var enabledFromEnv = envValue === 'true' || envValue === '1';
-      console.log('[Spellcheck] Initial spellcheckEnabled from env:', enabledFromEnv);
       return enabledFromEnv;
     }
   } catch (e) {
@@ -235,7 +233,6 @@ var spellcheckEnabled = function () {
     console.warn('[Spellcheck] Failed to read REACT_APP_SPELLCHECK_ENABLED from process.env:', e);
   }
 
-  console.log('[Spellcheck] REACT_APP_SPELLCHECK_ENABLED not set, defaulting spellcheckEnabled=false');
   return false; // Default to disabled for performance
 }(); // Function to enable/disable spellchecking
 // Call this from your application to control spellchecking at runtime
@@ -408,6 +405,7 @@ function _findMisspellings() {
         _step2,
         w,
         word,
+        isCorrect,
         _args3 = arguments;
 
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -459,7 +457,18 @@ function _findMisspellings() {
             // Word extraction across common Latin + Cyrillic ranges
             // Matches sequences of letters, allowing internal apostrophes/dashes.
             // Note: Avoids Unicode property escapes (\p{L}) for compatibility with older Babel toolchain.
-            wordRegex = /[A-Za-zÀ-ÖØ-öø-ÿЀ-ӿ][A-Za-zÀ-ÖØ-öø-ÿЀ-ӿ'’-]*/g;
+            // 
+            // Character coverage by language:
+            // - English (en-US): A-Za-z (Basic Latin)
+            // - Czech (cs-CZ): A-Za-z + À-ÿ (Latin-1) + \u0100-\u017F (Latin Extended-A: č, ř, š, ž, ě, ů, ď, ť, ň)
+            // - Slovak (sk-SK): A-Za-z + À-ÿ (Latin-1: á, é, í, ó, ú, ý, ä, ô) + \u0100-\u017F (Latin Extended-A: č, ď, ň, š, ť, ž, ĺ, ľ, ŕ)
+            // - Portuguese (pt-BR): A-Za-z + À-ÿ (Latin-1: á, à, â, ã, ä, é, ê, ë, í, î, ï, ó, ô, õ, ö, ú, û, ü, ç)
+            // - Macedonian (mk-MK): Ѐ-ӿ (Cyrillic: all Cyrillic characters including ѓ, ќ, ѕ, џ, ј)
+            // 
+            // IMPORTANT: Latin Extended-A (U+0100-U+017F) was missing in a previous version, causing:
+            // - Czech/Slovak words starting with these characters (like "Přinesla") to be incorrectly marked as misspelled
+            // - Words containing them (like "vedddlké") to not be extracted properly for spellchecking
+            wordRegex = /[A-Za-zÀ-ÖØ-öø-ÿ\u0100-\u017FЀ-ӿ][A-Za-zÀ-ÖØ-öø-ÿ\u0100-\u017FЀ-ӿ'’-]*/g;
             words = text.match(wordRegex) || [];
             miss = new Set();
             _iteratorNormalCompletion2 = true;
@@ -470,7 +479,7 @@ function _findMisspellings() {
 
           case 24:
             if (_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done) {
-              _context3.next = 33;
+              _context3.next = 34;
               break;
             }
 
@@ -482,66 +491,72 @@ function _findMisspellings() {
               break;
             }
 
-            return _context3.abrupt("continue", 30);
+            return _context3.abrupt("continue", 31);
 
           case 29:
-            if (!spell.correct(word)) miss.add(word);
+            isCorrect = spell.correct(word);
 
-          case 30:
+            if (!isCorrect) {
+              miss.add(word); // Debug logging for misspelled words
+
+              console.log("[Spellcheck] Misspelled word detected: \"".concat(word, "\" (original: \"").concat(w, "\")"));
+            }
+
+          case 31:
             _iteratorNormalCompletion2 = true;
             _context3.next = 24;
             break;
 
-          case 33:
-            _context3.next = 39;
+          case 34:
+            _context3.next = 40;
             break;
 
-          case 35:
-            _context3.prev = 35;
+          case 36:
+            _context3.prev = 36;
             _context3.t0 = _context3["catch"](22);
             _didIteratorError2 = true;
             _iteratorError2 = _context3.t0;
 
-          case 39:
-            _context3.prev = 39;
+          case 40:
             _context3.prev = 40;
+            _context3.prev = 41;
 
             if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
               _iterator2.return();
             }
 
-          case 42:
-            _context3.prev = 42;
+          case 43:
+            _context3.prev = 43;
 
             if (!_didIteratorError2) {
-              _context3.next = 45;
+              _context3.next = 46;
               break;
             }
 
             throw _iteratorError2;
 
-          case 45:
-            return _context3.finish(42);
-
           case 46:
-            return _context3.finish(39);
+            return _context3.finish(43);
 
           case 47:
+            return _context3.finish(40);
+
+          case 48:
             return _context3.abrupt("return", Array.from(miss));
 
-          case 50:
-            _context3.prev = 50;
+          case 51:
+            _context3.prev = 51;
             _context3.t1 = _context3["catch"](3);
             console.error("[Spellcheck Error] Spellcheck failed for language ".concat(lang, ":"), _context3.t1);
             console.error("[Spellcheck Error] Stack:", _context3.t1.stack);
             return _context3.abrupt("return", []);
 
-          case 55:
+          case 56:
           case "end":
             return _context3.stop();
         }
       }
-    }, _callee3, null, [[3, 50], [22, 35, 39, 47], [40,, 42, 46]]);
+    }, _callee3, null, [[3, 51], [22, 36, 40, 48], [41,, 43, 47]]);
   }));
   return _findMisspellings.apply(this, arguments);
 }
@@ -635,8 +650,9 @@ function _highlightMisspellingsInHtml() {
               try {
                 for (var _iterator3 = miss[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
                   var m = _step3.value;
-                  // Use word boundaries instead of Unicode property escapes for compatibility
-                  var re = new RegExp("\\b".concat(escapeRegExp(m), "\\b"), 'gi');
+                  // Use Unicode-aware word boundary pattern to support accented characters
+                  // Standard \b doesn't work well with Unicode characters like é, č, ř, etc.
+                  var re = createUnicodeWordBoundaryRegex(m);
                   out = out.replace(re, "<span class=\"spell-error\">$&</span>");
                 }
               } catch (err) {
@@ -676,4 +692,17 @@ function _highlightMisspellingsInHtml() {
 
 function escapeRegExp(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+} // Create a Unicode-aware word boundary pattern
+// This works better than \b for Unicode characters like é, č, ř, etc.
+
+
+function createUnicodeWordBoundaryRegex(word) {
+  // Escape special regex characters in the word
+  var escaped = escapeRegExp(word); // Use a pattern that matches word boundaries with Unicode support
+  // Matches: start of string, non-word-char, or word-char before the word
+  // And: end of string, non-word-char, or word-char after the word
+  // The (?<=...) and (?=...) are lookbehind/lookahead assertions
+  // We use [^A-Za-zÀ-ÖØ-öø-ÿ\u0100-\u017FЀ-ӿ] to match non-word characters
+
+  return new RegExp("(?<=^|[^A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF\\u0100-\\u017F\u0400-\u04FF])".concat(escaped, "(?=[^A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF\\u0100-\\u017F\u0400-\u04FF]|$)"), 'giu');
 }