Add React SSR demo with Micronaut and GraalJS

Author: elhoussnifatimazahra

.github/workflows/graaljs-react-ssr.yml

@@ -0,0 +1,42 @@
+name: Test GraalJS React SSR with Micronaut
+
+on:
+  push:
+    paths:
+      - 'graaljs/graaljs-react-ssr/**'
+      - '.github/workflows/graaljs-react-ssr.yml'
+  pull_request:
+    paths:
+      - 'graaljs/graaljs-react-ssr/**'
+      - '.github/workflows/graaljs-react-ssr.yml'
+  workflow_dispatch:
+
+permissions:
+  contents: read
+
+jobs:
+  run:
+    name: 'graaljs-react-ssr'
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: graalvm/setup-graalvm@v1
+        with:
+          java-version: '24.0.0'
+          distribution: 'graalvm'
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          cache: 'maven'
+
+      - name: Build and run Micronaut app
+        run: |
+          cd graaljs/graaljs-react-ssr
+          ./mvnw clean package -DskipTests
+          ./mvnw mn:run &
+
+      - name: Verify application is running
+        run: |
+          sleep 30
+          curl --fail-with-body --silent --dump-header - -o /dev/null http://localhost:8080

graaljs/README.md

@@ -7,6 +7,7 @@ This directory contains demo applications and guides for [GraalJS](https://www.g
 ## Demos
 
 - [Minimal Java application that embeds GraalJS](graaljs-starter/)
+- [Server-side rendering (SSR) of React.js charts in Micronaut using GraalJS](graaljs-react-ssr/)
 
 ## Guides
 

graaljs/graaljs-react-ssr/.gitignore

@@ -0,0 +1,16 @@
+Thumbs.db
+.DS_Store
+.gradle
+build/
+target/
+out/
+.micronaut/
+.idea
+*.iml
+*.ipr
+*.iws
+.project
+.settings
+.classpath
+.factorypath
+src/js/node_modules

graaljs/graaljs-react-ssr/.mvn/wrapper/maven-wrapper.properties

@@ -0,0 +1,18 @@
+# Licensed to the Apache Software Foundation (ASF) under one
+# or more contributor license agreements.  See the NOTICE file
+# distributed with this work for additional information
+# regarding copyright ownership.  The ASF licenses this file
+# to you under the Apache License, Version 2.0 (the
+# "License"); you may not use this file except in compliance
+# with the License.  You may obtain a copy of the License at
+#
+#   https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing,
+# software distributed under the License is distributed on an
+# "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+# KIND, either express or implied.  See the License for the
+# specific language governing permissions and limitations
+# under the License.
+distributionUrl=https://repo.maven.apache.org/maven2/org/apache/maven/apache-maven/3.9.9/apache-maven-3.9.9-bin.zip
+wrapperUrl=https://repo.maven.apache.org/maven2/org/apache/maven/wrapper/maven-wrapper/3.1.1/maven-wrapper-3.1.1.jar

graaljs/graaljs-react-ssr/README.md

@@ -0,0 +1,36 @@
+# React.js SSR with Micronaut
+
+This project demonstrates how to implement **Server-Side Rendering (SSR)** of **[React.js](https://reactjs.org/)** components within a **[Micronaut](https://micronaut.io/)** application using **[GraalJS](https://www.graalvm.org/latest/reference-manual/js/)**. It uses the **[Recharts](https://recharts.org/en-US/)** library to generate interactive charts that are rendered on the server and returned as HTML.
+
+## Prerequisites
+
+Before you begin, make sure you have the following installed:
+
+* A bit of time to explore and experiment 🙂
+* Your favorite text editor or IDE
+* JDK 21 or later
+* Maven 3.9.9 or later
+
+## Installation Steps
+
+1. **Clone the repository:**
+
+   ```bash
+   git clone https://github.com/graalvm/graal-languages-demos.git
+   cd graaljs/graaljs-react-ssr
+   ```
+
+2. **Build and run the Micronaut application:**
+
+   ```bash
+   ./mvnw mn:run 
+   ```
+
+---
+
+## Result
+
+Open your browser and go to [http://localhost:8080](http://localhost:8080) to view the server-rendered React charts. The charts are generated on the server and returned as HTML, providing fast initial page load and improved performance.
+
+---
+

graaljs/graaljs-react-ssr/aot-jar.properties

@@ -0,0 +1,37 @@
+# AOT configuration properties for jar packaging
+# Please review carefully the optimizations enabled below
+# Check https://micronaut-projects.github.io/micronaut-aot/latest/guide/ for more details
+
+# Caches environment property values: environment properties will be deemed immutable after application startup.
+cached.environment.enabled=true
+
+# Precomputes Micronaut configuration property keys from the current environment variables
+precompute.environment.properties.enabled=true
+
+# Replaces logback.xml with a pure Java configuration
+logback.xml.to.java.enabled=true
+
+# Converts YAML configuration files to Java configuration
+yaml.to.java.config.enabled=true
+
+# Scans for service types ahead-of-time, avoiding classpath scanning at startup
+serviceloading.jit.enabled=true
+
+# Scans reactive types at build time instead of runtime
+scan.reactive.types.enabled=true
+
+# Deduces the environment at build time instead of runtime
+deduce.environment.enabled=true
+
+# Checks for the existence of some types at build time instead of runtime
+known.missing.types.enabled=true
+
+# Precomputes property sources at build time
+sealed.property.source.enabled=true
+
+# The list of service types to be scanned (comma separated)
+service.types=io.micronaut.context.env.PropertySourceLoader,io.micronaut.inject.BeanConfiguration,io.micronaut.inject.BeanDefinitionReference,io.micronaut.http.HttpRequestFactory,io.micronaut.http.HttpResponseFactory,io.micronaut.core.beans.BeanIntrospectionReference,io.micronaut.core.convert.TypeConverterRegistrar,io.micronaut.context.env.PropertyExpressionResolver
+
+# A list of types that the AOT analyzer needs to check for existence (comma separated)
+known.missing.types.list=io.reactivex.Observable,reactor.core.publisher.Flux,kotlinx.coroutines.flow.Flow,io.reactivex.rxjava3.core.Flowable,io.reactivex.rxjava3.core.Observable,io.reactivex.Single,reactor.core.publisher.Mono,io.reactivex.Maybe,io.reactivex.rxjava3.core.Single,io.reactivex.rxjava3.core.Maybe,io.reactivex.Completable,io.reactivex.rxjava3.core.Completable,io.methvin.watchservice.MacOSXListeningWatchService,io.micronaut.core.async.publisher.CompletableFuturePublisher,io.micronaut.core.async.publisher.Publishers.JustPublisher,io.micronaut.core.async.subscriber.Completable
+

graaljs/graaljs-react-ssr/micronaut-cli.yml

@@ -0,0 +1,6 @@
+applicationType: default
+defaultPackage: com.example
+testFramework: junit
+sourceLanguage: java
+buildTool: maven
+features: [app-name, http-client-test, java, java-application, junit, logback, maven, maven-enforcer-plugin, micronaut-aot, micronaut-http-validation, netty-server, properties, readme, serialization-jackson, shade, static-resources, views-react]