# dt-sql-parser [![NPM version][npm-image]][npm-url] [![NPM downloads][download-img]][download-url] [![Chat][online-chat-img]][online-chat-url] [npm-image]: https://img.shields.io/npm/v/dt-sql-parser.svg?style=flat-square [npm-url]: https://www.npmjs.com/package/dt-sql-parser [download-img]: https://img.shields.io/npm/dm/dt-sql-parser.svg?style=flat [download-url]: https://www.npmjs.com/package/dt-sql-parser [online-chat-img]: https://img.shields.io/discord/920616811261743104?logo=Molecule [online-chat-url]: https://discord.gg/uVvq6mfPfa English | [简体中文](./README-zh_CN.md) dt-sql-parser is a **SQL Parser** project built with [ANTLR4](https://github.com/antlr/antlr4), and it's mainly for the **BigData** field. The [ANTLR4](https://github.com/antlr/antlr4) generated the basic Parser, Visitor, and Listener, so it's easy to complete the **syntax validation**, **tokenizer**, **traverse** the AST, and so on features. Additionally, it provides auxiliary functions such as **SQL splitting** and **code completion**. **Supported SQL**: - MySQL - Flink SQL - Spark SQL - Hive SQL - PostgreSQL - Trino SQL - Impala SQL **Supported auxiliary methods** | SQL Type | SQL Spliting | Code Completion | | ----------- | ------------ | --------------- | | MySQL | ✅ | ✅ | | Flink SQL | ✅ | ✅ | | Spark SQL | ✅ | ✅ | | Hive SQL | ✅ | ✅ | | PostgreSQL | ✅ | ✅ | | Trino SQL | ✅ | ✅ | | Impala SQL | ✅ | ✅ | >Tips: This project is the default for Javascript language, also you can try to compile it to other languages if you need.
## Integrating SQL Parser with Monaco Editor We have provided [monaco-sql-languages](https://github.com/DTStack/monaco-sql-languages), it is easily to integrate with `monaco-editor`. >Tips: If you want to run `dt-sql-parser` in browser, don't forget to install the `assert` and `util` polyfills, and define the global variable `process.env`. None of this is needed in the node environment, because node has them built-in.
## Installation ```bash # use npm npm i dt-sql-parser --save # use yarn yarn add dt-sql-parser ```
## Usage We recommend learning the Fundamentals usage before continuing. The dt-sql-parser library provides SQL Parser classes for different types of SQL. ```javascript import { MySQL, FlinkSQL, SparkSQL, HiveSQL, PostgresSQL, TrinoSQL, ImpalaSQL } from 'dt-sql-parser'; ``` Before using syntax validation, code completion, and other features, it is necessary to instantiate the Parser of the relevant SQL type. For instance, one can consider using `MySQL` as an example: ```javascript const parser = new MySQL(); ``` The following usage examples will utilize the `MySQL`, and the Parser for other SQL types will be used in a similar manner as `MySQL`. ### Syntax Validation ```javascript import { MySQL } from 'dt-sql-parser'; const parser = new MySQL(); const correctSql = 'select id,name from user1;'; const errors = parser.validate(correctSql); console.log(errors); ``` *output:* ```javascript /* [] */ ``` **Validate failed:** ```javascript const incorrectSql = 'selec id,name from user1;' const errors = parser.validate(incorrectSql); console.log(errors); ``` *output:* ```javascript /* [ { endCol: 5, endLine: 1, startCol: 0, startLine: 1, message: "mismatched input 'SELEC' expecting {, 'ALTER', 'ANALYZE', 'CALL', 'CHANGE', 'CHECK', 'CREATE', 'DELETE', 'DESC', 'DESCRIBE', 'DROP', 'EXPLAIN', 'GET', 'GRANT', 'INSERT', 'KILL', 'LOAD', 'LOCK', 'OPTIMIZE', 'PURGE', 'RELEASE', 'RENAME', 'REPLACE', 'RESIGNAL', 'REVOKE', 'SELECT', 'SET', 'SHOW', 'SIGNAL', 'UNLOCK', 'UPDATE', 'USE', 'BEGIN', 'BINLOG', 'CACHE', 'CHECKSUM', 'COMMIT', 'DEALLOCATE', 'DO', 'FLUSH', 'HANDLER', 'HELP', 'INSTALL', 'PREPARE', 'REPAIR', 'RESET', 'ROLLBACK', 'SAVEPOINT', 'START', 'STOP', 'TRUNCATE', 'UNINSTALL', 'XA', 'EXECUTE', 'SHUTDOWN', '--', '(', ';'}" } ] */ ``` We instanced a Parser object, and use the **validate** method to check the SQL syntax, if failed returns an array object includes **error** message. ### Tokenizer Get all **tokens** by the Parser: ```javascript import { MySQL } from 'dt-sql-parser'; const parser = new MySQL() const sql = 'select id,name,sex from user1;' const tokens = parser.getAllTokens(sql) console.log(tokens) ``` *output:* ```javascript /* [ { channel: 0 column: 0 line: 1 source: [SqlLexer, InputStream] start: 0 stop: 5 tokenIndex: -1 type: 137 _text: null }, ... ] */ ``` ### Visitor Traverse the tree node by the Visitor: ```typescript import { MySQL, AbstractParseTreeVisitor } from 'dt-sql-parser'; import type { MySqlParserVisitor } from 'dt-sql-parser'; const parser = new MySQL(); const sql = `select id,name from user1;`; const tree = parser.parse(sql); type Result = string; class MyVisitor extends AbstractParseTreeVisitor implements MySqlParserVisitor { protected defaultResult() { return ''; } visitTableName(ctx) { let tableName = ctx.text.toLowerCase(); console.log('TableName:', tableName); return ''; } visitSelectElements(ctx) { let selectElements = ctx.text.toLowerCase(); console.log('SelectElements:', selectElements); return ''; } visitProgram(ctx) { // program is root rule this.visitChildren(ctx); return 'Return by program context' } } const visitor = new MyVisitor(); const result = visitor.visit(tree); console.log(result); ``` *output:* ```javascript /* SelectElements: id,name TableName: user1 */ /* Return by program node */ ``` > Tips: The node's method name can be found in the Visitor file under the corresponding SQL directory ### Listener Access the specified node in the AST by the Listener ```typescript import { MySQL } from 'dt-sql-parser'; import type { MySqlParserListener } from 'dt-sql-parser'; const parser = new MySQL(); const sql = 'select id,name from user1;'; const parseTree = parser.parse(sql); class MyListener implements MySqlParserListener { enterTableName(ctx) { let tableName = ctx.text.toLowerCase(); console.log('TableName:', tableName); } enterSelectElements(ctx) { let selectElements = ctx.text.toLowerCase(); console.log('SelectElements:', selectElements); } } const listenTableName = new MyListener(); parser.listen(listenTableName as MySqlParserListener, parseTree); ``` *output:* ```javascript /* SelectElements: id,name TableName: user1 */ ``` > Tips: The node's method name can be found in the Listener file under the corresponding SQL directory ### Splitting SQL statements Take `FlinkSQL` as an example: ```javascript import { FlinkSQL } from 'dt-sql-parser'; const parser = new FlinkSQL(); const sql = 'SHOW TABLES;\nSELECT * FROM tb;'; const sqlSlices = parser.splitSQLByStatement(sql); console.log(sqlSlices) ``` *output:* ```javascript /* [ { startIndex: 0, endIndex: 11, startLine: 1, endLine: 1, startColumn: 1, endColumn: 12, text: 'SHOW TABLES;' }, { startIndex: 13, endIndex: 29, startLine: 2, endLine: 2, startColumn: 1, endColumn: 17, text: 'SELECT * FROM tb;' } ] */ ``` ### Code Completion Obtaining code completion information at a specified position in SQL. We can refer to the example of using `FlinkSQL`. Invoke the `getSuggestionAtCaretPosition` method, pass the SQL content and the row and column numbers indicating the position where code completion is desired. The following are some additional explanations about [CaretPosition](#caretposition-of-code-completion). + **keyword candidates list** ```javascript import { FlinkSQL } from 'dt-sql-parser'; const parser = new FlinkSQL(); const sql = 'CREATE '; const pos = { lineNumber: 1, column: 16 }; // the end position const keywords = parser.getSuggestionAtCaretPosition(sql, pos)?.keywords; console.log(keywords); ``` *output:* ```javascript /* [ 'CATALOG', 'FUNCTION', 'TEMPORARY', 'VIEW', 'DATABASE', 'TABLE' ] */ ``` + **Obtaining information related to grammar completion** ```javascript const parser = new FlinkSQL(); const sql = 'SELECT * FROM tb'; const pos = { lineNumber: 1, column: 16 }; // after 'tb' const syntaxSuggestions = parser.getSuggestionAtCaretPosition(sql, pos)?.syntax; console.log(syntaxSuggestions); ``` *output:* ```javascript /* [ { syntaxContextType: 'table', wordRanges: [ { text: 'tb', startIndex: 14, stopIndex: 15, line: 1, startColumn: 15, stopColumn: 16 } ] }, { syntaxContextType: 'view', wordRanges: [ { text: 'tb', startIndex: 14, stopIndex: 15, line: 1, startColumn: 15, stopColumn: 16 } ] } ] */ ``` The grammar-related code completion information returns an array, where each item represents what grammar can be filled in at that position. For example, the output in the above example represents that the position can be filled with either a **table name** or **a view name**. In this case, `syntaxContextType` represents the type of grammar that can be completed, and `wordRanges` represents the content that has already been filled. ### Other API - `createLexer` Create an instance of Antlr4 Lexer and return it; - `createParser` Create an instance of Antlr4 parser and return it; - `parse` Parses the input SQL and returns the parse tree;
## Position and Range Some return results of the APIs provided by `dt-sql-parser` contain text information, among which the range and start value of line number, column number and index may cause some confusion. ### Index The index starts at 0. In the programming field, it is more intuitive. ![index-image](./docs/images/index.png) For an index range, the start index starts from 0 and ends with n-1, as shown in the figure above, an index range of blue text should be represented as follows: ```javascript { startIndex: 0, endIndex: 3 } ``` ### Line The line starts at 1. ![line-image](./docs/images/line.png) For a range of multiple lines, the line number starts from 1 and ends with n. A range of the first and second lines is represented as follows: ```javascript { startLine: 1, endLine: 2 } ``` ### Column The column also starts at 1. ![column-image](./docs/images/column.png) It is easier to understand by comparing the column number with the cursor position of the editor. For a range of multiple columns, the column number starts from 1 and ends with n+1, as shown in the figure above, a range of blue text columns is represented as follows: ```javascript { startColumn: 1, endColumn: 5 } ``` ### CaretPosition Of Code Completion The code completion of `dt-sql-parser` was designed to be used in the editor, so the format of the second parameter (CaretPosition) of the `getSuggestionAtCaretPosition` method is line and column number instead of character position index. This makes it easier to integrate the code completion into the editor. For the editor, it only needs to get the text content and cursor position in the editor at a specific time to call the code completion of `dt-sql-parser`, without any additional calculation. But in some other scenarios, you may need to get the caret position required by the code completion through conversion or calculation. Then, there are some precautions that you may need to care about before that. The code completion of `dt-sql-parser` depends on [antlr4-c3](https://github.com/mike-lischke/antlr4-c3), which is a great library. The code completion of `dt-sql-parser` is just encapsulated and converted based on antlr4-c3, including converting the line and column number information into the token index required by antlr4-c3, as shown in the figure below: ![column-image](./docs/images/token.png) Regard the column in the figure as the cursor position, and put this text into the editor, you will get 13 possible cursor positions, while for dt-sql-parser, this text will generate 4 Tokens after being parsed. An important strategy of the code completion is: **When the cursor (CaretPosition) has not completely left a Token, dt-sql-parser thinks that this Token has not been completed, and the code completion will infer what can be filled in the position of this Token.** For example, if you want to know what to fill in after `SHOW` through the code completion, the caret position should be: ```javascript { lineNumber: 1, column: 6 } ``` At this time, dt-sql-parser will think that `SHOW` is already a complete Token, and it should infer what can be filled in after `SHOW`. If the column in the passed-in caret position is 5, then dt-sql-parser will think that `SHOW` has not been completed, and then infer what can be filled in the position of `SHOW`. In other words, in the figure above, `column: 5` belongs to `token: 0`, and `column: 6` belongs to `token: 1`. For the editor, this strategy is also more intuitive. After the user enters `SHOW`, before pressing the space key, the user probably has not finished entering, maybe the user wants to enter something like `SHOWS`. When the user presses the space key, the editor thinks that the user wants to enter the next Token, and it is time to ask dt-sql-parser what can be filled in the next Token position.
## License [MIT](./LICENSE)