@richscripts/richtexteditor 2.4.2 → 2.5.1

package/richtexteditor/plugins/accessibilitychecker.js

@@ -232,7 +232,14 @@ function RTE_Plugin_AccessibilityChecker() {
     function repairIssue(issueIndex, options) {
         if (!lastResult || !lastResult.issues || !lastResult.issues[issueIndex]) return runAudit();
         var ctor = window.RichTextEditor;
-        if (!ctor || typeof ctor.repairAccessibilityIssue !== "function") return repairDomIssue(lastResult.issues[issueIndex], options || {});
+        // An issue carrying `_target` came from the DOM audit and is addressed
+        // by a DOM node, not by a JSON path. Handing it to the structured-content
+        // repairer looks like it works — no error, a document comes back — but
+        // that repairer cannot resolve the node and returns the input unchanged,
+        // so the fix silently does nothing.
+        var issue = lastResult.issues[issueIndex];
+        if (issue._target || lastResult.source === "dom") return repairDomIssue(issue, options || {});
+        if (!ctor || typeof ctor.repairAccessibilityIssue !== "function") return repairDomIssue(issue, options || {});
         var nextDocument = ctor.repairAccessibilityIssue(editor.getJSON(), lastResult.issues[issueIndex], options || {});
         editor.setJSON(nextDocument);
         selectedIssueIndex = issueIndex;
@@ -264,6 +271,101 @@ function RTE_Plugin_AccessibilityChecker() {
         editor.focus();
     }
 
+    // ---- WCAG 3.1.2 Language of Parts -----------------------------------
+    //
+    // A passage in a language other than the document's must be marked, or a
+    // screen reader pronounces it with the wrong phoneme set. Detecting
+    // "French inside English" is a language-identification problem we are not
+    // going to pretend to solve; detecting a different WRITING SYSTEM is
+    // deterministic, and it catches the cases that actually break speech
+    // synthesis outright (Hebrew, Arabic, Greek, Cyrillic, CJK in a Latin
+    // document, and the reverse). We flag only what we can be certain of —
+    // a checker that cries wolf gets switched off.
+    var SCRIPTS = [
+        { name: "Hebrew",   lang: "he", re: /[֐-׿]/g },
+        { name: "Arabic",   lang: "ar", re: /[؀-ۿݐ-ݿﭐ-﷿ﹰ-]/g },
+        { name: "Greek",    lang: "el", re: /[Ͱ-Ͽἀ-῿]/g },
+        { name: "Cyrillic", lang: "ru", re: /[Ѐ-ӿ]/g },
+        { name: "Han",      lang: "zh", re: /[㐀-䶿一-鿿]/g },
+        { name: "Kana",     lang: "ja", re: /[぀-ゟ゠-ヿ]/g },
+        { name: "Hangul",   lang: "ko", re: /[가-힯ᄀ-ᇿ]/g },
+        { name: "Devanagari", lang: "hi", re: /[ऀ-ॿ]/g },
+        { name: "Thai",     lang: "th", re: /[฀-๿]/g },
+        { name: "Latin",    lang: "en", re: /[A-Za-zÀ-ɏ]/g }
+    ];
+
+    // Below this, a "run" is more likely a stray glyph, a maths symbol or a
+    // single borrowed character than a passage worth annotating.
+    var MIN_SCRIPT_RUN = 4;
+
+    // Every script present in the text with enough characters to be a passage.
+    //
+    // Deliberately NOT "the dominant script": a foreign phrase is by definition
+    // the minority of its paragraph, so picking the most common script finds
+    // the document's own language and reports nothing. "A Hebrew proverb,
+    // שלום עליכם, appears mid-sentence" is 40 Latin characters and 9 Hebrew —
+    // the 9 are the entire point.
+    function scriptsIn(text) {
+        var found = [];
+        for (var i = 0; i < SCRIPTS.length; i++) {
+            var m = String(text).match(SCRIPTS[i].re);
+            if (m && m.length >= MIN_SCRIPT_RUN) found.push(SCRIPTS[i]);
+        }
+        return found;
+    }
+
+    function documentScript() {
+        var editable = editor.getEditable ? editor.getEditable() : null;
+        var code = (editable && editable.getAttribute("lang")) ||
+                   (typeof document !== "undefined" && document.documentElement.getAttribute("lang")) || "en";
+        code = String(code).toLowerCase().split("-")[0];
+        for (var i = 0; i < SCRIPTS.length; i++) if (SCRIPTS[i].lang === code) return SCRIPTS[i];
+        // An unlisted language tag (nl, pt, sv…) is Latin-script; defaulting to
+        // Latin keeps us from flagging every English word in a Dutch document.
+        return SCRIPTS[SCRIPTS.length - 1];
+    }
+
+    function hasLangAncestor(node, editable) {
+        var n = (node && node.nodeType === 3) ? node.parentNode : node;
+        while (n && n !== editable && n.nodeType === 1) {
+            if (n.hasAttribute && n.hasAttribute("lang")) return true;
+            n = n.parentNode;
+        }
+        return false;
+    }
+
+    function collectUnmarkedLanguageRuns(block, editable, path, issues) {
+        var docScript = documentScript();
+        var doc = block.ownerDocument;
+        if (!doc || !doc.createTreeWalker) return;
+        var walker = doc.createTreeWalker(block, 4 /* SHOW_TEXT */, null, false);
+        var textNode, seen = {};
+        while ((textNode = walker.nextNode())) {
+            var value = textNode.nodeValue || "";
+            if (!value.replace(/\s+/g, "")) continue;
+            if (hasLangAncestor(textNode, editable)) continue;
+            var scripts = scriptsIn(value);
+            for (var s = 0; s < scripts.length; s++) {
+                var script = scripts[s];
+                if (script === docScript) continue;
+                // One issue per script per block: a paragraph with six Hebrew
+                // words is one thing to fix, not six.
+                if (seen[script.name]) continue;
+                seen[script.name] = true;
+                issues.push({
+                    code: "language-of-parts",
+                    severity: "warning",
+                    message: script.name + " text is not marked with a language. Select the phrase and set its " +
+                             "language so assistive technology pronounces it correctly (WCAG 3.1.2).",
+                    path: path + ".lang",
+                    _target: block,
+                    _lang: script.lang,
+                    _script: script.name
+                });
+            }
+        }
+    }
+
     function auditDomAccessibility() {
         var editable = editor.getEditable ? editor.getEditable() : null;
         var issues = [];
@@ -333,6 +435,8 @@ function RTE_Plugin_AccessibilityChecker() {
                     });
                 }
             }
