perf: code splitting on the log-viewer @apexdevtools/apex-parser

Uses code splitting to speed up perf by reducing the
time needed to initialially load and parse js (by having less).
The Dynamic imports will be loaded later.

log-viewer/modules/components/SOQLLinterIssues.ts

@@ -45,12 +45,12 @@ export class SOQLLinterIssues extends LitElement {
     `,
   ];
 
-  updated(changedProperties: PropertyValues): void {
+  async updated(changedProperties: PropertyValues): Promise<void> {
     if (changedProperties.has('soql')) {
       const stack = DatabaseAccess.instance()?.getStack(this.timestamp).reverse() || [];
       const soqlLine = stack[0] as SOQLExecuteBeginLine;
       this.issues = this.getIssuesFromSOQLLine(soqlLine);
-      this.issues = this.issues.concat(new SOQLLinter().lint(this.soql, stack));
+      this.issues = this.issues.concat(await new SOQLLinter().lint(this.soql, stack));
       this.issues.sort((a, b) => {
         return SEVERITY_TYPES.indexOf(a.severity) - SEVERITY_TYPES.indexOf(b.severity);
       });

log-viewer/modules/soql/SOQLLinter.ts

@@ -6,10 +6,10 @@ import { SOQLParser, SOQLTree } from './SOQLParser.js';
 
 //todo : need a general concept of stack (to pull out linter)
 export class SOQLLinter {
-  lint(soql: string, stack?: Stack): SOQLLinterRule[] {
+  async lint(soql: string, stack?: Stack): Promise<SOQLLinterRule[]> {
     const results: SOQLLinterRule[] = [];
 
-    const tree = new SOQLParser().parse(soql);
+    const tree = await new SOQLParser().parse(soql);
     const rules = [
       new UnboundedSOQLRule(),
       new LeadingPercentWildcardRule(),

log-viewer/modules/soql/SOQLParser.ts

@@ -1,19 +1,12 @@
 /*
  * Copyright (c) 2022 Certinia Inc. All rights reserved.
  */
+import { type QueryContext } from '@apexdevtools/apex-parser';
 import {
-  ApexLexer,
-  ApexParser,
-  CaseInsensitiveInputStream,
-  QueryContext,
-} from '@apexdevtools/apex-parser';
-import {
-  CharStreams,
-  CommonTokenStream,
-  RecognitionException,
-  Recognizer,
-  Token,
   type ANTLRErrorListener,
+  type RecognitionException,
+  type Recognizer,
+  type Token,
 } from 'antlr4ts';
 
 // To understand the parser AST see https://github.com/nawforce/apex-parser/blob/master/antlr/ApexParser.g4
@@ -77,7 +70,16 @@ export class SOQLTree {
 }
 
 export class SOQLParser {
-  parse(query: string): SOQLTree {
+  async parse(query: string): Promise<SOQLTree> {
+    // Dynamic import for code splitting. Improves performance by reducing the amount of JS that is loaded and parsed at the start.
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    const { ApexLexer, ApexParser, CaseInsensitiveInputStream } = await import(
+      '@apexdevtools/apex-parser'
+    );
+    // Dynamic import for code splitting. Improves performance by reducing the amount of JS that is loaded and parsed at the start.
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    const { CommonTokenStream, CharStreams } = await import('antlr4ts');
+
     const lexer = new ApexLexer(new CaseInsensitiveInputStream(CharStreams.fromString(query)));
     const tokens = new CommonTokenStream(lexer);
     const parser = new ApexParser(tokens);