Overview
Comment: | [fx] grammar checking ui |
---|---|
Downloads: | Tarball | ZIP archive | SQL archive |
Timelines: | family | ancestors | descendants | both | fx | webext2 |
Files: | files | file ages | folders |
SHA3-256: |
11aef9ec2a3ed1556bf11ecd4a5c8f3d |
User & Date: | olr on 2017-08-16 12:25:00 |
Other Links: | branch diff | manifest | tags |
Context
2017-08-16
| ||
13:47 | [fx] wait icon + clean CSS check-in: 85960e8bc6 user: olr tags: fx, webext2 | |
12:25 | [fx] grammar checking ui check-in: 11aef9ec2a user: olr tags: fx, webext2 | |
09:49 | [fx] grammar checking ui check-in: bd4b42b289 user: olr tags: fx, webext2 | |
Changes
Modified gc_lang/fr/webext/background.js from [58f439e338] to [ce09d05446].
︙ | ︙ | |||
17 18 19 20 21 22 23 24 25 26 27 28 29 30 | let {sActionDone, result, dInfo} = e.data; switch (sActionDone) { case "init": console.log("INIT DONE"); break; case "parse": case "parseAndSpellcheck": case "getListOfTokens": console.log("Action done: " + sActionDone); if (typeof(dInfo.iReturnPort) === "number") { let xPort = aConnx[dInfo.iReturnPort]; xPort.postMessage(e.data); } else { console.log("[background] don’t know where to send results"); | > | 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | let {sActionDone, result, dInfo} = e.data; switch (sActionDone) { case "init": console.log("INIT DONE"); break; case "parse": case "parseAndSpellcheck": case "parseAndSpellcheck1": case "getListOfTokens": console.log("Action done: " + sActionDone); if (typeof(dInfo.iReturnPort) === "number") { let xPort = aConnx[dInfo.iReturnPort]; xPort.postMessage(e.data); } else { console.log("[background] don’t know where to send results"); |
︙ | ︙ | |||
72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 | function handleMessage (oRequest, xSender, sendResponse) { //console.log(xSender); console.log("[background] received:"); console.log(oRequest); switch (oRequest.sCommand) { case "parse": case "parseAndSpellcheck": case "getListOfTokens": case "textToTest": case "getOptions": case "getDefaultOptions": case "setOptions": case "setOption": case "fullTests": xGCEWorker.postMessage(oRequest); break; } //sendResponse({response: "response from background script"}); } browser.runtime.onMessage.addListener(handleMessage); | > > > | 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 | function handleMessage (oRequest, xSender, sendResponse) { //console.log(xSender); console.log("[background] received:"); console.log(oRequest); switch (oRequest.sCommand) { case "parse": case "parseAndSpellcheck": case "parseAndSpellcheck1": case "getListOfTokens": case "textToTest": case "getOptions": case "getDefaultOptions": case "setOptions": case "setOption": case "fullTests": xGCEWorker.postMessage(oRequest); break; default: console.log("[background] Unknown command: " + oRequest.sCommand); } //sendResponse({response: "response from background script"}); } browser.runtime.onMessage.addListener(handleMessage); |
︙ | ︙ | |||
102 103 104 105 106 107 108 109 110 111 112 113 114 115 | console.log(oRequest); switch (oRequest.sCommand) { case "getCurrentTabId": xPort.postMessage({sActionDone: "getCurrentTabId", result: "getCurrentTabId()", dInfo: null, bError: false}); break; case "parse": case "parseAndSpellcheck": case "getListOfTokens": oRequest.dInfo.iReturnPort = iPortId; // we pass the id of the return port to receive answer console.log(oRequest); xGCEWorker.postMessage(oRequest); break; default: console.log("[background] Unknown command: " + oRequest.sCommand); | > | 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 | console.log(oRequest); switch (oRequest.sCommand) { case "getCurrentTabId": xPort.postMessage({sActionDone: "getCurrentTabId", result: "getCurrentTabId()", dInfo: null, bError: false}); break; case "parse": case "parseAndSpellcheck": case "parseAndSpellcheck1": case "getListOfTokens": oRequest.dInfo.iReturnPort = iPortId; // we pass the id of the return port to receive answer console.log(oRequest); xGCEWorker.postMessage(oRequest); break; default: console.log("[background] Unknown command: " + oRequest.sCommand); |
︙ | ︙ |
Modified gc_lang/fr/webext/content_scripts/content_modifier.js from [f8304ae53e] to [1969da4c97].
︙ | ︙ | |||
55 56 57 58 59 60 61 | let xConjButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Conjuguer"}); xConjButton.onclick = function() { createConjPanel(); }; let xTFButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Formater"}); xTFButton.onclick = function() { createTFPanel(xTextArea); }; let xLxgButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Analyser"}); xLxgButton.onclick = function() { createLxgPanel(); | > > > | > > > | > > | 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | let xConjButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Conjuguer"}); xConjButton.onclick = function() { createConjPanel(); }; let xTFButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Formater"}); xTFButton.onclick = function() { createTFPanel(xTextArea); }; let xLxgButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Analyser"}); xLxgButton.onclick = function() { createLxgPanel(); xPort.postMessage({ sCommand: "getListOfTokens", dParam: {sText: xTextArea.value}, dInfo: {sTextAreaId: xTextArea.id} }); }; let xGCButton = createNode("div", {className: "grammalecte_wrapper_button", textContent: "Corriger"}); xGCButton.onclick = function() { createGCPanel(); xPort.postMessage({ sCommand: "parseAndSpellcheck", dParam: {sText: xTextArea.value, sCountry: "FR", bDebug: false, bContext: false}, dInfo: {sTextAreaId: xTextArea.id} }); }; // Create //xToolbar.appendChild(createNode("img", {scr: browser.extension.getURL("img/logo-16.png")})); // can’t work, due to content-script policy: https://bugzilla.mozilla.org/show_bug.cgi?id=1267027 xToolbar.appendChild(createLogo()); xToolbar.appendChild(document.createTextNode("Grammalecte")); xToolbar.appendChild(xConjButton); |
︙ | ︙ | |||
144 145 146 147 148 149 150 | sendResponse({response: "response from content script"}); } browser.runtime.onMessage.addListener(handleMessage); /* | | > | > > > > | > | > > > > | 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 | sendResponse({response: "response from content script"}); } browser.runtime.onMessage.addListener(handleMessage); /* Connexion to the background */ let xPort = browser.runtime.connect({name: "content-script port"}); xPort.onMessage.addListener(function (oMessage) { console.log("[Content script] received…"); let {sActionDone, result, dInfo, bError} = oMessage; switch (sActionDone) { case "getCurrentTabId": console.log("[Content script] tab id: " + result); nTadId = result; break; case "parseAndSpellcheck": console.log("[content script] received: parseAndSpellcheck"); oGCPanelContent.addParagraphResult(result); break; case "parseAndSpellcheck1": console.log("[content script] received: parseAndSpellcheck1"); oGCPanelContent.refreshParagraph(dInfo.sParagraphId, result); break; case "getListOfTokens": console.log("[content script] received: getListOfTokens"); oLxgPanelContent.addListOfTokens(result); break; default: console.log("[Content script] Unknown command: " + sActionDone); } }); xPort.postMessage({ sCommand: "getCurrentTabId", dParam: {}, dInfo: {} }); /*document.body.addEventListener("click", function () { xPort.postMessage({greeting: "they clicked the page!"}); });*/ wrapTextareas(); |
Modified gc_lang/fr/webext/content_scripts/gc_content.css from [809b952985] to [d24d4af48c].
︙ | ︙ | |||
77 78 79 80 81 82 83 84 85 86 87 88 89 | /* Action buttons */ .grammalecte_actions { margin: 0 0 5px 10px; } .grammalecte_actions .button { background-color: hsl(0, 0%, 50%); text-align: center; | > > < | 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 | /* Action buttons */ .grammalecte_actions { float: right; margin: 0 0 5px 10px; } .grammalecte_actions .button { display: inline-block; background-color: hsl(0, 0%, 50%); text-align: center; margin-left: 2px; padding: 1px 4px 3px 4px; cursor: pointer; font-size: 14px; color: hsl(0, 0%, 96%); border-radius: 2px; } |
︙ | ︙ |
Modified gc_lang/fr/webext/content_scripts/gc_content.js from [6218bb1d3d] to [66b9da98ef].
1 2 3 4 5 6 7 8 | // JavaScript "use strict"; function onGrammalecteGCPanelClick (xEvent) { try { let xElem = xEvent.target; if (xElem.id) { | | | | | | | > > > > > > > > | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | // JavaScript "use strict"; function onGrammalecteGCPanelClick (xEvent) { try { let xElem = xEvent.target; if (xElem.id) { if (xElem.id.startsWith("grammalecte_sugg")) { oGCPanelContent.applySuggestion(xElem.id); } else if (xElem.id === "grammalecte_tooltip_ignore") { oGCPanelContent.ignoreError(xElem.id); } else if (xElem.id.startsWith("grammalecte_check")) { oGCPanelContent.recheckParagraph(xElem.id.slice(17)); } else if (xElem.id.startsWith("grammalecte_hide")) { document.getElementById(xElem.id).parentNode.parentNode.style.display = "none"; } else if (xElem.tagName === "U" && xElem.id.startsWith("grammalecte_err") && xElem.className !== "corrected" && xElem.className !== "ignored") { oGrammalecteTooltip.show(xElem.id); } else if (xElem.id === "grammalecte_tooltip_url") { oGCPanelContent.openURL(xElem.getAttribute("href")); } else { oGrammalecteTooltip.hide(); } } else if (xElem.tagName === "A") { oGCPanelContent.openURL(xElem.getAttribute("href")); } else { oGrammalecteTooltip.hide(); } } catch (e) { showError(e); } } const oGCPanelContent = { /* KEYS for identifiers: grammalecte_paragraph{Id} : [paragraph number] grammalecte_check{Id} : [paragraph number] grammalecte_hide{Id} : [paragraph number] grammalecte_error{Id} : [paragraph number]-[error_number] grammalecte_sugg{Id} : [paragraph number]-[error_number]--[suggestion_number] */ bInitDone: false, xContentNode: null, xParagraphList: null, aIgnoredErrors: new Set(), |
︙ | ︙ | |||
57 58 59 60 61 62 63 | clear: function () { while (this.xParagraphList.firstChild) { this.xParagraphList.removeChild(this.xParagraphList.firstChild); } this.aIgnoredErrors.clear(); }, | < < < < < < < | < < | | > > > > > > > > > > > > > | | | | 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 | clear: function () { while (this.xParagraphList.firstChild) { this.xParagraphList.removeChild(this.xParagraphList.firstChild); } this.aIgnoredErrors.clear(); }, addParagraphResult: function (oResult) { try { if (oResult) { let xNodeDiv = createNode("div", {className: "grammalecte_paragraph_block"}); // actions let xActionsBar = createNode("div", {className: "grammalecte_actions"}); xActionsBar.appendChild(createNode("div", {id: "grammalecte_check" + oResult.sParaNum, className: "button green", textContent: "Réanalyser"})); xActionsBar.appendChild(createNode("div", {id: "grammalecte_hide" + oResult.sParaNum, className: "button red bold", textContent: "×"})); // paragraph let xParagraph = createNode("p", {id: "grammalecte_paragraph"+oResult.sParaNum, lang: "fr", contentEditable: "true"}); xParagraph.setAttribute("spellcheck", "false"); // doesn’t seem possible to use “spellcheck” as a common attribute. xParagraph.className = (oResult.aGrammErr.length || oResult.aSpellErr.length) ? "grammalecte_paragraph softred" : "grammalecte_paragraph"; this._tagParagraph(xParagraph, oResult.sParagraph, oResult.sParaNum, oResult.aGrammErr, oResult.aSpellErr); // creation xNodeDiv.appendChild(xActionsBar); xNodeDiv.appendChild(xParagraph); this.xParagraphList.appendChild(xNodeDiv); } } catch (e) { showError(e); } }, recheckParagraph: function (sParagraphNum) { //startWaitIcon(); let sParagraphId = "grammalecte_paragraph" + sParagraphNum; let xParagraph = document.getElementById(sParagraphId); xPort.postMessage({ sCommand: "parseAndSpellcheck1", dParam: {sText: this.getPurgedTextOfParagraph(xParagraph.textContent), sCountry: "FR", bDebug: false, bContext: false}, dInfo: {sParagraphId: sParagraphId} }); //stopWaitIcon(); }, refreshParagraph: function (sParagraphId, oResult) { try { let xParagraph = document.getElementById(sParagraphId); xParagraph.className = (oResult.aGrammErr.length || oResult.aSpellErr.length) ? "grammalecte_paragraph softred" : "grammalecte_paragraph"; xParagraph.textContent = ""; this._tagParagraph(xParagraph, oResult.sParagraph, sParagraphId.slice(21), oResult.aGrammErr, oResult.aSpellErr); } catch (e) { showError(e); } }, _tagParagraph: function (xParagraph, sParagraph, sParaNum, aSpellErr, aGrammErr) { |
︙ | ︙ | |||
121 122 123 124 125 126 127 | }); let nErr = 0; // we count errors to give them an identifier let nEndLastErr = 0; for (let oErr of aGrammErr) { let nStart = oErr["nStart"]; let nEnd = oErr["nEnd"]; if (nStart >= nEndLastErr) { | | | | | > | | > | | < > | > | < > > > > | | < < < < < < | 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 | }); let nErr = 0; // we count errors to give them an identifier let nEndLastErr = 0; for (let oErr of aGrammErr) { let nStart = oErr["nStart"]; let nEnd = oErr["nEnd"]; if (nStart >= nEndLastErr) { oErr['sErrorId'] = sParaNum + "-" + nErr.toString(); // error identifier oErr['sIgnoredKey'] = sParaNum + ":" + nStart.toString() + ":" + sParagraph.slice(nStart, nEnd); if (nEndLastErr < nStart) { xParagraph.appendChild(document.createTextNode(sParagraph.slice(nEndLastErr, nStart))); } xParagraph.appendChild(this._createError(sParagraph.slice(nStart, nEnd), oErr)); xParagraph.insertAdjacentHTML("beforeend", "<!-- err_end -->"); nEndLastErr = nEnd; } nErr += 1; } if (nEndLastErr <= sParagraph.length) { xParagraph.appendChild(document.createTextNode(sParagraph.slice(nEndLastErr))); } } catch (e) { showError(e); } }, _createError: function (sUnderlined, oErr) { let xNodeErr = document.createElement("u"); xNodeErr.id = "grammalecte_err" + oErr['sErrorId']; xNodeErr.textContent = sUnderlined; xNodeErr.dataset.error_id = oErr['sErrorId']; xNodeErr.dataset.ignored_key = oErr['sIgnoredKey']; xNodeErr.dataset.error_type = (oErr['sType'] === "WORD") ? "spelling" : "grammar"; if (xNodeErr.dataset.error_type === "grammar") { xNodeErr.dataset.gc_message = oErr['sMessage']; xNodeErr.dataset.gc_url = oErr['URL']; if (xNodeErr.dataset.gc_message.includes(" #")) { xNodeErr.dataset.line_id = oErr['sLineId']; xNodeErr.dataset.rule_id = oErr['sRuleId']; } xNodeErr.dataset.suggestions = oErr["aSuggestions"].join("|"); } xNodeErr.className = (this.aIgnoredErrors.has(xNodeErr.dataset.ignored_key)) ? "ignored" : "error " + oErr['sType']; return xNodeErr; }, applySuggestion: function (sNodeSuggId) { // sugg try { console.log(sNodeSuggId); let sErrorId = document.getElementById(sNodeSuggId).dataset.error_id; //let sParaNum = sErrorId.slice(0, sErrorId.indexOf("-")); console.log("grammalecte_err"+sErrorId); let xNodeErr = document.getElementById("grammalecte_err" + sErrorId); xNodeErr.textContent = document.getElementById(sNodeSuggId).textContent; xNodeErr.className = "corrected"; xNodeErr.removeAttribute("style"); oGrammalecteTooltip.hide(); } catch (e) { showError(e); } }, ignoreError: function (sIgnoreButtonId) { // ignore try { console.log(sIgnoreButtonId); let sErrorId = document.getElementById(sIgnoreButtonId).dataset.error_id; console.log("grammalecte_err"+sErrorId); let xNodeErr = document.getElementById("grammalecte_err" + sErrorId); this.aIgnoredErrors.add(xNodeErr.dataset.ignored_key); xNodeErr.className = "ignored"; oGrammalecteTooltip.hide(); } catch (e) { showError(e); } }, getPurgedTextOfParagraph: function (sText) { return sText.replace(/ /g, " ").replace(/</g, "<").replace(/>/g, ">").replace(/&/g, "&"); }, addSummary: function () { // todo }, addMessage: function (sMessage) { let xNode = createNode("div", {className: "grammalecte_gc_panel_message", textContent: sMessage}); this.xParagraphList.appendChild(xNode); }, copyToClipboard: function () { startWaitIcon(); try { let xClipboardButton = document.getElementById("grammalecte_clipboard_button"); xClipboardButton.textContent = "copie en cours…"; let sText = ""; for (let xNode of document.getElementById("grammalecte_paragraph_list").getElementsByClassName("grammalecte_paragraph")) { sText += xNode.textContent + "\n"; } self.port.emit('copyToClipboard', sText); xClipboardButton.textContent = "-> presse-papiers"; window.setTimeout(function() { xClipboardButton.textContent = "∑"; } , 3000); } catch (e) { console.log(e.lineNumber + ": " +e.message); } stopWaitIcon(); } } const oGrammalecteTooltip = { xTooltip: null, xTooltipArrow: createNode("img", { id: "grammalecte_tooltip_arrow", |
︙ | ︙ | |||
322 323 324 325 326 327 328 | hide () { this.xTooltipArrow.style.display = "none"; this.xTooltip.style.display = "none"; }, _createSuggestion: function (sErrId, iSugg, sSugg) { let xNodeSugg = document.createElement("a"); | | | 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 | hide () { this.xTooltipArrow.style.display = "none"; this.xTooltip.style.display = "none"; }, _createSuggestion: function (sErrId, iSugg, sSugg) { let xNodeSugg = document.createElement("a"); xNodeSugg.id = "grammalecte_sugg" + sErrId + "--" + iSugg.toString(); xNodeSugg.className = "sugg"; xNodeSugg.dataset.error_id = sErrId; xNodeSugg.textContent = sSugg; return xNodeSugg; }, setSpellSuggestionsFor: function (sWord, sSuggestions, sErrId) { |
︙ | ︙ |
Modified gc_lang/fr/webext/gce_worker.js from [faebfd8747] to [cda351c05e].
︙ | ︙ | |||
93 94 95 96 97 98 99 100 101 102 103 104 105 106 | break; case "parse": parse(dParam.sText, dParam.sCountry, dParam.bDebug, dParam.bContext, dInfo); break; case "parseAndSpellcheck": parseAndSpellcheck(dParam.sText, dParam.sCountry, dParam.bDebug, dParam.bContext, dInfo); break; case "getOptions": getOptions(dInfo); break; case "getDefaultOptions": getDefaultOptions(dInfo); break; case "setOptions": | > > | 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 | break; case "parse": parse(dParam.sText, dParam.sCountry, dParam.bDebug, dParam.bContext, dInfo); break; case "parseAndSpellcheck": parseAndSpellcheck(dParam.sText, dParam.sCountry, dParam.bDebug, dParam.bContext, dInfo); break; case "parseAndSpellcheck1": parseAndSpellcheck1(dParam.sText, dParam.sCountry, dParam.bDebug, dParam.bContext, dInfo); case "getOptions": getOptions(dInfo); break; case "getDefaultOptions": getDefaultOptions(dInfo); break; case "setOptions": |
︙ | ︙ | |||
191 192 193 194 195 196 197 198 199 200 201 202 203 204 | let aGrammErr = gc_engine.parse(sParagraph, sCountry, bDebug, bContext); let aSpellErr = oTokenizer.getSpellingErrors(sParagraph, oDict); n += 1; postMessage(createResponse("parseAndSpellcheck", {sParagraph: sParagraph, sParaNum: n.toString(), aGrammErr: aGrammErr, aSpellErr: aSpellErr}, dInfo, false)); } postMessage(createResponse("parseAndSpellcheck", null, dInfo, true)); } function getOptions (dInfo={}) { postMessage(createResponse("getOptions", gc_engine.getOptions().gl_toString(), dInfo, true)); } function getDefaultOptions (dInfo={}) { postMessage(createResponse("getDefaultOptions", gc_engine.getDefaultOptions().gl_toString(), dInfo, true)); | > > > > > > | 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 | let aGrammErr = gc_engine.parse(sParagraph, sCountry, bDebug, bContext); let aSpellErr = oTokenizer.getSpellingErrors(sParagraph, oDict); n += 1; postMessage(createResponse("parseAndSpellcheck", {sParagraph: sParagraph, sParaNum: n.toString(), aGrammErr: aGrammErr, aSpellErr: aSpellErr}, dInfo, false)); } postMessage(createResponse("parseAndSpellcheck", null, dInfo, true)); } function parseAndSpellcheck1 (sParagraph, sCountry, bDebug, bContext, dInfo={}) { let aGrammErr = gc_engine.parse(sParagraph, sCountry, bDebug, bContext); let aSpellErr = oTokenizer.getSpellingErrors(sParagraph, oDict); postMessage(createResponse("parseAndSpellcheck1", {sParagraph: sParagraph, aGrammErr: aGrammErr, aSpellErr: aSpellErr}, dInfo, true)); } function getOptions (dInfo={}) { postMessage(createResponse("getOptions", gc_engine.getOptions().gl_toString(), dInfo, true)); } function getDefaultOptions (dInfo={}) { postMessage(createResponse("getDefaultOptions", gc_engine.getDefaultOptions().gl_toString(), dInfo, true)); |
︙ | ︙ |