+
+            collectUnmarkedLanguageRuns(node, editable, path, issues);
         }
 
         return { document: null, issues: issues, valid: !issues.length, source: "dom" };
@@ -358,12 +462,74 @@ function RTE_Plugin_AccessibilityChecker() {
         else if (issue.code === "table-missing-header") {
             promoteFirstTableRow(target);
         }
+        else if (issue.code === "language-of-parts") {
+            markLanguageRuns(target, options && options.lang ? options.lang : issue._lang, issue._script);
+        }
 
         selectedIssueIndex = 0;
         scheduleEditorChange();
         return runAudit();
     }
 
+    // Wrap the offending script's runs in <span lang> — the same markup
+    // textpartlanguage.js produces, so the two features agree on one shape and
+    // the author can retarget the result from the Language dropdown afterwards.
+    //
+    // Only the matching characters (plus the spaces and punctuation BETWEEN
+    // them) are wrapped: wrapping the whole text node would relabel the
+    // surrounding English as Hebrew, which is a worse lie than leaving it
+    // unmarked.
+    function markLanguageRuns(block, lang, scriptName) {
+        if (!block || !lang) return;
+        var script = null;
+        for (var i = 0; i < SCRIPTS.length; i++) if (SCRIPTS[i].name === scriptName) script = SCRIPTS[i];
+        if (!script) return;
+        var doc = block.ownerDocument;
+        var editable = editor.getEditable ? editor.getEditable() : null;
+        var rtl = (lang === "he" || lang === "ar" || lang === "fa" || lang === "ur");
+
+        var walker = doc.createTreeWalker(block, 4 /* SHOW_TEXT */, null, false);
+        var pending = [], n;
+        while ((n = walker.nextNode())) {
+            if (hasLangAncestor(n, editable)) continue;
+            pending.push(n);
+        }
+
+        for (var t = 0; t < pending.length; t++) {
+            var node = pending[t];
+            var value = node.nodeValue || "";
+            // Character classes are per-char; build a run matcher that also
+            // absorbs the neutral characters sitting inside a passage.
+            var runRe = new RegExp("(?:" + script.re.source + "|[\\s.,;:!?'\"()\\u2010-\\u2027\\u00AB\\u00BB\\u201C\\u201D])*" +
+                                   script.re.source +
+                                   "(?:" + script.re.source + "|[\\s.,;:!?'\"()\\u2010-\\u2027\\u00AB\\u00BB\\u201C\\u201D])*", "g");
+            var frag = doc.createDocumentFragment();
+            var last = 0, m, wrapped = false;
+            while ((m = runRe.exec(value))) {
+                var text = m[0];
+                // Trim the neutrals the greedy match pulled in at the edges;
+                // they belong to the surrounding sentence, not the phrase.
+                var lead = text.length - text.replace(/^[\s.,;:!?'"()‐-‧«»“”]+/, "").length;
+                var trail = text.length - text.replace(/[\s.,;:!?'"()‐-‧«»“”]+$/, "").length;
+                var start = m.index + lead;
+                var end = m.index + text.length - trail;
+                if (end - start < MIN_SCRIPT_RUN) continue;
+                if (start > last) frag.appendChild(doc.createTextNode(value.slice(last, start)));
+                var span = doc.createElement("span");
+                span.setAttribute("lang", lang);
+                if (rtl) span.setAttribute("dir", "rtl");
+                span.appendChild(doc.createTextNode(value.slice(start, end)));
+                frag.appendChild(span);
+                last = end;
+                wrapped = true;
+                if (runRe.lastIndex === m.index) runRe.lastIndex++; // zero-width guard
+            }
+            if (!wrapped) continue;
+            if (last < value.length) frag.appendChild(doc.createTextNode(value.slice(last)));
+            node.parentNode.replaceChild(frag, node);
+        }
+    }
+
     function promoteFirstTableRow(table) {
         var firstRow = table && table.rows && table.rows.length ? table.rows[0] : null;
         if (!firstRow) return;
@@ -512,6 +678,25 @@ function RTE_Plugin_AccessibilityChecker() {
             return;
         }
 
+        if (issue.code === "language-of-parts") {
+            var langRow = detail.ownerDocument.createElement("div");
+            langRow.className = "rte-a11y-row";
+            var mark = detail.ownerDocument.createElement("button");
+            mark.type = "button";
+            mark.className = "rte-a11y-button";
+            mark.innerText = "Mark as " + issue._script;
+            mark.onclick = function () { repairIssue(selectedIssueIndex, { lang: issue._lang }); };
+            var look = detail.ownerDocument.createElement("button");
+            look.type = "button";
+            look.className = "rte-a11y-button rte-a11y-button-secondary";
+            look.innerText = "Focus issue";
+            look.onclick = function () { focusIssue(issue); };
+            langRow.appendChild(mark);
+            langRow.appendChild(look);
+            detail.appendChild(langRow);
+            return;
+        }
+
         detail.innerHTML += '<div class="rte-a11y-detail-copy">This issue is visible here, but does not have an automatic repair action yet.</div>';
     }
 

package/richtexteditor/plugins/aitoolkit.js

@@ -39,7 +39,7 @@ if (!window.RTE_DefaultConfig) window.RTE_DefaultConfig = {};
 
 if (!RTE_DefaultConfig.svgCode_aiassist) {
     RTE_DefaultConfig.svgCode_aiassist = '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" aria-hidden="true"><defs><linearGradient id="rte-ai-robot-shell" x1="5" y1="6" x2="19" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#1fb6ff"/><stop offset=".52" stop-color="#2563eb"/><stop offset="1" stop-color="#7c3aed"/></linearGradient><linearGradient id="rte-ai-robot-glow" x1="8" y1="10" x2="16" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#fef9c3"/><stop offset="1" stop-color="#fde68a"/></linearGradient></defs><path d="M12 2.4v2.4" stroke="#f59e0b" stroke-width="1.7" stroke-linecap="round"/><circle cx="12" cy="2.4" r="1" fill="#fbbf24"/><rect x="5.1" y="6.1" width="13.8" height="11.2" rx="3.4" fill="url(#rte-ai-robot-shell)" stroke="#1e40af" stroke-width="1.2"/><path d="M8.2 6.1V5.8A1.8 1.8 0 0110 4h4a1.8 1.8 0 011.8 1.8v.3" stroke="#93c5fd" stroke-width="1.2" stroke-linecap="round"/><rect x="7.7" y="9.2" width="8.6" height="4.8" rx="2.4" fill="#0f172a" opacity=".26"/><circle cx="10" cy="11.6" r="1.15" fill="url(#rte-ai-robot-glow)"/><circle cx="14" cy="11.6" r="1.15" fill="url(#rte-ai-robot-glow)"/><path d="M9.4 14.9c.8.55 1.66.83 2.6.83s1.8-.28 2.6-.83" stroke="#ffffff" stroke-width="1.45" stroke-linecap="round"/><path d="M8.1 19.2l1-2.1M15.9 19.2l-1-2.1" stroke="#2563eb" stroke-width="1.5" stroke-linecap="round"/><path d="M18.8 6.4l.55-1.25.55 1.25 1.25.55-1.25.55-.55 1.25-.55-1.25-1.25-.55z" fill="#fef08a"/></svg>';
-    RTE_DefaultConfig.svgCode_aiassist = '<svg viewBox="0 0 24 24" width="20" height="20" fill="none" aria-hidden="true"><defs><linearGradient id="rte-ai-bot-v4-shell" x1="4.2" y1="5.8" x2="19.8" y2="18.4" gradientUnits="userSpaceOnUse"><stop stop-color="#22d3ee"/><stop offset=".52" stop-color="#2563eb"/><stop offset="1" stop-color="#4338ca"/></linearGradient><linearGradient id="rte-ai-bot-v4-visor" x1="7.8" y1="9" x2="16.2" y2="13.8" gradientUnits="userSpaceOnUse"><stop stop-color="#f8fafc"/><stop offset="1" stop-color="#bfdbfe"/></linearGradient></defs><path d="M12 2.6v2.3" stroke="#f59e0b" stroke-width="1.7" stroke-linecap="round"/><circle cx="12" cy="2.6" r=".9" fill="#fbbf24"/><path d="M4.9 12.2h-1a1.4 1.4 0 010-2.8h1M19.1 9.4h1a1.4 1.4 0 010 2.8h-1" stroke="#2563eb" stroke-width="1.25" stroke-linecap="round"/><rect x="5.2" y="5.9" width="13.6" height="12.2" rx="4" fill="url(#rte-ai-bot-v4-shell)" stroke="#1e40af" stroke-width="1.15"/><rect x="7.6" y="8.8" width="8.8" height="5.2" rx="2.6" fill="url(#rte-ai-bot-v4-visor)" opacity=".98"/><circle cx="10.2" cy="11.4" r=".9" fill="#0f172a"/><circle cx="13.8" cy="11.4" r=".9" fill="#0f172a"/><path d="M9.5 15.3c.78.52 1.6.78 2.5.78s1.72-.26 2.5-.78" stroke="#eff6ff" stroke-width="1.35" stroke-linecap="round"/><path d="M7.7 20.2l1.15-2.15M16.3 20.2l-1.15-2.15" stroke="#2563eb" stroke-width="1.45" stroke-linecap="round"/><path d="M18.6 5.1l.45-.95.45.95.95.45-.95.45-.45.95-.45-.95-.95-.45z" fill="#fde68a"/></svg>';
+    RTE_DefaultConfig.svgCode_aiassist = '<svg viewBox="1.78 0.3 21.8 21.8" width="20" height="20" fill="none" aria-hidden="true"><defs><linearGradient id="rte-ai-bot-v5-shell" x1="3" y1="5" x2="21" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#22d3ee"/><stop offset=".52" stop-color="#2563eb"/><stop offset="1" stop-color="#4338ca"/></linearGradient><linearGradient id="rte-ai-bot-v5-visor" x1="7" y1="8" x2="17" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#f8fafc"/><stop offset="1" stop-color="#bfdbfe"/></linearGradient></defs><rect x="2.6" y="5.2" width="16.4" height="16" rx="4.8" fill="url(#rte-ai-bot-v5-shell)" stroke="#1e40af" stroke-width="1.6"/><rect x="5.9" y="9.1" width="9.8" height="6.8" rx="3.4" fill="url(#rte-ai-bot-v5-visor)"/><circle cx="8.6" cy="12.5" r="1.35" fill="#0f172a"/><circle cx="13" cy="12.5" r="1.35" fill="#0f172a"/><path d="M8.3 18.2c.9.7 1.8 1 2.5 1s1.6-.3 2.5-1" stroke="#eff6ff" stroke-width="1.7" stroke-linecap="round"/><path d="M19.6 .4l1.25 2.7 2.7 1.25-2.7 1.25-1.25 2.7-1.25-2.7-2.7-1.25 2.7-1.25z" fill="#fbbf24"/></svg>';
 }
 
 if (!RTE_DefaultConfig.svgCode_aiassist_open_dialog) {