Es posible que ya esté utilizando Grazie , un complemento para el entorno de desarrollo de Intellij IDEA que verifica los lenguajes naturales en busca de gramática, puntuación y otros tipos de errores. El equipo del proyecto está trabajando actualmente en un complemento para Chrome que hará lo mismo, pero en el navegador. Con algunas de las tareas son asistidos por pasantes - estudiantes de programas especializados de diferentes universidades. Por ejemplo, Olga Shimanskaya es una estudiante de tercer año en Programación Moderna en la Universidad Estatal de San Petersburgo y en la práctica está codificando para el complemento de Chrome Grazie. Durante el semestre de primavera, Olya implementó el análisis de los lenguajes de marcado (LaTeX y Markdown) en texto plano y trató de abordar la tarea de resaltar la sintaxis del idioma seleccionado en el navegador. Lea lo que hizo y lo que no, lea debajo del corte.
Unas palabras sobre mi
! , 3- « » . - ( 30 ) . , .. 2018 . , .
: - . Grazie - Google LAMBDA . , Grazie: , , .
Grazie Chrome Plugin
Grazie — Intellij IDEA. , . Grazie Chrome. « ?», — . — « Grammarly ». Grazie , IT-, Grammarly . : Markdown, LaTeX . — , design-, . Grazie Chrome Plugin.
Note: Chrome JetBrains, , .
. , :
.
.
.
TypeScript, Webpack ESlint.
, code review . / .
Markdown. unified. , Markdown , , . npm .
:
remark-parse — 5 . .
AST ( ). .
.
.
LaTeX
: LaTeX, Markdown. LaTeX, Grazie Plugin Overleaf/Papeeria, . , Grammarly, , Overleaf’a.
, Markdown, . LaTeX , LaTeX - . , , - -). . , - ( , , PSPACE-). , -, . , -. , , LaTeX’a , .
Tree-sitter, Markdown. Tree-sitter ( .js) (!) C. LaTeX, : AST , — , (/), , . . , , , .
…
, Tree-sitter C. JavaScript , .wasm , . - : , , (Google CSP eval WASM ).
, :
, . Google - .wasm .
, , / AST / .
.
LaTeX!
.js .g4 ANTLR4. , JS, antlr4ts TypeScript. , 700 , 2 . .
AST. . — , , , , «Some title» \title{Some title} ( : \text, \author, \date).
5 :
:
1. DOM- //.
? , - editor’e CSS background-color. editor’a, <span> . , , . ( , , - , )
textarea input , shadow-root.
, div / .
2. , , .
mix-blend-mode , - . , , , -, , . -, . , , .
, , div . — . — . : , , div’e . , .
, HTML- CSS- . : canvas CSS Paint. C . , canvas , . , . , ...
Markdown LaTeX. , - LaTeX’a , , . , - .