nightflash / WebEditorForQueryLanguage

Web editor for YouTrack query language on frontend.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build Status

Web editor for YouTrack query grammar on frontend.

Parser for YouTrack grammar

Stack

  • ES-2015
  • Node.js (^10.15)
  • Webpack
  • Jest
  • Travis

Getting start

  1. To start server use npm
    npm start
    
  2. Then open in your browser (it has support Chrome and Firefox last 2 versions)
    localhost:8080
    

GitHub page

Click here to open GitHub page with UI

Example of parsing

Parser

Parser has full support of grammar.

Highlighter

Highlighter

  1. Orange is a text
  2. Black is a key
  3. Blue is a value

How it looks in DOM:

DOM Highlighter

Hot Keys

  • ⌃+z - undo
  • ⌃+⇧+z - redo
  • ⌥+↑ - select node

Select node

Select node

Undo/Redo

Undo/redo

About

Web editor for YouTrack query language on frontend.


Languages

Language:JavaScript 97.6%Language:HTML 2.4%