feat: switch react ui to use npm and Tauri

[Tauri](https://v2.tauri.app/) gives us a way to build a small platform application, while still allowing deployment as a conventional web app. The built macos arm64 app is around 3.5 megabytes!

This also will enable us to have a command line interface, e.g. via https://v2.tauri.app/plugin/cli/ (not covered in this PR).

> [!WARNING]
> This introduces a development-time Rust dependence, as that is how Tauri works -- the "server side"/launcher is written in Rust.

Signed-off-by: Nick Mitchell <[email protected]>

Author: starpit

pdl-live-react/.gitignore

@@ -1,19 +1,29 @@
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# Swap the comments on the following lines if you wish to use zero-installs
-# In that case, don't forget to run `yarn config set enableGlobalCache false`!
-# Documentation here: https://yarnpkg.com/features/caching#zero-installs
+node_modules
+dist
+dist-ssr
+*.local
 
-#!.yarn/cache
-.pnp.*
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
 
-####
-node_modules/
+# Playwright
 /test-results/
 /playwright-report/
 /blob-report/

pdl-live-react/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["tauri-apps.tauri-vscode", "rust-lang.rust-analyzer"]
+}

pdl-live-react/.yarnrc.yml

@@ -1,14 +1,16 @@
-# PDL Viewer
+# Prompt Declaration Language - Viewer
 
 To get started, make sure you have a recent version of
 [NodeJS](https://nodejs.org/en/download) installed and
-[Yarn](https://classic.yarnpkg.com/lang/en/docs/install). On MacOS,
-these can be installed via `brew install node yarn`.
+[Rust](https://www.rust-lang.org/tools/install).
 
 ## Implementation Details
 
-The PDL Viewer uses [Vite](https://vite.dev/) for bundling,
-[React](https://react.dev/) for the UI,
+The PDL Viewer uses [Tauri](https://v2.tauri.app/) to help with
+building production platform applications. Under the covers, Tauri uses
+[Vite](https://vite.dev/) for bundling.
+
+The code leverages [React](https://react.dev/) for the UI,
 [PatternFly](https://www.patternfly.org/) for UI components, and is
 written in [TypeScript](https://www.typescriptlang.org/). The React
 components are written in [TSX](https://react.dev/learn/typescript)
@@ -18,29 +20,37 @@ components are written in [TSX](https://react.dev/learn/typescript)
 
 To install dependencies:
 ```shell
-yarn
+npm ci
 ```
 
 To start the watcher:
 ```shell
-yarn dev
+npm start
 ```
 
-Which will open up a local port which you can view in your favorite
-browser. Edits to any source files will result in quick and automatic
-updates to that running UI.
+Which will open a new window. Edits to any source files will result in
+quick and automatic updates to that running UI.
 
 ## Tests
 
 There are currently only simple tests for: linting, formatting, and
 type checking. These can be run via:
 ```shell
-yarn test
+npm test
 ```
 
 ## Production
 
-This will generate production bundles in `dist/`
+This will generate production web app bundles in `dist/`, and a production platform application.
+```shell
+npm run build
+```
+
+### Production Platform Application Builds
+
+To build production double-clickable applications:
 ```shell
-yarn build
+npm run build:app
 ```
+
+The built applications will be found under `src-tauri/target/release/bundle`.

pdl-live-react/README.md

@@ -5,7 +5,7 @@ import reactRefresh from 'eslint-plugin-react-refresh'
 import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
-  { ignores: ['dist','test-results','src/**/*.d.ts'] },
+  { ignores: ['dist','test-results','src/**/*.d.ts','src-tauri'] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
     files: ['**/*.{ts,tsx}'],