Use react + typescript

[ericvergnaud]

Hey Ter,

I thought I'd step-in before maintaining 'old-style' html/css/js becomes discouraging...

This is a react + typescript version of antlr-lab.
I hope you'll find it easier to fix bugs and introduce new features.
Typescript is obviously much nicer to use than js.

React is quite straightforward once you grasp the concept:

• react creates a virtual DOM from the markup in the jsx files
• it converts the fragments of that virtual DOM that need updating into real DOM nodes
• this is controlled by a component lifecycle, which is the 1 thing you need to look at
  (see for example https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/)

On the backend I made a small change to fix a CORS issue, and also renamed 'static' to 'web' because the react-built web site contains a 'static' folder, which was confusing.

On the front-end, I've tried to reuse your CSS as much as possible. A few exceptions when using bootstrap components. I made the left-hand presentation a splash screen that can be dismissed, saves screen estate.

I've updated the instructions to make it easy to start.

This runs beautifully here: mvn install, create docker image, run docker image, pretty smooth

I hope you like it.

Let me know if you need help

(I hope you're not affected by the google layoffs...)

Cherry on the cake, you can now manually set the divide between left and right panes ;-)

[kaby76]

Can't get it to work.

ken@DESKTOP-DL44R7B:~/react-antlr4-lab$ mvn install
WARNING: An illegal reflective access operation has occurred
WARNING: Illegal reflective access by com.google.inject.internal.cglib.core.$ReflectUtils$1 (file:/usr/share/maven/lib/guice.jar) to method java.lang.ClassLoader.defineClass(java.lang.String,byte[],int,int,java.security.ProtectionDomain)
WARNING: Please consider reporting this to the maintainers of com.google.inject.internal.cglib.core.$ReflectUtils$1
WARNING: Use --illegal-access=warn to enable warnings of further illegal reflective access operations
WARNING: All illegal access operations will be denied in a future release
[INFO] Scanning for projects...
[WARNING] The project org.antlr:antlr4-lab:jar:0.2-SNAPSHOT uses prerequisites which is only intended for maven-plugin projects but not for non maven-plugin projects. For such purposes you should use the maven-enforcer-plugin. See https://maven.apache.org/enforcer/enforcer-rules/requireMavenVersion.html
[INFO]
[INFO] ------------------------< org.antlr:antlr4-lab >------------------------
[INFO] Building ANTLR 4 Server 0.2-SNAPSHOT
[INFO] --------------------------------[ jar ]---------------------------------
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-server/11.0.13/jetty-server-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-server/11.0.13/jetty-server-11.0.13.pom (2.5 kB at 11 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-project/11.0.13/jetty-project-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-project/11.0.13/jetty-project-11.0.13.pom (103 kB at 1.4 MB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/infinispan/infinispan-bom/11.0.16.Final/infinispan-bom-11.0.16.Final.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/infinispan/infinispan-bom/11.0.16.Final/infinispan-bom-11.0.16.Final.pom (18 kB at 835 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/infinispan/infinispan-build-configuration-parent/11.0.16.Final/infinispan-build-configuration-parent-11.0.16.Final.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/infinispan/infinispan-build-configuration-parent/11.0.16.Final/infinispan-build-configuration-parent-11.0.16.Final.pom (16 kB at 971 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/junit/junit-bom/5.9.1/junit-bom-5.9.1.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/junit/junit-bom/5.9.1/junit-bom-5.9.1.pom (5.6 kB at 256 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/testcontainers/testcontainers-bom/1.17.5/testcontainers-bom-1.17.5.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/testcontainers/testcontainers-bom/1.17.5/testcontainers-bom-1.17.5.pom (8.0 kB at 472 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-http/11.0.13/jetty-http-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-http/11.0.13/jetty-http-11.0.13.pom (3.7 kB at 125 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-util/11.0.13/jetty-util-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-util/11.0.13/jetty-util-11.0.13.pom (3.5 kB at 130 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/slf4j/slf4j-api/2.0.5/slf4j-api-2.0.5.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/slf4j/slf4j-api/2.0.5/slf4j-api-2.0.5.pom (1.6 kB at 81 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/slf4j/slf4j-parent/2.0.5/slf4j-parent-2.0.5.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/slf4j/slf4j-parent/2.0.5/slf4j-parent-2.0.5.pom (16 kB at 950 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-io/11.0.13/jetty-io-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-io/11.0.13/jetty-io-11.0.13.pom (1.4 kB at 88 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-webapp/11.0.13/jetty-webapp-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-webapp/11.0.13/jetty-webapp-11.0.13.pom (3.6 kB at 150 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlet/11.0.13/jetty-servlet-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlet/11.0.13/jetty-servlet-11.0.13.pom (2.3 kB at 87 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-security/11.0.13/jetty-security-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-security/11.0.13/jetty-security-11.0.13.pom (2.1 kB at 86 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-xml/11.0.13/jetty-xml-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-xml/11.0.13/jetty-xml-11.0.13.pom (1.9 kB at 73 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlets/11.0.13/jetty-servlets-11.0.13.pom
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlets/11.0.13/jetty-servlets-11.0.13.pom (2.8 kB at 116 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-server/11.0.13/jetty-server-11.0.13.jar
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-io/11.0.13/jetty-io-11.0.13.jar
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-http/11.0.13/jetty-http-11.0.13.jar
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlet/11.0.13/jetty-servlet-11.0.13.jar
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-webapp/11.0.13/jetty-webapp-11.0.13.jar
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-webapp/11.0.13/jetty-webapp-11.0.13.jar (159 kB at 921 kB/s)
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlet/11.0.13/jetty-servlet-11.0.13.jar (166 kB at 955 kB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-security/11.0.13/jetty-security-11.0.13.jar
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-xml/11.0.13/jetty-xml-11.0.13.jar
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-http/11.0.13/jetty-http-11.0.13.jar (249 kB at 1.2 MB/s)
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-io/11.0.13/jetty-io-11.0.13.jar (216 kB at 1.1 MB/s)
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-util/11.0.13/jetty-util-11.0.13.jar
Downloading from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlets/11.0.13/jetty-servlets-11.0.13.jar
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-xml/11.0.13/jetty-xml-11.0.13.jar (72 kB at 316 kB/s)
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-security/11.0.13/jetty-security-11.0.13.jar (121 kB at 514 kB/s)
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-server/11.0.13/jetty-server-11.0.13.jar (796 kB at 2.9 MB/s)
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-servlets/11.0.13/jetty-servlets-11.0.13.jar (101 kB at 372 kB/s)
Downloaded from central: https://repo.maven.apache.org/maven2/org/eclipse/jetty/jetty-util/11.0.13/jetty-util-11.0.13.jar (568 kB at 1.8 MB/s)
[INFO]
[INFO] --- maven-enforcer-plugin:1.2:enforce (enforce-maven) @ antlr4-lab ---
[INFO]
[INFO] --- maven-resources-plugin:2.6:resources (default-resources) @ antlr4-lab ---
[INFO] Using 'UTF-8' encoding to copy filtered resources.
[INFO] Copying 1 resource
[INFO] skip non existing resourceDirectory /home/ken/react-antlr4-lab/web
[INFO]
[INFO] --- maven-compiler-plugin:3.1:compile (default-compile) @ antlr4-lab ---
[INFO] Changes detected - recompiling the module!
[INFO] Compiling 12 source files to /home/ken/react-antlr4-lab/target/classes
[WARNING] /home/ken/react-antlr4-lab/src/org/antlr/v4/server/GrammarProcessor.java: /home/ken/react-antlr4-lab/src/org/antlr/v4/server/GrammarProcessor.java uses or overrides a deprecated API.
[WARNING] /home/ken/react-antlr4-lab/src/org/antlr/v4/server/GrammarProcessor.java: Recompile with -Xlint:deprecation for details.
[INFO]
[INFO] --- maven-resources-plugin:2.6:testResources (default-testResources) @ antlr4-lab ---
[INFO] Using 'UTF-8' encoding to copy filtered resources.
[INFO] Copying 7 resources
[INFO]
[INFO] --- maven-compiler-plugin:3.1:testCompile (default-testCompile) @ antlr4-lab ---
[INFO] No sources to compile
[INFO]
[INFO] --- maven-surefire-plugin:2.12.4:test (default-test) @ antlr4-lab ---
[INFO]
[INFO] --- maven-jar-plugin:2.4:jar (default-jar) @ antlr4-lab ---
[INFO] Building jar: /home/ken/react-antlr4-lab/target/antlr4-lab-0.2-SNAPSHOT.jar
[INFO]
[INFO] >>> maven-source-plugin:3.2.1:jar (default) > generate-sources @ antlr4-lab >>>
[INFO]
[INFO] --- maven-enforcer-plugin:1.2:enforce (enforce-maven) @ antlr4-lab ---
[INFO]
[INFO] <<< maven-source-plugin:3.2.1:jar (default) < generate-sources @ antlr4-lab <<<
[INFO]
[INFO]
[INFO] --- maven-source-plugin:3.2.1:jar (default) @ antlr4-lab ---
[INFO] Building jar: /home/ken/react-antlr4-lab/target/antlr4-lab-0.2-SNAPSHOT-sources.jar
[INFO]
[INFO] --- maven-shade-plugin:3.2.4:shade (default) @ antlr4-lab ---
[INFO] Including com.google.cloud:google-cloud-storage:jar:2.13.1 in the shaded jar.
[INFO] Including com.google.guava:guava:jar:31.1-jre in the shaded jar.
[INFO] Including com.google.guava:failureaccess:jar:1.0.1 in the shaded jar.
[INFO] Including com.google.guava:listenablefuture:jar:9999.0-empty-to-avoid-conflict-with-guava in the shaded jar.
[INFO] Including org.checkerframework:checker-qual:jar:3.25.0 in the shaded jar.
[INFO] Including com.google.j2objc:j2objc-annotations:jar:1.3 in the shaded jar.
[INFO] Including com.google.http-client:google-http-client:jar:1.42.2 in the shaded jar.
[INFO] Including io.opencensus:opencensus-contrib-http-util:jar:0.31.1 in the shaded jar.
[INFO] Including com.google.http-client:google-http-client-jackson2:jar:1.42.2 in the shaded jar.
[INFO] Including com.google.api-client:google-api-client:jar:2.0.0 in the shaded jar.
[INFO] Including com.google.oauth-client:google-oauth-client:jar:1.34.1 in the shaded jar.
[INFO] Including com.google.http-client:google-http-client-gson:jar:1.42.2 in the shaded jar.
[INFO] Including com.google.http-client:google-http-client-apache-v2:jar:1.42.2 in the shaded jar.
[INFO] Including com.google.apis:google-api-services-storage:jar:v1-rev20220705-2.0.0 in the shaded jar.
[INFO] Including com.google.cloud:google-cloud-core:jar:2.8.20 in the shaded jar.
[INFO] Including com.google.auto.value:auto-value-annotations:jar:1.10 in the shaded jar.
[INFO] Including com.google.api.grpc:proto-google-common-protos:jar:2.9.6 in the shaded jar.
[INFO] Including com.google.cloud:google-cloud-core-http:jar:2.8.20 in the shaded jar.
[INFO] Including com.google.http-client:google-http-client-appengine:jar:1.42.2 in the shaded jar.
[INFO] Including com.google.api:gax-httpjson:jar:0.104.2 in the shaded jar.
[INFO] Including com.google.api:gax:jar:2.19.2 in the shaded jar.
[INFO] Including com.google.auth:google-auth-library-credentials:jar:1.11.0 in the shaded jar.
[INFO] Including com.google.auth:google-auth-library-oauth2-http:jar:1.11.0 in the shaded jar.
[INFO] Including com.google.api:api-common:jar:2.2.1 in the shaded jar.
[INFO] Including javax.annotation:javax.annotation-api:jar:1.3.2 in the shaded jar.
[INFO] Including io.opencensus:opencensus-api:jar:0.31.1 in the shaded jar.
[INFO] Including io.grpc:grpc-context:jar:1.49.2 in the shaded jar.
[INFO] Including com.google.api.grpc:proto-google-iam-v1:jar:1.6.2 in the shaded jar.
[INFO] Including com.google.protobuf:protobuf-java:jar:3.21.7 in the shaded jar.
[INFO] Including com.google.protobuf:protobuf-java-util:jar:3.21.7 in the shaded jar.
[INFO] Including org.threeten:threetenbp:jar:1.6.2 in the shaded jar.
[INFO] Including com.fasterxml.jackson.core:jackson-core:jar:2.13.4 in the shaded jar.
[INFO] Including com.google.code.findbugs:jsr305:jar:3.0.2 in the shaded jar.
[INFO] Including org.antlr:antlr4-runtime:jar:4.11.1 in the shaded jar.
[INFO] Including org.antlr:antlr4:jar:4.11.1 in the shaded jar.
[INFO] Including org.abego.treelayout:org.abego.treelayout.core:jar:1.0.3 in the shaded jar.
[INFO] Including org.glassfish:javax.json:jar:1.1.4 in the shaded jar.
[INFO] Including org.antlr:antlr-runtime:jar:3.5.3 in the shaded jar.
[INFO] Including org.antlr:ST4:jar:4.3.4 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-server:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty.toolchain:jetty-jakarta-servlet-api:jar:5.0.2 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-http:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-io:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-webapp:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-servlet:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-security:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-xml:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-servlets:jar:11.0.13 in the shaded jar.
[INFO] Including org.eclipse.jetty:jetty-util:jar:11.0.13 in the shaded jar.
[INFO] Including org.slf4j:slf4j-api:jar:1.7.36 in the shaded jar.
[INFO] Including org.slf4j:slf4j-jdk14:jar:1.8.0-beta4 in the shaded jar.
[INFO] Including ch.qos.logback:logback-core:jar:1.2.11 in the shaded jar.
[INFO] Including ch.qos.logback:logback-classic:jar:1.2.6 in the shaded jar.
[INFO] Including us.parr:parrtlib:jar:0.5-SNAPSHOT in the shaded jar.
[INFO] Including org.apache.commons:commons-exec:jar:1.3 in the shaded jar.
[INFO] Including com.google.code.gson:gson:jar:2.10 in the shaded jar.
[INFO] Excluding com.ibm.icu:icu4j:jar:71.1 from the shaded jar.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] Discovered module-info.class. Shading will break its strong encapsulation.
[WARNING] ST4-4.3.4.jar, antlr-runtime-3.5.3.jar, antlr4-4.11.1.jar, antlr4-lab-0.2-SNAPSHOT.jar, antlr4-runtime-4.11.1.jar, api-common-2.2.1.jar, auto-value-annotations-1.10.jar, checker-qual-3.25.0.jar, commons-exec-1.3.jar, failureaccess-1.0.1.jar, gax-2.19.2.jar, gax-httpjson-0.104.2.jar, google-api-client-2.0.0.jar, google-api-services-storage-v1-rev20220705-2.0.0.jar, google-auth-library-credentials-1.11.0.jar, google-auth-library-oauth2-http-1.11.0.jar, google-cloud-core-2.8.20.jar, google-cloud-core-http-2.8.20.jar, google-cloud-storage-2.13.1.jar, google-http-client-1.42.2.jar, google-http-client-apache-v2-1.42.2.jar, google-http-client-appengine-1.42.2.jar, google-http-client-gson-1.42.2.jar, google-http-client-jackson2-1.42.2.jar, google-oauth-client-1.34.1.jar, grpc-context-1.49.2.jar, gson-2.10.jar, guava-31.1-jre.jar, j2objc-annotations-1.3.jar, jackson-core-2.13.4.jar, javax.annotation-api-1.3.2.jar, javax.json-1.1.4.jar, jetty-http-11.0.13.jar, jetty-io-11.0.13.jar, jetty-jakarta-servlet-api-5.0.2.jar, jetty-security-11.0.13.jar, jetty-server-11.0.13.jar, jetty-servlet-11.0.13.jar, jetty-servlets-11.0.13.jar, jetty-util-11.0.13.jar, jetty-webapp-11.0.13.jar, jetty-xml-11.0.13.jar, jsr305-3.0.2.jar, listenablefuture-9999.0-empty-to-avoid-conflict-with-guava.jar, logback-classic-1.2.6.jar, logback-core-1.2.11.jar, opencensus-api-0.31.1.jar, opencensus-contrib-http-util-0.31.1.jar, org.abego.treelayout.core-1.0.3.jar, parrtlib-0.5-SNAPSHOT.jar, proto-google-common-protos-2.9.6.jar, proto-google-iam-v1-1.6.2.jar, protobuf-java-3.21.7.jar, protobuf-java-util-3.21.7.jar, slf4j-api-1.7.36.jar, slf4j-jdk14-1.8.0-beta4.jar, threetenbp-1.6.2.jar define 1 overlapping resource:
[WARNING]   - META-INF/MANIFEST.MF
[WARNING] checker-qual-3.25.0.jar, commons-exec-1.3.jar, javax.annotation-api-1.3.2.jar, threetenbp-1.6.2.jar define 1 overlapping resource:
[WARNING]   - META-INF/LICENSE.txt
[WARNING] jackson-core-2.13.4.jar, jetty-http-11.0.13.jar, jetty-io-11.0.13.jar, jetty-security-11.0.13.jar, jetty-server-11.0.13.jar, jetty-servlet-11.0.13.jar, jetty-servlets-11.0.13.jar, jetty-util-11.0.13.jar, jetty-webapp-11.0.13.jar, jetty-xml-11.0.13.jar define 1 overlapping resource:
[WARNING]   - META-INF/LICENSE
[WARNING] gson-2.10.jar, jackson-core-2.13.4.jar, slf4j-jdk14-1.8.0-beta4.jar define 1 overlapping classes:
[WARNING]   - META-INF.versions.9.module-info
[WARNING] commons-exec-1.3.jar, jetty-http-11.0.13.jar, jetty-io-11.0.13.jar, jetty-security-11.0.13.jar, jetty-server-11.0.13.jar, jetty-servlet-11.0.13.jar, jetty-servlets-11.0.13.jar, jetty-util-11.0.13.jar, jetty-webapp-11.0.13.jar, jetty-xml-11.0.13.jar define 1 overlapping resource:
[WARNING]   - META-INF/NOTICE.txt
[WARNING] maven-shade-plugin has detected that some class files are
[WARNING] present in two or more JARs. When this happens, only one
[WARNING] single version of the class is copied to the uber jar.
[WARNING] Usually this is not harmful and you can skip these warnings,
[WARNING] otherwise try to manually exclude artifacts based on
[WARNING] mvn dependency:tree -Ddetail=true and the above output.
[WARNING] See http://maven.apache.org/plugins/maven-shade-plugin/
[INFO] Attaching shaded artifact.
[INFO]
[INFO] --- maven-install-plugin:2.4:install (default-install) @ antlr4-lab ---
[INFO] Installing /home/ken/react-antlr4-lab/target/antlr4-lab-0.2-SNAPSHOT.jar to /home/ken/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT.jar
[INFO] Installing /home/ken/react-antlr4-lab/pom.xml to /home/ken/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT.pom
[INFO] Installing /home/ken/react-antlr4-lab/target/antlr4-lab-0.2-SNAPSHOT-sources.jar to /home/ken/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT-sources.jar
[INFO] Installing /home/ken/react-antlr4-lab/target/antlr4-lab-0.2-SNAPSHOT-complete.jar to /home/ken/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT-complete.jar
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time:  5.464 s
[INFO] Finished at: 2023-01-21T10:07:20-05:00
[INFO] ------------------------------------------------------------------------
ken@DESKTOP-DL44R7B:~/react-antlr4-lab$ sudo java -cp ~/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT-complete.jar org.antlr.v4.server.ANTLRHttpServer
10:07:28,563 |-INFO in ch.qos.logback.classic.LoggerContext[default] - Could NOT find resource [logback-test.xml]
10:07:28,564 |-INFO in ch.qos.logback.classic.LoggerContext[default] - Could NOT find resource [logback.groovy]
10:07:28,564 |-INFO in ch.qos.logback.classic.LoggerContext[default] - Found resource [logback.xml] at [jar:file:/home/ken/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT-complete.jar!/logback.xml]
10:07:28,575 |-INFO in ch.qos.logback.core.joran.spi.ConfigurationWatchList@bef2d72 - URL [jar:file:/home/ken/.m2/repository/org/antlr/antlr4-lab/0.2-SNAPSHOT/antlr4-lab-0.2-SNAPSHOT-complete.jar!/logback.xml] is not of type file
10:07:28,659 |-INFO in ch.qos.logback.classic.joran.action.ConfigurationAction - debug attribute not set
10:07:28,663 |-INFO in ch.qos.logback.core.joran.action.AppenderAction - About to instantiate appender of type [ch.qos.logback.core.rolling.RollingFileAppender]
10:07:28,669 |-INFO in ch.qos.logback.core.joran.action.AppenderAction - Naming appender as [FILE]
10:07:28,681 |-INFO in c.q.l.core.rolling.TimeBasedRollingPolicy@1773283386 - setting totalSizeCap to 3 GB
10:07:28,720 |-INFO in c.q.l.core.rolling.TimeBasedRollingPolicy@1773283386 - Will use gz compression
10:07:28,721 |-INFO in c.q.l.core.rolling.TimeBasedRollingPolicy@1773283386 - Will use the pattern LOG_FILE_IS_UNDEFINED.%d{yyyy-MM-dd} for the active file
10:07:28,723 |-INFO in c.q.l.core.rolling.DefaultTimeBasedFileNamingAndTriggeringPolicy - The date pattern is 'yyyy-MM-dd' from file name pattern 'LOG_FILE_IS_UNDEFINED.%d{yyyy-MM-dd}.gz'.
10:07:28,723 |-INFO in c.q.l.core.rolling.DefaultTimeBasedFileNamingAndTriggeringPolicy - Roll-over at midnight.
10:07:28,729 |-INFO in c.q.l.core.rolling.DefaultTimeBasedFileNamingAndTriggeringPolicy - Setting initial period to Wed Nov 23 19:38:36 EST 2022
10:07:28,730 |-INFO in ch.qos.logback.core.joran.action.NestedComplexPropertyIA - Assuming default type [ch.qos.logback.classic.encoder.PatternLayoutEncoder] for [encoder] property
10:07:28,742 |-INFO in ch.qos.logback.core.rolling.RollingFileAppender[FILE] - Active log file name: /var/log/antlrlab/antlrlab.log
10:07:28,742 |-INFO in ch.qos.logback.core.rolling.RollingFileAppender[FILE] - File property is set to [/var/log/antlrlab/antlrlab.log]
10:07:28,743 |-INFO in ch.qos.logback.classic.joran.action.LoggerAction - Setting level of logger [org.antlr.v4.server.ANTLRHttpServer] to INFO
10:07:28,744 |-INFO in ch.qos.logback.core.joran.action.AppenderRefAction - Attaching appender named [FILE] to Logger[org.antlr.v4.server.ANTLRHttpServer]
10:07:28,744 |-INFO in ch.qos.logback.classic.joran.action.RootLoggerAction - Setting level of ROOT logger to ERROR
10:07:28,744 |-ERROR in ch.qos.logback.core.joran.action.AppenderRefAction - Could not find an appender named [STDOUT]. Did you define it below instead of above in the configuration file?
10:07:28,744 |-ERROR in ch.qos.logback.core.joran.action.AppenderRefAction - See http://logback.qos.ch/codes.html#appender_order for more details.
10:07:28,744 |-INFO in ch.qos.logback.classic.joran.action.ConfigurationAction - End of configuration.
10:07:28,745 |-INFO in ch.qos.logback.classic.joran.JoranConfigurator@22a637e7 - Registering current configuration as safe fallback point

In a browser, "localhost" returns:

<html>
<body>
<!--StartFragment--><h2 style="color: rgb(0, 0, 0); font-family: &quot;Times New Roman&quot;; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">HTTP ERROR 404 Not Found</h2>

URI: | /
-- | --
404
Not Found
static-home

<hr style="color: rgb(0, 0, 0); font-family: &quot;Times New Roman&quot;; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><a href="https://eclipse.org/jetty" style="font-family: &quot;Times New Roman&quot;; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px;">Powered by Jetty:// 11.0.13</a><!--EndFragment-->
</body>
</html>
```HTTP ERROR 404 Not Found
URI:	/
STATUS:	404
MESSAGE:	Not Found
SERVLET:	static-home
[Powered by Jetty:// 11.0.13](https://eclipse.org/jetty)

The current instructions and code work for me. This doesn't. Are there new instructions?

[ericvergnaud]

@kaby76 You need to build the UI first, check the top-level readme

[ericvergnaud]

btw there's a maven plugin for running node/yarn, but let's first check if Ter wants to adopt this

[kaby76]

After installing yarn the correct way (not the one that Ubuntu recommends; fixed via sudo apt-get purge cmdtest; sudo apt-get purge yarn; npm install --global yarn), and building, it works. The UI is wonderful. Much better to move the instructions, copyright to a splash window.

[parrt]

Wow, thanks Eric! This is incredibly generous. Let me evaluate it. I really have tried to avoid learning these web tool kits though, and I worry about complexity, but let me take a look.

[ericvergnaud]

I'll happily walk you through the code if it helps.

[parrt]

@kaby76 can you send a few screenshots?

[kaby76]

@kaby76 can you send a few screenshots?

BTW, if I resize the LHS pane with the grammars to a narrow column, the vertical separator becomes a jagged line (third picture, the vertical separator normally is in the middle of the window), and I can no longer grab it to resize the LHS pane to make it larger. The code looks nice, though. :) Nice Typescript.

[ericvergnaud]

I can fix that by setting a minimal width to the left pane

[kaby76]

What is the status of this PR? Is it going to be merged, please? There are bugs in the client code that need to be fixed. #74

[parrt]

In the end guys I don't have time nor interest to learn react. I'm having fun with antlr lab as it is and I am completely overwhelmed with open source work, so I'm going to close. Sorry but thanks again for the huge contribution @ericvergnaud !

On the other hand, you guys could always create your own version at a different URL. I would be only too happy to drop an open source project from my list of work. (Note that I would be keeping lab.antlr.org up as my own software for my entertainment when the mood strikes me.)