[Step 1][ESQL] Syntax part

[alexwizp]

Part of: #144296

Summary

First step of [ESQL] Improve the typing experience (#144296). This PR is the skeleton for later parts, but already supports basic parsing scenarios.

What was done:

• Added new ESQL language in @kbn/monaco package. Parsing was done using the antl syntax;
• kbnUiSharedDeps-srcJs bundle has been optimised, all workers have been moved into separate chunks. This gave almost minus 2 MB 🕺
• existing esql lang was renamed to sql. In order not to confuse anyone in the future
• some code from painless folder was moved to common and reused in ESQL (probably needs some refactoring in future)

Next steps:

• improving ANLT syntax to cover all cases
• implementing Autocomplete feature

How to use new ESQL Lang:

To use new language 2 properties should be set for CodeEditor component

import { ESQL_LANG_ID, ESQL_THEME_ID  } from '@kbn/monaco';
import { CodeEditor  } from '@kbn/kibana-react-plugin/public';

 <CodeEditor
      ...
      languageId={ESQL_LANG_ID}
      options={{
        ...
        theme: ESQL_THEME_ID,
      }}
 />

Currently syntax highlighting looks like:

Will be updated in Step 2

[alexwizp]

@elasticmachine merge upstream

[stratoula]

-2MB ??? 😍

[dej611]

Can this be the source of the 2MB drop?

[alexwizp]

No, please review https://github.com/elastic/kibana/pull/146379/files#diff-37720dcf8abc68d5211a94d91df2c70969073de66f75f1a2bcd7fa8a54c9f8bb . I've moved all workers into separate chunks. It's a reason

[stratoula]

Visualizations team changes LGTM

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: a53069a

Metrics [docs]

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id	before	after	diff
@kbn/monaco	55	60	+5

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
canvas	1.0MB	1.0MB	-1.0B
kibanaReact	208.1KB	208.2KB	+53.0B
unifiedSearch	216.2KB	216.2KB	-1.0B
total			+51.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id	before	after	diff
kbnUiSharedDeps-srcJs	4.1MB	2.2MB	-1.9MB

Unknown metric groups

API count

id	before	after	diff
@kbn/monaco	55	60	+5

ESLint disabled in files

id	before	after	diff
@kbn/monaco	4	5	+1
osquery	1	2	+1
total			+2

ESLint disabled line counts

id	before	after	diff
enterpriseSearch	19	21	+2
fleet	59	65	+6
osquery	109	115	+6
securitySolution	443	449	+6
total			+20

Total ESLint disabled count

id	before	after	diff
@kbn/monaco	7	8	+1
enterpriseSearch	20	22	+2
fleet	68	74	+6
osquery	110	117	+7
securitySolution	520	526	+6
total			+22

History

• 💚 Build #92688 succeeded 680067b
• 💛 Build #92620 was flaky 0a7a3e9
• 💚 Build #92559 succeeded 8905e13
• 💛 Build #92315 was flaky 57408f3
• 💚 Build #92144 succeeded 7e55db2b26600419c6409f0de31025b9c4448029
• 💔 Build #92109 failed 34c5ce62d250824f6f40609d8f381a5ff8398958

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @alexwizp

[ThomThomson]

This PR unfortunately currently breaks Canvas. To reproduce.

• Go to canvas
• Add an element like a Data Table (not an embeddable)
• Click on the element and move to the data tab
• Click Elasticsearch Sql.

Canvas shows a blank screen, and the console shows these errors:

Likely the editor for the data source needs to be re-instated.

We should create functional tests which cover this use case so this doesn't happen again. I have opened an issue to track our functional test additions.

[alexwizp]

@ThomThomson could you please try again with bootstrapping kibana. It's important cause @kbn/monaco package was changed. From the code perspective I don't see any issues with canvas code

Screen:

Screen.Recording.2022-12-06.at.11.48.09.mov

[stratoula]

@ThomThomson I can't reproduce it either, I think that Aliaksei is right and you should bootstrap first!

[ThomThomson]

Sorry for the noise folks, re-reviewed today (properly bootstrapped), and the ESql section of Canvas works as expected! LGTM!

[alexwizp]

@elastic/kibana-global-experience please have a look

[vadimkibana]

Code changes LGTM.

[spalger]

Woot!