feat: cql autocompleter with syntax highlighter

[danielhe4rt]

This Pull Requests aims to add Syntax Highlight for 'CQL' and bring Autocompletion for the Editor based on the Keyspace informations (fields, tables, keyspaces etc).

• Syntax Highlight with CQL
• Keyspace Autocompletion

At the CQL Editor you will find these lines and everything must be around it.

monaco.languages.register({
  id: "cql",
  extensions: [".cql"],
  aliases: ["CQL", "cql"],
  mimetypes: ["text/cql"],
});

monaco.languages.setMonarchTokensProvider("cql", cql_language);
// monaco.languages.registerCompletionItemProvider("cql", {}); // 

Repositories used as reference:

• https://github.com/DTStack/monaco-sql-languages
• https://github.com/brijeshb42/monaco-ace-tokenizer

Warning

There is an "compilation error" poppin so far when you try to add any completion. Most of the other projects currently uses Webpack plugin to handle it. I'm not sure how to solve it in NextJS.

Closes #16

---

Autocompletion and Syntax Highlighting Enhancements:

• src/app/(main)/query-runner/_components/cql-autocompleter.ts: Implemented a comprehensive autocompletion feature for CQL keywords, functions, data types, and operators using the monaco-editor library.
• src/app/(main)/query-runner/_components/cql-editor.tsx: Integrated the CQL autocompletion provider and registered the CQL language with the Monaco editor. Updated the editor configuration to use CQL instead of SQL. [1] [2] [3] [4] [5]
• src/app/(main)/query-runner/_components/cql-language.ts: Defined the CQL language configuration and tokenizer for syntax highlighting in the Monaco editor.

Minor Adjustments:

• src/app/(main)/query-runner/_components/utils.tsx: Minor formatting adjustment to improve code readability.

[gvieira18]

Hey @danielhe4rt, I've updated the autocomplete function generator and now it seems to work for CQL syntax, but still needs to make the keyspaces autocomplete.

[Grazinascito]

pq não move essas constantes para um arquivo separado para facilitar a leitura?

[danielhe4rt]

Yo soy burrito mi cabeça no hablas frontend

[gvieira18]

At some point, the file cql-autocompleter.ts was created to be this abstraction.

I think we can keep these constants in the same file for now, since we don't know how far the scope of the implementation will grow.

See #48