Skip to content

Conversation

@MartinaeyNL
Copy link
Contributor

@MartinaeyNL MartinaeyNL commented Jun 27, 2025

Description

This PR adds a React example app to the /ui/app directory.
It is meant as a 'quick start' for developers to work on custom apps using React.

The app in itself is very basic, with;

  • An initial login screen prompt, asking to login in the master realm of an instance.
  • A connection to the OpenRemote websocket and HTTP API (along with token management).
  • A template page with a button that links to the OpenRemote documentation.
  • Configurations for improved local React development

@MartinaeyNL MartinaeyNL self-assigned this Jun 27, 2025
@MartinaeyNL MartinaeyNL added the Feature Development of new feature label Jun 27, 2025
@MartinaeyNL MartinaeyNL linked an issue Jun 27, 2025 that may be closed by this pull request
1 task
@MartinaeyNL
Copy link
Contributor Author

Currently in a state of early setup.

We'll need to discuss what functionalities this custom app should have,
or whether it's a simple template for other developers to move forward with.

@MartinaeyNL
Copy link
Contributor Author

Code is ready to be reviewed.

PR is blocked by openremote/openremote#2216, to export JSX types for the OpenRemote components.

@MartinaeyNL
Copy link
Contributor Author

The PR on the OpenRemote repository has been merged! Great!
Now we'll wait until a release, so I can continue this branch.

@MartinaeyNL MartinaeyNL marked this pull request as ready for review November 11, 2025 12:40
@MartinaeyNL
Copy link
Contributor Author

Ready for review! I've updated the description to a proper one.
Let me know if anyone is OK with reviewing this 👍

@MartinaeyNL MartinaeyNL requested a review from a team November 11, 2025 12:41
@wborn wborn requested a review from Copilot November 11, 2025 13:15
Copilot finished reviewing on behalf of wborn November 11, 2025 13:19
Copy link

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds a React 19 example application to the /ui/app/custom-react directory as a quick-start template for developers building custom OpenRemote applications. The PR also updates OpenRemote package versions from 1.10.0 to 1.11.0 across the codebase.

Key changes:

  • New React 19 application with Rspack bundler configuration
  • Manager connection setup with Keycloak authentication
  • Updated dependency versions across all packages (OpenRemote 1.10.0 → 1.11.0, Rspack 1.4.11 → 1.6.0)

Reviewed Changes

Copilot reviewed 16 out of 19 changed files in this pull request and generated 6 comments.

Show a summary per file
File Description
ui/app/custom-react/* New React 19 example app with TypeScript, including source files, configuration, and build setup
ui/app/README.md Enhanced documentation describing both custom app examples (Lit and React)
yarn.lock Updated dependencies for OpenRemote packages (1.11.0), Rspack (1.6.0), and React 19 support
ui/app/custom/package.json Updated OpenRemote and Rspack package versions
ui/component/*/package.json Updated OpenRemote utility package versions
package.json Updated root OpenRemote utility package version
gradle.properties Updated OpenRemote version to 1.11.0

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@MartinaeyNL
Copy link
Contributor Author

Resolved the comments by Copilot.
Also addressed an issue where importing assets was not working correctly, so I adjusted the RSPack configuration.
It should now all work correctly, and is ready to be reviewed! 👍

@Ekhorn Ekhorn self-requested a review November 14, 2025 13:25
@MartinaeyNL MartinaeyNL merged commit df6ecbd into main Nov 14, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Feature Development of new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create React Example

3 participants